Кто-нибудь комбинировал OOCSS с другой структурой сетки?
Я продан на преимуществах использования философии / методологии кодирования CSS Николь Салливан / что угодно. В частности, я стремлюсь использовать такие принципы, как " медиаблок" на сайтах, которые я сейчас создаю.
Тем не менее, он поставляется в комплекте с системой сетки жидкого стиля, и наши дизайнеры в настоящее время строят систему строгой ширины сетки 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), что два подхода могут быть ортогональны друг другу, и лучше просто выбрать один и придерживаться его - но это не всегда быть так.
2 ответа
Основным преимуществом грид-системы является то, что она дает визуальное единство вашей странице - у вас есть последовательные разделения по всему. Я бы не хотел использовать две разные сетки, потому что это означало бы, что вы работаете с двумя разными наборами линий, что приводит к гораздо меньшей согласованности. Кроме того, если бы эти сеточные системы не были созданы для работы друг с другом, их смешивание может иметь неожиданные эффекты для некоторых крайних случаев (или даже нормальных случаев). Вы не хотите сталкиваться с этим после месяца работы над проектом, и вам приходится вырывать одно или другое.
Две платформы CSS, которые применяют принципы OOCSS в рамках всей среды:
AFAIK, Cascade Framework - единственная CSS-инфраструктура, которая включает в себя реализацию медиа-объекта, полностью интегрированную в сетку. Это делает грид-систему Cascade Framework самой гибкой грид-системой из всех CSS-фреймворков.
Некоторые другие платформы медленно внедряют концепции OOCSS, обычно включая медиа-объект в качестве отдельного элемента пользовательского интерфейса. Например, проверьте реализацию Bootstrap.