Наша миссия держать вас в курсе новейших и последних крутых трендов в веб разработке. Поэтому каждый месяц мы выпускаем коллекцию лучших ресурсов, которые стоят того, чтобы на них обратили внимание.
Propeller
Пропеллер — фреймворк компонентов CSS, построенный на Bootstrap и Material Design от гугла. Он включает в себя 25 адаптивных компонентов и предоставляет Material Design анимацию. Проект можно скачать как тему для Bootstrap, фрэймворк или как отдельные компоненты.
BaguetteBox
BaguetteBox — это библиотека JavaScript для создания адаптивных лайтбокс галерей. Легкая и совместимая с мобильной версией, ее легко кастомизировать и использовать плавные переходы изображений в CSS3.
Мы недавно использовали библиотеку для создания пакета из 4-х шаблонов Bootstrap галереи и можем сказать, что несомненно получили удовольствие при ее использовании.
Whitestorm
Фреймворк для разработки 3D веб приложений и игр при помощи движка Three.js. Он предоставляет простые wrapper’ы для многих задач, облегчая установку среды, создания объектов, добавления физики и др. Есть официальный проект boilerplate для удобного старта, а также инструмент для интеграции с React.
Animatelo
Animatelo — это порт популярной библиотеки Animate.css, которая заменяет CSS переходы с клонами Web Animations API. Все оригинальные эффекты Animate.css воссозданы, но API теперь основан на методах JavaScript, вместо CSS классов. Библиотека легкая и независима от jQuery, но может требовать полифилл старых браузеров.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/animatelo-1024x184.png)
FuseBox
FuseBox — это загрузчик пакетов для JavaScript и CSS с опциональными аддонами для TypeScript, Sass и т.д. Создан с целью упрощения и улучшения производительности, привнося хорошую альтернативу для webpack. Для быстрого старта есть проекты для Angular 2 + TypeScript, React + Babel, Vue.js, Electron и другие.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/fusebox.png)
Yargs
Yargs — фреймворк для создания полнофункциональных приложений с Node.js. Простая конфигурация команд, разбор множественных -argument’ов и установка shortcut’ов. Даже есть автоматическая генерация меню помощи.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/yargs.jpg)
WebGradient‘ы
Большая коллекция градиентов различных цветов, которые легко применить для любой HTML страницы. Сайт проекта приводит пример доступных градиентов. Можно копировать нужное CSS свойство одним кликом.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/webgradients.jpg)
Sticky-Kit
JQuery плагин Sticky-kit позволяет прикреплять элементы к определенным частям страницы. Таким образом вы можете сделать сайдбар, который всегда будет виден, прокручиваться со всей страницей и содержаться в контейнере родителя.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/stickykit-1024x130.png)
ScrollDir
Супер легкая, независимая JavaScript библиотека для слежения за движением и направлением прокрутки. ScrollDir следит за движением прокрутки и переключает атрибуты элемента по вашему выбору. Игнорируются небольшие движения.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/scrolldir.jpg)
Svgo
Инструмент Node.js для оптимизации SVG файлов. Удаляет ненужную информацию, такую как метадата, комментарии, скрытые элементы и другие атрибуты, которые не влияют на предоставляемый вектор. SVGO имеет плагиноориентированную архитектуру, вы можете выбрать, что удалить и что оставить.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/svgo.jpg)
Store.js
Store.js — кроссбраузерное решения для локального хранилища. Недавно была выпущена версия 2, которая принесла множество фич и добавила такую экстра функциональность, как массив/объект операции и улучшенные опции.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/storejs-1.png)
Snarkdown
Snarkdown — простой Markdown парсер написанный на JavaScript. Не самый сложный и изобилующий фичами парсер, но простой в применении. Весит 1 кб и имеет всего один метод, делая его идеальным для быстрых проектов, где более мощный парсер будет излишним.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/snarkdown.png)
Unfetch
Fetch API — современная переделка интерфейса XMLHttpRequest, дающий разработчикам лучший способ обработки асинхронных запросов. Хоть и поддерживается большинством современных браузеров, в IE все еще не доступен метод fetch()
.
На помощь приходит Unfetch — полифилл весящий меньше 500 байт.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/unfetch.jpg)
Scrollanim
Ванильная JavaScript библиотека для анимаций при прокрутке. Scrollanim предлагает множество опций, разделение API HTML и JavaScript’а, а также 50 анимационных эффектов составленных при помощи Animate.css зависимости.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/scrollanim-1024x295.png)
Neurojs
JavaScript фреймворк для экспериментов с глубоким изучением браузера. Предоставляет full-stack нейронную сеть, которая может быть обучаема. Проект предоставляет крутое Demo, где автопилотируемые машины учатся ездить в 2D среде.
![](http://cl62781-wordpress-2.tw1.ru/wp-content/uploads/2019/10/neurojs.png)
Статью перевел timurziev. Оригинал на Tutorialzine.com доступен по ссылке.