50 Самих корисних jquery бібліотек, javascript

Кожен поважаючий себе дизайнер і розробник знайомий з функціями і можливостями цієї бібліотеки:

Бібліотеки JQuery - відмінний інструмент для веб-розробників. У Мережі є величезна кількість безкоштовних плагінів.

На пошук потрібних ви можете витратити дуже багато часу, тому як доведеться працювати з кожним сайтом для того, щоб знайти останні і відповідні вам версії бібліотек JQuery.

Тому, щоб заощадити ваш час, ми зібрали в цій статті найбільш корисні бібліотеки jQuery. Ви зможете використовувати їх на вашому сайті, щоб додати цікаві і корисні ефекти.

Плагін Treed надає вам можливість створення деревовидної структури вашого сайту. Він розширюваний, що настроюється, потужний і дуже легкий у використанні.

2. jQuery Vibrate:

Це плагін спеціально створений для використання на мобільних пристроях. Він дозволяє розробнику змусити вібрувати будь-який пристрій відповідно до налаштованим шаблоном в певний період часу.

3. Flight Indicators:

Дуже простий у використанні плагін. Ви зможете відобразити високоякісні індикатори польоту за допомогою HTML. CSS3. JQuery і SVG-зображення.

4. jQuery LightSlider:

jQuery LightSlider - гнучко настроюється тач-слайдер для відображення вмісту вашого сайту. В наявності ефекти slide і fade. Він сумісний з усіма основними браузерами.

5. jQuery GoUp!

Дуже простий у використанні. Дозволяє відвідувачам вашого сайту переміститися на самий верх сторінки в один клік.

6. Image Cropper:

7. Devrama Slider:

Devrama повністю адаптивний слайдер зображень з унікальними можливостями. Підтримує як зображення, так і HTML -контент. В наявності кілька варіантів ефектів зміни картинок.

8. jQFader:

jQFader простий плагін для застосування ефекту fade out до елементів вашого сайту. Простий у використанні. Легко підійде до використання на будь-якому сайті.

9. Forkit:

Forkit.js це jQuery анімований плагін, який представляє собою подобу завіси, за яким ви можете заховати додатковий контент. Зазвичай розташовується в правому верхньому куті.

10. Vertical News Slider:

11. Looking For:

Цей jQuery плагін дозволяє шукати текст в списках, доступних на сторінці. Приховує елементи, що не збігаються з пошуковим запитом.

12. Browser Swipe:

Цей плагін створює ефект тачпада для гортання сторінок, коли на сайті вимкнена прокрутка. Подія відбувається при прокручуванні колеса миші.

13. Chicken Dinner:

ChickenDinner - унікальний jQuery плагін. Дозволяє завантажувати зображення з масиву картинок, створеного на стороні клієнта, через img-теги або фонові картинки.

14. Flicker Plate:

Повністю адаптивний і дуже простий у використанні плагін. Дозволяє створити щось на зразок посторінкового гортання контенту на сайті.

15. SVGMagic:

Як конвертувати SVG -картінкі в PNG-формат? Скористатися цією простою jQuery бібліотекою. Вона виконує пошук зображень в SVG-формат на сайті, і, якщо браузер не підтримує SVG. конвертує їх в PNG.

16. lazyYT:

17. ScrollMagic:

За допомогою цього плагіна ви зможете закріпити елемент сторінки в певному місці, включити анімацію, причому в той момент, коли користувач прокрутить сторінку до певного місця.

18. RowGrid:

RowGrid - jQuery плагін, створений для представлення елементів сторінки у вигляді таблиці. Невеликий і легкий у використанні інструмент.

19. Remodal:

Цей jQuery плагін використовується для створення модальних вікон з hash -трекінгом. Повністю адаптивний, дизайн в стилі flat і дуже легкий в налаштуванні.

20. Panorama Viewer:

Цей jQuery плагін може виявитися дуже корисним для вашого сайту. Він дозволяє додавати панорамні зображення, що, безсумнівно, додасть сторінці ще більше унікальності.

21. Floatlabels:

Цей плагін, побудований на jQuery. знайомий багатьом розробникам. Його робота полягає у виведенні якогось тексту за замовчуванням в полі введення і його зміна, коли користувач починає друкувати.

22. Fluidbox:

Дуже корисний jQuery плагін. Розширює і покращує можливості модуля fluid light box. Працює у вигляді посилання на збільшене зображення.

23. Headroom:

Headroom.js допоможе вам приховувати навігацію (або інший контент з хедера) по сайту. Коли відвідувач прокручує сторінку вниз - навігація зникає, і з'являється, коли користувач повертається до верхньої частини сторінки.

24. A-Slider:

A-Slider адаптивний і простий слайдер, який, до того ж, підтримує аудіо-контент. Дуже простий у використанні і досить гнучко настроюється за допомогою HTML.

