Мир веб-разработок постоянно расширяется, появляются новые фреймворки, библиотеки, плагины. Чтобы вы были в курсе всех интересных инструментов для веб-разработчика, я создал эту подборку. В неё вошли плагины jQuery для анимации текста и объектов, css сетки, галереи.

Textillate.js

Textillate.js это jQuery плагин, который использует nimate.css and lettering.js для создания уникального анимированного текста.

Awesomplete

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

Ramjet

Ramjet – это библиотека Javascript, которая поможет вам сделать анимацию превращения одного элемента в другой, поддерживаются изображения и GIF анимация. Вы также можете использовать функцию смягчения переходов в анимации, что бы сделать преобразования более естественными.

Masonry

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

Slideout.js

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

Lettering.js

Lettering –плагин jQuery, который дает возможность добавить стиль для каждой буквы, слова и строки в тексте. Отлично подойдет для создания ярких рекламных страниц, логотипов, где нужно добавить уникальный стиль для каждой буквы.

Lightgallery

Lightgallery – представляет собой плагин jQuery адаптивной галереи. Он имеет множество вариантов представления и анимации, что позволяет гибко настроить плагин. Видео модуль позволяет создавать красивые YouTube и Vimeo видео галереи с автоматической выборкой миниатюр.

Magic Animations

Magic Animations – является CSS библиотекой для анимации. Он имеет много типов анимации и прост в использовании. Просто добавьте таблицу стилей на страницу и установите имена классов для ваших элементов. Если вас интересует CSS анимация, вы также можете использовать библиотеку Animate.css.

Bulma

Bulma – это современная структура CSS на основе модели макета Flexbox. Он имеет простую систему сетки, адаптивные на изменения размера экрана панели навигации и универсальные медиа-объекты. Большинство элементов Bulma могут быть настроены путем применения классов модификаторов