Наша миссия — держать вас в курсе последних и самых крутых тенденций в веб-разработке. Вот почему каждый месяц мы выпускаем собранную подборку лучших ресурсов, на которые мы наткнулись и считаем достойными вашего внимания.
Titanic
Набор красивых SVG иконок с очень детализированными ховер анимациями. В отличие от большинства других иконочных шрифтов, этот полностью работает на JavaScript и использует библиотеку bodymovin для экспорта анимаций After Effects в формат SVG.
Rebass
Rebass — это набор React UI (пользовательских интерфейсов) для создания адаптивных веб-приложений. Он состоит из более чем 60 стилизованных компонентов, которые настраиваются с помощью styled-system-based свойств. Это изолирует стили и уменьшает необходимость написания пользовательского CSS.
Bootstrap 4 (Beta)
Bootstrap 4 теперь официально в Бета стадии! Четвертая версия фреймворка привносит большие изменения, в том числе сетку на основе flexbox, новые компоненты с новой стилизацией, более быстрые JavaScript плагины с ES6, улучшенную документацию и многое другое.
Hover Buttons
Классный набор HTML кнопок с анимированными эффектами при наведении. Кнопки разных форм и размеров, и на выбор большое количество отличных анимаций. Библиотека написана на SCSS, поэтому вы можете легко удалить ненужные вам кнопки или изменить стили по своему вкусу.
React Simple Maps
Библиотека react компонентов для создания карт, сделанных на SVG. Включает компоненты для добавления всех видов данных для карт, таких как текстовые аннотации, маркеры и пользовательские цвета для каждого региона. Поскольку карты основаны на SVG, они могут быть увеличены или уменьшены без потери качества.
Gpu.js
Библиотека для запуска браузерного JavaScript кода прямо в GPU (графическом процессоре). Что позволяет выполнять сложные вычисления намного быстрее, компилируя написанный JS в шейдерный язык, который может работать на GPU через WebGL. Если WebGL недоступен, функции выполняются как обычный JavaScript.
Pell
Pell — сверхлегкий текстовый редактор WYSIWYG для веб. Он весит всего 1 кБ, не имеет абсолютно никаких зависимостей и состоит из менее чем 200 строк кода ES6. Он поддерживает все необходимые действия для форматирования разметки текста, включая вставку изображений и ссылок.
Chromeless
Фреймворк для веб-автоматизации, основанный на платформе Headless Chrome. Его API и функции очень похожи на API других популярных библиотек, таких как PhantomJS и NightmareJS, причем основное отличие заключается в том, что он запускает все тесты в Chrome’s headless режиме. Можно работать локально или на AWS Lambda.
Fitty
Fitty — это библиотека на ванильном JavaScript, которая изменяет размер шрифта текста, чтобы он вписывался в контейнер с фиксированной шириной. Он работает со всеми стандартными веб-шрифтами, увеличивая или уменьшая их размер, чтобы они оптимально занимали свободное пространство без разрывов строк — идеально подходит для разного рода заголовков.
Notif.me
Библиотека Node.js для отправки уведомлений. Она работает как решение «все-в-одном» для обработки сообщений электронной почты, SMS и push-уведомлений. У каждой службы есть несколько поставщиков, из которых вы можете выбрать (например, SMPT или Sendmail для электронной почты, Neximo или Twilio для SMS).
Shoelace
Shoelace — суперлегкий стартовый комплект (starter kit) на CSS, который призван обеспечить более тонкую альтернативу таким фреймворкам как Bootstrap. У него не так много стилей и функций, только твердый сброс CSS стилей с некоторыми полезными UI компонентами. Код библиотеки построен с CSS переменными, что упрощает настройку без необходимости препроцессора.
TensorFire
Фреймворк для работы нейронных сетей в браузере. TensorFire ускоряется с помощью GPU благодаря WebGL, что позволяет без проблем запускать крупные модели машинного обучения. Проект еще находится на ранней стадии, но уже есть некоторые очень перспективные демо-версии (Gesture Detection Rock Paper Scissors).
Vali
Шаблон админ панели, построенный с помощью Bootstrap, PugJS, Sass и других современных технологий. Шаблон предлагает множество компонентов и виджетов, вы можете проверить их в этом демо.
BotUI
JavaScript фреймворк для построения интерфейсов диалоговых ботов. Он имеет супер простой API, который позволяет настраивать диалоги путем добавления сообщений, вопросов и даже полей ввода формы для заполнения пользователем.
Если вы хотите больше узнать об интерактивном разговорном UI, ознакомьтесь со статьей «Введение в чаты» разработчика.
Nano ID
Крошечная JavaScript библиотека для генерации уникальных идентификаторов. Она использует только URL-ориентированные символы для сгенерированных строк, но есть возможность предоставить свой собственный алфавит. На GitHub странице проекта вы можете найти интересную информацию о том, как работает библиотека и какие алгоритмы она использует.
Не совсем точный перевод статьи на tutorialzine.com