说到WEB设计，不得不介绍一下CSS工具。CSS工具在这其中起到了非常重要的作用，它可以简化无数开发人员和设计人员的工作，为.并且网上有很多CSS工具可以帮助设计者和开发者高效地工作，创造更多的创意。设计师和网页开发人员也越来越多地使用CSS工具作为自己的开发和设计工具。在这篇文章中，我们列出了2014年排名前20位的CSS工具，希望能够帮助大家简化自己的开发工作，创作出更多更好的创新作品。享受！1.EnjoyCSSEnjoyCSS可以创建活跃的、很棒的示例，EnjoyCSS生成器极大地简化了自定义类声明。EnjoyCSS在众多CSS工具中是非常好用的，也是开发者和设计者工具箱中必备的工具之一。它加快了工作流程，易于使用，无需编码即可将丰富的图形样式集成到简单的UI中。2.KeyframerKeyframer是一款非常可靠、简单易用的CSS3动画制作工具。用户只需点击相应的按钮即可添加动画效果，插入相应的动画CSS代码。点击X按钮删除当前效果，测试动画效果。3、Wow.jsWow.js允许用户在滚动页面时显示CSS动画。默认情况下，用户可以使用它来启动animate.css动画。但用户也可以非常方便地修改和设置自己喜欢的动画库。Wow.js比其他JavaScript视差插件更小，类似于Scrollorama（这个很华丽，但也更笨重）。Wow.js非常易于安装和使用。如果您使用Wow.js，您可以非常快速地启动和执行代码。4.JeetJeet是市场上最先进的网格系统，可以将其视为Semantic.gs的精神继承者。使用这些强大的预处理器，我们可以生成基于百分比的宽度和具有小数（浮点）约束的网格槽，可在维护无限循环槽时使用。Jeet允许用户像人类描述页面网格那样表达页面网格。使用Jeet，不会有多余的嵌套元素，没有十二列的规则，不需要太多的代码就可以更快更灵活的绑定Jeet。5.GridloverGridlover提供了可调整字体大小、行高和页边距的CSS。默认的CSS输出是body、p和h1-h4标题，但用户可以通过编辑CSS来申请调整任何元素的可调值。只需简单地拖放顶部工具栏左右两侧的值即可调整值，Gridlover的元素始终对齐到绝对像素参考网格。Gridlover字体大小是通过调整标题级别的比例因子来计算的。行高会自动适应字体大小。6.MagicCSS3AnimationMagicCSS3Animations是一套带有特效的CSS3动画包，用户可以在web项目中自由使用。MagicCSS3Animations的结构非常简单，包括CSS样式：magic.css或mynified版本：magic.min.css。7.Refills在Refills中，Bourbon提供Sass多态性并消除特定前缀以加快CSS编码。Neat提供轻量级网格框架，Bitters提供Bourbon或Neat项目的架构和底层变量。Refills是预先包装好的图案和组件，建立在Bourbon、Bitters和Neat之上。8.CSSPerfCSS-perf可以简化一些超级不合理的CSS测试，让这些测试更加准确。因为一般来说，网页的CSS测试都是为了找出有效的方法和技巧。9.Progre(c)ssProgre(c)ss可以很方便的制作一个纯CSS的进度条。用户只需要包含一个样式表，将类添加到适当的元素，并添加一个数据属性即可轻松创建进度条。10、Normalize.CSSNormalize.css是为HTML5准备的，可以替代之前的浏览器重置。它跨浏览器更准确、更统一地呈现所有元素，仅针对规范化样式，并通过检测浏览器默认设置来重置样式。#p#11。iHOveriHover是一个非常令人印象深刻的悬停效果集合，通过纯CSS3实现，没有任何依赖，并且与Bootstrap3集成得很好。它使用ScssCSS构建，使用变量，非常容易修改。iHover提供模块化代码而不包含整个文件。12.SublimeCSSCompletionsSublimeCSSCompletions是一个SublimeTextCSS自动补全库，比SublimeText的标准CSS补全更完整。目前只支持属性自动补全，以后会自动补全有效的参数值。13.DecssDecss几乎是一个CSS驱动的表示框架，它使用CSS3进行转换。它提供响应式布局、用于内容布局的flexbox，甚至支持演示者注释。14.ImacssImacss是一个库和应用程序，可将图像文件转换为数据URI，这些URI可以作为背景图像嵌入到单个CSS文件中。在最基本的层面上，它允许您减少对您的设计（例如图标）的所有HTTP图像请求。15FluidityFluidity是一个最小的CSS库，弥补了HTML不能完全响应的一些缺点。它修改了图像、表格、格式化文本和画布元素使其完全响应的方式。16.ZenGridsZenGrids是一个基于Sass的响应式网格系统。它通过删除大部分复杂标记并使用纯CSS和HTML创建响应式基于网格的设计，极大地简化了布局的创建。17.Progress.jsProgressJs是一个JavaScript和CSS3库，可以帮助开发人员为页面上的每个对象创建和管理进度条。用户可以设计自己的进度条模板或自定义进度条。18.BootflatBootFlat是一个基于Bootstrap3.1.0CSS框架的开源流畅UI工具包。它为Web开发人员提供了一种快速、简单且重复性较低的方式来创建优雅的Web应用程序。它建立在Bootstrap的基础上，采用流畅的设计风格。19.SculptSculpt是一个轻量级、移动优先的响应式HTML、CSS和SASS框架。Sculpt是专门为屏幕较小的设备准备的，通过媒体查询增加了很多复杂性和空间。无论提供什么三种尺寸（732px、960px和1140px），用户都需要确保内容适合三种屏幕尺寸。20.Animo.jsAnimo.js是一个开源的、强大的CSS动画管理工具，你可以轻松管理web应用中的CSS动画，也可以将其作为动画库使用。英文：codegeekz.com翻译自：http://www.oschina.net/news/52919/20-best-css-tools-for-2014
