11 лучших плагинов jQuery-каруселей для увеличения привлекательности сайта Javascript


Оглавление (нажмите, чтобы открыть):

38 jQuery каруселей, ротаторов и скроллеров для сайта

1. jQuery карусель «clickCarousel»

2. jQuery карусель

Блок с прокруткой анонсов новостей. Для прокрутки блоков используются стрелки влево/вправо. В архиве карусель в двух стилевых оформлениях: светлом и темном.

1. jQuery карусель, плагин «carouFredSel»

Аккуратная свежая карусель изображений на jQuery.

4. jQuery плагин: карусель «Elastislide»

5. Плагин «TinyCarousel»

Отличные слайдеры контента в виде карусели изображений с применением jQuery. На демонстрационной странице описано, как прикрутить эту карусель к своему сайту.

6. jQuery карусель

Плагин «Slider Kit», легкая карусель с различными способами прокрутки.

7. javascript карусель

8. jQuery плагин «Grid Navigation Effects»

Оригинальная навигация между миниатюрами изображений. Для просмотра эффекта справа на демонстрационной странице нажмите на кнопки «Вверх» и «Вниз». В этом jQuery решении также предусмотрен эффект при наведении курсора на миниатюру и прокрутка с помощью колеса мыши.

9. Легкая карусель

10. Карусель из блоков «Easy Paginate»

jQuery плагин «Easy Paginate». Каждый прямоугольный блок представляет собой обычный пункт списка li, при этом если пунктов больше трех, то чтобы просмотреть их все необходимо воспользоваться навигацией, подобной слайдеру (с помощью стрелок «вперед», «назад» и с помощью кнопок навигации внизу).

11. Вертикальный ротатор «Vertical Ticker»

Вертикальный ротатор на jQuery: автоматическое прокручивание контента на странице. Предусмотрены кнопки навигации, а также возможность остановить ротацию и запустить ее снова. При наведении курсора мыши движение останавливается. На уровне HTML разметки прокручивающиеся блоки представлены обычными пунктами списка li.

12. javascript CSS прокручивающаяся область

javascript решение «TinyScroller» для создания прокручивающейся области, помещенной в контейнер DIV.

13. jQuery плагин «Smooth Div Scroll»

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

14. Ротатор контента

Навигация между слайдами с контентом может осуществляться с помощью стрелок или по нажатию на миниатюру. Снизу есть кнопка «Show», позволяющая скрыть/показать миниатюры или полное описание слайда.

15. Ротатор контента «Circular Content Carousel»

При нажатии на ссылку «More» в одном из вращающихся блоков с содержимым, эффектно открывается его подробное описание. Прокручивание осуществляется с помощью нажатия на стрелки Вправо/Влево.

16. jQuery карусель

17. Скроллер

Блок со скроллером, появляющимся при наведении курсора. Прокручивать содержимое можно как с помощью полосы прокрутки, так и с помощью колеса мыши.

18. jQuery карусель

Подобное jQuery решение было сделано под впечатлением от подобного эффекта на сайте Apple. Разработчики этой корпорации всегда находили интересные решения, которыми вдохновлялись веб-мастера со всего мира. Для демонстрации плагина выберите из какую-нибудь категорию из списка.

19. Потрясающий слайдер

Слайдер генерируется автоматически. Данные с названием товара, описанием, ссылкой и адресом изображения берутся из файла slider.db.txt. Используемые технологии: CSS, PHP, jQuery.

20. Ротация блоков c использованием jQuery

Для того, чтобы просмотреть эффект ротации блоков, нажмите на один из маленьких прямоугольников на демонстрационной странице

21. Ротатор контента на jQuery

Плагин для прокрутки контента, например, можно использовать для показа последних новостей или для показа Twitter летны на сайте.

22. Динамический блок «Отзывы клиентов»

Автоматическая ротация содержимого блока. Используемые технологии: PHP, XML, CSS, jQuery.

40 самых популярных и полезных JQuery плагинов за 2012 год

Здравствуйте, дорогие читатели блога. Вот и подходит к концу 2012 год. Так сказать, что много чего за этот год появилось и изменилось в веб-дизайне. Но сегодня мы с Вами посмотрим какие же JQuery плагины стали самыми популярными и используемыми в 2012 году.

Друзья, в этой подборке собрано 40 плагинов, которые Вы совершенно бесплатно сможете скачать, а так же везде присутствую примеры. В общем всё для Вас 🙂

Так же я рекомендую посмотреть прошлые подборки:

JQuery плагин — equalize.js

Данный плагин совершенно просто сможет равномерно выравнять различные блоки на странице.

Плагин — Freetile.js

С помощью Freetile.js Вы с лёгкостью сможете экономно разместить контейнеры у себя на странице, что существенно сэкономит место, и придаст современного стиля.

Плагин для блоков — gridster.js

Этот JQuery плагин сможет красиво и равномерно расставить блоки на странице.

JQuery плагин — Zoomooz.js

Замечательный плагин, который очень эффектно и красиво увеличивает любой контент или блок на странице.

Плагин для расположения блоков — Wookmark

Очень красивое и удобное расположение блоков на странице в несколько колонок.

JQuery HiddenPosition

Данный JQuery плагин может позиционировать любой элемент на странице. И позволяет делать это с помощью курсора.

JQuery плагин для параллакса — Stellar.js

Данный плагин сможет обеспечить очень красивый параллакс для любого элемента.

Классный плагин для параллакса

Данный плагин сможет сделать очень не обычный эффект параллакса на Вашей странице.

JQuery плагины для навигации

Плагин для меню на сайт — HorizontalNav

Липкое меню — stickyMojo

Данный плагин реализует липкое (фиксированное) и простое меню на сайте.

Плагин для списков — ddSlick

Очень полезный JQuery плагин, который позволяет делать простые и красивые выпадающие списки на сайте.

JQuery плагин для скрытия и открытия контента на сайте (спойлер)

Плагин для реализации аккордеона

Этот плагин сможет реализовать на Вашем сайте довольно красивый аккордеон.

Плагины для реализации форм на сайте

Плагин для проверки пароля на сложность

Этот очень полезный JQuery плагин покажет Вашим пользователям довольно ли у них безопасный пароль.

Реализация диспетчера загрузки на сайте

Данный плагин поможет Вам реализовать не сложный диспетчер загрузок для картинок на сайт.

JQuery валидатор для кредитных карточек

Данный плагин проверяет на коректность номера карточки, а так же сможет определить действительность кредитки.

Фильтрация элементов на странице

Этот JQuery плагин сможет фильтровать различные элементы на сайте по категориям ли по меткам.

MAILCHECK

Данный плагин проверяет правильность введённого почтового адреса, если пользователь ошибся при вводе.

JQuery слайдеры и карусели

Самый простой плагин обычного слайдера изображений

Слайдер с адаптивным дизайном — iosSlider

Современны плагин слайдера для изображений на сайт с адаптивным дизайном, может быть использован для ротации баннеров, галереи и тт.д.

Полноэкранный слайдер на сайт — RSlider

JQuery плагин для лайтбокса — Fresco

Самый классный и мощный плагин, который сделает очень удобным просмотр Ваших изображений на сайте.

Плагин лёгкого слайдера — box-slider

Плагин карусели — rcarousel

Замечательный и лёгкий плагин, который подойдёт для любого сайта.

Sequence.js — классный JQuery плагин слайдера для изображений

Обалденный плагин слайдера с очень красивыми эффектами.

Плагин для фото на сайте — Glisse.js

Реализует очень удобный и красивый просмотр фото на Вашем сайте.

μslider — JQuery плагин слайлера

Отличный плагин слайдера, который поддерживает видео, а так же можно вставить контент.

ResponsiveSlides.js — адаптивный слайдер.

Самый простой плагин слайдера, который делает его адаптивным внутри одного контейнера.

JQuery плагины диаграмм и форм

Плагин для графика — Morris.js

Замечательный плагин который сможет составить Вам несколько отличных графиков.

Плагин для древовидного графика — JQuery Org Chart

Плагины для текста (типографики)

JQuery плагин для текста — Бекон

Данный плагин отсортирует Ваш текст на странице вдоль кривой линии

Textualizer — красивый эффект для текста

trunk8 — плагин для отсечения текста

Чтобы было понятнее он не выводит текст полностью, на подобие как «Читать далее» на Вордпресс.

JQuery плагины для изображений на сайте

tiltShift.js — реализация эффекта tilt Shift на сайте

Backstretch

Этот плагин позволяет изменить пользователю фоновое изображение на сайте.

Другое

JQuery плагин для разнообразной анимации блоков

noty — плагин для уведомлений на сайте.

Самый классный и лёгкий плагин который реализует классную систему уведомлений на сайте.

jHERE

Данный плагин сможет добавить на Ваш сайт динамические карты.

Tooltipster — классный плагин для всплывающих подсказок

BigVideo.js

Этот JQuery плагин сможет поставить Ваше видео на весь фон сайта.

Выбрана категория: Слайдер

Слайдер для сайта HTML — это JavaScript библиотека, которая содержит ряд функций для создания динамического блока с показом изображений. Существует большое количество разных вариантов слайдера: карусель, широкоформатные, с использование 3-D и многое другое. Здесь Вы найдете специальные плагины JavaScript, которые реализуют слайдер для сайта HTML. Есть платные и бесплатные версии.

FormSl > 05.06.2020 weatherless jQuery, Слайдер

FormSlider — плагин jQuery, который интегрирует модифицированный Flexslider с логическими страницами-слайдами, которые могут иметь функции и поведение, предоставляемые плагинами. Основная идея заключается в том, чтобы […]

Fullscreen Sl > 23.05.2020 weatherless Слайдер

Данный инструмент осуществляет управлением разделов на странице. Он изменяет размеры разделов до полноэкранного разрешения и перемещает их индивидуально по событиям колесика / нажатия мыши.

vue-easy-sl > 14.04.2020 art VueJS, Слайдер

Незамысловатый слайдер с fade-анимацией. Простой и удобный в настройке и использовании. Реагирует на изменение ширины экрана и многое другое.

Слайдер с анимированными элементами внутри слайда

Мануал о том, как создать экспериментальное слайд-шоу, которое «оживляет» фрагменты слайдов. Слайдер базируется на библиотеки «Pieces«, которая была создана для достижения интересных эффектов, как эти.

Слайдер изображений с анимацией переходов

Эффекты появления слайдов, где анимированные кусочки закрывают и открывают изображение. Креативно и с высокой производительностью.

Мастер Йода рекомендует:  PHP для профессионалов

Слайдер с liqu > 12.10.2020 weatherless Анимация, Слайдер

Весьма интересная наработка появилась на сайте codrops: они паказали широкоформатный слайдер с пятью разными эффектами картинок «под водой».

Адаптивный слайдер на CSS с креативным эффектом

Слайдер без использования JavaScript с крутым эффектом перелистывания слайдов. Отлично адаптируется под любые устройства. Исходники в наличии.

Vue-Awesome-Swiper — кроссплатформенный Vue-компонент / слайдер Vue.js

Компонент для Vue (1.x

2.x) с помощью которого можно создавать всевозможные варианты перелистывания слайдов: карусели, 3-Д эленметы, горизонтальный скролл и т.д.

Vue Carousel 3d — красивый и адаптивный 3D слайдер на Vue.js

Новый 3D слайдер (карусель) с идеальной анимацией, высокой производительностью и полной поддержкой мобильных устройства. Для Vue.js.

OWL Carousel — популярный jQuery плагин + настройки для v. 2+

Самый известный из всех jQuery плагинов для созданием «карусели». Идеальный вариант компактного слайдера для любого контента.

Лучшие шаблоны

Искать

Информация

Категории

  • CSS3 (32)
  • JavaScript (152)
    • jQuery (42)
    • VueJS (19)
    • Анимация (28)
    • Изображения (12)
    • Подсказки (tooltips) (6)
    • Разное на JavaScript (30)
    • Слайдер (12)
    • Таблицы (5)
    • Формы (12)
  • WordPress (130)
    • Плагины WordPress (11)
    • Шаблоны WordPress (119)
      • Адаптивные (7)
      • Блог (33)
      • Интернет-магазины (18)
      • Корпоративные (25)
      • Креативные (7)
      • Лендинги (5)
      • Музыка (1)
      • Новости (4)
      • Портфолио (4)
  • Лучшие (13)
  • Новости (32)
    • IT новости (18)
    • WEB новости (13)
  • Статьи (14)

  • Шаблоны HTML5 (39)
    • IT сфера (3)
    • Интернет-магазины (7)
    • Корпоративные (19)
    • Креативные (9)
    • Специальные (1)

Новости

Статьи

О сайте

WEATHERLESS — это современный блог, который собирает в себе профессиональные инструменты для создания и улучшения web-сайтов. Основой ядра материалов являются шаблоны HTML5 & CSS3, плагины JavaScript, а также все, что касается популярных CMS — премиум WordPress и Joomla!

Особенностью данного блога является то, что здесь уделяется особое внимание премиум-приложениям. Мы ищем и рекомендуем платные плагины WordPress. Находим и предлагаем купить шаблоны Joomla.

Все бесплатные приложения расположены в соответствующих категориях.

10 бесплатных jQuery-плагинов

С момента появления jQuery прошло почти 10 лет и на сегодняшний день это самая популярная JavaScript-библиотека. Десять лет назад доступ в интернет был возможен через ограниченное число браузеров, спроектированных таким образом, чтобы свести к минимуму возможность манипулирования HTML DOM (Document Object Model). JQuery оказался палочкой-выручалочкой для многих разработчиков, стремившихся к одинаковому отображению содержимого сайтов во всех существующих браузерах. Развивавшие jQuery энтузиасты стремились объединить возможности браузеров и таким образом создать общий для всех интерфейс, который будет работать независимо от типа и версии браузера. Основная заслуга разработчиков состоит в том, что они создали новые интерфейсы API, которые были лучше «родных» браузерных и реализовали функции, которые не поддерживались программным интерфейсом браузера. Однако некоторые разработчики не склоны переоценивать роль jQuery в решении проблем кроссбраузерности и настаивают на том, что библиотека стала столь популярной благодаря реализации querySelectors. Как обычно, истина где-то посередине.

На сегодняшний день браузерная экосистема является не такой сложной, как это было 10 лет назад. Несмотря на то, что некоторые браузеры не могут реализовать все, что предлагает HTML5 API, все же у разработчиков в наше время гораздо меньше проблем с кроссбраузерностью и реализацией различных функций. Если сегодня что-то отлично работает в Chrome, то, вероятно, это также будет работать в Firefox или Edge. Основные элементы JavaScript наряду с querySelectors хорошо задокументированы и поддерживаются всеми производителями браузеров. Поэтому на первый взгляд может показаться, что те проблемы, которые решает jQuery, более таковыми не являются. Чистый JavaScript всегда будет быстрее, чем решение с использованием библиотеки, так что возникает вопрос: а нужно ли сегодня использовать технологию, которая в какой-то мере уже устарела? Цикл CPU является товаром, а время нет. Будет ли экономия 30 кБ оправданной, если придется писать код, тестировать его, если уже есть готовое решение?

Все это вопрос выбора. Кто-то стремится к совершенному коду, кто-то использует фрагменты кода, созданные другими разработчиками. Библиотека jQuery насчитывает тысячи отлично работающих и хорошо задокументированных плагинов, которые повышают производительность и позволяют реализовывать самые смелые идеи. Многие из этих плагинов к тому же совершенно бесплатны. Предлагаем вашему вниманию 10 лучших jQuery-плагинов, которые активно поддерживаются и регулярно обновляются их создателями.

Firewall это очень интересный кроссбраузерный jQuery-плагин, предназначенный для работы с макетами на основе модульной сетки. Он позволяет создавать впечатляющие анимационные эффекты с использованием возможностей SCC3 и хорошо работает с call back events. Если нужно создавать гибкие макеты с множеством изображений типа Pinterest, то Firewall является наилучшим решением для создания динамических сеток. Freewall работает практически во всех современных браузерах и даже в древнем IE8, что делает этот плагин действительно универсальным инструментом.

Плагин multiscroll.js позволяет добавить на сайт разнонаправленную прокрутку основных элементов дизайна. Это облегчает создание мультипрокрутки для сайтов с двумя колонками или панелями. Основное назначение плагина заключается в привлечении внимания пользователя к главному контенту без ущерба для UX. Плагин отлично работает как на современных, так и на устаревших браузерах и, конечно, в мобильной среде.

RowGrid.js – это простенький плагин, которые позволяет расположить изображения на сайте ровными рядами, точно так же, как это сделано в поиске по изображениям Google. Это модно, красиво и не слишком навязчиво. RowGrid.js расставляет изображения в рядах, ориентируясь на размер родительского элемента: он подбирает картинки таким образом, чтобы они гармонично смотрелись в пределах установленных границ, при этом некоторые элементы подвергаются масштабированию. Однако при работе с этим плагином нужно помнить, что все изображения должны быть одинаковыми по высоте, иначе плагин не будет работать и красивой произвольной сетки не получится.

