Категория: Web разработчику.
Мир веб-разработок постоянно расширяется, появляются новые фреймворки, библиотеки, плагины. Чтобы вы были в курсе всех интересных инструментов для веб-разработчика, я создал эту подборку. В неё вошли плагины 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 могут быть настроены путем применения классов модификаторов.