【发布时间】:2012-11-07 18:06:47
【问题描述】:
我以前在我的设计中使用 960.gs 作为网格。效果很好。但是 html 中类的数量有点繁琐,而且因为我是一个网络纯粹主义者,所以在标记中控制样式总是感觉有点不对。
我正在尝试找到一个添加与 960.gs 相同功能但没有所有额外类的好解决方案,方法是使用 som smart sass/less/etc。
【问题讨论】:
-
sussy grid 值得一看。
我以前在我的设计中使用 960.gs 作为网格。效果很好。但是 html 中类的数量有点繁琐,而且因为我是一个网络纯粹主义者,所以在标记中控制样式总是感觉有点不对。
我正在尝试找到一个添加与 960.gs 相同功能但没有所有额外类的好解决方案,方法是使用 som smart sass/less/etc。
【问题讨论】:
听起来你要找的是semantic.gs。
它强调带有语义标记的网格,不需要在 HTML 中使用.spanX 等。
我已经在手写笔中编写了它的改编版(他们的手写笔实现不是很好),所以如果你使用手写笔,我很乐意给你一份。
【讨论】:
在 960 之后会有一点学习曲线,但我在使用它构建 http://framelessgrid.com/ 示例(响应式)方面有很好的经验 www.hardyamies.com
它可以作为 LESS 和 SASS 使用。关键概念是在 css 中使用列变量作为宽度。这意味着您可以在命名时保持语义。
【讨论】:
我强烈推荐http://semantic.gs/
在您的 HTML 中不需要额外的类,流畅或固定的布局,可在 LESS、SCSS 和 Stylus 中使用。
【讨论】: