15 интересных JavaScript и CSS библиотек за август 2017 года

interesting-libraries-august-2017

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

Titanic

Набор красивых SVG иконок с очень детализированными ховер анимациями. В отличие от большинства других иконочных шрифтов, этот  полностью работает на JavaScript и использует библиотеку bodymovin для экспорта анимаций After Effects в формат SVG.

titanic

Rebass

Rebass — это набор React UI (пользовательских интерфейсов) для создания адаптивных веб-приложений. Он состоит из более чем 60 стилизованных компонентов, которые настраиваются с помощью styled-system-based свойств. Это изолирует стили и уменьшает необходимость написания пользовательского CSS.

rebass

Bootstrap 4 (Beta)

Bootstrap 4 теперь официально в Бета стадии! Четвертая версия фреймворка привносит большие изменения, в том числе сетку на основе flexbox, новые компоненты с новой стилизацией, более быстрые JavaScript плагины с ES6, улучшенную документацию и многое другое.

bootstrap-4

Hover Buttons

Классный набор HTML кнопок с анимированными эффектами при наведении. Кнопки разных форм и размеров, и на выбор большое количество отличных анимаций. Библиотека написана на SCSS, поэтому вы можете легко удалить ненужные вам кнопки или изменить стили по своему вкусу.

hover-buttons

React Simple Maps

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

react-simple-maps

Gpu.js

Библиотека для запуска браузерного JavaScript  кода прямо в GPU (графическом процессоре). Что позволяет выполнять сложные вычисления намного быстрее, компилируя написанный JS в шейдерный язык, который может работать на GPU через WebGL. Если WebGL недоступен, функции выполняются как обычный JavaScript.

gpu.js

Pell

Pell — сверхлегкий текстовый редактор WYSIWYG для веб. Он весит всего 1 кБ, не имеет абсолютно никаких зависимостей и состоит из менее чем 200 строк кода ES6. Он поддерживает все необходимые действия для форматирования разметки текста, включая вставку изображений и ссылок.

pell-

Chromeless

Фреймворк для веб-автоматизации, основанный на платформе Headless Chrome. Его API и функции очень похожи на API других популярных библиотек, таких как PhantomJS и NightmareJS, причем основное отличие заключается в том, что он запускает все тесты в Chrome’s headless режиме. Можно работать локально или на AWS Lambda.

chromeless

Fitty

Fitty — это библиотека на ванильном JavaScript, которая изменяет размер шрифта текста, чтобы он вписывался в контейнер с фиксированной шириной. Он работает со всеми стандартными веб-шрифтами, увеличивая или уменьшая их размер, чтобы они оптимально занимали свободное пространство без разрывов строк — идеально подходит для разного рода заголовков.

fitty

Notif.me

Библиотека Node.js для отправки уведомлений. Она работает как решение «все-в-одном» для обработки сообщений электронной почты, SMS и push-уведомлений. У каждой службы есть несколько поставщиков, из которых вы можете выбрать (например, SMPT или Sendmail для электронной почты, Neximo или Twilio для SMS).

notifme

Shoelace

Shoelace — суперлегкий стартовый комплект (starter kit) на CSS, который призван обеспечить более тонкую альтернативу таким фреймворкам как Bootstrap. У него не так много стилей и функций, только твердый сброс CSS стилей с некоторыми полезными UI компонентами. Код библиотеки построен с CSS переменными, что упрощает настройку без необходимости препроцессора.

shoelace

TensorFire

Фреймворк для работы нейронных сетей в браузере. TensorFire ускоряется с помощью GPU благодаря WebGL, что позволяет без проблем запускать крупные модели машинного обучения. Проект еще находится на ранней стадии, но уже есть некоторые очень перспективные демо-версии (Gesture Detection Rock Paper Scissors).

tenserflow

Vali

Шаблон админ панели, построенный с помощью Bootstrap, PugJS, Sass и других современных технологий. Шаблон предлагает множество компонентов и виджетов, вы можете проверить их в этом демо.

vali

BotUI

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

Если вы хотите больше узнать об интерактивном разговорном UI, ознакомьтесь со статьей «Введение в чаты» разработчика.

botui

Nano ID

Крошечная JavaScript библиотека для генерации уникальных идентификаторов. Она использует только URL-ориентированные символы для сгенерированных строк, но есть возможность предоставить свой собственный алфавит. На GitHub странице проекта вы можете найти интересную информацию о том, как работает библиотека и какие алгоритмы она использует.nanoid

Не совсем точный перевод статьи на tutorialzine.com