https://jsonformatter.org/sass-to-css使用此工具，你可以将SASS代码转换回CSS，当你需要使所编写的SASS代码准备好在web上使用时，这可能很有用。

https://flexbox.help/Flexbox.help是一个很好的工具，当你需要帮助的时候，你可以利用Flexbox.help。如果你是flexboxes的新手，这是一个很好的工具，使用这个工具你可以尝试使用所有可用的flex选项，CSS会根据你选择的选项为你生成，所以你不需要自己输入所有的代码。

https://www.cssportal.com/css3-flip-switch/每隔一段时间，你可能需要为正在构建的新应用程序实现一个翻转开关。你可以使用此工具为你生成代码，而不必一遍又一遍地重复劳动。

https://transfonter.org/Transfonter是在转换字体时使用的工具，这样你就可以在web上使用它们。它支持许多不同的格式，比如TTF、EOT、WOFF、WOFF2和SVG。当你拥有需要在网络上使用的自定义字体时，此功能非常有用！

https://makingcss.com/transition有一个CSS属性有很多可能性，这让你很难记住所有的CSS属性，那就是transition属性。当你不确定你想要什么样的过渡，或者你只是想尝试其中一些过渡的时候，这个工具就很有用了。这个工具可以很容易地混合转换不同方面，比如持续时间和延迟。通过这种方式，你可以确切地看到每个不同的转换是如何工作的。请注意，该网站还提供许多其他工具，例...

这套CSS3Collection能够帮助大家将悬停功能引入到各类链接、按钮、标志、SVG乃至特色图像等对象之上。在它的支持下，我们可以轻松应用自己的元素，修改或者直接使用自己的创意与灵感。Hover适用于CSS、Sass以及LESS。它也能够实现我们在iPhone应用程序当中常见的各种悬停效果，这也进一步证明了在不久的将来，我们将有能力直接以Web方式开发移动应用程序。

相信大家一定会爱上Transformicons，因为它充分显示出JavaScript与CSS相结合后能够创造出怎样令人惊艳的成果。Transformicons是一套库，旨在帮助大家将SCG与CSS图标转化成不同形状。

Jeet不仅是我个人长久以来所见过的最出色的网站，其同时也是我在整个工作经历当中遇到过的最理想的网格系统——而且我敢肯定，我绝不是惟一一个作此论断的用户。Jeet事实上是一款CSS预处理工具。在它的帮助下，我们不再受到.col-6等类的局限;相反，大家能够将任何分数、小数或者两者的结合添加进去，从而创建出一套完全自定义而成的网格方案。

时至今日，Web已经成为一台出产丰富的机器，我们单凭各类Web开发语言即可拿出令人眼花缭乱的成果。而在这方面，我们拥有Loaders.css助阵;这是一款体积小巧的库，能够提供28款独特的载入器，并允许大家直接拿来加以使用。

大家是不是属于需要频繁访问GitHub的常客？我猜答案多半是肯定的。不过各位可能还没有意识到，GitHub其实是使用自己的一款内部CSS工具包来支撑整套网站的。这意味着我们见到的几乎一切都遵循着一种特定风格，包括布局、按钮样式乃至字体选择等等。就在今年，这款工具包已经以开源姿态走到我们面前，这就是Primer。感兴趣的朋友可以点击此处在Markdotto.com网站上查看这款新型工具包的简介文章。