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

Question

我继续使用Singularity 继续我的旅程，我很享受尝试这个框架。我在Sassmonster.com 创建了一个实验站点（Github 存储库在https://github.com/58bits/sassmonster）。

我正在讨论这个框架，以及其他“语义”框架（如果在这种情况下这是正确的术语）与 Foundation 和 Bootstrap 等表示性标记框架。

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

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

我相信还有其他人，但如果有比我更有经验的人提供总结，我将不胜感激 ;-)

最后 - 就一般网格系统的未来而言 - 会普遍采用像 Singularity 这样的过时框架 CSS Grid Layout Module 吗？

Answer 1

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

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

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