所有这些CSS框架和其他框架有什么用呢？ [关闭]

Question

我正在深入研究CSS世界，我在理解存在的所有东西时遇到了一些困难。

有LESS，SASS，Compass，Blueprint，HAML等。我应该一起使用哪些？ 有人可以解释彼此的情况吗？

Answer 1

LESS和SASS是服务器端的CSS生成框架 - 它们允许您使用接近CSS的语法创建样式表，但允许您使用变量和函数之类的项。 然后编译这些文件将生成您使用的CSS文件。 这里要注意的一件重要事情是SASS仅适用于Ruby。

HAML是另一个仅适用于Ruby的项目，但不支持CSS。 它实际上是创建ERB的替代方法（Ruby部分视图）。

Compass是一个添加在SASS框架之上的库，允许更多功能和几个默认类/样式。

Blueprint是另一个库，它基本上是一个带有预设类的CSS文件，允许创建多列布局等常见用例。

但是，编写CSS并不需要这些，并且在大多数情况下，甚至还不足以真正研究CSS。 虽然我喜欢SASS的功能，但它并不适合所有人，最终会产生比必要的更臃肿的CSS。

如果您刚开始尝试使用CSS，我会推荐像Andy Clarke这样的Transcending CSS和Hardboiled Web Design等资源。 用于Web设计人员的HTML5和用于Web设计人员的CSS3也是非常好的资源。 对HTML标记和语义的充分理解对于利用CSS并正确使用它也很重要。

Answer 2

HAML和SASS结合在一起， HAML是一种用于编写HTML的快捷语言， SASS（或SCSS）是一种用于编写CSS的快捷语言，您必须知道如何编写HTML / CSS“longhand”以便充分利用它HAML / SASS快捷方式版本。

快捷方式只应该在DEV中使用，除非你有一个RUBY服务器 - 当我看到上述两种语言都是“哑”语言的“替代”时，我真的很生气。特别是你需要搜索的是找到SASS / SCSS的引用“CSS是愚蠢的” - 这是一个恶毒的linkbait ploy;）你不能在不了解另一个的情况下使用它

COMPASS是一个Ruby Gem，它有助于在本地环境中编译HAML和SASS / SCSS（到HTML和CSS） - 在开发环境中，它意味着通过这些语言进行的更改将被编译为“正确的”HTML和CSS服务器端在适当的服务器上

LESS是SASS的javascript等价物。 您可以在服务器端（通过node.js）或客户端（仅通过导入js文件）使用它，它会采用您编写的快捷方式并将其编译为有效的CSS（具有多个浏览器或供应商扩展）

BLUEPRINT是一个可以与纯CSS或快捷方式一起使用的框架（免责声明：我不喜欢框架，因为它们添加了不必要的类）如果你想在Compass / SaSS / LESS中使用Blueprint或Yahoo Grids Framework，那么你最好在指责试图使其实现更容易的工具之前，先了解他们先做了什么 - 这些工具不会使这些框架工作，但是如果你真的想要使用它们，它们会使你必须做的打字量减少。

我最近尝试过LESS / SaSS和SCSS ..我喜欢它们，但后来我知道如何编写CSS，我不希望他们做的更多，而不是成为一个让我的生活更轻松的工具..他们不“做”CSS比CSS已经做得更好，但是他们可以嵌套和组织你的CSS，我真的很喜欢！

Answer 3

你真的不应该出于任何原因使用任何这些“语言”或“工具”。 他们将自己表现为多浏览器或参数化css生成器的快捷方式，这是一个不错的主意，但最终这些东西可以通过普通的旧CSS非常优雅地实现。

它们不应该是使用普通旧CSS的替代品，并且它们可以产生的膨胀在许多情况下阻止了这种可能性。

不使用这些东西的一个非常令人信服的理由是，它为任何加入项目的开发人员，或者想要从一台机器移动到另一台机器的开发人员，或者需要他们的机器均匀化以便贡献的开发人员团队，显着提高了安装要求。 例如，要求安装ruby或各种python版本或php存根以基于时间戳等动态编译css，所有这些都会改变像SASS这样的工具，它可以使事情更简单，变成一个可能非常复杂的东西。

随着CSS3的承诺，这些工具希望促进的许多东西将变得过时。

Answer 4

使用SASS + Compass + Suzy长期以来一直是我网络开发工作流程中最大的新鲜空气。 使用这些工具设计漂亮的流体/弹性/固定自定义网格布局非常快。 我只希望早点知道他们。

CleverCSS是一个Python程序，与我所知道的几乎完全相同，尽管你不能用CleverCSS做@import。 SASS在每个CSS选择器之后都没有分号，只有CSS属性，而CleverCSS在两者之前都有分号（这使得它在语法上比IMO更低）。

这篇文章很好，看看你是否是Django / Python人。 如果您决定使用SASS而不是CleverCSS或其他人，您将不会感到肮脏。 只需将其搞砸并安装Ruby并设置SASS / Compass即可观看文件夹并在保存.sass文件时自动生成CSS。 如果要保存更改，请不要弄乱生成的CSS文件。 不需要与您的全部Python设置进一步“集成”。