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

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

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

مازال هناك بعض الأمور العالقة و التي تحتاج للتعديل فلو وجدت نص طائر أو زر عالق .. اغمض عينيك حتى انتهي من الترقية .. و شكرا لتفهمكم و دعمكم .. و عذرا المدونة العربية .

تصميم و تطوير

• IE netrenderer: قارن تصميم موقعك في عدد من المتصفحات مثل Internet Explorer 7, 6, 5.5
• أسئلة حول جوجل: أحد مهندسي جوجل يجيب في هذا الفيديو على عدد من الأسئلة حول جوجل
• Browser Bugs : في هذا الموقع تجد قائمة بالمشاكل في ظهور الصفحات في كل متصفح .
• 7 أنماط تصميم
• 34 مكان في الشبكة للحصول على الإلهام
• فن تصميم بطاقات العمل .. نماذج رائعة
• 100 أداة لتغطية حاجة المصمم الحر على الشبكة
• 25 طريقة لتحسين موقعك
• أرقام الصفحات : لديك خاصية البحث مثلا في موقعك و تظهر النتائج على عدد من الصفحات ماهي الطريقة الصحيحة لعرض هذه الأرقام بشكل مناسب للزوار

جرافيك و خطوط

• Vecteezy : صور متجهية مجانية .
• مجموعة فراشي مجانية للفوتوشوب
• مجموعة تدرجات لونية مجانية : لتسهل لك تصميم جرافيك وفقا لموضة ويب2

CSS

• قائمة للخطوات : اضغط على الوصلة لمشاهدة ما اقصد .

هذه حصيلتي من الروابط شاركوني بها :

1. Styling the Button Element with Sliding Doors : اصنع أزار بطريقة مختلفة بواسطة css
2. CSS Hacks & Issues: أفكار و حيل للتعامل مع css
3. أصنع ازرار جذابة بواسطة css
   
4. تلميحات جذابة الشكل لحقول الاستمارات بواسطة css و جافا سكريبت
5. قائمة المعايير القياسية Web standards checklist : قائمة بأهم الاسئلة و الأمور التي يجب أن تتأكد منها و تطبقها ليظهر تصميمك مطابقا للمعايير القياسية .
6. 53 تقنية css لن تستطيع العيش بدونها
7. Css cheat sheet براشيم Css : هذه هي الترجمة التي خطرت على بالي .. و لكنها عبارة عن ملخص لاهم اوامر css و القيم المتاحة لها .
8. معرض صور بواسطة css : نسق معرض الصور بواسطة css و بدون استخدام الجداول .