Как стать автором
Обновить

ModularGrid — модульная сетка в браузере (и не только сетка)

Разработка веб-сайтов *
ModularGrid — это небольшая программка на javascript (около 30 КБ), которая облегчает труд HTML-верстальщика.


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


  • показ направляющих поверх страницы
  • показ модульной сетки поверх страницы
  • показ отдельно шрифтовой сетки, горизонтальной или вертикальной модульной сетки поверх страницы
  • показ изображения-макета поверх страницы
  • изменение размера окна браузера под указанные верстальщиком разрешения
  • изменение прозрачности модульной сетки и изображения-макета



Демо


Попробуйте modulargrid в действии — смотрите демо-страницу проекта.

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


  • работает во всех браузерах
  • содержит в себе много инструментов для HTML-вёрстки
  • все настройки задаются прямо в к коде modulargrid, что позволяет подключить этот файл на всех страницах и использовать одну и ту же конфигурацию для всего проекта
  • легко настраиваются не только по функциональности (фиксированные и тянущиеся макеты, различные единицы измерения — пикселы, em’ы, проценты и т. п.), но и внешний вид и сочетания клавиш
  • не требует использования дополнительных CSS-файлов, изображений, сторонних библиотек

Что еще


Багрепорты прошу слать на страницу проекта на Google Code, за обновлениями следите там же. Также на Google Code есть краткий обзор похожих инструментов. Если у вас появятся уже свёрстанные страницы с помощью modulargrid, присылайте ссылки, с радостью размещу!

Отдельной строкой спасибо Алексею Черенкевичу (cherenkevich) за идею, первые реализации и вдохновение к работе на проектом.
Теги: модульная сеткаjavascriptвёрсткаhtml-верстка
Хабы: Разработка веб-сайтов
Всего голосов 120: ↑108 и ↓12 +96
Комментарии 65
Комментарии Комментарии 65

Похожие публикации

Лучшие публикации за сутки