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

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

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


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


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



Демо


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

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


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

Что еще


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

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

Публикации

Истории

Ближайшие события

15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
22 – 24 ноября
Хакатон «AgroCode Hack Genetics'24»
Онлайн
28 ноября
Конференция «TechRec: ITHR CAMPUS»
МоскваОнлайн
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань