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

• المرجع الكامل لترميز النصوص في الويب
• مكتبة البروتوتايب : إصدار جديد من هذه المكتبة مع تحديث شامل للموقع الرسمي .
• 53 حيلة و فكرة css لا يستطيع المصمم أن يعيش يدونها
• منتديات بنكهة الفانيلا : الاخ سردال كتب في مدونته على المنتديات و لكن بنكهة الفانيلا .
• 30 تصميم غامق يجب ان تشاهد ..
  

كنت أعاني منذ فترة من مشكلة التعليقات الدعائية مئات و مئات التعليقات الدعائية و التي تقوم انظمة اتوماتيكية بإضافتها كل يوم لآلاف المواقع التي تحتوي على الاستمارة مثل استمارات المراسالات .. التعليقات .. سجلات الزوار ..

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

في الحقيقة أنا على دراية بالحل لكن ضيق الوقت منعني .. حتى وجدت هذا الموقع

http://www.protectwebform.com/

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

نعود لموقع Protect web form الموقع سهل العملية فبدلا من برمجة البرمجية الخاصة بي و التي ستنشأ الصورة و تعرضها و تدققها يقوم الموقع بكل هذه المهمات .. انت تنتج الشكل الذي تريد و الموقع يزودك بالشفرات .الطريقة سهلة و الموقع لا يعرض إي إعلانات تذكر إلا الوصلة الصغيرة بجانب الصورة.استطعت اتمام العملية في 10 دقائق و بسهولة و مجانا .كما و يتوفر إضافة Plugin خاصة لمستخدمي ورد بريس .

نقلا عن منتدى سوالف :

الفكره باﻷصل هى تطويع ال “css” و امكانياتها الغير محدوده للارتقاء بصفحات مواقعنا و اطلاق العنان للتخيل و الا بتكار، فالكثير من مواقعنا ﻻزالت تعتمد بشكل كبير على نظام الجداول فى حين ان العالم من حولنا يتجهه الى ال “css” و تصميمات بدون جداول “tabless”

أنا اتفق مع العبارة السابقة بشكل كامل . و بالفعل يجب الأرتقاء بالأفكار و التصميمات و الابتعاد عن النمطية في التصميم .و الكثير من المواقع العربية لا تستفيد من امكانيات css بالكامل .

• رابط التجربة : http://www.henawi.com/arakey/arakey.html
• التحميل :
  http://www.swalif.net/softs/attachment.php?attachmentid=31386