Как верстать по направляющим, как в макете psd?

Question

[zjoin]

Можно ли перенести эти направляющие на верстку?

Answer 1

[Виталий Желтяков]

- Сделайте скриншот направляющих в макете.
- Цвет фона скриншота в альфа-канал.
- Кидаете на верстку div с бакграудом получившегося изображения.
- Для div-а задаёте стили pointer-events:none; z-index:500;
- Верстаете, а потом убираете слой

Answer 2

[Роман Мисюра]

По направляющим делают сетку, т.е. там есть колонки, собственно колонками и верстают через бутстрап.

Comments

[zjoin]

имеешь ввиду сделать паттерн?

[Роман Мисюра]

Можете попробовать плагин pixel-perfect для того, чтоб сравнить вашу верстку и макет. Но на вашем месте, я б взял "колонки" что есть, сохранил отдельным файлом, плагином для пиксель перфекта установил бы сверху сайта и подгонял под это верстку. Хотя вопрос довольно расплывачат.

Answer 3

[santorro]

если направляющие по сетке 960 то стоит почитать
Верстка сайта на 960 Grid - прак...