Содержание

Полезные плагины для сайта на jQuery

31.07.2019

Полезные плагины для сайта на jQuery

Галереи, параллакс, меню и всплывающие уведомления — обзор проверенных jQuery-плагинов.

Галереи, параллакс, меню и всплывающие уведомления — обзор проверенных jQuery-плагинов.

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

1. Slideout.js

slideout.js.org

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

Отдельное спасибо разработчикам за то, что этот плагин весит всего 2 килобайта и не требует никаких дополнительных надстроек.

2. PhotoSwipe

photoswipe.com

Нужна красивая галерея на сайт? Ставьте PhotoSwipe — проверенную галерею с анимацией, множеством настроек и активным сообществом. Подойдёт, если вам нужно просто красиво разместить фото на сайте, чтобы их можно было листать, разворачивать на весь экран и начинать просмотр с любой картинки.

3. Toastr

codeseven.github.io/toastr/

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

4. SweetAlert

sweetalert.js.org

Меняет стандартные браузерные уведомления на стильные и заметные сообщения. Теперь пропустить их будет сложнее, а пользователь сразу поймёт, что он него что-то хотят. Чтобы понять, как это работает, сравните два уведомления: стандартное и SweetAlert:

Стандартное SweetAlert

5. jQuery-Tabledit

markcell.github.io/jquery-tabledit

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

6. Skrollr

prinzhorn.github.io/skrollr

Лёгкий способ сделать эффект параллакса на странице — использовать Skrollr. Параллакс в общем случае — это когда что-то движется на переднем фоне быстрее, чем на заднем или на остальных. Эдакое псевдо-3D, только при скролле. Параллакс любят использовать производители смартфонов на заставках, а с этим плагином можно сделать в таком стиле целый сайт.

7. IntroJS

introjs.com

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

8. ScrollMagic

scrollmagic.io

Хитрый плагин с огромными возможностями настроек. Он закрепляет какой-то элемент страницы в определённом месте и включает анимацию в нужный момент. Нужный момент выбираете вы сами, и их может быть несколько на одной странице. Посмотрите пример, и вам станет понятно, насколько крут этот плагин.

9. FloatLabel.js

labs.mikemitchell.co.uk/FloatLabelJS/

Простой, но удобный плагин: он работает с полями ввода и следит за тем, когда вы начнёте туда что-то вводить. Как только начнёте — он делает из названия поля мини-заголовок и помещает его наверх:

10. jQuery GoUp!

dnlnrs.github.io/jquery-goup/

Самый простой плагин в обзоре. Кнопка просто возвращает вас наверх, в самое начало страницы. Когда лень скроллить.

Более 240 плагинов jQuery

В этом списке собраны более 240 лучших плагинов написанных на jQuery.

Справочник по jQuery.

jquery.page2page

jQuery-плагины для загрузки файлов


  • Ajax File Upload — плагин для загрузки файлов с использованием AJAX.
  • jQUploader — плагин для загрузки файлов с индикотором загрузки.
  • Multiple File Upload plugin — плагин для загрузки нескольких файлов одновременно.
  • jQuery File Style — плагин для создания одинакового внешнего вида для input file в разных браузерах.
  • Styling an input type file — плагин для создания одинакового внешнего вида для input file в разных браузерах.
  • Progress Bar Plugin — плагин для создания индикатора загрузки

jQuery-плагины для валидации форм


  • Smart Validate – jQuery плагин для валидации данных кредитных карт
  • Проверка на валидность текстовый полей при помощи jQuery.
  • jQuery Validation — плагин для простой валидации форм
  • Auto Help — Этот плагин использует атрибут title для отображения справочной информации в отдельном элементе DOM.
  • Simple jQuery form validation.
  • jQuery XAV — form validations.
  • jQuery AlphaNumeric.
  • Masked Input.
  • TypeWatch Plugin.
  • Text limiter for form fields.
  • Ajax Username Check with jQuery.