25. CoverflowJS:

Це проект coverflow. який дозволить відтворити ефект 'CoverFlow' за допомогою компонентів jQuery UI і трансформацій CSS3.

26. jQuery URLive:

27. BttrLazyLoading:

Плагін дозволяє веб-додаткам завантажувати зображення під різні дозволи екранів.

28. jQuery Collapser:

Цей jQuery плагін дозволяє приховувати текст, за словами, літерами, рядками за допомогою досить гнучкого API. В наявності безліч опцій для приховування абзаців.

29. Parallax ImageScroll:

Плагін, який створює ефект зміщення картинки. Простий у використанні. Купа додаткових опцій для модифікації. Анімація виконана на CSS3.

30. Block Scroll:

jQuery плагін, який розбиває контент сайту на сторінки для кращого уявлення і потім відображає їх блоками.

31. Full Page Image Slideshow:

32. EasyTree

jQuery плагін EasyTree призначений для конвертації UL або JSON списків в деревоподібна меню вашого сайту. Легкий у використанні і абсолютно безкоштовний.

33. Mapsed:

Mapsed спрощує процес позначки місць на карті. Ви також можете додавати і редагувати місця, якщо їх немає в Google Places API.

34. Radiant Scroller:

Цей jQuery плагін дозволяє створювати респонсівние скролери (каруселі) з гратчастої і простий горизонтальної розмітками. Radiant Scroller підтримує ряд опцій для настройки, а також надає API для управління.

35. Image Lightbox:

Мінімалістичний лайтбокс для картинок. Плагін, за замовчуванням, не має підписів і кнопок навігації, що робить його простим, але аскетичним. Респонсівний і з підтримкою сенсорних пристроїв, працює на більшості мобільних операційних систем.

36. Mr.JsonTable:

Цей плагін дуже простий у використанні. З його допомогою ви зможете оформити JSON дані у вигляді HTML таблиці, з можливістю пагінацію і сортування. Так само можна приховувати стовпці.

37. ImageFit:

ImageFit може виявитися дуже корисним для розробників. Виконано просто. Має малий розмір. Допоможе вмістити будь-яке зображення в будь-якому місці вашого сайту.

38. Bootstrap Validator:

Цей плагін буде дуже корисний, коли ви захочете додати на ваш сайт можливості валідації. Має безліч вбудованих опцій і дуже простий у використанні.

39. Resize End Plugin:

Цей плагін використовується для виведення повідомлень після зміни розміру вікна браузера.

40. Adaptive Backgrounds:

Плагін використовує превалюючий в зображенні фону колір і додає цей колір до фону батьківського елементу.

41. FormChimp:

jQuery плагін, який представляє собою повністю настроюється Mailchimp Ajax-форму, дозволяє користувачеві легко залогінитися в Mailchimp.

42. Password Peekaboo:

Плагін дозволить тимчасово показати вводиться пароль користувачу, якщо він того захоче.

43. Selectonic:

Плагін використовується для створення списку елементів, які доступні до вибору за допомогою миші або клавіатури. Можна використовувати його в різних веб-додатках з віджетами у вигляді меню, що випадають списків і т.п.

44. Sudoku:

За допомогою плагіна Sudoku ви зможете зробити розмітку поля для гри в судоку і налаштувати його для гри або презентації. Плагін респонсівний і має в своєму розпорядженні кількома приємними колірними схемами.

45. Elevate Zoom:

Elevate Zoom допоможе вам створити інтерфейс для зуму зображень. Повністю настроюється плагін і дуже простий у використанні на сайті. Для досягнення кращого результату варто використовувати два зображення.

46. ​​Wanker.js:

47. Form Autofill:

FormAutofill виявиться корисним для розробників. Цей плагін автоматично заповнює порожню форму даними.

48. Image Map Resize:

Цей плагін допоможе вам масштабувати HTML-карти зображень до розмірів вікна. Він оновлює координати карти зображень, коли вікно змінює розміри.

49. jQuery Full Screen Nav:

Цей плагін JQuery робить меню повноекранним. При завантаженні і зміні розмірів вікна він перераховує розміри і позиції посилань в меню.

50. SuzhouKada:

висновок

У цій статті ми поділилися c вами корисними jQuery бібліотеками, які можна використовувати на сайті, щоб вирішити деякі проблемні ситуації.

Сподіваємося, що всі ці плагіни допоможуть розширити функціонал вашого веб-сайту і надати йому більш доброзичливий вигляд. Всі вони зроблені творчо і можуть стати в нагоді, якщо ви хочете щоб ваша сторінка виглядала відмінно.

Всього доброго і удачі в розробці!

Переклад статті «50 Most Useful jQuery Libraries» був підготовлений дружною командою проекту Сайтобудування від А до Я.