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

التدوينات الموسومة بـ ‘تصميم’
صفحة 404
الأحد, 17 يناير, 2010وحدة Scrollable Content لدروبال
السبت, 26 ديسمبر, 2009السلام عليكم،
مازالت الدروبال تحقق نجاحاً إثر نجاح، ومن أكبر أسرار نجاح هذا النظام هو المجتمع الكبير والمتعاون لدروبال. هذا المجتمع يغريك بالعمل والتعاون معهم، فوق هذا المجتمع الكبير جداً من الأعضاء (يقترب عدد أعضاء drupal.org من نصف مليون) يوجد طبقة إدارية متعاونة ومتابعة ﻷبعد الحدود، حيث تجدهم يومياً على تواصل ومعرفة دائمة بما يجري في مجتمع الدروبال وأظن أن هذا هو سبب نجاحها.
انتهيت منذ فترة قريبة من برمجة وحدة للدروبال سميتها Scrollable Content حيث تعمل هذه الوحدة على عرض المواضيع بطريقة جميلة (سلايدر slider) بالاعتماد على مكتبة jQuery Tools، بدون الكثير من التفاصيل إليكم صورة لتتضح الصورة ![]()

وأيضاً في موقع العرض: http://drupal.holooli.com
من أهم ميزات Scrollable Content:
1- السرعة في حركة التقليب (Sliding)
2- يمكنك استعمال دولاب الفأرة (scroll) لتحريك الصور (أي المقالات)
3- يمكنك تحديد نوع\أنواع محتوى و\أو تصنيف\تصنيفات لعرضها في قطعة (block) هذه الوحدة
4- يمكنك (ويفضل) استخدام وحدة ImageCache لعرض الصور بشكل أفضل.
5- يوجد حالياً نوعين للحركة أفقية وعمودية ويمكن تغييرهم وتكييفهم من خلال CSS كما تريد.
الوحدات في دروبال تخضع لمراقبة دقيقة قبل نشرها وبعد نشرها أيضاً، بعكس الووردبريس حيث تكون العملية آلية ولايمكنك التبليغ عن الأخطاء في نفس الموقع (بدأ ووردبريس الآن بإضافة قطعة صغيرة Compatibility في صفحة الإضافة للتبليغ عن الأخطاء).
وحدة Scrollable Content لاتحتاج لخبرة كبيرة بالدروبال لاستعمالها وبعد فترة قريبة سأضيف توثيق كامل لكيفية استخدامها ومقطعاً تعليمياً أيضاً.
أرجو ممن جرب هذه الوحدة أن يخبرني عن الإيجاببيات والسلبيات فيها.
ملاحظة: بالنسبة لترجمة الدروبال فالموضوع معقد بعض الشيء خصوصاً عند التنسيق مع باقي المترجمين، سأبلغكم فور الانتهاء من تعريبها بشكل كامل.
ثيم خفيفة للفايرفوكس
الثلاثاء, 25 أغسطس, 2009السلام عليكم،
ربما تعرفتم على مشاريع Mozilla Labs من قبل حين كتبت عن ubiquity. مشاريع مختبر موزيلا تقوم على تقديم إضافات مميزة جداً ومشاريع جديدة لتحسين الفايرفوكس أكثر وأكثر.
قبل مدة جربت الإضافة المسماة Personas حيث تسمح لك هذه الإضافة بعد تركيبها بإضافة ثيم خفيفة تغير فقط المنطقة العليا والسفلى من المتصفح. بإمكان أي شخص إضافة Persona من تصميمه وستنشر على الموقع بعد التأكد منها يدوياً (لذلك ربما تأخذ العملية أسبوعين).
قمت على سبيل التجربة بتصميم “بيرسونة” Persona سريعة لشهر رمضان. بإمكانكم تصميم واحدة أيضاً فماعليكم سوى التسجيل في موقع Personas ثم اتباع الخطوات لتصميم البيرسونة واستعمالها فيما بعد ونشرها بين الأصدقاء.
وصدر الحكم بالإعدام
الأربعاء, 22 يوليو, 2009السلام عليكم،
وقت طويل أهدرناه من حياتنا على هذا المتهم، تهمته الرئيسية هي إضاعة وقت المطورين ودفن الكثير من الأفكار الإبداعية، إنه الابن العاق لمايكروسوفت، هل عرفتموه؟ نعم إنه IE 6.