jQuery-плагины для выпадающих списков (combobox, selectbox)


  • jQuery Combobox.
  • jQuery controlled dependent (or Cascadign) Select List.
  • Multiple Selects.
  • Select box manipulation.
  • Select Combo Plugin.
  • jQuery — LinkedSelect
  • Auto-populate multiple select boxes.
  • Choose Plugin (Select Replacement).

jQuery-плагины для работы с различными полями форм


  • jQuery Form Plugin.
  • jQuery-Form.
  • jLook Nice Forms.
  • jNice.
  • Ping Plugin.
  • Toggle Form Text.
  • ToggleVal.
  • jQuery Field Plugin.
  • jQuery Form’n Field plugin.
  • jQuery Checkbox manipulation.
  • jTagging.
  • jQuery labelcheck.
  • Overlabel.
  • 3 state radio buttons.
  • ShiftCheckbox jQuery Plugin.
  • Watermark Input.
  • jQuery Checkbox (checkboxes with imags).
  • jQuery SpinButton Control.
  • jQuery Ajax Form Builder.
  • jQuery Focus Fields.
  • jQuery Time Entry.

jQuery-плагины для работы с временем и датой


  • jQuery UI Datepicker.
  • jQuery date picker plugin.
  • jQuery Time Picker.
  • Time Picker.
  • ClickPick.
  • TimePicker.

jQuery-плагины для выбора цвета


  • Farbtastic jQuery Color Picker Plugin.
  • Color Picker by intelliance.fr.

Плагины для рейтинга


  • jQuery Star Rating Plugin.
  • jQuery Star Rater.
  • Content rater with asp.net, ajax and jQuery.
  • Half-Star Rating Plugin.

Плагины для поиска


  • Autocomplete Box.
  • jQuery Suggest.
  • jQuery Autocomplete.
  • jQuery Autocomplete Mod.
  • jQuery Autocomplete by AjaxDaddy.
  • jQuery Autocomplete Plugin with HTML formatting.
  • jQuery Autocompleter.
  • AutoCompleter (Tutorial with PHP&MySQL).
  • quick Search jQuery Plugin.

Плагины-редакторы

  • jTagEditor.
  • WYMeditor.
  • jQuery jFrame.
  • Jeditable — edit in place plugin for jQuery.
  • jQuery editable.
  • jQuery Disable Text Select Plugin.
  • Edit in Place with Ajax using jQuery.
  • jQuery Plugin — Another In-Place Editor.
  • TableEditor.
  • tEditable — in place table editing for jQuery.

jQuery-плагины для работы с Audio, Video, Flash, SVG и др.


  • Tubular — jQuery-плагин для установки YouTube-видео в качестве фона
  • jMedia — accessible multi-media embedding.
  • JBEdit — Ajax online Video Editor.
  • jQuery MP3 Plugin.
  • jQuery Media Plugin.
  • jQuery Flash Plugin.
  • Embed QuickTime.
  • SVG Integration.
  • jQuery Multimedia Portfolio.
  • jQuery YouTube Plugin.

Плагины для создания фото-галерей, слайдеров и работы с изображениями


  • ThickBox.
  • jQuery lightBox plugin
  • jQuery FancyBox.
  • jQuery Multimedia Portfolio.
  • jQuery Image Strip.
  • jQuery slideViewer.
  • jQuery jqGalScroll 2.0.
  • jQuery — jqGalViewII.
  • jQuery — jqGalViewIII.
  • jQuery Photo Slider.
  • jQuery Thumbs — easily create thumbnails.
  • jQuery jQIR Image Replacement.
  • jCarousel Lite.
  • jQPanView.
  • jCarousel.
  • Interface Imagebox.
  • Image Gallery using jQuery, Interface & Reflactions.
  • simple jQuery Gallery.
  • jQuery Gallery Module.
  • EO Gallery.
  • jQuery ScrollShow.
  • jQuery Cycle Plugin.
  • jQuery Flickr.
  • jQuery Lazy Load Images Plugin.
  • Zoomi — Zoomable Thumbnails.
  • jQuery Crop — crop any image on the fly.
  • Image Reflection.

