12款有助于简化CSS3开发的工具

小编辑
 小编辑
发布于 2011年05月18日
收藏 75

网站开发者能通过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

 

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:12款有助于简化CSS3开发的工具
资讯来源:ITEYE
加载中

最新评论(10

鞋底两万里
鞋底两万里
好东西!mark
mayland
mayland
G.哥
该用户已被和谐
该用户已被和谐

引用来自“G.”的评论

引用来自“该用户已被和谐”的评论

为什么都搞苹果窗口的截图呢?

苹果在美工设计方面有很大的优势啊.便宜又好用.
苹果的显示屏色彩很真实. 比普通显示器强太多了.
当然比起那些专业显示器还是有些距离的, 可惜那些显示器低端的也要5-6位数哦...

多谢G.哥这么专业的解释!
谦谦君子
谦谦君子
mark 一下。。。
linxux
linxux
嗯 很好
G.
G.

引用来自“该用户已被和谐”的评论

为什么都搞苹果窗口的截图呢?

苹果在美工设计方面有很大的优势啊.便宜又好用.
苹果的显示屏色彩很真实. 比普通显示器强太多了.
当然比起那些专业显示器还是有些距离的, 可惜那些显示器低端的也要5-6位数哦...
jolphin
jolphin
这个要顶
该用户已被和谐
该用户已被和谐
为什么都搞苹果窗口的截图呢?
方旭
方旭
《Clean Code》
返回顶部
顶部