معرفی مهم ترین و برترین افزونه جی کوئری

در این مقاله قصد داریم شما را با 20 تا از بهترین افزونه جی کوئری آشنا کنیم. این افزونه ها به شما در صرفه جویی در زمان و تلاش کمک خواهند کرد.این افزونه ها عبارتند از:

• پشتیبانی از چت اجتماعی CZM
• پخش کننده ویدئو RTO+P
• Muuri
• Timeline
• Titled page scroll
• Focuspoint
• SVGMagic
• Face Detection
• Round Slider
• jInvertScroll
• Slinky
• TwentyTwenty
• Material design hierarchical display
• Tabslet
• nanogallery2
• Tooltipster
• Magnific
• jQuery Knob
• Type Ahead
• Lettering.js

 

ده ها هزار پلاگین jQuery برای کتابخانه jQuery نوشته شده است که می توانند در زمان و تلاش شما برای افزودن قابلیت به وب سایت ها صرفه جویی کنند. کتابخانه jQuery که در سال 2006 توسط John Resig ایجاد شد، یکی از محبوب ترین کتابخانه های جاوا اسکریپت و منبعی فوق العاده برای توسعه سریع تعاملات کاربر است.

 

از گالری ‌های تصویر و فرم‌ها گرفته تا انیمیشن‌های CSS ، این کتابخانه بلوک‌های اصلی را فراهم می‌کند تا بتوانید به سرعت یک رابط کاربری منحصربه ‌فرد را با حداقل کد و تلاش، نمونه‌سازی و ارائه دهید.

پلاگین های پرکاربرد و برتر jQuery

1. پشتیبانی از چت اجتماعی CZM

با استفاده از این افزونه jQuery پشتیبانی چت اجتماعی، می‌توانید به سرعت از حساب‌های اجتماعی نامحدود، از جمله واتساپ، مسنجر، اسکایپ، توییتر، تلگرام و اینستاگرام پشتیبانی کنید. تنظیم آن آسان است و می توانید دکمه ها را به دلخواه شخصی سازی کنید. برخلاف بسیاری از افزونه های این لیست، این افزونه رایگان نیست. دانلود آن 14 دلار هزینه دارد.

2. پخش کننده ویدیو RTO+P

این پلاگین جی کوئری ساختن و سفارشی کردن پخش کننده ویدیوی خود را آسان می کند و ویدیوها را از سرور یا CDN خود یا از یک جریان عمومی Vimeo می گیرد. از تگ ویدیوی HTML5 برای آسان کردن زندگی استفاده کنید یا برای عملکرد بهتر می توانید از گزینه Lazy load استفاده کنید.

3. Muuri

پلاگین منبع باز jQuery Niklas Rämö Muuri یکی از بهترین ها برای ایجاد طرح بندی های انعطاف پذیر است. سیستم چیدمان آن شما را قادر می‌سازد تا اقلام شبکه‌ای با اندازه‌های مختلف را به هر شکلی که قابل تصور باشد در یک ظرف قرار دهید.

4. Timeline

Timeline.js همه چیزهایی را که برای ایجاد یک جدول زمانی نیاز دارید در اختیار شما قرار می دهد یعنی یک نوار زمانی که بر اساس نقاط زمانی پیشرفت می کند. این پلاگین تعداد زیادی گزینه های شخصی سازی بصری و کاربردی دارد که به لطف دستورالعمل های دقیق استفاده از آن بسیار ساده است.

5. Tilted page scroll

این افزونه از یک افزونه های عالی جی کوئری برای جلب توجه و افزودن عمق بیشتر به سایت شما است. آیتم‌ها در حین پیمایش به سمت بالا کج می‌شوند. و وقتی در بالای صفحه به سمت بیرون حرکت می‌کنند، دوباره کج می‌شوند. این یک جلوه ی عالی است!

 

 

6. Focuspoint

طراحی وب ریسپانسیو به این معنی است که می توانیم یک صفحه واحد ایجاد کنیم تا در هر دستگاهی زیبا به نظر برسد. با این حال، اگر سایت شما به ‌طور خودکار تصاویر را متناسب با دستگاه ها برش می‌دهد، ممکن است نقطه کانونی را از دست بدهد. با Focuspoint

می توانید مطمئن شوید که تصویر شما در هر ظرفی عالی به نظر می رسد و به شما امکان می دهد یک نقطه کانونی برای هر تصویر مشخص کنید. این افزونه اطمینان حاصل می کند که هنگام برش تصویر، بیت های مهم حفظ می شوند.

7. SVGMagic

استفاده از فایل های SVG تضمین می کند که تصاویر در هر اندازه ای واضح به نظر می رسند. این افزونه به شما کمک می کند تا بدون نگرانی در مورد مرورگرهایی که از این فرمت پشتیبانی نمی کنند، این کار را انجام دهید. تصاویر SVG را جستجو می کند و اگر SVG پشتیبانی نمی شود آنها را با نسخه های PNG جایگزین می کند.

8. Face Detection

این پلاگین جی کوئری با شناسایی و ارائه مختصات چهره انسان در تصاویرو فیلم ها استفاده از برخی فناوری های قدرتمند را آسان می کند. این افزونه که توسط Jay Salvat نوشته شده است از الگوریتم تشخیص چهره لیو لیو استفاده می کند.

9. Round Slider

این افزونه جی کوئری دایره ای به شما امکان می دهد با حرکت مکان نما روی دایره، محدوده ای از مقادیر را انتخاب کنید. نوار لغزنده کامل پیش‌فرض است، اما می‌توانید از آن برای دریافت شکل‌های ربع دایره و نیم‌دایره نیز استفاده کنید. سبک‌های CSS وجود دارد که می‌توانید آن‌ها را برای ایجاد تم ‌های مختلف تنظیم کنید .

