css

• styling file input : تغير شكل حقل تحميل الملفات بواسطة css و الجافا سكريبت.
• stylelgnite : مكتبة للتشارك بشفرات الcss .
• css toolbox : برنامج مجاني لتحرير ملفات الcss .
• صانع القوائم : أداة لصنع قوائم css على الخط .
• صانع قوالب css على الخط : اختر شكل القالب مثل عدد الاعمدة و الالوان … الخ و الاداة تنتج الشفرة لك .
• css redundancy checker : أداة لكشف خواص الcss الغير مستخدمة في ملف الhtml و موجودة في ملف css.

جافا سكريبت

• Control suite : عبارة غن 6 بريمجات تعتمد على إطار عمل prototype لإنشاء تطبيقات ويب2 .
• Ext js : هو عبارة عن أساس يمكنك بناء تطبيقات ويب على أساسة تحمل شكل تطبيقات سطح المكتب مثل الازرار و الاستمارات و شكل النافذة .يبدو رائع لتطبيقات الاجاكس .أنا اقوم بتجربته و ما اعجبني كبداية أنه عند التحميل يمكنك أختيار تحميل النسخة المناسبة لك مثلا أنا استخدم في الغالب إطار عمل بروتوتيب prototype و بالتالي يمكنني تحميل نسخة خاصة لمستخدمي هذه المكتبة .كما يمكنك اختيار تحميل الاجزاء التي تريد استخدامها فقط من المكتبة مثلا فقط التعامل مع الحقل في الاستمارة او فقط محرر Html بدل تحميل الملف كامل و ابطاء تحميل الصفحة .
• Curl : مكتبة جافا سكريبت لتطبيق تأثير طي الصفحة غلى الصور.لا أعرف ما هو الاستخدام المناسب لهذه المكتبة لكن التأثير يبدو ظريفا .
• Accordion : مكتبة لأنشاء تأثير الاكوريون أو البوابات المنزلقة .

تصميم

• aviva : موقع يحتوي على دروس فوتوشوب مميزة .
• 40 برنامج مفتوح المصدر لتصميم الجرافيك .
• FlauntR : برنامج على الخط لتحرير و تصميم الصور . يمكنك تطبيق ألف تأثير على الصورة بلمسة زر.
• قوالب ماي سبيس My space .

تطوير

• أمثلة متنوعة لملفhtacess
• درس استخدام FireBug : و هو إضافة للفايروفوكس تساعد المطورين على اكتشاف الاخطاء و تطوير المواقع .
• كيف تسّعر برنامج : هل أنت مطور ويب كيف تسعّر برنامجك .
• Apache re-write mode : 13مثال حي لاستخدام re-write في الاباتشئ .

1. أزرار ويب 2 : اصنع على الخط أزرار بطريقة الويب 2 على الخط و بأربع خطوات .. لمشاهدة أمثلة اضغط هنا .
2. buttonator : اصنع إزرار على الخط .
3. Rounded corner : اصنع مربعات معلومات منحنية أو مستديرة الإطراف ..
4. AjazLoad : مصممي المواقع باستخدام الأجاكس .. اصنع شكل متحرك مناسب لتصميم و لون موقعك بدل استخدام عبارة جاري التحميل … رائع .
5. شعار منعكس على طريقة الويب 2
   
6. شعار منعكس على طريقة الويب 2 : موقع آخر
7. زر صغير : زر صغير كأعلان لموقعك .
8. اصنع خلفية لموقعك
   
9. اصنع خلفية مخططة لموقعك
   
10. اصنع خلفية مخططة لموقعك : موقع آخر
11. صمم قالب : صمم قالب لموقعك بالألوان التي تفضل

هناك الكثير و لكن هذه الأدوات التي أحسست أنها جديدة و متماشية مع موضة web2 .. هل لديك مواقع أخرى ..؟؟

مع ظهور المواقع التي تعرف بمواقع web2 تميزت هذه المواقع بطريقة أو نمط للشعارات و ألوان و تدرجات معينة أصبحت دارجة بشكل كبير . و أصبح الجميع يريد تصميم شعاره بطريقة الويب 2 .

Stabilo Boss قام يتجميع مجموعة كبيرة من هذه الشعارات في صورة واحدة يمكنك مشاهدتها من هنا على فلكر.

إذا كنت تريد تصميم شعارك هذه القائمة ملهمة جدا.