Кто-нибудь объединял OOCSS с другой структурой сетки?

Question

Я продан за преимущества использования Философии / методологии кодирования Николь Салливан Философия / методология кодирования / что угодно. В частности, я стремлюсь использовать такие принципы, как " 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), что два подхода могут быть ортогональны друг другу, и лучше просто выбрать один и придерживаться его - но это не всегда так.

Answer 1

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

Answer 2

Две CSS-фреймворки, которые применяют принципы OOCSS в рамках фреймворка:

• инуитов
• Каскадный каркас

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

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