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

8. CSScomb : Sort CSS Properties in a Given Order

CssComb：CSS属性排序工具一个超棒的前端开发工具，使用这个工具可以帮助你重新排列CSS中定义的属性，帮助你按照你预定义的排序格式生成新的CSS。

CssComb主要特性：

1、帮助排序CSS属性；

2、自定义排序规则；

3、可以处理标签<style>内的CSS属性；

4、格式不变化；

5、完全支持CSS2/CSS2.1/CSS3和CSS4；

6、在线版本和IDE整合插件，你可以方便的整合到你喜欢的编辑器中。

CssComb工具不是一个格式化工具，不会修改你的代码格式，例如，缩进等，只是修改CSS属性的排列顺序。

9. ResponsiveAeon : CSS3 Grid System Framework

ResponsiveAeon 是一个 HTML5/CSS3 框架，可以用它快速设计出响应式的布局。

ResponsiveAeon 还包含一个基于 12 列总共 1024px 宽的网格系统，通过提供3个最基本的 class 让你快速上手使用。这个框架通过试用 @mediaqueries 来实现在任何大小的设备中工作运行。除了网格系统之外，它还提供排版，列表，表格，按钮，表单等的样式。

ResponsiveAeon 提供的下载包中出了核心的 CSS 文件之外，还包含了用于 IE 兼容性的一些 Javascript 文件，以及还包含 PSD/AI/PNG 的源文件。

10. CSS3Ps : Convert Your Photoshop Layers into CSS3 Styles

CSS3Ps 是一个免费的基于云端的 Photoshop 插件，用来将 PhotoShop 的图层转成用 CSS3 实现的方式，外观完全一致。您可以选择多个图层和图层组，一键转换。行程转换为CSS边框属性。内阴影，内发光，阴影，外发光转换成CSS的box-shadow属性。您可以在浏览器中看到的结果样式，并与其他人分享。它适用于Windows或Mac OS X和Photoshop CS3及更高版本。最重要的是，它是完全免费的！

11. Photon

Photon 是一个JavaScript库，实现了在三维空间中的任何元素添加简单的照明效果。为了制造出效果，它采用了WebKitCSSMatrix的对象（WebKit是唯一支持的浏览器引擎）。光的角度可以定义，并随时更改所提供的功能。这是可能被点亮一个由一个或一组一次来定义对象，我们可以通过设置的最大黑色+白色用法自定义的效果。

12. Morf.js

Morf.js 提供了一组 JavaScript 方法用于加速 CSS3 的各种转换效果，支持的方法都在上图中，无需编写 CSS3 代码。

13. Gumby : Responsive CSS Framework

Gumby 是一个响应式的以及 960 像素宽度的 CSS 网格框架，支持 PC、平板和手机屏幕显示。类似 Twitter 的Bootstrap，它包括一个Web UI工具包，有好看按钮，表格，导航+标签和一个很小的JavaScript文件

14. Css2Less

css2less 是一个用 Ruby 开发的小工具用来将 css 转成 Less CSS 格式的文件。

15. CSS3 Shapes

使我们能够创造出许多不同的形状，造型的单个元素。包括三角形，菱形，星形，注释气泡，鸡蛋，心脏和更多的样式。