21. CSS2Less

一个将CSS文件转换成LESS的Web应用,只需要简单的复制-粘贴操作就可以了。改工具在后台使用css2less Ruby 库,而且这个网站本身也是开源的,任何人都可以在自己的网站托管它。

22. Responsive Grid System:CSS流体网格框架

Responsive GS 也是一个响应式网站快速开发工具,它有三种风格12、16以及24列,支持所有标准设备的Media Query、网格、重制以及IE特定的样式都智能地存储在在不同的CSS文件里,因此我们可以按需使用。 

23. CSS3 Shapes

CSS3 Shapes 提供纯CSS样式,包括:三角形、钻形、星形等等。虽然其中很多并不太实用,但是应该能够提高你对CSS(3)的掌握。

24. CSS Arrow Please

网上有很多Web生成器,可以自动生成条纹、按钮、表格等的代码,CSS Arrow Please提供的是箭头框。 

25. WebPutty:CSS 编辑和托管服务

WebPutty可以帮助你在线编辑CSS代码,提供语法高亮在内的丰富功能,并且可以在并列的预览面板看到实时效果。WebPutty还支持托管CSS,只需要注册一个帐号就可以托管无限的CSS文件。WebPutty完全免费并且开源,你也可以使用它的源代码创建一个相同的网站。 

26. CSSFx.js

cssFx 是一个JavaScript文件(2.5kb),允许创建特定于客户的CSS3属性,兼容IE6在内的大多数浏览器。

27. Pinterest Style CSS:纯CSS Pinterest UI样式框架

28. Dirty Markup:美化你的HTML、CSS和JavaScript代码

Dirty Markup 是个简单却又强大的编辑器,支持HTML(5)、CSS和JavaScriptis代码美化。(基于HTML Tidy、CSS Tidy和JS Beautify项目。)

29. Crunch:less编译器及编译器

Crunch是一个免费的CSS/LESS编辑器,并支持语法高亮和多标签页,不需要命令行编译代码,取而代之的是友好的UI。LESS文件保存后就会自动生成相应的CSS文件。(适用于希望开发LESS应用但又不愿依赖客户端JavaScript的开发者。) 

30. CSS3 Test

CSS3 Test是一个基于Web的CSS3测试套件,它会对background/border、transitions、media query、font、 animation等特性,只需要点击项目就会自动在每个元素上执行多项测试。