JQuery-плагин Slidebars, как понятно из названия, помогает добавить на сайт выезжающие элементы, такие как боковые панели или скрытые меню. Вторая версия плагина была полностью переписана с учетом всех прежних недоработок и позволяет использовать неограниченное число элементов, расположенных вне основного экрана.

Плагин pagePilings.js позволяет реализовать очень интересные эффекты прокрутки, которые особенно впечатляюще смотрятся на одностраничниках. Пользователь просматривает контент, которые перемещается вверх и вниз, а скрипт срезает верхние слои содержимого, тем самым реализуя слайдер. Использование плагина поможет создать незабываемый опыт пользователя. Направление и скорость прокрутки можно легко настроить – в этом плане плагин обладает очень большими возможностями. PagePilings.js полностью отзывчивый, он отлично работает на любом экране и хорошо отображается в большинстве современных браузеров.

Основное назначение jQuery-плагина — создание плавных переходов между страницами, что позволяет улучшить опыт пользователя. Этот небольшой плагин позволяет создавать плавные и красивые CSS-анимации, которые сопровождают смену страниц. Плагин имеет свыше 60 различных эффектов, включая такие распространенные, как затухание, проявление, поворот плоскости кадра, флип, зум и многое другое.

Такой эффект, как увеличение масштаба изображения при наведении курсора мыши, некоторых раздражает, но иногда он бывает очень нужен. Так что если в проекте нужно использовать подобную анимацию, то стоит обратить внимание на jQuery-плагин ZooMovie. Плагин не только масштабирует картинку, но и позволяет рассматривать детали изображения, передвигая курсор. Все работает очень просто и предсказуемо.

Rippleria является созданным на основе концепции Material Design плагином, который создает эффект волны при клики мышки по элементу. Эффект может применяться к различным объектам, например, к кнопкам, иконкам или изображениям. Плагин легко настраивается и хорошо работает во всех современных браузерах.

Плагин Flickity отличается очень подробной документацией. Весь функционал понятно описан и логически структурирован. Это один из самых «отшлифованных» jQuery-плагинов для реализации эффекта карусели. При помощи Flickity создание отзывчивых слайдеров превращается в легкую работу, так как в плагине есть все инструменты для реализации любой идеи. Плагин условно бесплатный, для использования в коммерческих проектах придется приобрести платную версию.

Если нужно быстро и без особых затей установить слайдер на свой сайт, то можно использовать jQuery-плагин Unslyder. Плагин небольшой, но достаточно гибкий, позволяющий разработчику менять сценарии с помощью разных параметров и опций, методов и событий обратного вызова.

Подборка каруселей для сайта

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

1. Вертикальная карусель

Хорошая карусель с эффектными переходами. На сайте примера, под каруселью есть несколько вариантов перехода данной карусели (MORE EXAMPLES).

2. Простая навигация

Карусель с навигацией в виде точек и с использованием контента.

3. Карусель-слайдер

Интересная подача изображений в разбросанном виде и интересной сменой изображений.

4. Agile

Быстрая карусель в нескольких вариантах и видах.

5. Карусель изображений

Очень простой плагин, но с хорошими характеристиками. Внутри можно использовать изображения разной ширины.

6. jCarousel

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

7. Roundabout

Плавающие изображение в 3d карусели.

8. Roundabout — 2

Несколько вариантов плавающей карусель. В примере есть горизонтальная, вертикальная, диагональная и другие карусели.

9. jCarousel Lite

jCarousel с стандартными настройками. Все сделано очень просто и очень скромно.

10. Tiny Carousel

Универсальная, красива и очень красочная карусель для сайта.

11. CarouFredSel

Хорошая карусель, сам часто ее использую. Достаточно легкая в установке и с богатым функционалом.

12. jquery плагин карусели

Простая и удобная карусель.

13. Liquid Carousel

Адаптивна (резиновая) карусель. Хорошо подойдет для кино сайта, и не только.

14. jQuery Waterwheel

3d карусель с легкими и плавными переходами.

15. JQuery carousel plugin

Простенькая и в минималистическом стиле карусель.

16. Elastislide Responsive

Адаптивная карусель, которая выполнена в нескольких вариантах.

17. jsCarousel V 2.0.0

Красивая и универсальная карусель с возможностью вставки контента. Детальная инструкция по установке лежит ТУТ

Какие есть «лучшие из лучших» плагины jQuery?

Я пока не очень много сижу в англоязычном интернете, и на сегодняшний день нашел немного крутых для себя плагинов, таких как: PhotoSwipe, CHARTIST.JS, Slideout.js, OWL Carousel и хотелось бы узнать, есть ли у вас подборка «лучших из лучших» и если есть, то что в нее входит? Я думаю это могло бы помочь не только мне.

Желательно чтобы это были плагины без зависимостей (вроде jquery и прочих библиотек)

  • Вопрос задан более трёх лет назад
  • 24198 просмотров

Кому интересно мой полный список можно увидеть тут

Мой небольшой список. Большинство из этого довольно часто использую.

Лучшие jQuery плагины и JavaScript решения 2020 года

10 лет назад, когда jQuery только зарождалась, браузерная экосистема была очень разношерстной и каждый из существовавших тогда продуктов по своему боролся со сложностью управления DOM-элементами. Амбициозной задачей, которую поставили перед собой разработчики jQuery, была разработка универсального подхода к решению этих проблем и создание API, который бы одинаково хорошо работал в любой ситуации.

Насколько им это удалось судить вам, но спустя 10 лет своего существования, jQuery остается одной из самых популярных библиотек JavaScript.

Сам JavaScript сейчас совершенно зрелый продукт, хорошо документированный и поддерживаемый всеми современными браузерами. Современное браузерное сообщество тоже более консолидировано и, в большинстве случаев, можно быть уверенным, что если, скажем, страница корректно отображается в Crome, то так же она будет выглядеть и в Firefox. querySelectors тоже поддерживаются практически всеми современными браузерами.

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

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

В этом обзоре я собрал все известные мне бесплатные плагины jQuery, которые сейчас активно развиваются или которые хотя бы раз обновлялись за прошедший год. Некоторые из них я активно применял и применяю в своей практике, некоторые я знаю только поверхностно, но они впечатлили меня своими возможностями. Среди них есть исключительно неординарные, выполненные с большой фантазией. И даже если вы не найдете способ использовать их в своих проектах, быть может они вдохновят вас на создание своих собственных, еще более невероятных решений.

multiscroll.js

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

jquery.email-autocomplete.js

Электронные адреса приходится вводить очень часто и, несмотря на то, что это всего лишь полтора десятка символов, часто возникает желание ускорить этот процесс. jquery.email-autocomplete.js имеет собственный список доменов популярных почтовых сервисов на основании которого он предлагает автодополнение адреса. Пользователь может принять эту подсказку, нажав клавишу Tab или стрелку вправо, или же продолжить вводить дальше вручную. Плагин хорошо работает и в мобильных версиях сайта. Однако, придется немного допилить плагин, чтобы он начал работать с отечественными почтовыми сервисами.

tinyDatePicker

В 5 кБ этого плагина втиснуты немаленькие возможности. Календари, планировщики, бронирование товаров и услуг — далеко не полный перечень, где можно использовать tinyDatePicker. Быстрый, легкий, масштабируемый — его можно легко интегрировать в Bootstrap или любой другой фреймворк.

Push.js

Кросс-браузерный плагин для отображения уведомлений на рабочем столе.

ReadRemaining.js

Многим из нас всегда катастрофически не хватает времени. Я всегда завидовал людям, которые умеют правильно им распоряжаться. Наверное, к таким относится автор плагина ReadRemaining.js. Кому же еще могла прийти в голову мысль вывести рядом с текстом информацию о том, сколько времени вам понадобится, чтобы прочитать его. И по мере прокрутки текста пересчитывать это время, основываясь на скорости чтения конкретного пользователя.

Весьма оригинальный плагин который, я думаю, понравится посетителям, если у вас много длинного текстового материала.

Tooltipster

Классическая всплывающая подсказка (tooltip) с большим набором функций и опций. Сам элемент может располагаться где угодно по отношению к родительскому элементу и содержать какие угодно элементы. Главное, не переборщить с его применением, используйте его только там где это действительно необходимо.

