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

• Core UI
• React Trend
• Element
• Extension Boilerplate
• BigPicture
• Reactive Listener
• Eagle.js
• Planck.js
• Create React Native App
• Pushy Buttons
• React Overdrive
• MoveTo
• Anchorme
• RPG Awesome
• Tent CSS

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

Core UI

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

React Trend

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

Element

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

Extension Boilerplate

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

BigPicture

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

Reactive Listener

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

Eagle.js

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

Planck.js

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

Create React Native App

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

Pushy Buttons

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

React Overdrive

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

MoveTo

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

Anchorme

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

RPG Awesome

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

Tent CSS

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

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