11 Browser Support:CSS 浏览器兼容性搜索引擎

Browser Support是一个检测浏览器是否支持某项CSS属性的搜索引擎,通过自动完成的搜索功能,它会自动显示所以可能的属性来帮助兼容所有主流浏览器(Chrome、Safari、Firefox、IE、Opera)。 

12. Sprite Pad:快速创建CSS图元(Sprite)

SpritePad 对于Web开发者来说是一个非常优秀的工具:你可以用它快速创建CSS图元。只要简单地拖拽图片到canva里就能迅速获得相应的PNG图元和CSS样式,不需要下载、安装。 

13. HTML5 Please

HTML5 Please提供HTML5、 CSS3等特性查询,以确认某项功能是否已可供使用,如果可以,它还会提供使用方法。推荐内容包括HTML5“先驱”们的一些使用经验,如果你认为某人的评论并不准确,你也对它进行可以编辑。

14. JS Bin:便利的在线JavaScript、CSS编辑器

JS Bin是专门为Web应用测试JavaScript及CSS代码片段而设计的,你可以使用它来测试和编辑JavaScript及HTML。只要你愿意,你也可以向同行发送URL来请求检查或帮助。  

15. Animate.CSS

Animate.css 是一套炫丽的跨浏览器的动画工具。你可以在你的项目里添加类元素或者自己在CS中调用它,但类和动画需要使用相同的名字,操作起来非常简单。目前支持Apple Safari、Google Chrome、Mozilla Firefox及Opera12,Microsoft Internet Explorer 10也将会支持此功能。

16. Excessive

Excessive是一个允许自由使用的CSS代码压缩工具,你只需要通过拖拽操作就可以进行多个文件的压缩。它会将多个文件合并到一个里面,但你也可以通过“拖拽”操作简单地进行重新整理。  

17. CSS Refresh

CSS Refresh可以让你不用刷新就应用新的样式,只要把代码嵌入网页就可以使用,不需要任何安装和设置。

18. Impress.js:CSS3框架 : A CSS3 Powered Framework

Impress.js可以用来创建漂亮的幻灯片,支持在一个无限大的画板上实现移动、旋转和缩放等效果。(通过CSS3 Transition实现,仅支持WebKit浏览器和最新的Firefox、IE。)  

19. Bear CSS

Bear CSS可以从给定的HTML文件中生成所有元素、ids以及类的样式表,适用于长HTML文件。当然,如果Bear CSS提供哪些项目需要包含在样式表里会更好。 

20. less

less 为CSS提供了动态功能,比如:变量、继承、运算和函数。LESS既可以在客户端(各类浏览器)运行,也能运行于服务器端(通过Node.js或者Rhino)。