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

• 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 و بدون استخدام الجداول .