TableExport.js

Здесь все ясно из названия. Плагин позволяет просто и быстро конвертировать HTML-таблицу в файл Exel, CSV или обычный текстовый. Для работы требуется плагин FileSaver.js.

Addel

Несмотря на созвучное название, этот плагин не имеет никакого отношения к певице Адель. Его название происходит от английских слов ADd-DELete (добавить и удалить) и отражает его назначение — динамически добавлять или скрывать HTML-элементы, в первую очередь элементы форм. Управление гибкое и интуитивно понятное.

Chart.js

Активно развивающийся плагин, позволяющий выводить различные типы диаграмм (всего 8 типов, в том числе смешанные). Отлично работает на всех современных браузерах и имеет плавную и симпатичную анимацию при изменении данных.

jQuery Flip-Quote

Очень интересный плагин, который делает две вещи. Во-первых, вращает блоки цитат, присутствующие на странице, в тот момент когда блок становится видимым (отлично привлекает внимание). Во-вторых, при нажатии на этот блок происходит подсветка цитаты в тексте, что позволяет быстро найти ее в общем потоке материала. Оказывается, цитаты тоже можно сделать занимательными!

Sharetastic

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

Algolia Places

Быстрый поиск с автодополнением почтовых адресов, городов, маршрутов и всего, что связано с локациями по всему миру благодаря интеграции с базой данных OpenStreetMap. Очень полезный плагин для интернет-магазинов.

HideSeek

Простой, но функциональный плагин «живого» поиска. Умеет производить поиск, основываясь на различных критериях, выполнять определенные действия после нахождения искомых данных и многое другое.

Timedropper

Существует огромное количество удобных решений для ввода определенного момента времени. Однако Timedropper выделяется среди них простотой и легким управлением. Изменение часов и минут при помощи этого забавного язычка действительно удобно. Он имеет несколько параметров настройки, таких как: формат времени (12 или 24-часовой), цвет циферблата, теста, фона, а также возможность изменять показания часов и минут при помощи колесика мыши. Кстати, имеется аналогичный плагин для задания даты.

Choreographer-js

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

Leaflet.js

Занимая всего 33 кБ, эта библиотека предоставляет практически все функции, необходимые для работы с картами, в том числе и на мобильных устройствах.

Слайдер, написанный на чистом JavaScript. Минималистический, но поддерживающий управление жестами, задание фиксированного элемента, отображение управляющих элементов-кнопок и одновременное отображение нескольких изображений, в том числе разной ширины.

CurrencyFormatter.js

Очень простенький и маленький скрипт, выполняющий отображение числовых значений в денежном формате. Добавляет точки, пробелы для разделения разрядов и символ валюты. Поддерживает 155 валют мира.

Своеобразный шаблон для проектирования интерфейсов в стиле Atomic Design.

Небольшой набор интересных и необычных элементов управления, построенных на jQuery.

Shave.js

Javascript, который аккуратно обрежет текст, не помещающийся в контейнер заданной высоты. Занимает всего 1,5 кБ и не требует сторонних библиотек.

jQuery Linechart

Библиотека для построения диаграмм различных видов и довольно большим количеством исходных данных. Написан на HTML/CSS/JS, однако есть версия и на базе Angular.js

Tabulator

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

baguetteBox.js

Написанный на чистом JavaScript lightbox с хорошей поддержкой мобильных устройств и управлением жестами.

Freewall

Невероятно красивый jQuery плагин для создания плиточного интерфейса в самых разных стилях: Windows Metro, Pinterest, обычном плоском или иерархическом, с перетаскиваемыми и динамически добавляемыми элементами. Отлично работает как на мобильных браузерах, так и на десктопных, включая IE8. Действительно универсальный инструмент!

rowGrid.js

Крошечный плагин, который располагает изображения или другие элементы ровными рядами одинаковой высоты, подбирая размер и зазоры между ними так, что каждый ряд идеально вписывается в ширину окна. Правда, все объекты должны быть одинаковой высоты.

Slidebars

Slidebars добавляет на страницу сайта меню или боковую панель, которые скользящим движением появляются или скрываются по нажатию курсором на управляющую кнопку. Версия 2 этого плагина была полностью переписана и теперь может содержать неограниченное количество самых разных элементов. Имеет полноценный API, возможность подключения собственных callback-функций и подписку на события.

pagePiling.js

Очень напоминает рассмотренный в данном обзоре плагин multiscroll.js, но страница не разбивается на две панели, а смещается целиком. Можно изменять направление смещения и скорость. Хороший выбор для одностраничного сайта, который будет одинаково хорошо выглядеть и на мобильный устройствах и на больших экранах.

Animsition

Основной целью Animsition является воплощение в одном плагине большого и разнообразного набора различных транзитивных эффектов. Среди них затухание и проявление, вращение, отражение, зуммирование и т.п. (всего 58 штук).

Мастер Йода рекомендует:  Более глубокий анализ конверсий в Google AdWords

ZooMove

Мне не нравится динамическое зуммирование изображений при наведении курсора — я нахожу этот эффект слишком раздражающим. Но если уж вы хотите его непременно использовать, то лучше взять для этой цели ZooMove. Такого гладкого и плавного масштабирования и скроллинга не даст ни один другой плагин.

Rippleria

Легковесный плагин, создающий волновой эффект (похожий на рябь на поверхности воды) на любом DOM-элементе: кнопке, элементе DIV, картинке. Очень легко настраивается и управляется.

Flickity

Быстрый, адаптивный и управляемый жестами слайдер. Внешне — довольно обычный, но с невероятно тщательно написанной и структурированной документацией. Полноценный, и продуманный API.

Unslider

Очень маленький и простой слайдер, имеющий несколько параметров, позволяющих разнообразить его поведение: различные направления движения (горизонтальное и вертикальное), циклическая (бесконечная) прокрутка, автозапуск.

Lightcase.js

Выдающийся lightbox с CSS3 анимацией. Работает с DIV, изображениями, текстом, flash-объектами, video и iframe. Пока не поддерживает jQuery 3, но разработчики обещают исправить это в ближайших релизах.

PhotoSwipe

Замечательная галерея изображений с управлением как клавиатурой на дестопных браузерах, так и жестами на мобильных. Имеется возможность установить задержку загрузки фотографий, пока полностью не загрузится сама страница. И все это удовольствие имеет размер всего 14 кБ.

Strip

Strip — это lightbox, который занимает некоторую область страницы, оставляя саму страницу не только частично видимой, но и доступной для взаимодействия с ней. Кроме того может одновременно работать и как слайдер. К тому же, наряду с изображениями, поддерживает и видеоконтент с Youtube и Vimeo.

Turntable.js

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

Vide.js

Пожалуй, самый простой способ добавить фоновое видео на страницу сайта — это воспользоваться плагином Vide.js. Он работает на всех современных браузерах, начиная с IE9+. На iOS и Android, которые не всегда воспроизводят фоновое видео, будет показан стоп-кадр.

Trianglify

Если вы не хотите нагружать страницу фоновым видео, а статическое изображение кажется банальным, попробуйте триангулярность! Это уникальные геометрические треугольные узоры, которые придадут некую индивидуальность вашему дизайну. Плагин позволяет менять цвет, размер ячеек и дисперсию. Вы даже сможете написать собственную реализацию алгоритма и использовать его в Trianglify.

LazeeMenu

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

Web-ticker

Бегущая строка, похожая на те, которые часто можно увидеть на экране телевизора в выпусках новостей — последние события, биржевые котировки, погода… Да мало ли, что там можно разместить! Так, что если вам нравится такой способ подачи информации — возьмите Web-ticker на заметку.

Inputmask

User experience в действии. Вы помните те времена, когда приходилось заново вводить в форму данные из-за ошибки. Причем ошибка обнаруживалась только после ответа сервера. Забудьте об этом! Inputmask не просто контролирует и отображает визуально правильность вводимых данных, он еще и препятствует введению неправильных. Попробуйте, например, ввести 13-й месяц в поле даты. Маски могут быть самые разные — даты, телефоны, e-mail и даже регулярные выражения.

ScrollReveal

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


Marginotes

Всплывающие подсказки (tooltip), отображаемые на полях рядом с абзацем. Интересное и оригинальное решение. Если вы не любитель jQuery, то имеется версия, не требующая этой библиотеки.

Loud Links

Java-скрипт, который позволяет «озвучить» ваш сайт — добавить звуковые эффекты на различные события. Использует аудио-элемент HTML5 и способен воспроизводить MP3 и OGG файлы.

