思缘教程网分享15个CSS开发工具

对于Web开发人员来说，好用的CSS工具可以让那些枯燥的工作变得有趣，并且还可以帮你更高效的编写CSS代码，在这里向大家推荐15个必不可少的CSS开发工具和应用。

1. CSS Desk : An online CSS Sandbox

这是一个支持即时预览的在线CSS编辑工具，无需安装任何形式的插件或是软件，就能在线编辑CSS文件，并且支持样式的即时预览，非常方便，尤其对于新手来说，绝对是一个入门CSS的好工具。

2. Prefix Free

你有常常写 CSS Code 吗？你有觉得给每个游览器添加前缀很麻烦吗？今天推荐一款 Javascript 解决你的问题！

特点：

处理 <link> 或者 <style> 元素，在需要的地方自动添加前缀

处理新的 <link> 或者 <style> （也就是网页加载完后再添加的新标签，则需要一款插件：Dynamic DOM plugin）

缺点：

不支持 @import 文件

不支持跨域（cross-origin）链接的样式表

* 不支持 filter

浏览器支持：

IE9+, Opera 10+, Firefox 3.5+, Safari 4+ 和 Chrome

3. CSS Horus : Responsive CSS Framework

CSSHórus是一个CSS框架，用于快速创建可以跨浏览器的响应式和移动网站。

该框架有一个16列的网格和并为复位，排版，表格，列表，表格与按钮提供基本样式。

4. SoFresh : Automated Browser Refreshes for CSS Update

sofresh也利用了书签小程序，你直接拖拽对应的图标，然后就可以激活CSS刷新功能。

5. CSS FilterLab by Adobe

CSS FilterLab 是Adobe 创建的一个免费的 CSS 滤镜设置和演示工具：CSS FilterLab，它可以让你给一张图片设置各种不同滤镜效果或者叠加，并且可以通过简单拖动定义不同的值，查看生成的效果以及获取相应的 CSS 代码。

另外 CSS FilterLab 还有一个“动画”的功能，让你使用 CSS 滤镜创建基于关键帧的动画，并且还可以保存下来以供将来使用。CSS FilterLab 是一个开源程序，你可以到 GitHub 去下载。

6. Kube Framework : A Minimal Responsive CSS Framework

Kube Framework 是一个非常简洁的 CSS 框架，整个框架就是一个简单的 CSS 文件，但是已经包含了响应式设计的布局（responsive layouts）。

Kube 虽小，但是五脏俱全，它包含了表单，网格，按钮，表格，文字排版以及链接和图片的样式。并且还提供了 LESS 文件，对于习惯使用 LESS 语法格式写 CSS 代码的同学也非常方便。

7. Easings.net : CSS and JavaScript for Easing Functions

jquery.easing plugin，这个插件可以帮助你生成不同类型的动画风格。使用的方式都是不同的easing功能，例如：easeInCirc；easeOutCirc ；easeInOutCirc 等等

easing简单说来是动画运行速度。 通过控制它，你可以得到不一样的动画效果，比如，均匀移动，加速移动，减速移动等等。