قسم الموقع والمدونة

اصلاح بعض الأخطاء في أداة CSSMirror

قمت اليوم باصلاح بعض الأخطاء في أداة CSSMirror، الأداة أصبحت الآن أكثر مرونة في التعامل مع ملفات HTML وPHP وغيرها، في السابق، كان هنالك الكثير من الأخطاء بسبب عدم قدرة مكتبة Python المخصصة لتحليل ملفات HTML على التعامل مع بعض ملفات HTML التي تحتوي على شفرات JavaScript وPHP، الآن الأداة ستقوم بتجاهل الملفات التي يصعب التعامل معها.

لاحظ بأنه لا توجد حاليا أية أخطاء في التعامل مع ملفات CSS وهي الملفات الأساسية التي تستهدفها الأداة.

الكثير من الأشخاص سألوا عن كيفية استخدام الأداة مع أكثر تصميم في نفس الوقت، وهو أمر ممكن، فعلى الرغم من أن الأداة حاليا لا تقبل سوى أرشيف ZIP واحد في كل مرة، لكن ذلك لا يعني بأنك لا تستطيع أن تضع أكثر من تصميم في هذا الأرشيف، فإذا كانت لديك عشرة تصاميم مثلا كل واحد منها في ملف مضغوط مستقل، فكل ما عليك القيام به هو فك كل واحد منها في دليل مستقل بجانب بعضهم البعض ثم ضغطهم كلهم في أرشيف ZIP واحد واستخدامه مع الأداة، وستقوم الأداة بقلب كافة التصاميم التي في الأرشيف مرة واحدة.

تعديلات على أداة CSSMirror ودعم لملفات HTML أخيرا!

بعد الطلب الكبير على الأداة والتغطية الاعلامية، يسرني أن أعلن عن ادخال تحسنين مهمين على أداة CSSMirror:

  1. من الآن فصاعدا، فإن الأداة لن تقوم بعمل أية تغييرات على ملف style.css سوى التغييرات المطلوبة لقلب الاتجاه، وستحتفظ بالتعليقات والمسافات البيضاء وغيرها كما هي.
  2. تقوم الأداة الآن بعمل كافة التغييرات اللازمة في ملفات HTML أيضا، ويشمل ذلك ضبط الخاصية dir على القيمة rtl كما ينبغي، وتغييرات أخرى من بينها تحويل قيمة الخاصية align لأي وسم من وسوم الملف من right إلى left وبالعكس.

أهم ما يعنيه ذلك هو أن عملية قلب اتجاه قوالب WordPress أصبحت مؤتمتة بالكامل، ولا حاجة لأي تدخل بشري فيها إلا لاصلاح الأخطاء الغير قابلة للأتمتتة.

إضافة معرض الصور وصفحة اتصل بي

إذا كنت من المترددين على هذا الموقع فستلاحظ بأن هنالك قسمان جديدان في شريط تصفح الموقع، القسم الأول اسمه معرض الصور أما القسم الثاني فاسمه اتصل بي. ستجد في معرض الصور مجموعة من الصور التي صورتها منها صور لشروق الشمس في منطقة الدوحة وغيرها وأبراج الكويت وبعض الأسماك والحيوانات في المركز العلمي بالكويت، آمل أن تعجبكم هذه الصور.

أما بالنسبة لقسم اتصل بي، فكما يقول المثل: أن تأتي متأخرا خيرا من أن لا تأتي :)

بقي الآن العمل على الصفحة الرئيسية للموقع.

لقاء صحفي في جريدة الرياض حول أداة CSSMirror

أجرت الأخت هند من جريدة الرياض لقاءا صحفيا معي بخصوص أداة CSS Mirror، وقد نشر قبل فترة تحت عنوان “أداة CSS Mirror الحل المثالي والسريع لمشاكل تعريب قوالب المدونات“.

أشكر الأخت هند وجريدة الرياض على اهتمامها وتسليطها الضوء على أعمال الشباب العربي.

شرح لتركيب مزود Apache على جهاز Windows XP بالصورة

قبل ثلاثة أيام، كتب سردال عن موضة جديدة اسمها Screencasting، وهو عبارة عن انشاء ملف فيديوي يعرض بالصورة كل الأحداث التي تحدث على شاشة الشخص الذي أنشأ الملف وبالصوت تعليقات على ما يقوم به، والهدف منه استخدامه كأداة لتعليم استخدام برامج ومواقع الكمبيوتر.

الفكرة قديمة، لكنها عادت لتظهر كموضة الآن بعد تزايد سرعات الاتصال بالإنترنت، بحيث أصبح نقل مثل هذا المحتوى من الصوت والصورة أسرع بكثير مما كان عليه في السابق، وبالتالي فإن هنالك الآن جمهورا أكبر لها، بالإضافة إلى ذلك فإن انتاج هذه الملفات ومشاهدتها أكثر متعة من كتابة التعليمات وقرائتها، والزمن وحده سيرينا ما الذي سيحدث بهذه الموضة.

