CSS3:线上编辑工具及实用资料整理

an I Use

caniuse
个人最常用的,资料比较全,桌面和移动浏览器支持HTML5,CSS3,SVG和兼容性表。

官网地址:http://caniuse.com/

CSS3 Click Chart

css3_chart
CSS3 属性多浏览器兼容写法快速生成工具,非常方便。

官网地址:http://css3clickchart.com/

CSS3 Generator

css3_generator
比较常用的工具,常见CSS3属性都包含(Border Radius、Box Shadow、Text Shadow、RGBA、@Font Face、Multiple Columns、Box Resize、Box Sizing、Outline、Transitions、Transform、Selectors、Gradients)

官网地址:
http://css3generator.com/

CSS3 PIE

css3_pie
提供对IE6-IE9支持CSS3的方法,官方提供的demo包括圆角、渐变、标签切换。
Demos:
1) border-radius
2) Gradient Patterns
3) Tabbed Interface

官方地址:
http://css3pie.com/

border-radius.com

border-radius
直接修改四角的数字,及时看到当前圆角效果及代码。

官网地址:http://border-radius.com/

CSS3 Gradient Generator

css3_gradient
CSS3 渐变,可以添加多个渐变节点,实时可以看到效果及代码。

官方网址:http://gradients.glrzad.com/

CSS Matic

css3_matic
主要提供渐变、圆角、噪点纹理、阴影,操作比较简单。噪点纹理是其它工具没有的。

官方网址:http://www.cssmatic.com/

浏览器对HTML5 & CSS3的支持

css3_html5
CSS3和HTML5属性对浏览器支持一览表~

官网地址:http://fmbip.com/litmus/

CSS3 Cheat Sheet

css3_sheets
CSS3快速查询文档PDF

下载地址:http://media.smashingmagazine.com/wp-content/uploads/images/css3-cheat-sheet/css3-cheat-sheet.pdf

posted on 2013-10-24 10:00  坚壳  阅读(666)  评论(0编辑  收藏  举报