Вышедшие в этом году бесплатные плагины и библиотеки JavaScript из этой статье без излишних сложностей реализуют часто используемые функции. Здесь нет раздутых фреймворков. Здесь простые и полезные решения, которые помогают сделать веб-дизайн и процесс разработки гораздо проще и быстрее.
Как и следовало ожидать, есть плагины для создания ползунков, галерей изображений, дружественного меню, модальных окон, а также многих других общих компонентов. Кроме того, здесь Вы найдете плагины, которые предлагают действительно уникальные функциональные возможности, например, скрывающиеся боковые панели, значки превью для анимированных gif-ок и многое, многое другое.
Приступим.
Сhoreographer-js
простая библиотека для сложных анимаций.
Leaflet.js
— библиотека JavaScript для создания интерактивных карт.
Lory
представляет собой сенсорный минималистичный слайдер на JavaScript.
CurrencyFormatter.js
— супер простая «легкая» библиотека для форматирования валют (155 валют и 7KB).
ARc
(Atomic React) шаблон React приложения концепции Atomic Design.
egjs
представляет собой небольшой набор взаимодействий UI, библиотека компонентов эффектов & утилит для JQuery.
Shave.js
— современный плагин JavaScript для усечения текста внутри элемента HTML.
Next.js
— минималистический фреймворк визуализации серверных приложений React.
Jquery Linechart
— новый плагин JQuery для построения простых диаграмм.
Blueprint
— набор компонентов пользовательского интерфейса, включающий общие элементы интерфейса, шаблоны и взаимодействие в Интернете.
Tabulator
— простой плагин jQuery для создания интерактивных таблиц.
baguetteBox.js
— простой и легкий в использовании скрипт для лайтбоксов на изображениях с поддержкой жестов на мобильных устройствах. Написан на чистом JavaScript.
ScrollReveal
— супер-легкий плагин для анимации прокрутки веб-страниц на настольных и мобильных устройствах.
Marginotes
создает примечания на краю текста для ключевых слов, определенных HTML атрибутами. Если jQuery не ваш выбор, то есть версия и без него.
Loud Links
представляет собой простую библиотека JavaScript для добавления звуков на ваш сайт. Аудиоэффекты для элементов HTML5 используют MP3 или OGG файлы.
Bricks.js
— генератор макетов с «молниеносным» складыванием плиток фиксированной ширины.
MediumEditor
представляет собой легкий (28KB) набор инструментов для встроенных WYSIWYG редакторов.Кроме того, есть доступные расширения и темы Mediumditor.
Philter
Доступный или как плагин JQuery или ванильным JavaScript, то предоставляет средства для управления CSS фильтрами для HTML-атрибутов.
SuperEmbed.js
набор скриптов JavaScript для встраивания видео на вебстраницах и делает их адаптивными.
NB! Прочитайте внимательно «. . . ежик резиновый с дырочкой в правом боку» или адаптивный дизайн видео
Substance
представляет собой библиотеку JavaScript для веб-редактирования контента. Здесь есть все инструменты для создания пользовательских текстовых редакторов и веб-издательских систем.
List.js
представляет собой легкий и быстрый JavaScript код, который добавляет функции поиска, сортировки, фильтрации и гибкость управления списками, таблицами и все, что угодно в HTML.
jqGifPreview
— простой JQuery плагин предварительного просмотра анимированных GIF-ок так, как вы видите на Facebook.
Datedropper.js
— плагин JQuery для простого управления полями ввода дат.
jfMagnify
— плагин JQuery, создающий эффект увеличительной лупы для любого HTML-элемента и не только изображения.
Jquery formBuilder
— новый плагин JQuery для быстрого перетаскивания элементов при создании форм.
Popper.js
представляет собой «легкую»(4kb) библиотеку управления попперс, всплывающих подсказок и Popovers. Вы можете быстро и легко позиционировать всплывающие подсказки всего одного линейном кодом.
Image Blur Plugin
представляет собой легкий кросс-браузерный плагин JQuery для размытия изображений.
InlineTweet.js
позволяет легко создавать tweet-подобные ссылки из любого текста на вебстранице. Все, что вам нужно сделать это обернуть tweet-подобный текст в контейнере data-inline-tweet.
iMissYou.js
— удобный небольшой плагин JQuery изменения названия & фавиконки страницы, после ухода пользователя с вашего сайта.
SweetAlert2
— красивые и настраиваемые всплывающие окона на JavaScript.
Turntable.js
— ползунок JQuery для пролистывания изображений при движении мыши по контейнеру.
Force.js
— библиотека JavaScript, которая упрощает анимации HTML элементов и навигацию по вебстраницам.
Push.js
— кросс-браузерное JavaScript решение для получения и обработки уведомлений.
Bideo.js
— библиотека JavaScript, позволяющая очень легко добавлять полноэкранные фоновые видео на веб-страницы.
Microlight.js
представляет собой библиотеку для подсветки кода на любом языке программирования, что значительно улучшает читаемость.
Algolia Places
является простым способом поиска при автозаполнении на вашем сайте. Библиотека JavaScript.
flatpickr
Написанная в ванили JavaScript, легкий DateTimePicker и решение для календаря.
Slidebars
является Framework JQuery для добавления офф-холста меню и боковых панелей на ваш сайт или в вебприложение.
anime.js
представляет собой гибкую и легкую библиотеку анимации на JavaScript. Работает с CSS, SVG, DOM атрибутами и JS Objects.
Cleave.js
форматирует значение в поле ввода < input/ >.
Skippr
— супер простое и легкое слайдшоу, плагин JQuery.
iziModal.js
элегантный, отзывчивый, гибкий и легкий модальный JQuery плагин.
Lightgallery.js
представляет собой полнофункциональный JavaScript Lightbox галерею без взаимозависимостей.
Вас могут заинтересовать . . .
Источник перевода:
50 лучших JavaScript плагинов и библиотек из 2016 года, опубликовано К ВВ, лицензия — Creative Commons Attribution-NonCommercial 4.0 International.
3 нравится это
