Спешу сообщить, что наконец-то обновил ModularGrid — небольшой javascript, который рисует гайды и модульную сетку поверх вёрстки:

• появилась панель с контролами для тех, кто не любит хоткеи;
• состояние сетки теперь сохраняется в cookie;
• было исправлено несколько досадных ошибок.

Демо-страница | проект на GitHub | предыдущая статья

Как показал опрос годичной давности (хоть и с подозрительной репрезентативностью) — подкасты дизайнеры любят. А нам (команде DesignGu.ru) — всегда интересно поговорить о последних новостях и событиях из мира дизайна, искусства и вообще :)

Встречайте! Пилотный выпуск подкаста DesignGu.ru. Гость выпуска — Черенкевич Алексей. Веб-дизайнер, программист, автор интересных статей и проектов. Дизайн-коммьюнити посвященное работе с модульными сетками thegrids.ru — недавно запущенный Алексеем проект.

Подписаться на подкаст можно по этому фиду. Пилотный выпуск DesignGu.ru Podcast.

Сайт задуман, как русское дизайн-комьюнити, завязанное на модульных сетках. Тема актуальная интересная.

Помимо разделов-агрегаторов информации на тему сеток, есть раздел «Курилка», в котором зарегистрированные пользователи могут опубликовать работу и получить комментарии к ней. Все направлено на улучшение понимание темы сетки.

Задачи и функции проекта

1. Дать подробную информацию на тему модульных сеток в дизайне. В частности, раскрыть тему в аспектах веб-дизайна.
2. Собрать на одном ресурсе наиболее полезную информацию по теме.
3. Организовать обмен опытом и общение дизайнеров.

Материала написано на месяц вперед. Если все нормально будет, буду обновлять пару раз в неделю. Приглашаю дизайнеров к регистрации на сайте, а потом на перекур в «Курилку».

PS. Ищу людей, которые смогут заниматься контентом сайта вместе со мной.

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

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

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

О разработке этого плагина я уже писал. После выпуска первой версии, собрав большую (и разумную) часть пожеланий (спасибо Хабр) — выпустили новую версию Extend Grid 1.2.



Итак, что новенького?

Само понятие модульной сетки, за последние несколько лет стало чрезвычайно модным. В первую очередь у дизайнеров. И во-вторую очередь у верстальщиков.

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

Немного про модульные сетки

Модульная система вёрстки — система вёрстки, при которой основой композиции полос и разворотов становится модульная сетка с определенным шагом (модулем), одинаковым или разным по горизонтали и вертикали. По мотивам Википедии.

Я хочу дать исчерпывающее описание замечательному фреймворку для построения модульных сеток 960gs. Недавно где-то в комментариях сказали, что 960gs сложнее в понимании, чем blueprint, что меня удивило. Я не хочу заниматься сравнением этих фреймворком, хотя бы потому, что они выступают в разных весовых категориях, однако, для построения модульной сетки ничего легче и проще в понимании, чем 960gs я не видела.

навеяно habrahabr.ru/blog/javascript/45420.html — этим. (ссылку скушивает хабра, изза слова script)

Ведь правда намного удобнее сначала построить модульную сетку, а потом уже верстать основываясь на ней? :)

Немного улучшенный яндексовский скрипт.

grid.js