Pull to refresh

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

Reading time 1 min
Views 9.7K
ModularGrid — это небольшая программка на javascript (около 30 КБ), которая облегчает труд HTML-верстальщика.


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


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



Демо


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

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


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

Что еще


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

Отдельной строкой спасибо Алексею Черенкевичу (cherenkevich) за идею, первые реализации и вдохновение к работе на проектом.
Tags:
Hubs:
+96
Comments 65
Comments Comments 65

Articles