CSS框架建议

Question

当我说CSS Framework时，我并不是指重置或网格。我指的是xCSS或csscaffold或compass等框架。

我已经做了几年CSS，但是没有太多的框架接触。有没有人有与他们合作的经验？有哪些潜在的缺点？哪些框架受欢迎/推荐？

感谢。

Answer 1

我所知道的最酷的CSS框架是LESS。它允许您使用类似CSS的语法添加变量，继承，算术运算和其他酷炫 - 它使用构建步骤或服务器插件“编译”到常规CSS。

与C to C ++一样，LESS的语法向后兼容CSS，因此您可以简单地将所有.CSS文件重命名为.LESS，并开始添加LESS功能，而无需学习全新的语言。

正如下面的评论所述，Rails和PHP已经通过服务器插件支持LESS。还有一个ASP.NET port in Beta。显然还有Django支持。并且ColdFusion。等等...

请注意，使用LESS（作为吐出CSS文件的Ruby可执行文件）可以像运行它一样简单，将.LESS文件编译为.CSS，作为构建过程的一部分。构建机器必须能够运行Ruby，除非你使用其中一个将LESS编译器移植到该平台的自然代码的插件。

请注意，xCSS提供与LESS类似的功能 - 但我没有听说过xCSS。 AFAIK LESS更受欢迎，但由于受欢迎程度变化很快，这里社区中的其他人可能会受到影响！

Answer 2

自从它在九十年代首次得到支持以来，CSS并没有真正改变太多。它已经过时，并没有遵循自其构思以来发展起来的最佳实践。我相信像xCSS这样的新兴框架是CSS短缺的结果。

考虑到这一点，令人费解的是CSS框架受到了相当多的批评。框架是一种工具！你不能真正断言，因为它没有一个有效的用例。开发人员如何知道这样的事情？

我一直在使用xCSS来应用面向对象的CSS的概念。这是早期的，但它看起来像是一个非常有用的工具。它帮助我向不需要学习CSS的第三方提供CSS接口。它帮助我减少信息的重复，并将CSS属性和类分组为一种格式，可以防止分布式信息的软件损坏。

Answer 3

如果您使用sass我建议：

1. 指南针加sass，非常方便和强大，可以帮助您加快前端工作流程。

以下是罗盘的网址：http://compass-style.org/

1. 如果你使用bootstrap或粉底，我建议少用+ winless。

Answer 4

Stylus / AxisCSS是我发现的最干净的组合。取而代之的是，SCSS / Compass / Bourbon组合功能非常丰富。

Answer 5

CSS并不足以证明使用框架是合理的。