أكثر 50 ملحقًا مفيدًا لـ jQuery لتطوير الواجهة الأمامية

هناك العديد من أطر عمل JavaScript الأخرى المتاحة ، ولكن من الواضح أن jQuery هو الأكثر شيوعًا (وفقًا لـ BuiltWith ، يتم استخدامه حاليًا بواسطة أكثر من 78٪ من أفضل مليون موقع).

الغرض من jQuery هو جعل العديد من وظائف JavaScript التي تحتاج عادةً إلى العديد من سطور التعليمات البرمجية أسهل في الإدارة والكتابة عن طريق تجميعها في طرق يمكن استدعاؤها بسطر واحد فقط من التعليمات البرمجية.

إنه خفيف الوزن ، ولأنه قابل للتمديد ، فهناك ملحقات jQuery متاحة مجانًا لكل وظيفة تقريبًا يمكنك التفكير فيها.

ملحقات jQuery لتخطيطات الويب والجوال

pagePiling.js

pagePiling.js هو مكون إضافي لـ jQuery لـ "تكديس" أقسام التخطيط فوق بعضها البعض والوصول إليها عن طريق التمرير.

fullPage.js

يعد fullPage.js مكونًا إضافيًا بسيطًا لإنشاء مواقع تمرير ملء الشاشة.

gridscrolling.js

gridscrolling.js عبارة عن مكون إضافي لتحديد موضع الأقسام والجوانب في شبكة والسماح بالتنقل عبر مفتاح المؤشر بسهولة.

فليكربلاتي

Flickerplate هو مكون إضافي سريع الاستجابة ، يعمل باللمس وخفيف الوزن يتيح لك "النقر" عبر المحتوى.

jInvertScroll

jInvertScroll هو مكون إضافي خفيف الوزن يسمح لك بالتحرك أفقيًا مع تأثير اختلاف المنظر أثناء التمرير لأسفل.

الرسوم المتحركة

Animsition هو مكون إضافي بسيط لإضافة انتقالات الصفحة باستخدام الرسوم المتحركة لـ CSS.

عمل الطوب

Brick Work عبارة عن مكون إضافي خفيف الوزن (15 كيلو بايت) وغني بالميزات لإنشاء تخطيطات ديناميكية سريعة الاستجابة.

ScrollMe

ScrollMe هو مكون إضافي خفيف الوزن يسمح لك بإضافة تأثيرات تمرير بسيطة إلى صفحات الويب.

softState.js

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

multiscroll.js

يعد multiscroll.js مكونًا إضافيًا بسيطًا لإنشاء مواقع ويب متعددة التمرير باستخدام لوحتين للتمرير الرأسي.

matchHeight.js

matchHeight.js هو مكون إضافي أقوى للارتفاعات المتساوية لـ jQuery.

jQuery Navigation & Menu Plugins

الشرائح

Slidebars عبارة عن مكون إضافي خفيف الوزن (2 كيلوبايت) لإنشاء قائمة دفع بنمط التطبيق.

scotchPanels.js

scotchPanels.js هي قائمة jQuery خارج اللوحة القماشية ومكوِّن إضافي للوحة.

ملحقات jQuery للوسائط (الصور والفيديو)

نقطة التركيز

التركيز البؤري هو مكون إضافي لاقتصاص الصور ديناميكيًا لملء المساحة المتاحة دون قطع موضوع الصورة.

فلويد بوكس

Fluidbox هو نسخة طبق الأصل من وحدة العرض المبسط Medium.com ، مع بعض التحسينات المضافة.

GifPlayer

GifPlayer هو مكون إضافي صغير يسمح لك بالتحكم في وقت تشغيل ملفات GIF المتحركة وإيقافها.

rowGrid.js

rowGrid.js هو مكون إضافي لوضع الصور على شبكة مع دعم التمرير اللانهائي.

SVGMagic

SVGMagic هو مكون إضافي بسيط احتياطي لـ SVG يبحث عن صور SVG على موقعك ويقوم بإنشاء إصدارات PNG إذا كان المستعرض لا يدعمها.

فيديو مسج

Vide هو مكون إضافي لـ jQuery لإضافة خلفيات فيديو بسهولة إلى صفحات الويب الخاصة بك.

Dense.js

Dense.js هو مكون إضافي لخدمة الصور الجاهزة لشبكية العين بسهولة.

Covervid

Covervid هو مكون إضافي بسيط يسمح لك بجعل فيديو HTML5 يتصرف مثل صورة الخلفية.

مسج كروبوكس

يعد jQuery-Cropbox مكونًا إضافيًا مفيدًا حقًا لاقتصاص الصور في المكان (تكبير / تصغير وتحريك ، بدلاً من التحديد والسحب).

الكشف عن الوجه

يعد اكتشاف الوجه مكونًا إضافيًا قويًا لـ jQuery / Zepto يكتشف الوجوه على الصور ومقاطع الفيديو واللوحات القماشية.

BttrLazyLoading

BttrLazyLoading هو مكون إضافي يسمح لتطبيق الويب الخاص بك بتحميل الصور فقط داخل منفذ العرض أثناء قيام المستخدم بالتمرير.

jQuery Slider و Carousel & Gallery Plugins

بسيط jQuery المتزلج

Simple jQuery Slider عبارة عن jQuery Slider خفيف الوزن يقوم بالضبط بما يجب أن يفعله شريط التمرير: "الشرائح الشرائح".

FSVS

FSVS عبارة عن شريط تمرير رأسي بملء الشاشة بسيط يستخدم انتقالات CSS3 مع احتياطي jQuery.

anoFlow

anoFlow عبارة عن مكوِّن إضافي لعرض الصور المبسط / معرض غني بالميزات وسريع الاستجابة.

معرض النانو

nanoGALLERY عبارة عن مكوِّن إضافي لمعرض الصور سريع الاستجابة ويعمل باللمس وسهل الاستخدام.

Justified.js

Justified.js هو مكون إضافي يقوم بإنشاء شبكة صور مبررة.

خلط الصور

Shuffle Images هو مكون إضافي لـ jQuery يسمح لك بعرض صور متعددة وتعديلها داخل معرض عن طريق تحريك المؤشر أو اهتزازه.

Skippr

Skippr هو مكون إضافي بسيط للغاية وخفيف الوزن لعرض الشرائح لـ jQuery.

jQuery Text Effect Plugins

fontFlex.js

يعد fontFlex.js مكونًا إضافيًا خفيف الوزن لتغيير أحجام الخطوط ديناميكيًا.

آلة كاتبة

t.js هو ملحق jQuery خفيف الوزن لتأثيرات نصية تشبه الآلة الكاتبة.

مورفيكست

Morphext - مكوّن إضافي jQuery carousel مدعوم من Animate.css للعبارات النصية.

سبليتشار

Splitchar هو مكون إضافي لـ jQuery يسمح لك بتصميم وتصميم النصف الأول أو الثاني أو كلاهما من الحرف.

jQuery Form Element Plugins

BootstrapValidator

BootstrapValidator هو ملحق jQuery للتحقق من صحة نماذج Bootstrap.

لابيلوتي

Labelauty - مكون jQuery جميل وخفيف الوزن يمنح جمال مربعات الاختيار وأزرار الراديو.

وصي

Guardian هو ملحق jQuery للتحقق من صحة النموذج مرنًا وسهلًا لتوسيعه.

منتقي الخطوط

يعد fontIconPicker مكونًا إضافيًا خفيف الوزن يسمح لك بتضمين منتقي رمز بسيط (مع البحث وترقيم الصفحات) في أي نموذج.

إخفاء السعي

HideSeek هو ملحق jQuery بسيط ولكنه قابل للتخصيص للبحث المباشر.

منتقي الساعة

ClockPicker هو جهاز ضبط الوقت بنمط الساعة لـ jQuery أو Bootstrap.

ملحقات jQuery المساعدة

jQuery تأكيد Mailto

jQuery أكد أن Mailto هو مكون إضافي للتأكيد مع المستخدمين قبل فتح أي رابط mailto: من خلال عميل البريد الإلكتروني الافتراضي الخاص بهم.

يوتري

jNottery هو مكون إضافي يسمح لك بإضافة ملاحظات إلى الصفحة.

علامات تبويب مستجيبة

علامات التبويب المستجيبة هي مكون إضافي يوفر وظائف علامة تبويب سريعة الاستجابة.

Adaptive-backgrounds.js

Adaptive-backgrounds.js هو مكون إضافي رائع يستخرج اللون السائد من الصور الموجودة على صفحة الويب ويطبق اللون على والده.

... وأخيرًا ...

القبة السماوية

Planetarium هو مكون إضافي jQuery يسمح لك ببناء كواكب تفاعلية وبناء الكون!

الجدول دراجر

يتيح لك table-dragger إضافة فرز بالسحب والإفلات بسهولة إلى الجدول الخاص بك دون استخدام jQuery.

محدد

Selector عبارة عن مكتبة micro JavaScript تُستخدم كبديل لـ jQuery ، ويبلغ وزنها حوالي 5 كيلوبايت.

wanker.js

يعد jquery.wanker.js مكونًا إضافيًا مضحكًا لـ jQuery يكشف عن إعلان الخدمة العامة عندما يبدأ الأشخاص في تغيير حجم متصفح سطح المكتب بشكل مفرط أثناء محاولتهم رؤية نقاط التوقف سريعة الاستجابة. كما يقولون ، "الويب من المفترض أن يُقرأ ، لا أن يُسحق!"