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