jQuery-плагины для работы с Google Map

  • jQuery Plugin googlemaps.
  • jMaps jQuery Maps Framework.
  • jQmaps.
  • jQuery & Google Maps.
  • jQuery Maps Interface forr Google and Yahoo maps.
  • jQuery J Maps — by Tane Piper.

Игры на jQuery


  • Tetris with jQuery.
  • jQuery Chess.
  • Mad Libs Word Game.
  • jQuery Puzzle.
  • jQuery Solar System (not a game but awesome jQuery Stuff).
  • jQuery Memory.

jQuery-плагины для работы с таблицами и Grid-ами.

  • UI/Tablesorter.
  • jQuery ingrid.
  • jQuery Grid Plugin.
  • Table Filter — awesome!.
  • TableEditor.
  • jQuery Tree Tables.
  • Expandable “Detail” Table Rows.
  • Sortable Table ColdFusion Costum Tag with jQuery UI.
  • jQuery Bubble.
  • TableSorter.
  • Scrollable HTML Table.
  • jQuery column Manager Plugin.
  • jQuery tableHover Plugin.
  • jQuery columnHover Plugin.
  • jQuery Grid.
  • TableSorter plugin for jQuery.
  • tEditable — in place table editing for jQuery.
  • jQuery charToTable Plugin.
  • jQuery Grid Column Sizing.
  • jQuery Grid Row Sizing.

jQuery-плагины для создания графиков и презентаций

  • Flot.
  • jQuery Wizard Plugin .
  • jQuery Chart Plugin.
  • Bar Chart.
  • Accessible Charts using Canvas and jQuery.

jQuery-плагины для создания границ, уголков, фона


  • jQuery Corner.
  • jQuery Curvy Corner.
  • Nifty jQuery Corner.
  • Transparent Corners.
  • jQuery Corner Gallery.
  • Gradient Plugin.

jQuery-плагины для работы с текстом и ссылками

  • Lettering.js – jQuery-плагин для веб-типографики
  • jFontSize — jQuery плагин для изменения размера шрифта
  • jTruncate — прячем все лишнее.
  • jQuery Spoiler plugin.
  • Text Highlighting.
  • Disable Text Select Plugin.
  • jQuery Newsticker.
  • Auto line-height Plugin.
  • Textgrad — a text gradient plugin.
  • LinkLook — a link thumbnail preview.
  • pager jQuery Plugin.
  • shortKeys jQuery Plugin.
  • jQuery Biggerlink.
  • jQuery Ajax Link Checker.
  • Chili jQuery code highlighter plugin.
  • jScroller.

jQuery-плагины для создания Tooltips

  • jQuery Plugin — Tooltip.
  • Создаем простой tooltips с помощью CSS и jQuery
  • Hovercard — jQuery plugin для вывода всплывающих подсказок
  • jTip — The jQuery Tool Tip.
  • clueTip.
  • BetterTip.
  • Flash Tooltips using jQuery.
  • ToolTip.

jQuery-плагины для создания меню (навигации)

  • ImageMapster — плагин для создания карт-изображений
  • jQuery plugin: вертикальное мега меню
  • jQuery Plugin: контекстное меню
  • Создаем древовидное меню с помощью jQuery.
  • jQuery Tabs Plugin — awesome! . [demo nested tabs.]
  • another jQuery nested Tab Set example (based on jQuery Tabs Plugin).
  • jQuery idTabs.
  • jdMenu — Hierarchical Menu Plugin for jQuery.
  • jQuery SuckerFish Style.
  • jQuery Plugin Treeview.
  • treeView Basic.
  • FastFind Menu.
  • Sliding Menu.
  • Lava Lamp jQuery Menu.
  • jQuery iconDock.
  • jVariations Control Panel.
  • ContextMenu plugin.
  • clickMenu.
  • CSS Dock Menu.
  • jQuery Pop-up Menu Tutorial.
  • Sliding Menu.