قمت اليوم بانتاج مقطع يشرح كيفية تركيب مزود Apache على جهاز Windows XP SP2، هذا المقطع يفتقر إلى الصوت لأنني قمت بانشاءه باستخدام برنامج مجاني يدعى Wink لا يدعم الأصوات حاليا، والبرامج الأخرى المتوفرة والتي تدعم الصوت مكلفة.

هذا الملف عبارة عن مجرد تجربة أولى، وهو في الواقع قد لا يكون ذا فائدة كبيرة لأن عملية تركيب المزود سهلة أصلا، لكن الهدف هو التعلم وقراءة ردود الأفعال ومحاولة التحسين، وأنا أعتزم عمل سلسلة كاملة تشرح كيفية تركيب برامج أخرى واعدادها بطرق معينة توثّق البيئة التي على جهازي لتطوير مواقع الويب وهي تشمل تركيب PHP وmod_perl و mod_python وMySQL وPostgreSQL وربما RubyOnRails أيضا.

حتى ذلك الحين، لا تنسوا اعطائي ملاحظاتكم بالتعليق على هذا الموضوع.

أمثلة وملاحظات على أداة تغيير اتجاه التصميم

قمت بعمل صفحة خاصة بالأداة التي أعلنت عنها سابقا والتي تقوم بقلب اتجاه التصميم، وضمنتها أمثلة بالصور على كيفية عملها، وذلك بناءا على طلب الأخ العزيز سردال.

سردال قالها أفضل مني، لذلك فإنني أنقل لكم كلماته التي قالها تعليقا على هذه الأداة:

ما يفعله السكربت الذي برمجته في ثوان أو أقل من ثانية يتطلب مني عمل 10 إلى 20 دقيقة حسب تعقيد التصميم! […] يا إلهي! لماذا لم يفكر أحد من قبل بهذه الفكرة؟

أداة لتغيير جهة تصميم الصفحة تلقائيا

قمت اليوم بوضع اللمسات الأخيرة على أداة جديدة تسمح لك بتحويل تصاميم CSS إلى تصاميم معكوسة، وكأنك تنظر إليها بالمرآة، والهدف منها مساعدتك في تعريب تصاميم برامج الويب الجاهزة، مثل برنامج WordPress، الذي يمكنك أن تحصل له على الكثير من التصاميم الجاهزة.

الأداة موجودة على هذا العنوان: http://www.ahmadh.com/tools/cssmirror/

وتستخدم بأن تقوم بتحميل ملف ZIP يحتوي على ملفات CSS وملفات صور التصميم، ومن المفترض أنك بمجرد ارسال الملف فإن المتصفح سيعرض لك مربعا لتنزيل ملف ZIP المعدل، حيث يكون البرنامج قد قام بعمل التغييرات اللازمة على ملفات CSS وملفات الصور ذات الامتداد (gif, png, jpeg, jpg) وتحويلها كلها إلى نسخ معكوسة.

البرنامج لا يزال في مراحلة الابتدائية ويعاني من عدة مشاكل، أهمها أنه يقوم بتغييرات جذرية في ملف CSS من بينها ازالة كافة التعليقات (comments) وهذا الأمر يجب أن لا يؤثر في أكثر التصاميم، لكنه يؤثر بالذات على تصاميم WordPress التي تعتمد على هذه التعليقات في ملف style.css للحصول على معلومات التصميم، وستحتاج لاعادة وضع التعليق من ملف style.css الأصلي في بداية ملف style.css المعدل.

إذا كانت لديكم أية ملاحظات على البرنامج فيمكنكم كتابتها كتعليقات على هذا الموضوع.

أريد أن أعرف رأيكم والتحسينات التي تحبون ادخالها على الأداة لجعلها تعمل بشكل أفضل لاحتياجاتكم.

التصميم الجديد!

قمت أخير بعمل التغييرات اللازمة على التصميم الجديد ليعمل بصورة صحيحة على Internet Explorer، وها هو أخيرا.

الصورة التي في التصميم صورة للشروق في منطقة الدوحة في الكويت التقطتها الصيف الماضي.

الافتتاح الكبير!

بسم الله الرحمن الرحيم أبدأ وأفتتح لكم مدونتي هذه.

بالطبع كل شيء كان مخططا له جيدا، وكان هنالك تصميم مميز وجميل للموقع والمدونة، لكن بسبب مشكلة في Internet Explorer كان هنالك خطأ قاتل في التصميم، وعطلتني بعد ذلك بعض المشاكل أثناء الانتقال إلى المستضيف الجديد، فقررت في النهاية أن أفتتح الموقع وأبدأ بالكتابة في المدونة، وأقوم بتعديل الموقع بعد ذلك بالتدريج.

لا أستطيع أن أقرر أو أعد بما سأكتبه في هذه المدونة، لكنني أتصور أنني سأتحدث كثيرا عن تطوير مواقع الويب وأخبارها، خاصة عن الأمور المتقدمة والأمور التي يتجاهلها الكثير من أصحاب المواقع مثل قابلية الاستخدام وتحسين الموقع ليصبح أكثر توافقا مع محركات البحث، كما أنني أتخيل نفسي أتحدث أيضا عن هوايتي الجديدة وهي التصوير الفوتوغرافي وعن دراستي أيضا وهي الطب البشري.