Извлечение дизайн-системы сайта

Dembrandt — это NPM-пакет, который сканирует сайт и вытаскивает его визуальные стилевые параметры: цвета, типографику, отступы и паттерны лейаута.

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

GitHub

Сайт

Последние записи

  • Анимированное подчеркивание при наведении на текст

    Анимированное подчеркивание при наведении на текст

    Небольшой классный трюк в CSS. Добавление анимированного подчеркивания при наведении на текст. Здесь на самом деле это не подчеркивание, а фоновое изображение, которое представляет…

  • Подборка советов и лайфхаков в CSS #1

    Подборка советов и лайфхаков в CSS #1

    Подборка небольших советов и трюков, которые вы можете использовать, используя современный синтаксис CSS. 1. Отступы между элементами Устаревший способ Новый, стильный, молодежный способ: 2.…

  • CSS-свойство @view-transition

    CSS-свойство @view-transition

    CSS- свойство @view-transition — это современная CSS-директива, предназначенная для создания плавных анимаций перехода между страницами или состояниями сайта. Она позволяет реализовать визуальные переходы между…