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

اصلاح بعض الأخطاء في أداة 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 أصبحت مؤتمتة بالكامل، ولا حاجة لأي تدخل بشري فيها إلا لاصلاح الأخطاء الغير قابلة للأتمتتة.

[تغطية]: /weblog/2005/08/11/alriyadh-interview/
[CSSMirror]: /tools/cssmirror/

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

إذا كنت من المترددين على هذا الموقع فستلاحظ بأن هنالك قسمان جديدان في شريط تصفح الموقع، القسم الأول اسمه [معرض الصور][معرض] أما القسم الثاني فاسمه [اتصل بي][اتصل].
[معرض]: /gallery/
[اتصل]: /contact/

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

[شروق]: /gallery/v/kuwait-sunrise/
[أبراج]: /gallery/v/kuwait-towers/
[أسماك]: /gallery/v/kuwait-aquarium/

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

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

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

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

[اللقاء]: http://www.alriyadh.com/2005/07/20/article82381.html

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

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

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

[سردال]: http://www.serdal.com/archives/2005/06/11/screencast/

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

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

[مقطع]: http://www.ahmadh.com/static/screencasting/installing-apache-final.htm

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

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

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

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

[سردال]: http://www.serdal.com/

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

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

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

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

[أداة]: /tools/cssmirror/
[wordpress]: http://www.wordpress.org/
[تصاميم]: http://www.alexking.org/software/wordpress/theme_browser.php

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

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

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

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

[تعليقات]: http://www.ahmadh.com/weblog/2005/06/07/cssmirror-released/#comments

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

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

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

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

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

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

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

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