​​Парадокс CSS

Цвета darkgray(тёмно-серый) и gray(серый) определены в системе. Ожидается, что тёмно-серый цвет будет темнее серого.

По факту выходит, что тёмно-серый цвет светлее просто серого.

Не верите?

Тогда посмотрите на скриншот или продублируйте код с него в свой редактор/браузер.

#полезно #css

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

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

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

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

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

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

#полезно #css