Инструменты веб-дизайна, апрель 2017

В статье рассмотрены несколько интересных инструментов и сервисов, помогающих облегчить и упростить работу веб-дизайнеров и верстальщиков.

Material Design color tool

material.io/color/#!/

Инструменты веб-дизайна, апрель 2017

Отличный инструмент для создания, совместного использования и внедрения цветовых шаблонов в ваши пользовательские интерфейсы.

Semantic UI 2.2

semantic-ui.com

Инструменты веб-дизайна, апрель 2017

Смысл использования этого сервиса в том, что помогает создавать код более последовательным и читабельным и похожим на естественный язык. Это полезно, кода читаемость созданного кода является проблемой для вашей команды.

Colormind

colormind.io

Инструменты веб-дизайна, апрель 2017

Создание цветовых сочетаний – это одновременно и искусство, и наука. Данный сервис помогает создавать прекрасные цветовые шаблоны на основе математических моделей и отобранных вручную палитр.

Его цель — предоставить что-то, что поможет вам создать палитру, отвечающую требованиям бренда, а также великолепно выглядящую, что иногда может быть сложно.

Вы можете использовать Colormind, чтобы извлекать цвета из изображения, что, по-видимому, является хорошей идеей, потому что художники обычно выбирают палитры, которые будут выглядеть приятными для глаз.

Moon

moonjs.ga

Инструменты веб-дизайна, апрель 2017

Еще один фреймворк, отличающийся от остальных своей быстротой и легкостью. APIэтого сервиса использует язык Preact, более быструю альтернативу React.

Thumbor

thumbor.org

Инструменты веб-дизайна, апрель 2017

Сервис редактирования и обработки изображений, упрощающий работу с ними на вашем сайте.

Penguin

flaque.github.io/penguin

Это великолепное приложение для Mac поможет вам быстро перекрасить сотни иконок и SVG файлов, а также оно может экспортировать SVG в PNG.

CSS Text Gradient Generator

textgradient.com

Инструменты веб-дизайна, апрель 2017

Вот самый простой способ создания градиента для текста. Выбираете начальный и конечный цвет, а также направление градиента, и копируете готовый код на свой сайт.

CSS Peeper

csspeeper.com

Инструменты веб-дизайна, апрель 2017

Дополнение Chrome позволяет скопировать код любого понравившегося вам элемента на сайте. Например, он подскажет шрифт, размер, цвет и другие характеристики кнопки на сайте.



Подпишитесь на обновления блога!

Будьте всегда в курсе новостей

Добавить комментарий