gassmonkey
@gassmonkey
Провокатор

Существует ли решение для отображения визуальной css сетки в процессе вёрстки?

1) Когда ковырял susy, заметил, что там есть отличная фича. По нажатию кнопки можно отобразить под вёрсткой сетку. Т.е. вертикальные направляющие и заливка колонок цветом, все параметры настраиваемы.
2) В compass есть замечательный компонент - вертикальный ритм, т.е. горизонтальные направляющие с выбранным шагом.
Но ни компас, ни susy мне в разработке не нужны, поэтому захламлять ими шаблон проекта не вижу смысла. К тому же, работают они не совсем идеально.
Так вот, имеется ли решение, позволяющее в процессе вёрстки отображать на странице сетку и вертикальный ритм?
P.S. решения в виде подкладывания картинки плагином для браузера не интересуют. Нужно решение, интегрируемое в шаблон проекта, и полностью настраиваемое.
  • Вопрос задан
  • 1061 просмотр
Пригласить эксперта
Ответы на вопрос 3
gr1mm3r
@gr1mm3r
50% ответа в правильном вопросе. Остальное мануал.
Если вы имеете в виду Гриды то их множество. Погуглите запрос Grid system и будет вас щасте. Лично я пользуюсь 960.gs
Ответ написан
@GreatRash
Нашел вот такой букмарклет (настраиваемый).
Ответ написан
Комментировать
kashamalasha
@kashamalasha
Вот так для себя подобную задачу реализовал:

/// _debug.scss

* { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }


p.s. поспешил с ответом, не внимательно прочитав вопрос.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы