Блог ⁄ Вёрстка ⁄ Вёрстка сеткой. Grid design
Основные преимущества вёрстки сеткой:
- Легко верстаются многоколоночные макеты.
- Жёсткая модульная сетка.
- Готовые css-библиотеки.
- От уровня к уровню количество колонок может меняться без ущерба вёрстке.
Колонки верстаются легко. Можно делать на колонки на 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5 и 4/5 ширины блока-родителя. Других значений можно достичь комбинацией вышеизложенных дробей.
Если блок-родитель определяет характер макета: «резиновый» или фиксированный. В независимости от этого, библиотека работает стабильно.
Вёрстка сеткой (grid design) делает макеты более гибкими. В случае, если заказчику приспичит вставить блок на стыке двух колонок, никаких осложнений не возникает, просто увеличиваем количество колонок в нужной линии. Сетка делает дизайн более удобочитаемым, расположение элементов логично и не режет глаз. Срочно беру на вооружение.
Всё это достигается применением библиотеки oocss (Object Oriented CSS). Разработчики css-фреймворка расположились на сайте http://www.stubbornella.org/. Ссылка в тему: буржуйский сайт, посвящённый сеточной вёрстке.
