Как быстро проверить вёрстку? Для этого есть очень удобный ин | fomin

Как быстро проверить вёрстку?

Для этого есть очень удобный инструмент - CSS Layout Debugger. Это одна не очень сложная строка кода на JavaScript, которая разметит все блоки на вашей странице, и вы по внешнему виду блоков сможете определить проблемные места.

[].forEach.call($$("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)})

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

Более краткие варианты записи по ссылке