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网站上查看这款新型工具包的简介文章。

就目前来看，市面上的大多数CSS框架仍然显得不够成熟，其中大部分仍然要求我们以特定方式编写代码，而这自然也就带来了额外的学习与整合难度曲线。Susy则是一款出色的网格系统，允许大家以自己最为熟悉的方式完成代码编写工作，而用不着再学习诸多保证开发任务顺畅实现的必要知识。感兴趣的朋友可以点击此处查看Zell-Weekeat.com网站上的文章，了解Susy如何帮助各位构建出更为出色的Web设计成果。

Unsemantic是一款流体网格系统，其属于960GridSystem的继任解决方案。它的工作方式与前辈差不多，但摒弃了原本的大量列数，其转而以百分比作为基础。Unsemantic看起来似乎将一部分注意力放在了搜索引擎功能方面，同时也考虑到了如何利用其改进整体代码对于机器人机制的可阅读性。

SMACSS的惟一关注重点就是效率，特别是针对身处团队环境下的用户朋友们。大家是否曾经发现自己处在被动状态，需要不断编写并重写CSS代码才能让一切正常运作？SMACSS正是为了此类希望在大型项目当中编写简单代码，而又不希望纯粹依靠生成大量代码的方式完成任务的朋友们所准备。如果大家感兴趣，请点击此处查看来自Envato网站的一篇简介文章，这也是最适合的SMACSS起步指南。