Комментарии: Работаем с сеткой и «960 Grid System»

Автор: Женя

Женя — Wed, 20 Oct 2010 15:10:08 +0000

Если у вас трудность — с одеванием этой верстки на CMS — по пишите мне на почту grandcazino@gmail.com , я могу одеть её на Modx ))

Автор: vredniy

vredniy — Fri, 27 Aug 2010 12:38:18 +0000

Спасибо, очень познавательная заметка, натолкнулся на которую, чтобы ответить для себя на вопрос, а какую же выбрать все же сетку из обилия таковых. После вашего поста решил попробовать 960 grid system. Спасибо

Автор: JoKeR

JoKeR — Wed, 13 May 2009 11:27:03 +0000

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

Автор: Viacheslav

Viacheslav — Wed, 13 May 2009 10:52:34 +0000

@JoKeR: В статье речь шла про сайты с фиксированной шириной (как это видно из примеров). Если нужна сетка под плавающие размеры можно воспользоваться «960 fluid» — http://designinfluences.com/fluid960gs/.

И кстати, нет такого стандарта либо фреймворка разработки который был бы рассчитал под 990px, просто потому что это ненужно.

Автор: JoKeR

JoKeR — Wed, 13 May 2009 10:16:01 +0000

Вы бесусловно правы в той части что касается нерезиновых сайтов,, но если для резинового сайта сверстать 960px беря за исходную позицию сайта 1024 мониторы то сразу же сайт начнет резиниться!!!!,, Зачем в исходно минимальной позиции на 1024 тянуть сайт,,, а если вы уже стали тянуть на минимальном расширинии то нафига нужны были все ваши стройные сетки которые сразу же потеряют свои размеры при растягивании сайта,,, Как можно будет увидеть всю вашу рассчитанную с точностью до пикселя красоту на 1024 мониках?? принудительно сузить окно броузера до 960? =))
Для каждой задачи свои решения, и зачем упрощать себя работу за счет последующих касяков. Вот я буду очень Вам признателен если найдется универсальный способ решить задачу сетки на стандартные 990 px =)

Автор: Viacheslav

Viacheslav — Wed, 13 May 2009 07:42:41 +0000

2Joker: дело в том что именно при 960px ширине удобно делить макет на равное кол-во, скажем, колонок. Получается гораздо большее кол-во универсальных блоков к которыми можно работать в сетке и проверить это не трудно кстати (см. раздел про цифры) К примеру, на 4 равные колонки ты 990 ширину уже не поделишь. Речь именно о том, что удобно рассчитывать блочные расстояния и отступы при макетировании, а при +30 к ширине этого сделать уже не получится и смысла пересчитывать под такую сетку стандартные блоки нет.

И еще, не важно где, хоть в Зимбабве делай, хоть в России, но с 960 будет удобнее и быстрее

Автор: JoKeR

JoKeR — Wed, 13 May 2009 06:32:51 +0000

Сетки это очень хорошо, но почему именно за стандартную ширину сайта берете 960?? «Все современные мониторы работают в разрешениях начиная, как минимум, с 1024×768.» Из 1024 вычтите ширину скроллнига и бордюра браузера и получиться 990 px Это полностью видимая область сайта, так зачем же сокращать драгоценное пиксели для сайта еще меньше,, меньше размеров-меньше информации на сайте. Я думаю что автор хорошо изучил труды заграничных дизайнеров которые 80% лепят web2нольные нерезиновые отцентрированные сайты при которых 960 оптимальный варинат, но для России это непрокатывает в большинсве случаев. Был бы признателене если сделали бы перерасчет сеток на реальные 990 px/

Автор: Modul_Z

Modul_Z — Sat, 25 Apr 2009 10:28:17 +0000

Да, спасибо! Даже не знаю еще, полезно ли это будет для меня. Ведь сайторисователем я себя не называю, руки пока еще не из того места, но ведь какие-то пародии на сайты иногда рисую, а значит пригодится и сетка ))) Хотя, честно говоря, рассматриваю ее пока что только как дополнительный утежелитель при беге, вроде и полезно и правильно, но мешает ))) Проще под каждый конкретный сайт свою сетку нарисовать гридами, чем я, собвтенно говоря, всегда и занимаюсь )

Автор: Viacheslav

Viacheslav — Thu, 23 Apr 2009 10:48:34 +0000

Пжлст., пока правда довольно сумбурно получается писать в блог
Историю сеток можно легко нагуглить, но в целом корни тянуться из издательств (где верстальщик в кварке или индизайне всегда работает по сетке журнала). В вебе с этим несколько попроще, я например зачастую формирую сетку уже в зависимости от той графики и информации которая появляется в макете. Т.е. бывает начинаешь с одной сеткой, а финальный макет оказывается уже совсем с другой. В любом случае вот эта 960-система достаточно универсальна, что бы перекраивать макет на лету и при этом не нарушая основные пропорции. Рекомендую попробовать.

Автор: yarcher

yarcher — Thu, 23 Apr 2009 08:21:27 +0000

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