Перевод статьи «10 Interesting JavaScript and CSS Libraries for January 2020».
Geolib
Эта мощная географическая библиотека предлагает множество интересных методов расчета расстояния, преобразования метрик, получения координат, работы с многоугольниками и многое другое. Он не имеет внешних зависимостей и очень прост в установке.
Flowy
Отличная библиотека, которая позволяет быстро интегрировать в приложение великолепные диаграммы. Flowy не просто отображает блок-схемы — это целый редактор с отличным интерфейсом, множеством опций настройки, обработчик пользовательских событий и другими удивительными функциями.
Magic
Полезная коллекция из более чем 50 анимаций, которые отличаются плавностью, обширными настройками и при этом очень просты в использовании. Просто добавьте соответствующие классы к элементам страницы с помощью JS, и вы готовы к работе!
CSS Layout
Отличный набор заготовок с наиболее популярными UI решениями. Кроме того, существует множество предварительно стилизованных элементов: входные данные форм, виджеты и другие компоненты, которые можно быстро копировать и использовать в проектах.
Linkinator
Инструмент JavaScript для поиска битых ссылок на вашем сайте. Он анализирует все предоставленные HTML-файлы, ищет ссылки, пути к изображениям и другие связанные ресурсы. Затем он проверяет, работают ли они должным образом и не приводит ли к каким-либо 404, бесконечным перенаправлениям или ошибкам сервера.
Fabric
Мощная платформа JavaScript для работы с элементом полотна HTML5. Это позволяет очень легко рисовать и манипулировать формами, текстом и анимациями в элементе полотна. Он также предлагает отличный парсер для преобразования полотна в SVG и наоборот!
DropCSS
Алгоритм очистки CSS анализирует ваши файлы HTML и CSS, а затем формирует новый, который содержит только используемые стили. Он удаляет все неиспользуемые блоки стилей, повторяющиеся селекторы и многое другое. Высокая оптимизация и исключительная скорость.
ResponsiveViewer
Удобное и быстрое расширение для Chrome и Firefox, которое даёт возможность просматривать сайты сразу в нескольких разрешениях экранов на одной странице. Это позволяет очень легко проверить, как ваш дизайн адаптируется к различным размерным стандартам дисплея в окне просмотра, быстро показывая любые проблемы с адаптивностью.
Jimp
Jimp — это встроенная библиотека обработки изображений для Node. Он предлагает множество инструментов для работы с цветом, отрисовкой, добавления фильтров и многое другое. Библиотека полностью написана на JS и имеет нулевые зависимости, поэтому она работает с любым терминалом Node.
Screenshot to Code
Потрясающий инструмент, который преобразует макеты проектов в реальные веб-сайты. Он основан на нейронной сети, которая анализирует дизайн проекта, разбивает его на HTML-компоненты и формирует Bootstrap верстку на основе указанного дизайна.
А для тех, кто хочет узнать больше хитростей и лайфхаков от опытных разработчиков, запускаем интенсив по веб-программированию! :)
Информация и запись по ссылке: https://is.gd/pmPks3