几乎每天我们都会发现值得分享的实用工具，帮助你在CSS开发探索的道路上找到新的光明前景和近乎无限的可能。当年，我们见证了CSS的一路成长，现在可以毫无疑问地说，CSS已经成为Web开发的PhotoShop。就在几个月前，我们列出了一些很棒的CSS工具，可以帮助您简化开发任务，去年我们还发布了两篇关于CSS的博文——主要探讨了如何使用CSS绘图工具和如何使用CSS框架。和网格系统来创建令人惊叹的彩色拼贴画。在今天的文章中，我们将从其他角度继续讨论CSS。如果您打算从事网页设计和开发，并且发现自己在日常任务中大量使用CSS，那么此列表中的工具和框架将是一个很好的起点。从这里开始，您将一步步了解行业专家如何使用此类工具来完成杰作。最后，我想提一下，欢迎大家通过评论把自己喜欢的解决方案分享给更多的朋友。SMACSSSMACSS唯一的重点是效率，尤其是对于团队环境中的用户和朋友。您是否曾经发现自己处于被动状态，不断编写和重写CSS代码以使一切正常？SMACSS就是为这类想在大型项目中编写简单代码，又不想仅仅依靠生成大量代码来完成任务的朋友准备的。有兴趣的可以点这里查看Envato网站上的一篇介绍文章，也是最适合SMACSS的入门指南。UnsemanticUnsemantic是一个流体网格系统，属于960GridSystem的后继解决方案。它的工作方式与其前身大致相同，但它没有大量的列，而是基于百分比。Unsemantic似乎部分关注搜索引擎功能，但也关注如何使用它来提高机器人机制的整体代码可读性。Susy到目前为止，市面上的大多数CSS框架还很不成熟，大部分还需要我们按照特定的方式编写代码，这自然带来了额外的学习和集成难度曲线。Susy是一个优秀的网格系统，可以让你以你最熟悉的方式完成代码的编写，而无需学习大量必要的知识来保证开发任务的顺利实现。感兴趣的朋友可以点此查看Zell-Weekeat.com网站上的文章，了解Susy如何帮助您构建更好的网页设计效果。Primers是常客，需要经常访问GitHub吗？我想答案很可能是肯定的。但您可能没有意识到，GitHub实际上使用自己的内部CSS工具包来为整个网站提供动力。这意味着我们看到的几乎所有东西都遵循某种风格，包括布局、按钮样式，甚至字体选择。就在今年，这个工具包以开源的态度来到了我们的面前，这就是Primer。感兴趣的朋友可以点击此处在Markdotto.com网站查看这款新工具包的介绍文章。#p#Loaders今天，Web已经成为一台生产力机器，我们单凭各种Web开发语言就可以产生令人眼花缭乱的结果。这里我们有Loaders.css；一个小型库，提供28个独特的加载器，您可以开箱即用。JeetJeet不仅是我个人很长时间以来看到的最好的网站，它也是我整个职业生涯中遇到的最理想的网格系统-我相信我不是唯一这么说的人.Jeet其实是一个CSS预处理工具。在它的帮助下，我们不再受限于.col-6等类；相反，您可以添加任何分数、小数或两者的组合来创建完全自定义的网格方案。Transformicons相信大家都会爱上Transformicons，因为它充分展示了JavaScript和CSS结合时可以创造出多么惊人的结果。Transformicons是一组库，旨在帮助您将SCG和CSS图标转换为不同的形状。悬停这个CSS3集合可以帮助您为链接、按钮、徽标、SVG甚至特色图像等对象引入悬停功能。在它的支持下，我们可以轻松地应用自己的元素，修改或直接使用自己的想法和灵感。Hover可与CSS、Sass和LESS一起使用。它还可以实现我们在iPhone应用中常见的各种悬停效果，进一步证明在不久的将来，我们将有能力直接在Web上开发移动应用。#p#BourbonBourboun有许多不同的名字，但不管它的名字是什么，它最引人注目的特性仍然是它作为Bootstrap可靠替代品的角色。Bourbon本身就是一个轻量级框架；但是当与其他有趣的包结合时，它也可以转化为一个强大而简洁的框架，帮助人们创建和编写独立的代码。SpriteboxSpritebox是一个面向所有Sprites用户的解决方案，也是一个WYSIWYG类型的工具——所以我们不需要细说它的功能。应该强调的是，它可能是我们可以找到的从单个精灵图像生成CSS的最方便的解决方案之一。FontAwesomeFontAwesome被列入这个列表的原因很简单：它是目前CSS开发人员最流行的字体资源。没有理想的字体属性，任何项目都是不完整的，这组资源是您可以获得的最好的资源。不久前，我们发布了一份SVG图标资源列表（点击此处查看英文原文），其中包含了大量值得关注的项目。您可能还对FontAwesome转PNG服务感兴趣，它可以快速轻松地将FontAwesome图标转换为独立图像。StitchesStitches是一个HTML5精灵表生成工具。我们对此不多说，只需上传图片并轻松获取精灵表——就这么简单。#p#Sass如果您打算像专家一样编写CSS，那么Sass绝对是您的最佳选择——或者至少是最佳选择之一。总的来说，它可以改变我们的CSS编码工作，让大家感受到真正的编程语言是如何编写的。在此，我们强烈建议您点击此处查看Sass使用指南——它将为您节省大量摸索的时间！LessLess是另一个优秀的CSS预处理工具，在过去的几个月里，社区中一直在讨论Less是否可以继续发展。一些技术专家认为是时候完全拥抱Sass，但其他人持不同观点。值得一提的是，ChrisCoyer也加入了热议。感兴趣的朋友可以点此查看相关内容（英文原版）。TurbinePHP在预处理样式表方面具有惊人的能力。PHP还能够处理自己的内部变量，并在样式表处理期间与代码进行实时协作。这种动态环境允许您完成各种深度和复杂的设计。TurbineCSS在很大程度上类似于Sass。它可以利用各种独立的PHP插件来实现多种功能，包括浏览器定位和高级设计变量。感兴趣的朋友可以点此（英文原文）通过本文了解Turbine的功能和能力。Myth在今天的文章中，我们强调了各种预处理解决方案，但列表中的每个工具都试图以独特的方式提供不同的实现角度，Myth当然也不例外。Myth最大的不同在于它并不能真正使用一种独特的语法机制，而是根据各个浏览器各自的支持能力、有效规范和参考建议给出不同的解决方案。目前，随着各种规范的不断发展，我们的最终目标将是在不借助神话力量的情况下，将各种浏览器归为一个统一的范畴。这有点像以一种尚未真正到来的方式编写CSS代码。StylusStylus是一种革命性的新语言，它允许用户以高效和动态的方式生成CSS代码。此外，它还支持缩进语法和常规CSS样式。原标题：17个对CSS开发者有用的框架和工具