Accordion-ы, слайдеры и переключатели


  • Turn.js — jQuery-плагин создающий эффект перелистывания страниц
  • jQuery Plugin Accordion.
  • jQuery Horizontal Accordion — «играем» на аккордеоне
  • jQuery Accordion Plugin Horizontal Way.
  • haccordion — a simple horizontal accordion plugin for jQuery.
  • Horizontal Accordion by portalzine.de.
  • HoverAccordion.
  • Accordion Example from fmarcia.info.
  • jQuery Accordion Example.
  • jQuery Demo — Expandable Sidebar Menu.
  • Sliding Panels for jQuery.
  • jQuery ToggleElements.
  • Coda Slider.
  • jCarousel.
  • Accesible News Slider Plugin.
  • Showing and Hiding code Examples.
  • jQuery Easing Plugin.
  • jQuery Portlets.
  • AutoScroll.
  • Innerfade.
  • CodaSlider.

jQuery-плагины для претаскивания объектов (Drag and Drop)

  • UI/Draggables.
  • EasyDrag jQuery Plugin.
  • jQuery Portlets.
  • jqDnR — drag, drop resize.
  • Drag Demos.

jQuery-плагины для работы с XML, XSL, JSON, Feeds

  • XSLT Plugin.
  • jQuery Ajax call and result XML parsing.
  • xmlObjectifier — Converts XML DOM to JSON.
  • jQuery XSL Transform.
  • jQuery Taconite — multiple Dom updates.
  • RSS/ATOM Feed Parser Plugin.
  • jQuery Google Feed Plugin.

jQuery-плагины для отдельных браузеров


  • Wresize — IE Resize event Fix Plugin.
  • jQuery ifixpng.
  • jQuery pngFix.
  • Link Scrubber — removes the dotted line onfocus from links.
  • jQuery Perciformes — the entire suckerfish familly under one roof.
  • Background Iframe.
  • QinIE — for proper display of Q tags in IE.
  • jQuery Accessibility Plugin.
  • jQuery MouseWheel Plugin.

jQuery-плагины для создания окон Alert, Prompt, Confirm

  • jQuery Impromptu.
  • jQuery Alert Dialogs — замена стандартным функциям Alert(), Confirm() и Prompt()
  • jQuery Confirm Plugin.
  • jqModal.
  • SimpleModal.

jQuery-плагины для работы с CSS

  • jQuery Transit – кроссбраузерная CSS3 анимация
  • jQuery Style Switcher.
  • JSS — Javascript StyleSheets.
  • jQuery Rule — creation/manipulation of CSS Rules.
  • jPrintArea.

jQuery-плагины для работы с DOM, Ajax и др.


  • FlyDOM.
  • jQuery Dimenion Plugin.
  • jQuery Loggin.
  • Metadata — extract metadata from classes, attributes, elements.
  • Super-tiny Client-Side Include Javascript jQuery Plugin.
  • Undo Made Easy with Ajax.
  • JHeartbeat — periodically poll the server.
  • Lazy Load Plugin.
  • Live Query.
  • jQuery Timers.
  • jQuery Share it — display social bookmarking icons.
  • jQuery serverCookieJar.
  • jQuery autoSave.
  • jQuery Puffer.
  • jQuery iFrame Plugin.
  • Cookie Plugin for jQuery.
  • jQuery Spy — awesome plugin.
  • Effect Delay Trick.
  • jQuick — a quick tag creator for jQuery.
  • Metaobjects.
  • elementReady.

Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом

  • ВКонтакте

You have no rights to post comments

Последние плагины jQuery — Страница 1

