В помощь верстальщику. Скрипт для создания сетки на странице (modulargrid)

ModularGrid — небольшой скрипт на js (около 30 Кб), который призван облегчить работу HTML-верстальщику.

Основные возможности modulargrid

• показ/сокрытие модульной сетки
• показ/сокрытие направляющих (аналог guides в Photoshop)
• показ/сокрытие изображения-макета поверх вёрстки
• изменение прозрачности модульной сетки и изображения-макета
• изменение размеров окна браузера под указанные вами разрешения

Чем отличается от аналогов

• сочетает в себе несколько основных инструментов для HTML-вёрстки
• работает во всех браузерах
• не требует использования дополнительных изображений, javascript-библиотек, CSS-кода

Быстрый старт

1. Скачайте последнюю версию modulargrid
2. Подключите скрипт, добавив в HTML-код страницы <script type=”text/javascript” src=”modulargrid.js”></script>
3. Используйте сочетания клавиш
   • для управления сеткой
   • Ctrl + ‘ – показать/скрыть сетку
   • Shift + f – показать/скрыть шрифтовую сетку
   • Shift + v – показать/скрыть вертикальную сетку
   • Shift + h – показать/скрыть горизонтальную сетку
4. для управления направляющими
   • Ctrl + ; – показать/скрыть направляющие
5. для изменения размера браузера
   • Shift + r – изменить размер браузера
6. для управления изображенем-макетом
   • Ctrl + \ – показать/скрыть изображение-макет
7. для управления прозрачностью сетки и изображения макета
   • Shift + ] – сделать менее прозрачными
   • Shift + [ – сделать более прозрачными
8. Описание настроек и сочетаний клавиш смотрите в файле modulargrid.js

Скачать плагин можно здесь code.google.com/p/modulargrid

PS потыкать на эти комбинации клавиш можно и на моем блоге, только я сетку не настраивал под макет