Bricks.js

Молниеносный, в смысле скорости работы, плагин для создания плиточной верстки фиксированной ширины.

MediumEditor

Маленький (28кБ) и легкий inline редактор для изменения атрибутов текста непосредственно на странице. Позволяет подключать дополнения и различные скины.

Philter

Philter предоставляет удобное и гибкое управление CSS-фильтрами при помощи HTML-атрибутов. Поставляется в виде плагина к jQuery или скрипта на чистом JavaScript.

SuperEmbed.js

Обнаруживает на странице встроенное видео и помещает его в адаптивный контейнер.

Substance

Полноценный текстовый редактор для онлайновых издательских систем.

List.js

Позволяет сортировать, фильтровать и производить поиск по элементам списков, таблиц и другим элементам HTML

jqGifPreview

Создает стоп кадр анимированного GIF-файла, точно так же, как это сделано в FaceBook.

Datedropper.js

Симпатичный и удобный jQuery-плагин для быстрого указания даты.

jfMagnify

Плагин увеличительное стекло на базе jQuery. Способен увеличивать любой HTML-элемент, а не только изображение.

jQuery formBuilder

Быстрое и удобное создание форм — достаточно просто перетащить на форму требуемые элементы.

Popper.js

Несмотря на свой размер 4кБ эта библиотека-малютка создает эффектные и умные всплывающие подсказки (tooltip), которые могут быть расположены с любой стороны элемента, а также самостоятельно менять это положение в зависимости от расположения родительского элемента относительно границы страницы.

Image Blur Plugin

Легкий кросс-браузерный плагин jQuery для получения расфокусированного изображения.

InlineTweet.js

Превратить любой текст в Twitter-ссылку — дело одной секунды при помощи InlineTweet.js

iMissYou.js

iMissYou.js изменяет заголовок вкладки и favicon, когда пользователь переключается на другую вкладку.

SweetAlert2

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

Force.js

С Force.js легко анимировать перемещение любого элемента в пределах страницы, имитируя различные варианты приложения силы.

Bideo.js

Неплохая библиотека для добавления фонового видео на страницу вашего сайта.

Microlight.js

Небольшая, всего 2,2 кБ, библиотека для подсветки кода практически всех языков программирования. Указывать язык не нужно, библиотека сама определит его. Более этого, в одном блоке может быть даже несколько языков. Необычным является само выделение — вместо того, чтобы раскрашивать код как рождественскую елку выделение характерных элементов производится при помощи изменения начертания шрифта (полужирный, наклонный и т.п.)

flatpickr

Быстрый и функциональный элемент интерфейса для ввода даты, времени или и того и другого вместе.

anime.js

Гибкая и легкая библиотека различных анимационных эффектов, воздействующая на селекторы CSS, SVG, атрибуты DOM и другие JS-объекты.

Cleave.js

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

Skippr

Быстрое и легкое слайд-шоу на базе jQuery. В данным момент смена слайдов производится скольжением или проявлением, имеются различные управляющие элементы. Поддерживается автовоспроизведение.

Lightgallery.js

Написанная на чистом JavaScript, без зависимости от сторонних библиотек этот lightbox и слайд-шоу в одном флаконе обладает внушительным набором функций: автовоспроизведение, зуммирование, возможность распространять ссылку на него в соцсетях или скачивать понравившиеся фотографии.

iziModal.js

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

Free jQuery Carousel Plugins

All the Free jQuery Plugins about ‘Carousel’ are listed here.

Powerful Responsive Image Gallery Plugin — Blueimp Gallery

Blueimp Gallery is a powerful and multi-functional jQuery/Vanilla JavaScript plugin for creating responsive, touch-friendly and fully configurable image/video gallery, carousel slider and lightbox gallery on the page.

Fully Responsive & Mobile-friendly jQuery Carousel Plugin — Owl Carousel 2

jQuery OWL Carousel 2 helps you create a highly customizable, fully responsive, mobile touch-friendly content carousel/slider with lots of useful functionalities for modern web/mobile designs.

Responsive Sl > 09/20/2020 — Slider — 18746 Views

Glide.js is a lightweight, flexible ES6 JavaScript slider/carousel library that helps you create responsive and touch-enabled sliders with fast and performant CSS3 transitions.

Simple and Responsive jQuery Carousel Plugin — responsiveCarousel

responsiveCarousel is a lightweight (

5.4kb minified), responsive and touch-friendly jQuery plugin that helps you simply to create multiple Carousel like galleries which accept any type of html elements.

Responsive and Flexible Mobile Touch Sl > 07/27/2020 — Slider — 152432 Views

Swiper is a powerful javascript library to implement responsive, accessible, flexible, touch-enabled carouses/sliders on your mobile websites and apps.

Responsive jQuery Content Sl > 06/07/2020 — Slider — 13443 Views

Liquid Slider is a jQuery Slider Plugin that allows you to create a fully responsive, touch-friendly content slider for both web and mobile devices.

Fully Responsive & Flexible jQuery Carousel Plugin — slick

Slick is a fresh new jQuery plugin for creating fully customizable, responsive and mobile friendly carousels/sliders that work with any html elements.

Flexible and Simple Image Sl > 11/19/2020 — Slider — 15728 Views

Bare Bones Slider is a lightweight and flexible jQuery Slider plugin that enables you to quickly create highly customizable image slider with lots of pre-coded options.

jQurty HTML Content Carousel Plugin — jcarousel

jcarousel is a simple and fast jQuery carousel slideshow plugin for controlling a list of items in horizontal or vertical order.

Mobile-compatible Sl > 07/19/2020 — Slideshow — 14174 Views

Camera is a powerful, configurable, responsive, mobile-friendly jQuery slideshow/slider/carousel plugin that comes with fancy slice transition effects between slides.

Simple jQuery Sl > 06/28/2020 — Slider — 17875 Views

Impulse Slider is a simple jQuery plugin that takes advantage of jQuery and CSS3 transforms / transitions to create a slider with 3D image flip effects.

Responsive jQuery Content Sl > 05/01/2020 — Slider — 69377 Views

bxslider is a fully responsive jQuery Slider Plugin that allows you to create a content slider which can contain images, video, or HTML content.

Responsive Carousel Sl > 04/26/2020 — Slideshow — 7751 Views

A jquery Slideshow Plugin for responsive carousels that work with mouse, touch, and keyboard.

jQuery Waterwheel Carousel Plugin

A simple and easy-to-use jQuery plugin that helps you create a slider widget on your web page for showcasing your photos in a Waterwheel Carousel interface.

Responsive Full-W > 02/26/2020 — Slider — 61762 Views

jQuery skdslider is a lightweight and easy-to-use jQuery plugin that allows you to create a responsive and full-width image slider with auto-play, dots/number navigation and fade animation support.

Responsive & Touch-Friendly jQuery Sl > 02/20/2020 — Slider — 12270 Views

Yet another jQuery slider/slideshow plugin that has the ability to slide any html elements in a responsive & touch-friendly layout.

3D Cover Flow-Style Image Carousel Plugin with jQuery — Cloud 9 Carousel

Cloud 9 Carousel is a cool jQuery & Html5 based carousel plugin that has the ability to continuously rotate/slide a set of images with the familiar 3D ‘cover flow’ effect.

Clean and Responsive jQuery Carousel Plugin — flexisel

flexisel is a simple, easy-to-use and cross-platform jQuery plugin that make it easy to create a responsive carousel slider with configurable scrolling animations for showcasing any html elements.

Clean & Simple Image Sl > 05/16/2020 — Slider — 12385 Views

Coin Slider is a jQuery Slider plugin that allows you to create a Clean & Simple Image Slider with unique transition effects. It features Auto slide, Navigation box and Linking images.

Responsive & Flexible jQuery Multi-sl > 12/15/2020 — Slider — 16080 Views

miSlider is a responsive, flexible and customizable jQuery & HTML5 slider plugin that displays as many slides of content as possible on your screen and enlarges the current slide with next/prev navigation.

Lightweight Responsive Content Sl > 10/25/2020 — Slider — 56927 Views

lightslider is a lightweight yet fully customizable jQuery slider plugin that supports any Html contents and makes use of CSS3 transitions and transforms to create smooth ‘fade’ or ‘slide’ effects.

ResponsiveSl > 08/06/2020 — Slider — 10149 Views

ResponsiveSlides is a Simple & Lightweight Responsive Slider Plugin (1kb minified and gzipped) written in jQuery.

