有没有人将OOCSS与另一个网格框架结合起来?

时间:2011-04-07 08:34:34

标签: css grid 960.gs oocss cascade-framework

我出售的是使用Nicole Sullivan的Object-Oriented CSS哲学/编码方法/其他方面的好处。特别是,我很想在我正在建立的网站中使用诸如“media block”之类的原则。

然而,它与液体式网格系统捆绑在一起,我们的设计师目前正在构建严格的960 grid宽度系统。 960网格系统使用固定的12或16列布局,每个由40或60像素组成。 OOCSS将布局分为1/2,1 / 3,1 / 4或1/5部分的流体分区。

960.gs在列之间建立了固有的“阴沟”边距,每列10px。 OOCSS在列之间没有边距,因为它们可以是任何宽度,而是在内容元素之间提供边距,以便分隔内容和容器。

将这两个框架中的最佳框架混合搭配到我们公司的CSS样板中是不是一个坏主意? OOCSS网格框架的流体性质是否使其难以适应960页的刚性页面宽度?我们也在使用HTML5样板文件。

我问这个,因为我已经发现,在尝试将某些框架与OOCSS(例如SASS)结合使用时,两种方法可以相互正交,并且最好选择一种并坚持下去 - 但这可能并非总是如此。

2 个答案:

答案 0 :(得分:1)

网格系统的主要优点是它为您的页面提供了视觉统一性 - 您始终拥有一致的划分。我会犹豫使用两个不同的网格,因为这意味着你正在使用两组不同的线条,导致一致性差得多。此外,如果这些网格系统不是为了彼此协作而构建的,那么混合它们可能会对某些边缘情况(甚至是正常情况)产生惊人的影响。你不想在一个月的项目工作后遇到这种情况,并且不得不撕掉一个或另一个。

答案 1 :(得分:0)

两个在整个框架中应用OOCSS原则的CSS框架:

AFAIK,Cascade Framework是唯一包含 media object implementation fully integrated into the grid 的CSS框架。这使得Cascade Framework的网格系统成为所有CSS框架中最灵活的网格系统。

其他一些框架正在慢慢采用OOCSS概念,通常将媒体对象包含为单独的UI元素。例如,请查看 Bootstrap's implementation