我们可以编写我们自己的 Sass @mixin
来帮助处理 CSS3 相关内容(例如渐变),但已经存在一个名为 Compass 的 Sass 框架,它已经包含了这些内容。放弃对这些内容的控制需要一些信念的飞跃(我想这与一开始使用预处理器没什么区别),但这很值得。
为什么使用 Compass 是个好主意?
@mixin
写得非常好。它们尽可能地匹配规范,并且非常一致。- Compass 会更新,因此您将自动保持最新的最佳实践。它可能会比您单独做更全面地做到这一点。
- 它还有一些其他强大的功能,您可以利用它们,例如雪碧图(我们不会在本项目中介绍它,但它很棒)。
CodeKit 与 Compass 配合得很好(它甚至附带 Compass)。我们失去了在 CodeKit 中的一些控制(例如直接控制文件编译路径),但这并不重要。我们现在仍然可以通过项目中的 config.rb 文件控制大多数内容。
最终,我们使用 Compass 来 @include 导航链接的过渡,使它们感觉更柔和。
为什么视频加载得这么慢?我的意思是,我在不同的浏览器(Safari、Chrome、Firefox)上尝试过,所有浏览器都是最新版本,在 PC 和 Mac 上都试过,还用了 2 个不同的互联网提供商?
视频文件的大小(尤其是在桌面浏览器上)很大。有时会达到数百兆字节。它们托管在 Amazon S3 上,因此应该很快,但当然,所有这些都取决于您的互联网连接速度。
如果看起来很慢,请告诉我,并将 [email protected] 您拥有的任何其他详细信息一起发送,我们将尝试找出解决方案。
我将把这条评论埋起来,以尝试使评论线程集中在内容上,而不是特定技术问题。
很棒的内容,Chris。
我已经使用 Codekit 一段时间了,因为您最初发布了关于它的视频,但我直到现在还没有使用 Compass,一直都在自己创建 mixin。我没有意识到它像那样简单!我今天要开始一个新项目,并且将从一开始就使用 Compass!
我以前写过一篇关于使用 Codekit 结合 Compass 的文章,如果有人想用更多关于使用 Compass 及其可用插件的信息来补充本视频,可以参考我的文章。我将从头到尾介绍整个设置,并附上每个步骤的截图。我还提供了一个指向 Compass 插件库的链接。
http://blog.grayghostvisuals.com/css/installing-compass
很棒的视频,哥们,我必须说,自从你建议使用 Compass 以来,我的开发时间大大缩短了。最棒的是,因为我在 PC 上工作(因为我工作的公司发明了 PC),所以有一个 PC 版本……耶!我强烈建议花 10 美元购买它,它太棒了。
我以前在 CodeKit 和 Compass 中遇到了一些问题,这个视频帮助我解决了问题。太棒了。
您可以点击“新建配置文件”而不是“安装 Compass”,这样就不会创建所有不需要的文件,如果您的项目中存在同名文件,这些文件会覆盖现有文件。
如果您已经有一个为 Compass 设置的项目,那么走另一条路更安全。
我使用的是 Windows,它没有创建 config.rb 文件,所以我必须从您的项目文件中复制一个,它可以正常工作。
Chris,我知道你在 CSS-Tricks 上讨论过 CodeKit,并且显然经常使用它。观看这些视频时,我真的很想了解你遇到的很多问题。你有没有告诉开发者这些问题?我想,看到你的视频和呈现的问题,可能非常激励他们修复这些错误。
我注册 The Lodge 的原因之一是学习 CodeKit 如何融入你的工作流程,以及我是否应该使用它而不是 LiveReload。谢谢!
我已经多次与开发者联系,并让他们知道我遇到的所有问题。(https://twitter.com/bdkjones)
甚至有一个即将推出的 v2 版本,其中包含许多很棒的功能,包括更快地刷新项目(这在这些视频中多次出现)。此外,当 CSS 注入不起作用时,一个主要原因可能是浏览器扩展程序干扰。特别是 Adobe Edge Inspect 可能是一个问题。
好的,很高兴听到这个消息!谢谢!
另一种使过渡和变化看起来更灵活的方法是使用 ease-out 函数。ease-out 会在过渡结束时减速。
您还可以使用 cubic-bezier 函数来完全控制您的过渡
Chris,Compass 在 2019 年仍然有用吗?
其实已经不太用了,我认为 Autoprefixer 已经赢得了胜利。我忘记了 Compass 还有哪些其他辅助功能,但我没有看到它被广泛使用,更不用说我不认为 Compass 还在维护了。它只支持 Ruby,而 Sass 已经从 Ruby 迁移了。