10. jInvertScroll

با استفاده از پلاگین سبک وزن جی کوئری jInvertscroll به اسکرول افقی همراه افکت پارالکس در کمترین زمان ممکن دست پیدا کنید. این افزونه آسان نیاز به پیکربندی ندارد و می تواند توهم خوبی از عمق در سایت شما ایجاد کند.

11. Slinky

طراحی‌ های منو می ‌توانند از مد بیفتند و از بین بروند. اما Slinky یک طراحی زیبا و جاودانه منو ارائه می‌کند که برای هر موقعیتی که زیر منوهای زیادی دارید مفید است.

12. TwentyTwenty

به جای قرار دادن دو تصویر در کنار هم برای نشان دادن تفاوت بین عکس های قبل و بعد، می توانید از پلاگین TwentyTwenty ZURB برای قرار دادن یکی روی دیگری استفاده کنید. کاربر اسکرول  را می کشد تا تصویر پایین از طریق تصویر بالا نشان داده شود و به او امکان می دهد که ببیند چه چیزی تغییر کرده است.

13. Material design hierarchical display

Material design hierarchical display می تواند به هدایت توجه کاربر و هدایت آن ها از یک نقطه به نقطه دیگر در یک فرآیند کمک کند. این افزونه به شما این امکان را می دهد که انیمیشن را متناسب با طراحی خود شخصی سازی کنید.

14. Tabslet

همانطور که از نام آن پیداست، Tabslet یک افزونه سبک وزن برای ساخت تب است. از کنترل های بعدی/قبلی، چرخش، رویدادهای سفارشی، پیوند عمیق و بسیاری از قابلیت های مفید دیگر پشتیبانی می کند.

15. nanogallery2

nanogallery2 که برای ساده ‌سازی گالری‌های تصاویر شما طراحی شده است، پیمایش چند سطحی را در آلبوم‌ها، لایت‌باکس‌ها، جلوه‌های شناور ترکیبی روی تصاویر کوچک، نمایش‌های اسلاید، صفحه‌بندی و بارگذاری تصویر ارائه می‌دهد. این قابلیت پاسخگو و سریع است و از فضای ذخیره سازی ابری پشتیبانی می کند. نسخه 2 تجربه کاربری بهتر و ویژگی‌های جدیدی مانند فیلتر بر اساس کلمات کلیدی، سبد خرید، اشتراک‌ گذاری اجتماعی، جلوه‌ های شناور پیشرفته، انتقال تصویر کوچک و صفحه اطلاعات با موقعیت مکانی Google Maps را ارائه می‌دهد.

16. Tooltipster

این پلاگین jQuery برداشتی مدرن از راهنمای کلاسیک است که به شما امکان می دهد ابزار فعال شده با HTML را در نشانه گذاری معنایی با CSS برای کنترل نمایشگر ارائه دهید. Tooltipster طیف گسترده ای از گزینه های پیکربندی را ارائه می دهد، بنابراین می توانید آن را برای هر نیازی سفارشی سازی کنید.

17. Magnific Popup

این پلاگین لایت باکس برای jQuery بر سبک بودن و سازگاری تا حد امکان تمرکز دارد. توسعه ‌دهنده روی عملکرد و تجربه کاربر تمرکز کرده است، بنابراین تمام ویژگی‌های برخی از پلاگین‌های لایت باکس را ندارد. اما فوق‌العاده سریع است و در طیف وسیعی از دستگاه‌ها، از جمله دستگاه‌های با DPI بالا  مانند مک ‌بوک، بدون نقص کار می‌کند.

18. jQuery Knob

jQuery Knob عناصر ورودی را به شماره گیری های لمسی تبدیل می کند که روی دسکتاپ نیز کار می کنند.

19. Type Ahead

Type Ahead که توسط تیم توسعه توییتر تولید شده است، ابزاری انعطاف ‌پذیر و آسان برای پیاده‌ سازی است که هنگام تایپ کاربر از یک منبع داده محلی یا خارجی به داخل جعبه ورودی می‌کشد تا پیشنهادات تکمیل خودکار را ارائه دهد.

 

 

20. Lettering.js

Lettering.js به شما این امکان را می دهد که کنترل دانه ای بر روی کاراکترهای فردی در نوع خود به دست آورید، به شما این امکان را می دهد که هسته گذاری را اعمال کنید، حروف جداگانه را رنگ کنید و شنوندگان رویداد را اعمال کنید. همچنین با FitText (در زیر) به خوبی بازی می‌کند، و به شما امکان می‌دهد تا به سبک دسکتاپ کنترل تایپوگرافی خود را داشته باشید و در عین حال پاسخگو باشید.

21. FitText

این یکی از افزونه های مفید جی کوئری است که برای تسهیل سرفصل های پاسخگو طراحی شده است. این به شما امکان می‌ دهد تایپ را برای پر کردن عرض ظرف تنظیم کنید، و به‌طور خودکار اندازه متن را متناسب با آن بزرگ یا کوچک کنید. این افزونه همچنین با Lettering.js ادغام می شود تا یک ظاهر طراحی دانه ای را برای هر کاراکتر فعال کند.

 

 

پلاگین های جی کوئری ( jQuery Plugins )

در این مقاله تعدادی از افزونه های جی کوئری را برای شما توضیح دادیم. برای اطلاعات بیشتر در رابطه با کتابخانه ی جی کوئری و انواع متد های آن مانند متد Before , متد data , متد offset و … به بخش بلاگ سایت وب یار مراجعه نمایید.

برای آگاهی از آخرین اخبار و تخفیف های مجموعه در شبکه مجازی اینستاگرام ما را همراهی کنید.