Auto Scalable Responsive Image Carousel Plugin For jQuery — sk > 05/19/2020 — Slider — 10552 Views

skidder is a jQuery slider plugin for creating a responsive, mobile-friendly image carousel that features auto image scaling to fit mobile & desktop browsers.

Simple jQuery Carousel Plugin With 3D Rotating Effects — Carousel 3D

Carousel3d is a jQuery & jQuery UI carousel plugin that makes use of CSS3 transforms and perspectives to cycle through a set of Html elements with an amazing 3D rotating effect.

jQuery Plugin For Image Gallery Sl > 04/22/2020 — LightBox — 11950 Views

Image Carousel Lightbox is a simple jQuery plugin for displaying an image gallery slider in a popup lightbox window.

Lightweight & Responsive jQuery Sl > 03/04/2020 — Slider — 20665 Views

Simple Slideshow is a small jQuery slider plugin for creating full responsive, touch-friendly and fast content slider/slideshow on your website.

Easy & Responsive jQuery Carousel Sl > 03/02/2020 — Slider — 35268 Views

FilmRoll is a jQuery slider plugin for creating a responsive carousel that has the ability to center the selected item on the page, especially when all of the items had varying widths.

Simple jQuery Infinite Carousel Plugin — lbSl > 11/27/2015 — Slider — 34144 Views

lbSlider is a ultra-light (

4kb un-minified) jQuery plugin for creating a infinite slider that rotates items in a carousel-like interface.

Carousel & Marquee Like List Scrolling Plguin For jQuery — Scrollbox

Scrollbox is a lightweight plugin for jQuery that enables you to scroll a list of html elements (text, image, etc. ) like a carousel slider or traditional marquee.

Responsive jQuery Endless Scrolling Image Sl > 10/26/2015 — Slider — 6992 Views

loopit is a jQuery responsive slider/carousel plugin that allows to vertically or horizontally slide a group of images with infinite loop, image captions and easing effects support.

Responsive Full Page Image Carousel Plugin For jQuery

A lightweight, responsive jQuery slideshow plugin that creates a full page image slider/carousel with CSS3 transitions and infinite loop support. More features: Keeps images have the same height. Auto center the images as you resize the win

Sequence — Responsive Sl > 08/28/2015 — Slider — 2902 Views

Sequence is a modern slider plugin built with Jquery and CSS3.

Performant and Touch-Friendly Carousel Plugin for jQuery — microfiche.js

microfiche.js is a easy-to-use and touch-friendly jquery Carousel Plugin that helps you to quickly create a performant carousel-like slideshow with smooth sliding effect.

Cool jQuery Plugin For Circular Carousel Sl > 08/09/2015 — Slider — 10154 Views

Tiny Circleslider is a lightweight and touch-enabled jQuery plugin for creating a circular carousel slider that allows you to rotate a group of images on scroll.

Fully Responsive & Touch-enabled jQuery Carousel Plugin — Flickerplate

Flickerplate is a jQuery plugin for creating a trendy fashion carousel/slider which allows you cycle through images with animated arrows and dots navigation.

Fully Responsive Image Carousel Plugin with jQuery and CSS3 — Tikslus Carousel

Tikslus Carousel is a fully responsive and mobile-friendly jQuery plugin for creating an image carousel with amazing CSS3 animations.

Responsive & Touch-Enabled jQuery Carousel Sl > 02/01/2015 — Slider — 11024 Views

Carousel is a feature rich yet easy-to-use jQuery plugin for creating a responsive and touch-friendly carousel slider just by calling carousel() function on an unordered list.

Responsive, Touch-enabled and Fullscreen Image Sl > 01/13/2015 — Slider — 5711 Views

slideLp is a full-featured jQuery image carousel/slider plugin that is responsive and touch-friendly and comes with lots of optional settings for customization.

jQuery Carousel Image Gallery with Cover-flow Effect — jqcarousel

jqcarousel is a jQuery plugin for creating a ‘cover flow’ like image gallery with infinite rotation support.

Responsive jQuery Layout Carousel Sl > 12/05/2014 — Slider — 15345 Views

RadiantScroller is a jQuery responsive slider (carousel) plugin which allows to slide through grid and simple horizontal layouts.

Basic jQuery Carousel Sl > 11/15/2014 — Slider — 3550 Views

A really simple and lightweight jQuery carousel plugin that provides the basic functionalities of a carousel slider like infinite loop scroll, arrows navigation, CSS3 based slide transitions, and more.

Basic jQuery Any Content Sl > 08/18/2014 — Slideshow — 2363 Views

Carousel 2.0 is a super tiny and easy jQuery slideshow plugin which enables you to horizontally or vertically slide through a group of Html contents.

Touch Enabled Sl > 06/18/2014 — Slider — 7279 Views

iosSlider is a jQuery Slider Plugin for creating Touch Enabled, customizable, cross-browser content slider, which can be used as a content slider, carousel, scrolling website banner, or image gallery.

Beautiful Horizontal Image Carousel Plugin with jQuery and CSS3 — Hover Carousel

Hover Carousel is a cool jQuery carousel plugin which allows you to horizontally scroll through a gallery of images by mouse moving.

Lightweight jQuery Responsive Carousel Plugin

Just another simple lightweight jQuery plugin that loops through a gallery of images (or any other Html elements) in a fully responsive slider/carousel interface.

Create A Fullscreen & Responsive Image Gallery with jQuery

jQueryGallery is a lightweight jQuery plugin which allows you to create a fully responsive & full page image gallery with a thumbnail carousel.

Basic jQuery Content Sl > 05/15/2014 — Slider — 2357 Views

Simple Slider is an ultra-lightweight jQuery plugin that allows you to slide through a series of Html contents like a carousel that supports auto play and infinite loop.

Powerful and Customizable jQuery Carousel Sl > 05/13/2014 — Slider — 140884 Views

OWL Carousel is a clean and neat jQuery slider plugin for creating fully responsive and touch-enabled carousel slider with a lot of options.

Basic jQuery Image Carousel Plugin

Yet another jQuery plugin that provides a simple way to create an image carousel with support of auto play, infinite looping, multiple items in one slide, arrows navigation and more.

360 Degree Rotating Carousel with jQuery and CSS3 — rotataDiz

rotataDiz is a simple lightweight jQuery carousel plugin that allows you to rotate a set of images with CSS3 transitions and transforms.

Basic jQuery Image Carousel/Sl > 05/04/2014 — Slider — 1070 Views

A simplest jQuery image carousel/slider plugin that cycles through a group of image with a basic slide animation.

Lightweight jQuery Content Sl > 05/02/2014 — Slider — 2102 Views


Just another very lightweight jQuery plugin for creating a horizontal Html content carousel slider with lots of cool slide animations.

jQuery & CSS3 Carousel Plugin with Content Flipping Effects — Flip Carousel

Flip Carousel is a responsive jQuery carousel plugin that has the ability to flip carousel content like a card using CSS3 transitions, transforms, and perspectives.

jQuery Image Sl > 04/19/2014 — Slider — 2813 Views

A jQuery, Html5, CSS3 based image carousel/slider that has the ability to dynamically change the background/text color of the image caption and navigation according to the dominant color of an image.

Responsive & Scalable jQuery Sl > 04/18/2014 — Slider — 7466 Views

Skate is a responsive, touch-enabled, flexible jQuery slider plugin for creating an image slideshow/carousel/rotator with ease.

Easy Clean jQuery Content Carousel Plugin — Chechu Carousel

Chechu Carousel is a lightweight and simple jQuery/Zepto plugin for creating a carousel/slider that allows to cycle through Html contents with smooth sliding effects.

Basic jQuery Any Content Carousel Plugin — maxcarousel

maxcarousel is a tiny yet mobile-friendly jQuery carousel plugin that allows to slide/loop any html content infinitely.

Responsive & Modular Carousel / Sl > 03/27/2014 — Slider — 2843 Views

Moodular is a responsive carousel / slider plugin built on top of jQuery and Boostrap 3 that comes with 2 modules (controls & effects) in order to create your own styles.

Simple jQuery & jQuery Mobile Based Carousel Plugin — JQM-Carousel

JQM-Carousel is a jQuery & jQuery mobile plugin for building a simple clean, mobile-first image carousel for your mobile web app.

Fully Customizable & Responsive jQuery Carousel Plugin — AdaptaSl > 03/21/2014 — Slider — 1686 Views

AdaptaSlider is a jQuery plugin that makes it easier to create a responsive content slider/carousel which is highly customzable via javascript and custom CSS to suit your any needs.

Fancy Responsive jQuery & Html5 Image Carousel Plugin

Just another lightweight jQuery & HTML5 based slider plugin to create a fancy responsive image carousel with fade effects and arrows/dots navigation.

Tiny jQuery Image Carousel with Fade Animation — Fader

Fader is a simple and lightweight jQuery plugin for creating an image carousel that features auto play, infinite loop and adjustable fade animation.

Highly Customizable Carousel Plugin with jQuery and jQuery UI — rcarousel

rcarousel is a highly customizable and multi-functional carousel/slider plugin driven by jQuery and jQuery UI. It supports any HTML element in slides.

Easy Carousel Sl > 03/14/2014 — Slider — 4595 Views

Open Carousel is a simple and easy-to-use jQuery Carousel plugin that gives visitors easy and visible access to several content items.

Simple Fashion jQuery Image Sl > 03/14/2014 — Slider — 3751 Views

A minimalist jQuery plugin for creating a fashion image slider/slideshow/carousel with arrows navigation and pagination support.

Responsive & Touch-enabled jQuery Carousel Plugin — humbleSl > 03/03/2014 — Slider — 2546 Views

humbleSlider is a responsive, customizable, touch-friendly jQuery image carousel slider plugin that features keyboard/swipe/arrows navigation, infinite loop, CSS3 transition support and much more.

Simple Clean jQuery & CSS3 Carousel Sl > 02/21/2014 — Slider — 13027 Views

CSS Slider is jQuery carousel/slider plugin which takes advantage of CSS3 transitions and transforms to animate the slides with next/prev controls and infinite looping support.

Clean & Multipurpose jQuery Image Carousel Plugin — Ublue

Ublue is a simple clean yet highly configurable jQuery plugin for creating horizontal & vertical image carousel / sliders that supports autoplay, infinite loop, pager/button navigation, thumbnails and more.

Clean and Multi-Functional jQuery Gallery Plugin — kGallery

kGallery is an easy-to-use jQuery plugin that enables you to create a clean photo gallery with thumbnails preview and some controls.

Minimal jQuery Responsive Infinite Carousel Plugin — t3u Carousel

Just another jQuery slider plugin to create an infinite loop carousel that allows to slide any html elements and works perfectly with mobile & desktop.

Responsive Infinite Loop Sl > 01/19/2014 — Slider — 17026 Views

Yet another lightweight jQuery slider plugin for creating a responsive carousel with infinite loop support.

Flexible and Customizable jQuery Image Sl > 01/13/2014 — Slider — 2587 Views

BeaverSlider is a jQuery plugin which enables you to create flexible and customizable jQuery image sliders with more than 29+ effect types.

Customizable jQuery Sl > 01/10/2014 — Slideshow — 2750 Views

sliders.js is a powerful jQuery slider resolution to create slideshow/carousel with lots of options/methods to customize.

Responsive Infinite Carousel jQuery Plugin — jQuery slippity

slippity is a fresh new and lightweight jQuery plugin for creating a responsive content slider with infinite loop support and arrows & dots navigation.

Lightweight Content Carousel jQuery Plugin — lightYear

lightYear is a really simple jQuery slider plugin for creating a circular content carousel that supports infinite sliding with easing effects.

Lightweight jQuery Any Html Elements Carousel Plugin — WaltzerJS

WaltzerJS is a lightweight and fast jQuery slider plugin used to create a highly customizable carousel slider with lots of configurable options.

Simple jQuery Carousel Sl > 12/09/2013 — Slider — 13892 Views

Featured Content Carousel is a fast and lightweight jQuery plugin for creating an Carousel Slider with easing and mouse wheel support to present the featured content of your website.

Simple and Multi-Functional jQuery Sl > 11/28/2013 — Slider — 3399 Views

ulslide is a simple but powerful jQuery plugin that helps you to create Multi-Functional sliders with vertical/horizontal sliding, fade, carousel, html5 rotation, and html5 scale effects.

Easy customizable jQuery Carousel Plugin — Tiny Carousel

Tiny Carousel is a lightweight and easy customizable jQuery carousel plugin to horizontally or vertically slide sets of html elements with some useful options.

Versatile and Responsive jQuery Sl > 08/12/2013 — Text — 1493 Views

RTP Slider is a flexible and touch-enabled jQuery plugin for creating versatile and responsive sliders with lots of config options on your website.

jQuery Image Scale Carousel Sl > 08/05/2013 — Slider — 2160 Views

Image Scale Carousel is a neat jQuery slider plugin that create a image scale carousel slider on your website.

Minimal jQuery Liqu > 08/04/2013 — Slider — 5512 Views

Liquid Carousel is a lightweight jQuery slider plugin for creating a responsive & liquid styled image carousel slider with one line javascript.

Highly Customizable Carousel For jQuery — rondell

rondell is a jQuery plugin for allows you to display images and other content in a nice way.

Minimal jQuery Infinite Carousel Plugin — dbpasCarousel

dbpasCarousel is yet another simple jQuery plugin that turns an unordered list into a infinite carousel which supports any html elements like text, image, etc.

jQuery Instagram Photos Sl > 06/30/2013 — Slider — 6413 Views

InstaSlider is a simple jQuery plugin that fetches Instagram Photos from an Instagram user or a hashtag and displays these photos in a carousel slider on your website.

Responsive and Touch-Enabled Carousel Plugin — RS Carousel

RS Carousel is a jQuery plugin built with jQuery library and jQuery UI that makes it easy to create responsive and touch-enabled carousel slider using HTML markup.

Responsive & Touch Ready jQuery Image Carousel Sl > 06/21/2013 — Slider — 7665 Views

Roundabout is a lightweight and touch-friendly jQuery plugin for creating clean and responsive Image Carousel Sliders on your website.

Easy jQuery Content Carousel Sl > 06/14/2013 — Slider — 2783 Views

jQuery Carousel is a simple yet powerful jQuery plugin for creating a content carousel slider on your web page, which supports page lists, vertical & horizontal scrolling, class-toggling, timers, timer offsets as well as touch and keyboard e

Sl > 06/13/2013 — Slideshow — 3773 Views

SlidesJS is a Simple and Useful Slideshow Plugin built with Jquery for helping web designers create elegant and user-friendly slideshows.

Simple and Responsive jQuery Carousel Sl > 05/16/2013 — Slider — 7795 Views

simple Slider is a simple, lightweight and expandable jQuery carousel slider plugin with several options, which supports all the html elements like text, image, etc.

Intuitive & Lightweight Carousel Plugin — Looper.js

Looper.js is an easy-to-use jQuery plugin that make it easier to cycle through your content in many different styles.

Clean and Responsive jQuery Carousel Plugin — flexisel

flexisel is a simple, easy-to-use and cross-platform jQuery plugin that make it easy to create a responsive carousel slider with configurable scrolling animations for showcasing any html elements.

Clean and Responsive jQuery Carousel Plugin — flexisel

flexisel is a simple, easy-to-use and cross-platform jQuery plugin that make it easy to create a responsive carousel slider with configurable scrolling animations for showcasing any html elements.

Clean and Responsive jQuery Carousel Plugin — flexisel

flexisel is a simple, easy-to-use and cross-platform jQuery plugin that make it easy to create a responsive carousel slider with configurable scrolling animations for showcasing any html elements.

Circular & Responsive Sl > 04/10/2013 — Slideshow — 13277 Views

carouFredSel is a Circular & Responsive Slideshow Plugin built with jQuery that can scroll any HTML element, one or multiple items simultaneously, horizontal or vertical, automatically.

Simple Carousel Sl > 04/04/2013 — Slideshow — 4341 Views

monteserinGallery is a simple jQuery Slideshow plugin that allows you to create a carousel like image slideshow with animated transition effect.

Lightweight Carousel Plugin For jQuery — Cycle.js

Cycle.js is a lightweight jquery plugin that make it easier to create a variety of carousel sliders with CSS3 transition effects.

Simple Carousel Sl > 01/21/2013 — Slideshow — 2382 Views

microfiche is a simple and touch-enabled plugin based on jQuery that allows you to create a Carousel Slidershow for your projects.

Automatic Infinite Carousel with jQuery

Automatic Infinite Carousel built with jQuery that automatically loops round by itsel as well as automatic scrolling.

JCoverflip Image Sl > 11/13/2012 — Slider — 6190 Views

jCoverflip is a jQuery widget that allows website administrators to present featured website content in a visually appealing manner.

Топ плагинов jQuery. Фоновый слайдер

Дата публикации: 2020-03-09

От автора: приветствую вас, друзья. Продолжаем знакомиться с коллекцией ТОП плагинов jQuery. Сегодня мы познакомимся с еще одним jquery плагином, реализующим полноэкранный фоновый слайдер jQuery фоновых изображений.

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

Ну что же, приступим к работе с фоновым слайдером jQuery. Получим архив с плагином на официальной странице репозитория . Там же можно найти и инструкцию по его использованию. Подключим необходимые файлы jQuery слайдера из полученного архива.

50 полезных плагинов JQuery 2012 года

29 декабря 2012 | Опубликовано в Веб-дизайн | 12 Комментариев »

jQuery плагины являются одними из самых необходимых компонентов при построении сайта, да и вообще любого веб-приложения. Именно они позволяют вам расширить свой функционал. В этой статье перечислены самые полезные плагины за 2012 год. Для более удобного поиска все плагины разделены на следующие категории: Web Page Layout — плагины, плагины для навигации, Form Plugins, плагины для создания слайдеров, плагины для диаграмм и графиков, эффекты для изображений и другие. Также среди этих плагинов есть плагины, которые помогут вам в создании ваших адаптивных приложений.

Page Layout плагины

equalize.js — это плагин для jQuery, который позволяет создавать блочную структуру сайта. Он позволяет выравнивать высоту и ширину любого элемента.

Новый плагин для адаптивных макетов.Freetile позволяет создавать элементы любого размера, при этом необходимость создания фиксированного размера столбцов сетки отпадает.

Gridster.JS jquery плагин для построения drag and drop — сетки. Также с помощью него можно динамично удалять и добавлять элементы из сетки.

Zoomooz.js — это простой в использовании jQuery-плагин для увеличения любого элемента веб-страницы. Вы можете легко добавить zoom-эффект, просто добавив класс «zoomTarget» к любому HTML-элементу. Увеличение можно сбросить, кликнув на страницу. Плагин был протестирован в Internet Explorer 9, Safari 3 +, Firefox 3.6 +, Opera и Chrome.

Wookmark — плагин для создания динамичного многоколоночного шаблона.

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

Stellar.js — JQuery-плагин, который обеспечивает эффект параллакса для элементов.

Плагин jQuery, который добавляет эффект реального переворачивания страниц при переходе между разделами. Используется аппаратное ускорение. Работает на планшетах и смартфонах.

Плагин для адаптивной типографики. Он позволяет вам использовать селектор, генерирующий идеальный размер шрифта.

Позволяет построить анимированные перемещения по сайту, включая все возможные трансформации

Плагины для навигации

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

stickyMojo – это легкий, быстрый и гибкий плагин «липучей» боковой панели на jQuery. Он работает с Firefox, Chrome, Safari и IE8 + (неплохо поддерживает старые версии IE).

ddSlick — плагин, который позволяет создавать выпадающие меню с изображениями и описаниями.

Плагин для простой организации раскрывающихся панелей. Плагин поддерживает работу с куки для хранения состояния панелей. Среди опций есть возвратные функции для настройки процесса открывания и закрывания секций.

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

Формирующие плагины

Плагин позволяет определять уровень сложности пароля.

JQuery-плагин для визуализации процесса загрузки файлов. Он поддерживает drag&drop и создает моментальные превью для фотографий.

Плагин, который определяет и проверяет номера кредитных карт. Он позволяет вам определить тип кредитной карты.

Плагин для фильтрации данных. Вы можете фильтровать данные по тегу и по нескольких тегам и категориям.

Плагин, который проверяет ввод электронной почты на правильность по заранее подготовленному списку (сюда можно включить самые популярные почтовые сервисы mail.ru, yandrex.ru, gmail и т.п. ).

Плагины для создания слайдеров и каруселей

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

iosSlider

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

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

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

BookBlock — jQuery-плагин, который можно использовать для создания компонентов в виде буклетов, которые позволят вам создавать навигацию наподобие «переворачивающихся страниц». Здесь можно задействовать любой контент, будь то изображения или текст. Плагин трансформирует структуру только при необходимости (другими словами, только при переворачивании страницы) и использует наложения и тени для придания реалистичности.

Adapter — легкий слайдер контента, который предоставляет простой интерфейс разработчикам для создания красивой 2D или 3D анимации перелистывания слайдов. В настоящее время имеется поддержка 3D свойств в браузерах webkit и Firefox. Все 2D переходы были протестированы в IE6 + и других современных браузерах.

Непрерывная карусель с несколькими полезными возможностями. Она легко настраивается и поддерживает даже старые браузеры.

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

Sequence – это jQuery-плагин для прокрутки контента оригинальным образом и предоставляет вам полноценный контроль. Можно использовать любой тип контента; он будет прокручиваться бесконечно. Здесь используется семантическая разметка, а также поддерживаются адаптивные шаблоны и устройства, основанные на технологии touch.

Glisse.js — простая, адаптивная и легко настраиваемая JQuery-фото-галерея.

Плагины для диаграмм и графиков

Morris.js представляет собой облегченную библиотеку, которая использует JQuery и Raphaël, чтобы облегчить рисование графиков временных рядов.

JQuery Org Chart представляет собой плагин, который позволяет создавать древовидные структуры с вложенными элементами. Данные вводятся во вложенный неупорядоченный список, что делает плагин невероятно простым в использовании.

Плагины для типографики

Bacon.js является JQuery плагином, который позволяет обернуть текст вокруг кривой Безье или линии.

Textualizer — jQuery плагин для создания красивых эффектов над текстом. Поддерживается работа в: Chrome, Safari 4+, Firefox 3.5+, IE 6,7,8,9+, Opera 10.6+, Mobile Safari (iOS 4)

SlabText — очень полезный JQuery-плагин, который построчно разбивает заголовки перед изменением размеров каждой строки, чтобы заполнить доступное пространство по горизонтали.

trunk8 — это плагин усечения текста в JQuery. Позволяет сократить большой блок текста на меньшую часть для предварительного осмотра.

Плагины для создание различных эффектов для изображений

Это плагин для jQuery, который использует фильтры на CSS3 для создания tilt-эффекта.

Плагин для реализации эффекта адаптивных изображений.

jQuery-плагин, который позволяет легко создавать карты-изображения. С помощью этого инструмента, любая карта-изображение может быть подсвечена или выбрана, а также картой можно управлять различными способами. Он работает на всех основных браузерах, в том числе Internet Explorer 6, он не использует Flash, и не требует ничего кроме jQuery. Некоторые продвинутые эффекты требуют поддержки HTML5, но он все равно будет работать в старых браузерах.

Плагин позволяет странице изменять src-атрибуты изображений в соответствии с шириной контейнера, а PHP-файл автоматически создает новые/измененные в размере изображения. Изображения создаются только тогда, когда они запрашиваются в первый раз, и этот процесс не будет повторяться при последующих запросах, что положительно сказывается на производительности.

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

И другие.

Плагин для плавных трансформаций и переходов. Вместо работы с таймерами, плагин использует CSS3 трансформации.

Noty — это jQuery плагин, с помощью которого без особых проблем и сложностей можно легко на своем сайте или блоге создать уведомления типа: information, error, alert, success, warning, или просто заменить стандартные уведомления на сайте, при регистрации например. Абсолютно каждое уведомление можно настроить, чтобы оно выводилось поочередно.

JQuery-плагин позволяет легко помещать маркеры на карте сайта с помощью Google Map API V3.

Плагин, который позволяет легко добавлять интерактивные карты на вашем сайте. Вы получите мощную API карту, настраиваемые маркеры и обработчик-событий.

Jплагин, который использует Scalable Vector Graphics (SVG) для рендера векторных карт. Он работает во всех браузерах, поддержка в старых версиях IE 6-8 осуществляется через VML.

Простой в использовании JQuery плагин для социальных виджетов сетей. В настоящее время он поддерживает Facebook, Twitter и Google+.

Tooltipster представляет собой легкий и простой в стиле JQuery плагин, который поможет вам легко создавать всплывающие подсказки.

BigVideo.js — jQuery плагин, который упрощает адаптирование фонового видео на веб-страницу. Вы можете использовать одно или несколько видео или использовать плагин в качестве проигрывателя, с отображением плей-листа.

С помощью плагина calendario вы сможете для своего сайта организовать замечательный календарь, в котором будут отмечаться все вам важные материалы и праздники, которые можно с легкостью задать самостоятельно.

Добавить комментарий