15 Интересных Frontend библиотек и плагинов за Март 2016

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


js hamburgers

Hamburgers

Hamburgers представляет собой набор из более чем 20 кнопок меню в виде гамбургеров. Все они имеют уникальные, качественно выполненные анимации, которые реализованы на чистом CSS, с гарантией на гладкую работу. Также для тех кто использует препроцессор, доступна Sass версия.


js loaders

Loaders

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


css grd

Grd

Grd, как следует из названия - создание системы сетки. Библиотека выполнена на чистом CSS, использует свойства flexbox, и предлагает только самые необходимые и полезные функции. Все эти факторы приводят к очень легкому фреймворку - всего 512 байт.


js superplaceholder

Superplaceholder

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


js slick

Slick

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


a-frame

A-frame

Эта футуристическая библиотека позволяет создавать виртуальную реальность с использованием веб-технологий. После того как вы создали свой 3D-мир в HTML, A-frame обработает его и разделяем на два экрана с различными углами обзора. Вы можете запустить демо на своем мобильном телефоне при помощи Google Cardboard или на другой гарнитуре с возможностью VR просмотра.


js lavalamp

Lavalamp

Бесконечная прокрутка часто получает плохую репутацию как от разработчиков, так и от пользователей за её трудную реализацию, и очень разочаровывает, когда она не выполнена должным образом. Lavalamp представляет собой JS плагин, который предлагает хорошую альтернативу бесконечной прокрутке. Вместо автоматической загрузки нового контента, вы можете добавить кнопки в верхней и нижней части страницы для загрузки нового контента.


js drift

Drift

Drift - это open-source JavaScript библиотека для добавления эффектов zoom-on-hover (увеличение-при-наведении) и увеличительного стекла к изображениям на вашем сайте. Имеет обширную поддержку браузеров, без внешних зависимостей, и относительно простая в реализации.


js progress

Progress.js

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


css min

Min

Min - Это один из самых легких CSS фреймворков (всего 995 байт). Min содержит классическую 12-колоночную сетку, большое количество компонентов и имеет обширную поддержку браузеров.


css okaynav

OkayNav

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


css pintsize

Pintsize

CSS библиотека для создания расширенных макетов сетки. С Pintsize у вас будет возможность создавать Bootstrap, flexbox подобные сетки, которые адаптируются к размеру контента. На сайте проекта есть раздел примеров, который включает поддержку браузеров и фрагменты кода.


js velocity

Velocity

Velocity - анимационный JavaScript движок, который сочетает в себе хорошо известный API для JQuery animate(), с CSS-анимациями, чтобы обеспечить быстрые, надежные и простые в использовании переходы.


css balloon

Balloon.css

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


js virus

Virus

Небольшая JavaScript библиотека для анимации SVG. Она имеет множество вариантов различной анимации и даже предоставляет возможность создавать свои собственные.

 

Ïåðåâîä ñòàòüè 15 Interesting Frontend Libraries And Plugins For March 2016

Тэги: animatepreloaderSVGpluginflexboxlibrary

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.