2

我继续使用Singularity进行我的旅程,并且我很享受尝试这个框架。我在Sassmonster.com(Github 存储库位于https://github.com/58bits/sassmonster)上创建了一个实验站点。

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

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

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

我敢肯定还有其他人,但会感谢比我有更多经验的人的总结;-)

最后——就一般网格系统的未来而言——CSS 网格布局模块的普遍采用是否会淘汰像 Singularity 这样的过时框架?

4

1 回答 1

2

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

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

最后,是的,网格布局做了一些非常棒的事情,我希望它能让 Singularity 和其他网格系统过时。然而,网格布局的语法和约定并不是那么好,您可能希望将其中的一些抽象出来。一些约定类似于 Singularity 的约定,例如基于比率的列数学,因此非常酷。

于 2014-06-23T17:42:31.200 回答