Кто-нибудь совмещал OOCSS с другой сеткой?

Я убежден в преимуществах использования объектно-ориентированного CSS философии / методологии кодирования Николь Салливан / чего угодно. В частности, я стремлюсь использовать такие принципы, как "media block" на сайтах, которые я создаю в данный момент.

Однако он поставляется в комплекте с системой сетки жидкого стиля, и наши дизайнеры в настоящее время строят строгую сетку 960 система ширины. В сеточной системе 960 используется фиксированный макет из 12 или 16 столбцов, каждый из которых состоит из 40 или 60 пикселей. OOCSS разделяет макет на плавные части на 1/2, 1/3, 1/4 или 1/5 части.

960.gs имеет внутренние поля "желоба", встроенные между столбцами по 10 пикселей каждая. В OOCSS нет полей между столбцами, поскольку они могут быть любой ширины, а вместо этого поля предоставляются между элементами контента, чтобы разделять контент и контейнер.

Смешивать и сочетать лучшие из этих двух фреймворков в шаблоне CSS нашей компании - плохая идея? Неужели из-за гибкости структуры сетки OOCSS она плохо подходит для жесткой ширины 960 страниц? Мы также используем шаблон HTML5.

Я спрашиваю об этом, поскольку я уже обнаружил, что при попытке включить определенные фреймворки с OOCSS (например, SASS), два подхода могут быть ортагональными по отношению друг к другу, и лучше просто выбрать один и придерживаться его - но это может не всегда быть так.


person giles    schedule 07.04.2011    source источник


Ответы (2)


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

person theazureshadow    schedule 25.08.2011

Две структуры CSS, которые применяют принципы OOCSS во всей структуре:

AFAIK, Cascade Framework - единственная структура CSS, которая включает полностью интегрированную реализацию медиаобъекта в сетку. Это делает систему сеток Cascade Framework самой гибкой сеткой из всех фреймворков CSS.

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

person John Slegers    schedule 07.01.2014