Последние обновления подключаемого модуля jQuery перечислены здесь. Для каждого плагина есть ссылка на страницу загрузки, ссылка на демо-страницу и изображение для предварительного просмотра. Страница 1 .

Последние обновленияНовые дополненияСамые популярные Рекомендуемые

ДемоЗагрузить

— Другое — 73177 Просмотров

autoNumeric — полезная библиотека JavaScript для форматирования международных валют, а также форматирования чисел.

ДемоЗагрузить

— Другое — 4251 просмотров

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

ДемоЗагрузить

— Таблица — 18414 просмотров

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

ДемоЗагрузить

— Другое — 32 просмотров

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

ДемоЗагрузить

— Диаграмма и график — 10590 просмотров

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

ДемоЗагрузить

— Время и часы — 6767 просмотров

Мощный, полностью настраиваемый и легкий инструмент выбора даты/времени для ванильного JavaScript и jQuery. Это замена с нулевой зависимостью для собственного типа ввода даты и времени HTML5.

ДемоЗагрузить

— Галерея — 9071 просмотров

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

ДемоЗагрузить

— Другое — 43139 просмотров

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

ДемоЗагрузить

— Текст — 25 просмотров

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

ДемоЗагрузить

— Форма — 10929 просмотров

SurveyJS — это надежная, настраиваемая, кросс-платформенная библиотека JavaScript для опросов, отзывов, анкет и викторин, разработанная для jQuery, Angular, React, VueJS, Knockout и т. д.

ДемоЗагрузить

— Макет — 107267 просмотров

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

ДемоЗагрузить

— Время и часы — 51 просмотров

Простые, стильные, быстро реагирующие аналоговые часы, использующие 2D-преобразования CSS3 для вращения стрелок.

ДемоЗагрузить

— Форма — 948 просмотров

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

ДемоСкачать

— Галерея — 12714 Просмотров

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

ДемоЗагрузить

— Время и часы — 52388 просмотров

Красивый плагин jQuery для даты и времени, который позволяет вам выбирать персидскую (джалали) дату и/или диапазон дат из всплывающего окна календаря на основе всплывающего компонента Bootstrap.

ДемоЗагрузить

— Другое — 3681 просмотров

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

ДемоЗагрузить

— Анимация — 53 Просмотров

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

ДемоЗагрузить

— Другое — 32148 просмотров

VvvebJs — это онлайн-конструктор/создатель веб-страниц на основе jQuery и Bootstrap, где пользователям разрешено добавлять/удалять компоненты Bootstrap 4 с помощью перетаскивания.

ДемоЗагрузить

— Загрузка — 6521 просмотров

Библиотека CSS/SCSS, позволяющая отображать анимированный, настраиваемый счетчик/индикатор загрузки внутри элементов управления формы Bootstrap, таких как ввод, текстовое поле и выбор.

ДемоЗагрузить

— Форма — 8081 просмотров

Библиотека CSS/SCSS, которая добавляет плавающие метки к элементам управления формы Bootstrap 5 или Bootstrap 4, таким как ввод, текстовое поле и выбор.

ДемоЗагрузить

— Таблица — 24564 просмотров

floatThead — это подключаемый модуль заголовка таблицы jQuery, который замораживает элемент таблицы thead в верхней части страницы/контейнера при прокрутке.

ДемоЗагрузить

— Форма — 465492 просмотров

Международный телефонный ввод — это полезный плагин jQuery, который превращает стандартный ввод в международный телефонный ввод с выпадающим списком национального флага.

ДемоЗагрузить

— Диаграмма и график — 15347 просмотров

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

ДемоЗагрузить

— Другое — 34 просмотров

Легкий, но многофункциональный плагин для усечения элементов JavaScript/jQuery, который усекает многострочный контент в зависимости от количества строк

ДемоЗагрузить

— Таблица — 8030 просмотров

Плагин jQuery, упрощающий экспорт таблиц в форматы JSON, XML, CSV, TSV, TXT, SQL, DOC, XLS, XLSX, PNG или PDF.

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • Следующий
  • Последний

22 великолепных плагина jQuery | Креативный блок

(Изображение предоставлено Тимом Арбаевым через iStock/Getty Images Plus)

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

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

Дополнительные полезные ресурсы по веб-дизайну см. в нашем списке лучших инструментов веб-дизайна, лучших API-интерфейсов JavaScript и подборке лучших фреймворков JavaScript. А пока вот наш список полезных плагинов jQuery.

22 великолепных плагина jQuery

Добавьте поддержку социального чата на свой сайт с помощью этого простого в использовании плагина (Изображение предоставлено CzMMedia)
  • Загрузите здесь jQuery, вы можете быстро добавить поддержку неограниченного количества учетных записей социальных сетей, включая Whatsapp, Messenger, Skype, Twitter, Telegram и Instagram. Его легко настроить, и вы можете настроить кнопки по своему усмотрению. В отличие от большинства плагинов в этом списке, этот платный. Загрузка обойдется вам в 14 долларов.

    02. Видеоплеер RTO+P

    Создайте свой собственный видеоплеер, а не полагайтесь на вставки YouTube (Изображение предоставлено RTO+P)
    • Загрузите здесь (откроется в новой вкладке)

    Конечно, это просто для встраивания видео непосредственно с YouTube или другой платформы, но если вы хотите немного больше контроля над своим видео, RTO+P Video Player просто необходим. Этот плагин jQuery позволяет легко создавать и настраивать собственный видеоплеер, беря видео либо с вашего собственного сервера или CDN, либо из общедоступного потока Vimeo. Используйте тег видео HTML5, чтобы упростить жизнь, или для повышения производительности вы можете использовать опцию отложенной загрузки.

    03. Slick

    Какая бы карусель вам ни понадобилась, сделайте ее с помощью Slick (Изображение предоставлено Кеном Уилером)
    • Загрузите здесь (откроется в новой вкладке)

    Это последняя карусель, которая вам понадобится? Просто может быть. Slick — это плагин jQuery, который предлагает полностью адаптивные карусели практически в любой форме, которую вы можете пожелать. Есть всевозможные варианты, включая ленивую загрузку, автозапуск, обратные вызовы и многое другое.

    04. Муури

    Гибкие макеты Muuri отзывчивы, сортируются, фильтруются и перетаскиваются
    • Загрузите здесь (открывается в новой вкладке)

    Плагин jQuery с открытым исходным кодом от Niklas Rämö Muuri — один из лучших для создания гибких макетов. Его система компоновки позволяет размещать элементы сетки разных размеров внутри контейнера практически любым мыслимым способом — и она адаптивна, сортируется, фильтруется и перетаскивается. Его опция по умолчанию упорядочивает все «по размеру», но вы можете добавить свой собственный алгоритм компоновки для другого стиля.

    05. Timeline.js

    Timeline делает именно то, что написано на банке, создавая ползунок временной шкалы
    • Скачать здесь карусельная временная шкала — то есть ползунок, который продвигается на основе хронологических точек). Благодаря множеству визуальных и функциональных параметров настройки этот плагин jQuery предлагает поворот в компоненте карусели и очень прост в использовании благодаря подробным инструкциям.

      06. Наклонная прокрутка страницы

      Наклонная прокрутка страницы добавляет аккуратный 3D-эффект к вашим страницам
      • Скачать здесь (открывается в новой вкладке)

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

      07. Focuspoint

      Попрощайтесь с плохо обрезанными адаптивными изображениями
      • Скачать здесь (откроется в новой вкладке)

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

      08. SVGMagic

      SVGMagic создает PNG для замены SVG, где они не поддерживаются
      • Загрузите здесь (открывается в новой вкладке)

      Использование файлов SVG обеспечивает четкость изображений любого размера. Этот плагин поможет вам сделать это, не беспокоясь о браузерах, которые не поддерживают этот формат. Он ищет изображения SVG и заменяет их версиями PNG, если SVG не поддерживается.

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

      Этот плагин позволяет легко использовать некоторые мощные технологии
      • Загрузите здесь (откроется в новой вкладке)

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

      10. Круглый слайдер

      Тема слайдера может соответствовать вашим целям
      • Скачать здесь (открывается в новой вкладке)

      Этот плагин круглого слайдера позволяет вам выбирать диапазон значений, перемещая курсор круг. Полный ползунок используется по умолчанию, но вы также можете использовать его для получения форм четверти круга, полукруга и круга. Существуют стили CSS, которые вы можете настроить для создания различных тем — например, чтобы они выглядели как спидометр. Там нет изображений; все это делается с помощью CSS и JavaScript.

      Получите эффект параллакса с легкостью
      • Загрузите здесь (откроется в новой вкладке)

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

      Дизайн меню, который никогда не выйдет из моды?
      • Загрузить здесь (откроется в новой вкладке)

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

      13. TwentyTwenty

      Плагин ZURB позволяет сравнить два изображения
      • Скачать здесь (откроется в новой вкладке)

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

      Анимация может помочь направить внимание пользователя
      • Скачать здесь (откроется в новой вкладке)

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

      15. Tabslet

      Минималистский дизайн вкладок с помощью Tabslet
      • Скачать здесь (открывается в новой вкладке)

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

      16. nanogallery2

      Полнофункциональная и быстрая галерея изображений
      • Загрузить здесь (откроется в новой вкладке)

      Разработанная для упрощения ваших галерей изображений, nanogallery2 предлагает многоуровневую навигацию по альбомам, лайтбоксы, комбинированные эффекты наведения на миниатюры, слайд-шоу, полноэкранный режим, нумерацию страниц и отложенную загрузку изображений. Он сенсорный, отзывчивый, быстрый и поддерживает облачное хранилище. Версия 2 предлагает улучшенный пользовательский интерфейс и новые функции, такие как фильтрация по ключевым словам, корзина покупок, обмен в социальных сетях, расширенные эффекты наведения, переходы между миниатюрами и информационная страница с местоположением на Google Maps.

      17. Tooltipster

      Необычные всплывающие подсказки с помощью Tooltipster
      • Скачать здесь (открывается в новой вкладке)

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

      Быстрый и легкий лайтбокс
      • Скачать здесь (открывается в новой вкладке)

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

      19. Ручка jQuery

      Удобные сенсорные циферблаты, которые также работают на рабочем столе
      • Загрузите здесь (откроется в новой вкладке)

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

      20. Typeahead.js

      Удобный инструмент автозаполнения, созданный командой разработчиков Twitter
      • Скачать здесь — внедрить инструмент, который извлекает данные из локального или внешнего источника по мере того, как пользователь вводит данные в поле ввода, чтобы предлагать варианты автозаполнения.

        21. Lettering.js

        Получите точный контроль над вашим шрифтом
        • Загрузите здесь (откроется в новой вкладке)

        Lettering.js позволяет получить детальный контроль над отдельными символами в вашем шрифте, позволяя вам применять кернинг, раскрашивать отдельные буквы и применять прослушиватели событий. Он также прекрасно сочетается с FitText (ниже), предоставляя вам контроль над типографикой в ​​стиле рабочего стола, оставаясь при этом отзывчивым.

        22. FitText

        Автоматически масштабируйте текст для адаптивных заголовков
        • Загрузите здесь (открывается в новой вкладке)

        Этот удобный плагин jQuery предназначен для создания адаптивных заголовков. Это позволяет вам подгонять текст по ширине контейнера, автоматически увеличивая или уменьшая размер текста в соответствии с вашими потребностями. Плагин также интегрируется с Lettering.js (см. выше), чтобы обеспечить детализированную стилизацию для каждого символа.

        No related posts.