12款有助于简化CSS3开发的工具
网站开发者能通过CSS3为网站设计增添很多时尚元素,CSS3 对CSS规范做了很大的改进。现在,本文将为你介绍12款有助于简化CSS3开发的工具。
1、 CSS3 Pie :
允许在IE上使用CSS3绝大部分的酷炫功能。
2、 CSS3 Builder :
通过该工具,你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。
3、 CSS3 Drop shadow generatr :
通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。
4、 Cascadr :
非CSS3特有但却非常实用。允许输入HTML代码并能够侦测该代码中所有的内联CSS,将之从HTML中移除并添加到一个单独的样式表中。
5、 Border Radius.com :
当前最流行的CSS3属性之一。有助于快速创建圆角box模型并获取适当的CSS3代码。
6、 Button Maker :
允许创建出色的按钮。使得CSS3 按钮设计变得非常简便——只需采集颜色,调整半径,获取代码,粘贴代码至CSS文件即可。
7、 CSS3 Generator :
使用便利,有助于创建最流行的CSS3属性代码,如 @font-face, RGBA, text-shadow, border-radius等代码。
8、 Modernizr :
用于侦测浏览器是否支持CSS3,能为<html>元素添加类以此在样式表上对特定浏览器功能进行定位。例如,当浏览器不支持多样背景时,"no-multiplebgs"就将被添加到<html>元素上。
9、 HTML5 & CSS3 Support :
想知道IE 8是否支持"text-shadow"属性?那就看看这张图表吧!该图表展示了所有主流浏览器所支持的CSS3属性,极具实用性。
10、 CSS3 Gradient Generator :
渐变生成器。只需采集颜色、预览颜色,抓取代码并粘贴代码即可。
11、 CSS3 Please :
非常有用的可让用户复制并粘贴常见CSS3代码的站点。具有可供现场测试效果的预览区。
12、 CSS3 Cheat Sheet :
CSS3 cheat sheets有助于在编码过程中快速记忆属性及其语法。Smashing Magazine 创建了这个图表,支持下载与打印。同时
支持.gif格式预览 。
Via: http://www.catswhocode.com/blog/10-useful-tools-to-simplify-css3-development
1、 CSS3 Pie :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480909/e419c88e-792a-3bce-b111-d823bcecd6a9.png)
2、 CSS3 Builder :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480911/4d34bd6e-4c27-3e73-80c4-d69af5fba75d.png)
3、 CSS3 Drop shadow generatr :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480913/9ccf27d4-f335-3bb0-b916-6528269ede37.png)
4、 Cascadr :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480915/b07f823a-fc5a-37d3-ba69-0f686421457e.png)
5、 Border Radius.com :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480917/57c89c9e-9af0-3fab-95ae-67533144510a.png)
6、 Button Maker :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480919/19801a75-b989-33ba-973b-ebe09b909cd9.png)
7、 CSS3 Generator :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480921/40368e5f-e105-383c-9833-e3d57b62b180.png)
8、 Modernizr :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480923/6ae602a3-0277-3a30-a7d8-6d8ae819a86d.png)
9、 HTML5 & CSS3 Support :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480925/a7ddc6dd-8ca8-310a-b5d5-219ed3f7c880.png)
10、 CSS3 Gradient Generator :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480927/ef9e8bfe-25b0-3d7b-949e-53c44cb5dd07.png)
11、 CSS3 Please :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480929/cbb35212-b227-3b01-a067-5c576d288620.png)
12、 CSS3 Cheat Sheet :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480931/dbfce210-bc46-3590-ad40-d1b4353cc316.png)
Via: http://www.catswhocode.com/blog/10-useful-tools-to-simplify-css3-development