【问题标题】:Compass vs Bourbon Frameworks [closed]指南针与波旁框架[关闭]
【发布时间】:2011-12-01 18:25:25
【问题描述】:

我正在开发一个 rails 3.1 应用程序。我想要一个涵盖渐变、阴影等的框架/库。Compass 一直很流行,但是让它与 rails 3.1 很好地配合对我来说是一个挑战,所以我选择了 Bourbon,它似乎也越来越流行。我想知道 Compass 和 Bourbon 之间的主要区别是什么。或者,如果您使用不同的框架,请分享。

  • 为什么您更喜欢一种框架而不是另一种?
  • 您是否遇到过任何与浏览器或 Rails 版本等的兼容性问题?
  • 哪个有更大或更好的 mixin 库?

【问题讨论】:

  • 您看到问题What is the value of Compass 中提到波旁威士忌的公认答案了吗?
  • 是的,我已经看到了,谢谢!
  • 你不能在指南针项目中加入波旁威士忌吗?类似于我正在做的包括 susy:require "susy"(再看一遍,也许不完全是,可能有一些重叠......)

标签: ruby-on-rails compass-sass css-frameworks bourbon


【解决方案1】:

所以,我快速浏览了 Bourbon 文档,它看起来像是 Compass 之类的更简单、更小的版本。的确,Compass 中最常用的东西是 CSS3 mixin,但 Compass 的功能远不止这些。特别是,我会查看spriting supportsupport for multiple elements like gradient backgrounds and box-shadows,看看您是否喜欢。

虽然 Bourbon 涵盖了基础知识,但 Compass 还处理了一些非常好的边缘情况。例如,我经常使用sticky-footer mixin

【讨论】:

    【解决方案2】:

    我有同样的问题,我研究了更多,安装了 Compass 和 Bourbon,最后选择了 Bourbon,原因如下:

    1. 指南针没有完全安装在 Rails 3.1 中。它似乎更具侵入性,需要配置文件(为什么?),并且通常认为它对特定的做事方式有更多的依赖,而不仅仅是提供 CSS 框架。
    2. Bourbon 对于 Rails 3.1 来说非常简单,而且开箱即用。文档是最直接的,尽管我必须先赶上 CSS3 盒子模型(这很容易做到——谷歌上的顶级结果是正确的)。相比之下,我一开始就迷失在指南针文档中,我不确定我需要什么,什么不需要,它有很多部分,我担心可能需要很长时间才能弄清楚.
    3. Bourbon 是一个较新的发展,似乎非常依赖 CSS3。我不会对其他答案之一给予太多的信条,因为波旁威士忌没有那么多的活动,但它应该被丢弃。我有一种感觉,波旁威士忌是新的先锋,随着更成熟的 Compass 正在失去活动,它将吸引更多的活动。街区里的新孩子一开始并不那么受欢迎,但这是衡量长期有用性的一个糟糕的衡量标准。
    4. 如果您可以不用不支持 CSS3 的旧版浏览器,那么 Bourbon 可能是一个不错的选择。对于旧版支持,还有各种可用的 JS 解决方案来教旧版浏览器必要的技巧。
    5. 作为开发人员多年以来,Bourbon 第一次消除了对接触 CSS 的恐惧。尝试使用 Flutie 来获得一些开箱即用的基本布局。

    【讨论】:

    • 波旁威士忌看起来很耐人寻味。我最近也发现 Compass 很难在 Rails 3.1 上工作。 Compass 文档非常缺乏——至少在他们的网站上是这样。如果你有时间,你可以在 github 上挖掘一些缺失的部分。
    • 为了记录,这些天 Compass 在 Rails 中“正常工作 (tm)” - 您只需要在主工作表中添加一个 @import,无需配置文件。我没有太多使用 Bourbon,但我们在生产中的几个大型站点中使用 Compass,没有它我不会编写样式表!
    • @Jeriko 感谢您的更新。事情发展。自从我上次看到这个已经有一段时间了,很高兴听到 Compass 现在已经赶上了“只是工作”。
    【解决方案3】:

    指南针具有更多的牵引力和可见度。我刚刚在 Twitter 上问过 - 没有人知道 Bourbon。

    【讨论】:

    • 仅仅因为您的朋友不知道波旁威士忌并不意味着它无效。它是由一家优秀的公司建造的,拥有许多受欢迎的项目。
    • 哈哈有史以来最好的!
    猜你喜欢
    • 2017-10-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-01
    • 2013-09-04
    相关资源
    最近更新 更多