/ translation

Апрельская подборка 15-ти интересных JavaScript и CSS библиотек

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

interesting-js-libraries-april-2017-1-1

Core UI

Основанный на Bootstrap 4, Core UI - это шаблон администрирования, предлагающий настраиваемое решение для построения панелей управления. Существуют отдельные версии шаблонов, которые позволяют вам быстро интегрировать его с некоторыми из самых популярных фреймворков прямо сейчас: AngularJS, Angular 2, React.js и Vue.js.

interesting-js-libraries-april-2017-2

React Trend

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

interesting-js-libraries-april-2017-3

Element

"Element" - это интерфейс, основанный на Vue.js 2.0. Он включает в себя набор из более чем 50 компонентов, которые разрабатываются очень последовательно, следуя определенному дизайну и выбору цвета. Каждый элемент хорошо документирован и легко настраивается и реализуется в любом проекте Vue.js. Существует также полезная Sketch шаблоны компонентов для построения макетов.

interesting-js-libraries-april-2017-4

Extension Boilerplate

Этот проект предоставляет нам прочную основу для создания кросс-браузерных расширений. Типовой лист основан на WebExtensions, позволяя единожды написать расширения, а затем развертывать их одновременно в Chrome, Opera и Firefox. Он также имеет другие интересные функции, такие как перезагрузка в реальном времени и набор различных Sketch ресурсов, необходимых для отправки в соответствующие магазины приложений.

interesting-js-libraries-april-2017-5

BigPicture

Современный лайтбокс плагин, который работает одновременно для изображений и видео, обеспечивая плавное воспроизведение анимированных всплывающих окон. Удивительной особенностью BigPicute является то, что он работает как с <img> тегом так и с background-image элементом, предоставляя разработчикам свободу в работе с их разметкой. Что касается видео, поддерживаются YouTube, Vimeo и прямые видео ссылки.

interesting-js-libraries-april-2017-6

Reactive Listener

Не позволяйте себя обмануть, это не React компонент. "Реактивный слушатель" - это крошечная библиотека, Zurb позволяет нам создавать дополнительные прослушиватели событий, которые реагируют на более сложные действия, чем просто щелчки и зависания. Прямо сейчас он может распознать только когда пользователь движется к элементу, но в будущем могут быть добавлены более крутые слушатели.

interesting-js-libraries-april-2017-7

Eagle.js

Eagle.js это Vue.js фреймворк для создания веб-слайд-шоу, аналогично Reveal.js. Он поддерживает анимации, темы, интерактивные виджеты (для веб-демонстраций) и упрощает повторное использование компонентов, слайдов и стилей в презентациях.

interesting-js-libraries-april-2017-8

Planck.js

Этот проект представляет собой переписывание на JavaScript популярных C++ Box2D физический движок, используемый разработчиками игр в течении многих лет. Plank.js оптимизирует движок для веб-браузеров и мобильных браузеров, а также предоставляет JavaScript-дружественную кодовую базу и API с открытым исходным кодом. Таким образом, для веб-разработчиков это может быть более удобным при создании 2D игр и других экспериментов, связанных с физикой.

interesting-js-libraries-april-2017-9

Create React Native App

После успеха Create React App, шаблон для создания React Native приложений без необходимости в какой-либо настройки конфигурации стартовой сборки. Это позволяет настраивать и тестировать приложения React Native без установки Xcode или Android Studio.

interesting-js-libraries-april-2017-10

Pushy Buttons

Крошечная библиотека с 3D-кнопками только для CSS, которые имеют плавный эффект анимации при нажатии. Кнопки имеют 4 размера и 3 цвета и могут быть легко настроены через SASS или просто изменяя исходный файл .css.

interesting-js-libraries-april-2017-11

React Overdrive

React Overdrive позволяет разработчикам анимировать элементы на странице и создавать плавные переходы между различными состояниями (или страницами) в приложении. API основан на компонентах, поэтому настройка переходов очень проста, даже при переключении между несколькими файлами JavaScript.

interesting-js-libraries-april-2017-12

MoveTo

Компиляция наших ежемесячных ресурсов не была бы полной без добавления, по крайней мере, одной библиотеки анимации с щелчком мыши. В этом месяце мы имеем moveTo - библиотеку JavaScript с нулевой зависимостью, которая является только 1kb gzipped, супер проста в использовании и использует родной window.scroll API для анимации.

interesting-js-libraries-april-2017-13

Anchorme

Anchorme - это мощная библиотека JavaScript, которая принимает любую строку или текстовый файл и обнаруживает все URL-адреса внутри него. Он быстрый, надежный и имеет множество полезных функций и параметров настройки. Возможные варианты использования включают преобразование ссылок в текст для интерактивных HTML <a> тегов, извлечение URL из строки или в качестве валидатора для электронных писем, URL-адресов и IP-адресов.

interesting-js-libraries-april-2017-14

RPG Awesome

Бесплатный icon шрифт, который содержит более 500 тематических векторных иконок. Он охватывает все: от оружия и доспехов, до предметов магии и инвентаря. RPG Awesome можно использовать так же, как и любой другой icon веб-шрифта (<i class="ra ra-sword"></i>) и настраивается с помощью простых CSS или SASS.

interesting-js-libraries-april-2017-15

Tent CSS

Tent CSS - это фреймворк (или, как его создатели называют CSS набор для выживания), который удовлетворяет все ваши основные потребности в создании гибкого веб-сайта. Он очень лёгкий (всего 5kb gzipped), следует BСEM стандартам, и имеет современную гибкую сетку для создания макетов.

Оригинал статьи