В статье рассмотрены несколько интересных инструментов и сервисов, помогающих облегчить и упростить работу веб-дизайнеров и верстальщиков.
Содержание
Material Design color tool
Отличный инструмент для создания, совместного использования и внедрения цветовых шаблонов в ваши пользовательские интерфейсы.
Semantic UI 2.2
Смысл использования этого сервиса в том, что помогает создавать код более последовательным и читабельным и похожим на естественный язык. Это полезно, кода читаемость созданного кода является проблемой для вашей команды.
Colormind
Создание цветовых сочетаний – это одновременно и искусство, и наука. Данный сервис помогает создавать прекрасные цветовые шаблоны на основе математических моделей и отобранных вручную палитр.
Его цель — предоставить что-то, что поможет вам создать палитру, отвечающую требованиям бренда, а также великолепно выглядящую, что иногда может быть сложно.
Вы можете использовать Colormind, чтобы извлекать цвета из изображения, что, по-видимому, является хорошей идеей, потому что художники обычно выбирают палитры, которые будут выглядеть приятными для глаз.
Moon
Еще один фреймворк, отличающийся от остальных своей быстротой и легкостью. APIэтого сервиса использует язык Preact, более быструю альтернативу React.
Thumbor
Сервис редактирования и обработки изображений, упрощающий работу с ними на вашем сайте.
Penguin
Это великолепное приложение для Mac поможет вам быстро перекрасить сотни иконок и SVG файлов, а также оно может экспортировать SVG в PNG.
CSS Text Gradient Generator
Вот самый простой способ создания градиента для текста. Выбираете начальный и конечный цвет, а также направление градиента, и копируете готовый код на свой сайт.
CSS Peeper
Дополнение Chrome позволяет скопировать код любого понравившегося вам элемента на сайте. Например, он подскажет шрифт, размер, цвет и другие характеристики кнопки на сайте.