my CSS Framework

الخميس 10 سبتمبر 2009

Paginator:

في عملي أقوم بتوفير خاصية pagination سواء في لوحة التحكم أو في واجهة الموقع Front End كي يسهل على المدير تحرير البيانات والتنقل بينها بسلاسة.

وجدت أنني أعيد كتابة نفس الأسطر في كل عمل جديد، وفي الأخير طورت أكواد CSS وحسنتها ثم احتفظت بها في ملف ك Snippet لأقوم فقط بتغيير: الحجم، لون الخلفية أو الإطار، نوع الخط، الاتجاه (عربي / انجليزي) ..

كما يتضح في هذا المثال، حيث قمت بتغيير اللون من الرمادي الى الأخضر وكذلك عدلت نوع الخط وحجمه:

اختبرت الملف على IE6, IE7, Chrome, Safari, Opera, Firefox وكتبت Fix عبارة عن سطر واحد لمتصفح IE وبالتالي أصبح لدي ملف pagination جاهز لادراجه في أي مشروع جديد. وكي يسهل علي إجراء أي تعديلات او تحسينات رفعت الملف على  GitHub

لتحميل الملف من GitHub

Form:

النماذج البريدية جزء أساسي من عملي اليومي، فلا يوجد تطبيق لا يحتوي على أكثر من 3 أو 4 نماذج بريدية، ونفس الشيء وجدته يتكرر في النماذج فأنا أقضي بل أضيع وقتا ثمينا في كتابة نفس الأسطر كل مرة، فأنشأت ملفا لتنسيق النماذج، يمكنني تعديله وتغيير أي شيء فيه بسهولة وسرعة كبيرة جدا، إذ يمكن تغيير شكل النموذج 360 درجة بتعديل 4 أو 5 أسطر، كما في المثال الآتي:

لتحميل الملف من GitHub

ملاحظات:

  • الملفان يستعملان reset لتصفير الإعدادات، لذلك لم أضف list-style .. وبعض الخصائص إليهما.
  • لاستعمال الملفين بالعربية يجب تعديل الاتجاه: float, padding, margin .. من اليسار الى اليمين.
  • يمكن حذف بعض الأوامر الخاصة بالحروف الاتينية مثل text-transform.

إنشاء إطار عمل جعلني أربح الكثير من الوقت، وأنصح كل مطور ويب أن ينشئ ملفا Common يحتوي على الخصائص التي يكررها باستمرار .. من هنا جاءت الحاجة لإنشاء أطر العمل المختلفة في PHP, Ruby .. إلخ، وبفضل التحسينات والتعديلات تحولت من أطر عمل شخصية إلى أطر عمل جماعية.

2 تعليقات

  1. cssbit قال:

    وعليكم السلام ورحمة الله
    مرحبا عبد الهادي

    بودي ان اقتنع بملاحظتك لكنني اصدقك القول أجد نفسي عاجزا عن ايجاد المصطلح المناسب او الكلمة المرادفة
    فمثلا كلمة snippet لم اجد لها عبارة مناسبة تصف ما اود الاشارة اليه، كذلك كلمة pagination ؟ تعدد الصفحات بالنسبة لي كلمة طويلة مملة ..

    اشكرك على ابداء ملاحظاتك وثق انها من صميم اهتمامي فانا اضطر لاستعمال مفردات بحروف لاتينية لعدم اقتناعي بالمرادف العربي – واتحدث هنا عن التطوير بطبيعة الحال

    سعد الدين:
    thank you

أضف تعليقا

لن يظهر بريدك لأحد آخر

إن أردت