( اكمل قراءة التدوينة )
موقع عربي مميز للتصميم
الثلاثاء, 21 يوليو, 2009السلام عليكم،
راسلني الأخ محمد القرني ليعلمني بافتتاح الموقع الرائع نقطة بداية، يهتم الموقع بأمور التصميم بشكل عام ويركز على جودة المحتوى، الجديد بالموقع وجود مجموعة متميزة من المصممين العرب لتزويد الموقع بمحتوى عالي الجودة.
ثيمة الإدارة للدروبال
الخميس, 16 يوليو, 2009السلام عليكم ورحمة الله وبركاته،
الثيم الأساسية للدروبال تعتبر صعبة نوعاً ما ومعقدة! وبدأ التركيز بشكل جدي على تسهيل الدروبال وتحسين قابلية الاستخدام للنسخة السابعة.
( اكمل قراءة التدوينة )
الخطوط العربية
الجمعة, 6 فبراير, 2009بسم الله الرحمن الرحيم،
مؤخراً ظهرت العديد من التقنيات الجديدة التي تقوم على مبدأ تحويل النصوص التي تريدها في صفحتك لصور بخط أنت تحدده، لتظهر للزائر صورة النص بالخط المطلوب وبذلك تصمم اجمل التصاميم لموقعك بدون استخدام محرر الصور، كلنا يعلم أنه عند تصميمك لصفحة تقوم بتحديد الخط المستخدم بحيث تضمن وجوده على أجهزة زائري الموقع وإلا فلن يظهر الخط لديهم وغالباً مايتم تحديد عدة خطوط، وهذه الخطوط معروفة للمصممين وهي موجودة في كل نظام تشغيل.
( اكمل قراءة التدوينة )
توصيف تطوير موقع
السبت, 1 نوفمبر, 2008السلام عليكم،
عند التعامل مع عميل لبناء موقع جديد أو تحديث موقع قديم نحاول أن نسأله معظم الأسئلة التي تهمنا للبدء بتطوير هذا الموقع، ولكن غالباً ماننسى بعض التفاصيل. فحاولت أن أجمع أهم الأسئلة التي يجب أن تسأل العميل عنها لتوصيف الموقع والبدء بتطويره في ملف نصي (وورد) لسهولة طباعته أو إرساله بالبريد الإلكتروني للعميل كي يملأه.
( اكمل قراءة التدوينة )
مخطط المنتجات
الخميس, 30 أكتوبر, 2008بسم الله الرحمن الرحيم،
شاهدت موقعاً أعجبتني فكرته جداً فأحببته أن أشارككم إياه، الفكرة بكل بساطة هي تمثيل الخطوات بشكل صور أو دفق (flow). الموقع اسمه Prodcut Planner، حالما تدخل للموقع ستجد واجهة جميلة وعدة أمثلة بالأسفل، توجه فوراً إلى زر Explore now لتجد عشرات الأمثلة مصنفة حسب النوع أو عدد المشاهدات. شاهد بعض الأمثلة لتأخذ فكرة عامة عن الموقع وكيفية تصميم الدفق.
مهم جداً: بعد تجربتي للموقع لاحظت أنه لايدعم العربية جيداً لذلك استعمل اللغة الإنجليزية.
والآن بعد أن رأيت الأمثلة يجب أن تجرب هذا الموقع الرائع بنفسك، أولاً قم بالتسجيل في الموقع وبعد التسجيل ستجد زر CREATE FLOW في قائمة التصفح الرئيسية بأعلى الصفحة، اضغط عليه.
بعد ذلك عليك أن تحدد اسم المخطط أو الدفق ونوعه (دعوة، تسجيل، متابعة، حدث) اختر النوع الذي بناسبك وحدد اسم الشركة وإذا كانت الدعوة عامة أم خاصة (الدعوة العامة ستعرض في الموقع)، ثم إبدأ ببناء المخطط من القائمة الموجودة في اليمين.
من القائمة الموجودة على اليمين، اختر شكل المخطط (أفقي، عمودي أو حلقي)، ثم بأسفل منها تجد الخطوات اختر الخطوات التي تريدها (Flow Steps) وتذكر أن الترتيب مهم.
في كل خطوة تستطيع اختيار الاسم وصورة لهذه الخطوة، بعد أن تنتهي من الخطوات سيصبح لديك مخطط جاهز للاستخدام والتضمين، والآن شاهد النتيجة How to use product planner أيضاً تستطيع تضمين النتيجة داخل موقعك!
استعمالات هذا الموقع كثيرة ومفيدة، تخيل أن تضع هذا المخطط في موقعك لترشد الزوار إلى كيفية التسجيل أو المشاركة. الجميل فيه أنه مجاني ومرن جداً أي لايوجد قيود على خطوات المخطط فلهذا تستطيع إنشاء أي مخطط تريده.
موقع الجزيرة الجديد
الأربعاء, 29 أكتوبر, 2008بسم الله الرحمن الرحيم،
منذ حوالي الأسبوعين أطلقت الجزيرة موقعها الجديد، ومع الموقع الجديد تأتي هذه التدوينة لتبين التغييرات التي حدثت، المفيد منها والغير مفيد.
