Категория: Web дизайн.
Продолжаем обзоры интересных JavaScript и CSS инструментов и библиотек для web-разработки.
Buefy
Легкая структура пользовательского интерфейса для Vue.js, построенная с использованием популярной библиотеки CSS на основе flexbox Bulma . В нем есть все компоненты, в которых требует типичное веб-приложение, включая динамические элементы, такие как модалы, тосты и уведомления, что позволяет разработчикам быстро добавлять любой пользовательский интерфейс в свои существующие проекты Vue.js.
HR.js
Библиотека без зависимостей для программной подсветки и замены строк в DOM. API HR.js не может быть проще — просто используйте селектор CSS для ориентации родительского элемента HTML, содержащего нужный текст, выберите, какие слова выделить, установите цвет фона, и все готово!
Tippy.js
Чистая библиотека JavaScript для анимированных всплывающих подсказок. Она обеспечивает широкий спектр различных эффектов наведения и тонну настройки с более чем 20 вариантами. Tippy.js очень легкая и имеет неплохую совместимость с браузером, автоматически отбрасывая обычные атрибуты title когда они не поддерживаются.
Barba.js
Независимая библиотека JavaScript для создания плавных переходов между представлениями ваших одностраничных приложений. Логика построена вокруг PJAX (push state AJAX), которая проверяет все допустимые URL-адреса, предотвращает их нормальное поведение и вместо этого загружает новую страницу через XMLHttpRequest. Barba также гарантирует, что изменение состояния правильно отражено в URL вашего приложения через API Push State .
UIkit
Отличная инфраструктура интерфейса CSS и JavaScript, включая собственный шрифт значка SVG и десятки компонентов. UIkit разработан очень хорошо, как по внешнему виду, так и по структуре, с унифицированными стилями, легко запоминающимся API, многими настройками и полезными классами модификаторов. Документация также является первоклассной.
AcrossTabs
Библиотека JavaScript для связи между вкладками браузера перекрестного происхождения, позволяя одной странице открывать и закрывать дополнительные вкладки браузера. Родительская вкладка имеет доступ к полезной информации о своих вкладках для детей, включая уникальные идентификаторы и остается ли вкладка ребенка открытой или была закрыта.
Iconate
Удивительная ванильная библиотека JavaScript, которая позволяет вам трансформировать один значок в другой при щелчке с помощью множества плавных анимаций. Iconate работает со всеми шрифтами значков CSS — просто добавьте значок в свой HTML и используйте простой JavaScript API, чтобы выбрать, что его преобразовать, и какую из 15 + анимаций использовать.
Chroma.js
Крошечная библиотека JavaScript для работы с цветами. Он предлагает богатый API с более чем 50 функциями для управления цветами, позволяя переключаться между цветовыми режимами, изменять яркость и насыщенность, создавать градиентные шкалы и многие другие полезные методы.
Weex
Weex — это основа для создания кросс-платформенных мобильных приложений, подобных Reat Native, но для Vue.js. Он позволяет вам писать ваше приложение в HTML, CSS и JavaScript, которое затем будет отображаться в Java для Android и Swift для iOS. Структура имеет ряд встроенных компонентов, API и другие полезные утилиты.