50 самых полезных плагинов jQuery для фронтенд-разработки

Существует много других доступных JavaScript-фреймворков, но jQuery, безусловно, самый популярный (по данным BuiltWith, в настоящее время он используется более чем на 78% из миллиона сайтов).

Цель jQuery — сделать многие из тех функций JavaScript, которым обычно требуется много строк кода, проще в управлении и написании, объединяя их в методы, которые можно вызывать всего одной строкой кода.

Он легкий, и, поскольку он расширяемый, существуют бесплатные плагины jQuery практически для любой функциональности, о которой вы только можете подумать.

Плагины jQuery для веб и мобильных макетов

pagePiling.js

pagePiling.js — это плагин jQuery для «нагромождения» разделов вашего макета друг на друга и доступа к ним с помощью прокрутки.

полная страница.js

fullPage.js — это простой плагин для создания веб-сайтов с полноэкранной прокруткой.

gridscrolling.js

gridscrolling.js — это плагин для позиционирования разделов и сторон в сетке и позволяющий легко перемещаться с помощью клавиш курсора.

Фликерплейт

Flickerplate — это отзывчивый, сенсорный и легкий плагин, который позволяет вам «пролистывать» контент.

jInvertScroll

jInvertScroll — это легкий плагин, который позволяет вам перемещаться по горизонтали с эффектом параллакса при прокрутке вниз.

Анимация

Animsition — это простой плагин для добавления переходов страниц с анимацией CSS.

Кирпичная кладка

Brick Work — это легкий (15 КБ) и многофункциональный плагин для создания адаптивных динамических макетов.

Прокрутите меня

ScrollMe — это легкий плагин, который позволяет добавлять на веб-страницы простые эффекты прокрутки.

SmoothState.js

jquery.smoothState.js — это плагин, который постепенно улучшает поведение страниц, чтобы они больше походили на одностраничное приложение.

мультискролл.js

multiscroll.js — простой плагин для создания сайтов с мультискроллингом и двумя панелями вертикальной прокрутки.

matchHeight.js

matchHeight.js — более надежный плагин равных высот для jQuery.

Плагины jQuery для навигации и меню

Ползунки

Slidebars — это легкий (2 КБ) плагин для создания push-меню в стиле приложения.

scotchPanels.js

scotchPanels.js — это jQuery-плагин меню и панелей вне холста.

Плагины jQuery для мультимедиа (изображения и видео)

Точка фокусировки

Focuspoint — это плагин для динамической обрезки изображений для заполнения доступного пространства без вырезания объекта изображения.

флюидбокс

Fluidbox — это копия модуля лайтбокса Medium.com с некоторыми дополнительными улучшениями.

GifPlayer

GifPlayer — это небольшой плагин, который позволяет вам контролировать, когда воспроизводить и останавливать анимированные GIF-файлы.

rowGrid.js

rowGrid.js — это плагин для размещения изображений в сетке с поддержкой бесконечной прокрутки.

SVGMagic

SVGMagic — это простой резервный плагин SVG, который находит изображения SVG на вашем сайте и создает версии PNG, если браузер их не поддерживает.

Посмотреть jQuery

Vide — это плагин jQuery для простого добавления видеофона на ваши веб-страницы.

Плотный.js

Dense.js — это плагин для простого обслуживания изображений, готовых к сетчатке.

Кавервид

Covervid — это простой плагин, который позволит вам сделать видео HTML5 похожим на фоновое изображение.

jQuery-Cropbox

jQuery-Cropbox — действительно полезный плагин для обрезки изображений на месте (масштабирование и панорамирование, а не выбор и перетаскивание).

Распознавание лиц

Face Detection — это мощный плагин jQuery/Zepto, который обнаруживает лица на изображениях, видео и холстах.

BttrLazyLoading

BttrLazyLoading — это плагин, который позволяет вашему веб-приложению загружать изображения только в области просмотра, когда пользователь прокручивает страницу.

Плагины jQuery Slider, Carousel и Gallery

Простой слайдер jQuery

Simple jQuery Slider — это легкий слайдер jQuery, который делает именно то, что должен делать слайдер: «слайды слайдов».

ФСВС

FSVS — это простой полноэкранный вертикальный слайдер, использующий переходы CSS3 с откатом jQuery.

аноФлоу

anoFlow — это многофункциональный и отзывчивый плагин лайтбокса/галереи.

наноГАЛЕРЕЯ

nanoGALLERY — это отзывчивый, сенсорный и простой в использовании плагин галереи изображений.

Justified.js

Justified.js — это плагин, который создает сетку изображений с выравниванием по ширине.

Перемешать изображения

Shuffle Images — это подключаемый модуль jQuery, который позволяет отображать и перемешивать несколько изображений в галерее путем перемещения или встряхивания курсора.

Скиппр

Skippr — это очень простой и легкий плагин для создания слайд-шоу для jQuery.

Плагины текстовых эффектов jQuery

шрифтFlex.js

fontFlex.js — это легкий плагин для динамического изменения размера шрифта.

Печатная машинка

t.js — это легкий плагин jQuery для текстовых эффектов, подобных пишущей машинке.

Морфекс

Morphext — подключаемый модуль карусели jQuery на базе Animate.css для текстовых фраз.

Сплитчар

Splitchar — это плагин jQuery, который позволяет вам стилизовать и оформлять первую, вторую или обе половины персонажа.

Плагины элементов формы jQuery

BootstrapValidator

BootstrapValidator — это плагин jQuery для проверки форм Bootstrap.

Лейблаути

Labelauty — приятный и легкий плагин jQuery, который украшает флажки и переключатели.

Страж

Guardian — это гибкий и легко расширяемый универсальный плагин jQuery для проверки формы.

шрифтIconPicker

fontIconPicker — это легкий плагин, который позволяет включать в любую форму простое средство выбора значков (с поиском и нумерацией страниц).

Прятки

HideSeek — это простой, но настраиваемый плагин jQuery для поиска в реальном времени.

ClockPicker

ClockPicker — это средство выбора времени в стиле часов для jQuery или Bootstrap.

Служебные плагины jQuery

jQuery Подтвердить отправку почты

jQuery Confirm Mailto — это плагин для подтверждения с пользователями перед открытием любой ссылки mailto: через их почтовый клиент по умолчанию.

jNottery

jNottery — это плагин, который позволяет добавлять заметки на страницу.

Адаптивные вкладки

Responsive Tabs — это плагин, который предлагает функциональные возможности адаптивных вкладок.

адаптивный-backgrounds.js

Adaptive-backgrounds.js — классный плагин, который извлекает доминирующий цвет из изображений на вашей веб-странице и применяет цвет к их родителю.

…и наконец…

Планетарий

Планетарий — это плагин jQuery, который позволяет создавать интерактивные планеты и строить Вселенную!

столяр

table-dragger позволяет легко добавить сортировку перетаскиванием в таблицу без jQuery.

Селектор

Selector — это микро-библиотека JavaScript, используемая в качестве замены jQuery и весящая почти 5 КБ.

wanker.js

jquery.wanker.js — это юмористический плагин jQuery, который показывает объявление общественной службы, когда люди начинают чрезмерно изменять размер своего настольного браузера, пытаясь увидеть ваши точки останова. Как говорится, «Интернет предназначен для чтения, а не для раздавливания!»