Содержание
- 01. Служба поддержки CZM в социальном чате
- 02. RTO + P Видеоплеер
- 03. Слик
- 04. Муури
- 05. Timeline.js
- 06. Прокрутка страницы с наклоном
- 17. Подсказка
- 18. Великолепное всплывающее окно
- 19. Ручка jQuery
- 20. Typeahead.js
- 21. Lettering.js
- 22. FitText
Для библиотеки jQuery были написаны десятки тысяч подключаемых модулей jQuery. Библиотека jQuery, созданная в 2006 году Джоном Ресигом, является одной из самых популярных библиотек JavaScript. Это фантастический ресурс для быстрого проектирования и разработки пользовательских взаимодействий. Будь то галерея изображений или форма, CSS-анимация для раскрытия содержимого или эффект взрыва, библиотека предоставляет основные строительные блоки, позволяющие быстро создавать прототипы и предоставлять уникальный пользовательский интерфейс с минимальными затратами кода и усилий.
Однако означает ли это, что вы должны это делать только потому, что вы можете создать собственное решение любой проблемы? Конечно нет! Нет абсолютно никакой необходимости изобретать велосипед каждый раз, когда вы хотите создать что-то общее; используйте плагины, чтобы мгновенно добавить поведение. Это сэкономит вам еще больше времени и усилий. Ниже приведен список полезных плагинов jQuery. Большинство из них тоже бесплатны.
Чтобы получить больше полезных ресурсов по веб-дизайну, ознакомьтесь с нашим списком лучших инструментов веб-дизайна, лучшими API-интерфейсами JavaScript и нашим выбором лучших фреймворков JavaScript для рассмотрения.
01. Служба поддержки CZM в социальном чате
- Скачать здесь
Этот плагин jquery для поддержки социального чата позволяет добавить поддержку неограниченного количества учетных записей в социальных сетях, включая Whatsapp, Messenger, Skype, Twitter, Telegram и Instagram. Его легко настроить, и вы можете настроить кнопки по своему усмотрению. В отличие от большинства плагинов в этом списке, он платный, и его загрузка обойдется вам в 9 долларов.
02. RTO + P Видеоплеер
- Скачать здесь
Конечно, встроить видео с YouTube или где-либо еще несложно, но если вы хотите получить немного больше контроля над своим видео, вам понадобится RTO + P Video Player. Это упрощает создание и настройку собственного видеоплеера, который получает видео либо с вашего собственного сервера, либо из CDN, либо из общедоступного потока Vimeo. Используйте тег видео HTML5, чтобы упростить жизнь, или для повышения производительности вы можете использовать вариант отложенной загрузки.
03. Слик
- Скачать здесь
Это последняя карусель, которая вам когда-либо понадобится? Конечно, могло быть; Slick - это плагин jQuery, который дает вам полностью отзывчивые карусели практически любого типа, которые вы можете пожелать, со всеми видами опций для игры, включая ленивую загрузку, автовоспроизведение, обратные вызовы и многое другое.
04. Муури
- Скачать здесь
Если вы ищете идеальную гибкую планировку, стоит взглянуть на Muuri Никласа Рямё. Его система макета позволяет вам размещать элементы сетки разных размеров в контейнере практически любым мыслимым образом, и она является адаптивной, сортируемой, фильтруемой и перетаскиваемой. По умолчанию он упорядочивает все по принципу «в первую очередь», но вы можете добавить свой собственный алгоритм макета для другого стиля макета.
05. Timeline.js
- Скачать здесь
Этот плагин jQuery предлагает новый подход к компоненту карусели: Timeline.js предоставляет вам все необходимое для создания временной шкалы карусели (т. Е. Ползунка, который движется по хронологическим точкам). Он включает в себя множество опций визуальной и функциональной настройки.
06. Прокрутка страницы с наклоном
- Скачать здесь
nanogallery2 предназначен для упрощения ваших галерей изображений и предлагает многоуровневую навигацию в альбомах, лайтбокс, комбинируемые эффекты наведения на миниатюры, слайд-шоу, полноэкранный режим, разбиение на страницы и отложенную загрузку изображений. Он сенсорный, отзывчивый, быстрый и поддерживает облачное хранилище.
Версия 2 предлагает улучшенный пользовательский интерфейс и новые функции, такие как фильтр по ключевым словам, корзина для покупок, совместное использование в социальных сетях, расширенные эффекты наведения, переходы между отображением эскизов, информационная страница с местоположением на Картах Google и многое другое.
17. Подсказка
- Скачать здесь
Tooltipster - это современный подход к классической подсказке, позволяющий представлять всплывающие подсказки с полной поддержкой HTML в семантической разметке с использованием CSS для управления отображением. Имеется широкий спектр параметров конфигурации, что позволяет настраивать его для любого сценария.
18. Великолепное всплывающее окно
- Скачать здесь
Это плагин для лайтбокса для jQuery, который стремится быть максимально легким и совместимым. Разработчик сосредоточился на производительности и удобстве использования, поэтому у него нет всех функций альтернативных плагинов для лайтбоксов, но он сверхбыстрый и отлично работает на огромном количестве устройств, включая устройства с высоким разрешением (Retina), такие как MacBook Pro.
19. Ручка jQuery
- Скачать здесь
jQuery Knob принимает элементы ввода и преобразует их в удобные для сенсорного управления циферблаты, которые также работают на рабочем столе. Это отличный пример того, как вы можете адаптировать свой контент к новым парадигмам, и стоит поискать технический подход, если ничего больше.
20. Typeahead.js
- Скачать здесь
Type Ahead, созданный командой разработчиков Twitter, представляет собой простой в реализации инструмент, который извлекает данные из локального или внешнего источника данных по мере того, как ваш пользователь вводит текст в поле ввода, предоставляя предложения автозаполнения по мере их поступления.
21. Lettering.js
- Скачать здесь
Lettering.js обеспечивает детальный контроль над отдельными символами в вашем типе, позволяя применять кернинг, раскрашивать отдельные буквы и применять прослушиватели событий. Он также хорошо работает с FitText (ниже), предоставляя вам контроль над вашей типографикой в стиле рабочего стола, оставаясь при этом отзывчивым.
22. FitText
- Скачать здесь
Этот удобный плагин позволяет вам заполнить ширину вашего контейнера вашим шрифтом, но автоматически масштабирует размер текста вверх или вниз в соответствии с требованиями. Плагин, предназначенный для создания отзывчивых заголовков, также интегрируется с Lettering.js, что позволяет настраивать отдельные стили для каждого символа.
