- منذ 6 ايام  لم اضف تدوينة واحد بسبب ظروف دراسية و انترنتية (انقطاع النت :)) -

المهم ، موضوعنا اليوم حول 20 مؤثر اجاكس احترافي

و من لا يعرف الاجاكس

<<

AJAX : هذا الاختصار يعني
Asynchronous JavaScript and XML

فائده الأجاكس هي امكانيه ارسل بيانات او استقبال بيانات بدون تحديث الصفحه

>>

بسم الله نبدأ

1. Image Menu

Image Menu هو طريقة سهلة لعرض قائمة صورية بشكل افقي . عندما تضع المؤشر على رابط ما سيظهر باقي الصورة بشكل جميل و جذاب و هي متوافقة مع جميع المتصفحات

مثال | كود المؤثر

ImageFlow .2

ImageFlow هي وسيلة اخرى لعرض الصور بطريقة جميلة و احترافية و مما يميزها اكثر انها تضيف انعكاس للصور reflection

مثال | كود المؤثر

3. Instant.js

اذا كنت تبحث عن اضافة خلفيات ، او تدوير الصور بزاوية معينة و تاثيرات اخرى لصورك بدون الحاجة الى الفوتوشوب ، فعليك ب Instant.js  .

مثال | كود المؤثر

4. Glassbox

تستطيع اضافة شفافية للحدود الخارجية مثل ويندوز فيستا عن طريق Glassbox

مثال | كود المؤثر

5. Search Field CSS/JS

الاكمال التلقائي لمحرك بحث الموقع احد اهم المتطلبات في الوقت الحالي ، و هذا المؤثر يوفر لك ذلك بطريقة جميلة بقليل من ال CSS و ال Javascript .

مثال | كود المؤثر

6.Protoload

تحميل النصوص و الصور دون الانتقال بين الصفحات كان شيئا يشبه المستحيل في الماضي ، و لكن الآن اصبح موضة للمواقع الحديثة باستعمال Protoload

مثال | كود المؤثر

7. jwysiwyg

jwysiwyg هو اسهل و ابسط محرر نصوص بحجم لا يتجاوز 7kb !!

مثال | كود المؤثر

8. jquery.biggerlink 2

هذه الاضافة خاصة بمكتبة ال jquery و مهمتها تكبير الروابط لتصبح واضحة و قابلة للنقر

مثال | كود المؤثر

9. jQuery Tag Suggestion

اقتراح الوسوم (tags) نراه كثيرا في المواقع الكبيرة ، و هو يشبه الاكمال التلقائي كثيرا ، هذه اضافة اخرى تقوم بهذا الغرض ببساطة و سهولة كبيرين .

مثال | كود المؤثر

10. Facebox

نافذة صغيرة تفتح داخل الصفحة  بطريقة جميلة ، جذابة ، و سهلة الاستعمال !

مثال | كود المؤثر

11. Humanized Messages

هي اضافة انيقة لـjquery فهي تومض عند الضغط على شيئ انت تحدده ، شاهد المثال لتتوضح الامور اكثر .

مثال | كود المؤثر

12. LightWindow v2.0

LighWindow يعتبر من اكثر المؤثرات شهرة ، حيث يوفر على زوارك عناء الانتقال بين الصفحات لرؤية صورة ، او نص او حتى فيديو ، اذ انه يقوم بفتحها في نافذة داخلية (اي داخل الصفحة )

مثال | كود المؤثر

13. Unobtrusive Table Actions

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

مثال | كود المؤثر

14. jQuery checkbox

هذه الاضافة تضيف بعض التغيير على ازرار الاختيار radio buttons كما هو موضح في الصورة و المثال .

مثال | كود المؤثر

15. iCarousel

طريقة ممتازة لعرض الصور و التمرير بينها بسهولة

مثال | كود المؤثر

16. MochaUI

هذه الاضافة لبناء صفحة اجاكس كاملة و تحتوي على مستعرض ملفات و ميزات اخرى .

مثال | كود المؤثر

17. jTip

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

مثال | كود المؤثر

18.Uni-Form

مثلما نرى في الوقت الحالي عندما تقوم بالتسجيل في احد المواقع الكبيرة سيخبرك ان كان اسم المستخدم متوفرا ام لا دون ان يقوم بتحديث الصفحة ، هذه هي مهمة Uni-Form التحقق من المدخلات بدون تغيير الصفحة .

مثال | كود المؤثر

19. Validation Hints

هذا السكربت للتأكد من طول المدخلات كاسم المستخدم و كلمة المرور وغيرهما

مثال | كود المؤثر

20. Control Tabs

Control Tabs هو سكربت حلو يعطيك خيارات كثيرة لاعداد علامات التبويب tabs كالنصوص و الصور .

مثال | كود المؤثر

و انتهينا .

ملاحظة : من لا يجيد استعمال مكتبة jquery فليتفضل هنا

دليلك السهل في تعلم استخدام مكتبة jQuery