@RIBAdminio
немного Системный, немного программист.

Как ускорить pixel perfect вёрстку?

Добрый день.
Верстаю на pug/scss, собираю проект через webpack.
Во время вёрстки использую lifereload.

Приходится часто открывать браузер и сравнивать - правильно ли ложится вёрстка на макет (пиксель в пиксель). Если нет, то подгоняю в инструментах разработчика браузера
Пример devtool в google chrome

62cbeff70bae1909575734.png

И затем подогнанные значения вписываю в scss файл
Это достаточно долго, есть ли способы ускорить процесс "подгона"?

Например, чтобы данные из devtool сразу вносились бы в файл.scss .
Или может есть другие варианты?

Буду рад, если вы опишите свои способы вёрстки.

Заранее спасибо.
  • Вопрос задан
  • 223 просмотра
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
чтобы данные из devtool сразу вносились бы в файл.scss

Для этого нужно настроить Source Maps и Workspace.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы