10 интересных JavaScript и CSS библиотек
Мы подобрали для вас коллекцию лучших ресурсов на которые мы наткнулись и которые заслуживают вашего внимания!
![](/static/storage/224470004035569175315259042875346775044.png)
CSS Wand
Коллекция полезных настраиваемых CSS спиннеров, анимированных кнопок и других интересных компонентов. Очень просто взять один из фрагментов, скопировать его CSS и вставить в свой проект. Код действительно чистый, так что с небольшими изменениями он может выглядеть так, как вам нравится.
![](/static/storage/288220473007251901831937313645832827822.png)
Barba.js
Небольшая JavaScript библиотека для создания плавных переходов между страницами вашего сайта. Он берет простой старый сайт и с небольшой настройкой превращает его в потрясающее приложение в одноcтраничном стиле. Это помогает уменьшить задержку между загрузкой страниц, минимизирует HTTP-запросы и улучшает взаимодействие с пользователем.
![](/static/storage/153629550066277364889014347034374321018.jpg)
Freezeframe
Tiny JS библиотека, которая позволяет вам управлять воспроизведением анимированных GIF-файлов. Вы можете запускать и приостанавливать GIF-файлы на основе пользовательского ввода, такого как клики или наведение. Под капотом он использует холст для рисования отдельных кадров, поэтому он довольно производительный.
![](/static/storage/58053205275833407211963394575427468847.png)
URL Pages
Подтверждение концептуального эксперимента, который объединяет все содержимое страницы (включая HTML, CSS и JS) и сохраняет его в URL. Это позволяет создать мгновенно доступную и редактируемую веб-страницу, которую может увидеть любой пользователь, имеющий ссылку. Включает в себя конструктор, где вы можете создавать свои собственные страницы.
![](/static/storage/93547115608608650506617904593444104549.png)
VerbalExpressions
JavaScript библиотека, которая помогает с написанием регулярных выражений. Она предоставляет привязанные методы для большинства операций RegEx, позволяя разработчикам выписывать более сложные правила без необходимости создания регулярного выражения с использованием токенов.
![](/static/storage/230751060596115824393923721654865637991.png)
Spotlight
JavaScript лайтбокс галерея, которая полностью соответствует принципу plug-and-play. Просто подключите ее на свою страницу через CDN или JS-пакет по вашему выбору, создайте разметку галереи и вуаля - ваш лайтбокс работает. Никакого дополнительного кода, CSS или зависимостей.
![](/static/storage/134105787410708542321991482809898383643.jpg)
MAVO
Язык на основе HTML для создания сайтов без какого-либо кодинга. Этот крутой проект позволяет создавать небольшие веб-сайты, управляемые данными, без JS и Backend, используя только HTML. Его также можно использовать как декларативную, реактивную интерфейсную среду для облегчения разработки пользовательского интерфейса.
![](/static/storage/44271946417312329338867164769531409887.png)
Scene.js
Scene.js - это библиотека анимаций на временной шкале с множеством потрясающих функций. Он может воспроизводиться как на JS, так и на CSS, поддерживает SVG-анимацию, несколько временных шкал и поставляется с предустановленными эффектами, которые можно использовать «из коробки».
![](/static/storage/178188654513434682823748276924286673521.png)
Bliss
Небольшая классная библиотека, которая добавляет синтаксический сахар для Vanilla JS, делая API гораздо более приятным. В отличие от jQuery, он не влияет на сам API, а просто улучшает синтаксис, оставляя функциональность метода без изменений.
![](/static/storage/210896135138697915576515838377971014687.png)
Just
Менеджер задач от MicroSoft, который помогает в организации задач сборки для ваших проектов на JavaScript. Включает в себя пресеты для TypeScript, Webpack и другие.