​Мечта дизайнера и веб-разработчика Часто дизайнерам и веб-ма | Багофича

​Мечта дизайнера и веб-разработчика

Часто дизайнерам и веб-мастерам нужно быстро узнать какие стили использованы на сайте, чтобы нарисовать похожий макет или разработать новый элемент в том же стиле. Есть прекрасный инструмент для извлечения этой информации.

Расширение CSS Peeper для Google Chrome - умный просмотрщик CSS стилей. Это простой, хорошо организованный и красивый сервис, с которым больше не придется копаться в коде и выискивать там нужную информацию.

Активируйте расширение и выберите любой объект на сайте, чтобы получить удобно организованную спецификацию о его свойствах. Эту информацию можно легко использовать в Sketch или Photoshop.

Расширение покажет шрифт и размер текста, ширину блоков, цвета объектов и т.д. В отчете вы также сможете найти красиво разложенную цветовую палитру с оттенками, используемыми на сайте, чтобы найти нужный за считанные секунды.

Кроме того, сервис предлагает возможность экспорта вложенных ассетов. Если вы когда-либо пытались извлечь какие-то вложенные ассеты из кода, вам это понравится. CSS Peeper позволяет скачать отдельные ассеты или запаковать их все в виде файла .zip.

#полезно #css