语义网格系统的相对优点是什么?

时间:2014-06-23 13:17:33

标签: singularitygs

我用Singularity继续我的旅程,我很享受试验这个框架。我在Sassmonster.comhttps://github.com/58bits/sassmonster处的Github存储库)创建了一个实验性网站。

我正在讨论这个框架,以及其他语义'框架(如果在这种情况下是正确的术语)与表示标记框架如FoundationBootstrap

我想知道是否有人可以总结Singularity(和原始Semantic Grid)所采用的方法的相对优点 - 不需要在标记中出现网格类或属性。

如果我能够正确理解这一点,那么主要优势就是能够独立于文档源顺序或任何固定类属性动态更改布局(例如,在给定断点处的新网格布局和网格跨度设置,包括源顺序独立的变化,如侧边栏从左侧切换到右侧)。

我确定还有其他人,但会感谢有经验丰富的人的总结; - )

最后 - 就网格系统的未来而言 - 将会普遍采用像奇点之类的CSS Grid Layout Module过时框架吗?

1 个答案:

答案 0 :(得分:2)

语义框架的优势在于它们使抽象级别比类名更深。这使作者能够灵活地生成自己的类列表,如Bootstrap或Foundation OR,您可以将网格样式应用于任何元素,而不受类的限制。类是平坦且不灵活的,但具有抽象混合的逻辑提供了更大的灵活性。

您解决的优势更多地与输出模型有关。奇点默认输出模式称为隔离,您可以在此处阅读它的工作原理:http://www.palantir.net/blog/responsive-design-s-dirty-little-secret。如果您愿意,可以使用单一的浮点数甚至为CSS网格布局编写模块。 Singularity旨在面向未来,并提供一个通用框架,用网格做很多不同的事情。

最后,是的,网格布局做了一些非常棒的东西,我希望它能使Singularity和其他网格系统过时。但是,网格布局的语法和约定是not so great,您可能希望将其中一些抽象出来。一些约定类似于Singularity,比如基于比率的列数学,所以非常酷。