转载

17款面向CSS开发人员的实用框架及工具

几乎每一天我们都以找到值得分享的实用工具，帮助大家在CSS开发这条探索之路上找到新的光明前景与几乎无尽的可能性。遥想当初，我们一路见证了CSS的成长，而如今我们能够不容置疑地断言，CSS已经成为Web开发领域的PhotoShop。

就在几个月之前，我们曾经列举过一些能够帮助大家简化开发任务的出色CSS工具，而去年我们也发布过两篇关于CSS的博文——其中主要探讨了如何利用CSS绘图工具以及对CSS框架及网格系统进行最小化处理（以上各链接皆为英文原文）以创建出令人惊艳的彩色拼贴图案。

在今天的文章中，我们将从其它角度着眼，继续就CSS展开探讨。如果大家打算投身于Web设计与开发工作当中，并发现自己需要经常使用CSS来处理日常任务，那么此份清单中所列举的工具及框架将成为很好的立足根基。从这里出发，各位将一步步了解到业界大牛们是如何运用此类工具完成杰作的。

最后提一句，也欢迎各位将自己最喜爱的方案选项通过评论分享给更多朋友。

SMACSS

17款面向CSS开发人员的实用框架及工具

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

Unsemantic

17款面向CSS开发人员的实用框架及工具

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

Susy

17款面向CSS开发人员的实用框架及工具

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

Primer

17款面向CSS开发人员的实用框架及工具

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

正文到此结束