الأفضل

• أفضل برامج php المجانية .
• Ajax tutorials top list : موقع خاص بتجميع دروس الأجاكس .
• نظرةعلى أفضل المحررات المرئية WYSIWYG
  
• نظرة على أفضل المحررات النصية البرمجية

CSS

• أفكار لجعل ملف Css قابل للقراءة
• Can We Prevent CSS Caching : طريقةلتجنب بقاء ملف CSS في كاش المتصفح و عدم ظهورالتعديلات الجديدة في الموقع .
• عرض مجموع التعليقات في مدونتك بطريقة جميلة.
• إضافة أيقونة “جاري التحميل ” للصور الكبيرة .
• Scalable CSS Buttons Using PNG and Background Colors: زر CSS قابل للتمدد .
• IE Bugs : حلول لمعظم المشاكل التي قد تواجها مع المتصفح انترنت اكسيلورر .
• Pagination : أفضل طريقة لعرض أرقام الصفحات .

الإلهام للمصممين

• 50 تصميم ممتاز لمدونات
• 50 تصميم لعرض التعليقات يجب أن تشاهدها .
• 63 خلفية على الموضة .
• أفضل 10 تصميم غامق .
  

أدوات

• PSD 2 CSS : أداة لتحويل ملفات الفوتوشوب إلى شفرات CSS بسهولة ( لم أجربها أرجو ممن جربها اعطائنا رأيه)

مقالات و موضوعات مفيدة

• 7 خطوط أساسية يجب أن تتبعها عند تصميم الأيقونات .
• 25 كتاب يجب ان تشتريه أو تستعيره أو تسرقه في التصميم .
• نظرة من مبرمج php على لغة بايثون Python .
• دليل محركات البحث للمصممين SEO .

ترويسات مدونات و مواقع مجانية headers

• Blog headers
• Free webpage headers

Css

• مكتبة شفرات css : لتصميم مواقع بأعمدة و تقسيمات
• Advanced css printing : إنشاء نسخة لطباعة الصفحة باستخدام css
• قائمة متقدمة بواسطةcss
• إضافة حقوق للصور بواسطة css
• نص متدرج الخلفية بواسطة css

php

• غير شكل موقعك وفقا لحالة الطقس

جافا سكريبت و اجاكس

• Search field : أنشأ حقل بخاصية الأكمال التلقائي .
• The sliding data picker : طريقة جديدة لاختيار التاريخ بتحديد الفترة الزمنية بواسطة سحاب منزلق ؟؟!!!المثال هنا .
• Nicedit : محرر خفيف متقدم بواسطة الجافا سكريبت .
• IE7-JS : يصحح هذا الملف اخطاء المتصفح انترنت اكسبلورر 5و6 و يجعله يتصرف كمحرر يدعم المعايير القياسية .
• IE8-JS : يضيف خواص CSS متطورة غير مدعومة من قبل متصفح انترنت اكسبلورر . لو استخدمت هذا الملف فلن تحتاج إلى الملف السابق .

بحثا عن الإلهام

• 36 نموذج شعار مصمم بإبداع
• 140 نموذج زر على غرار ويب 2
• 25 تصميم لمواقع مصممة ببساطة
• 100 قالب مميز لورد بريس

مقالات

• Account Sign-in: 8 Design Mistakes to Avoid
• 12 خطوة لتصميم موقع احترافي
• Wordpress helpsheet : ورقة مساعدة وردبريس.

(ياكريم اللهم ياذا الرحمة الواسعة يا مطلعا على السرائر و الضمائر و الهواجس و الخواطر , لا يعزب عنك شيء , أسئلك فيضة من فيضان فضلك , و قبضة من نور سلطانك , و أنسا ً و فرجاً من بحر كرمك , أنت بيدك الأمر كله و مقاليد كل شيء فهب لنا ما تقر به أعيننا و تغنينا عن سؤال غيرك , فإنك واسع الكرم , كثير الجود , حسن الشيم , فببابك واقفون و لجودك الواسع المعروف منتظرون يا كريم يا رحيم )

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 .. هل لديك مواقع أخرى ..؟؟