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 في الاباتشئ .

هذه قائمة بمواقع تقدم أيقونات مجانية ..

• iconlet.com : يمكن أعتبار هذا الموقع محرك بحث جوجل للايقونات فقط ادخل الكلمة و ستعرض لك قائمة الأيقونات
• 500 أيقونة من نوع فيكتور .
• iconbee
• freeiconsweb
• Mini pixel icons:أيقونات صغيرة الحجم .
• لوحة المفاتيح :104 ايقونة لأزرار لوحة المفاتيح.
• icon factory
• Fam fam fam

في الموضوع السابق كنت قد اعددت قائمة لأهم إضافات متصفح فايرفوكس تفيد مطوري المواقع .. و قد أجريت المزيد من البحث ووجدت مجموعة جديدة تستحق التجربة ..

• ColorZilla : لمعرفة رقم اللون لأي جزء تحدده في الصفحة .
• Html validator :يقييم شفرة الhtml و يظهر الأخطاء في شفرة الصفحة.
• MeasureIt: لقياس أي جزء في الصفحة طولا و عرضا بالبكسل.
• Save as image : حفظ الصفحة أو أي جزء في الصفحة كصورة .

• FireBug : هي مجموعة من الأدوات الغنية و التي تمكنك من الكشف على الموقع ( شفرات html و شفرات css) . قياس المسافات في الصفحات لإستخدامها في ملفات css . عرض نشاط الصفحة عدد الملفات التي تم تحميلها … حجم الملفات… هل هناك ملفات مفقودة .. الخ . أداة ممتازة للتعامل مع الجافا سكريبت و كشف وتعديل الاخطاء .و الكثير ..العيب الوحيد في أنه ثقيل قليلا على المتصفح و بالتالي أنا لا افعله في أكثر الأوقات إلا عند الحاجة إليه.
• YSlow : إضافة على FireBug لمتصفح الفايرفوكس ..و الذي يقوم بتقييم سرعة الصفحة و إعطاءك تقرير حول 13 عنصر في الصفحة ..
• Dust Me Selector : إضافة على متصفح FireFox لمعرفة تعريفات css الغير مستخدمه .
• Xray : هي إداة تضاف إلى قائمة المفضلة و تمكنك من الكشف على محتويات كل صفحة تزورها لمعرفة محتوياتها و تقسيماتها ..
• شريط أدوات مطوري المواقع : شريط إدوات لمتصفح فايرفوكس أحد أهم الادوات و التي لا غنى لأي مطور عنها .
• IE Tab : يمكنك عرض صفحتك على متصفح فايرفوكس كما يعرضة متصفح انترنت اكسبلورر و بالتالي يغنيك عن فتح أكثر من متصفح و التأكد من موقعك فيه .
• Operaview : نفس عمل الإضافة السابقة لكنها تقوم بعرض الصفحة كما يعرضها متصفح أوبرا.

هذه قائمتي حتى الآن .. هل لديك اقتراح آخر ؟؟