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

网站开发者能通过CSS3为网站设计增添很多时尚元素,CSS3 对CSS规范做了很大的改进。现在,本文将为你介绍12款有助于简化CSS3开发的工具。

1、 CSS3 Pie:

12款有助于简化CSS3开发的工具_第1张图片
允许在IE上使用CSS3绝大部分的酷炫功能。

2、 CSS3 Builder:

12款有助于简化CSS3开发的工具_第2张图片
通过该工具,你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。

3、 CSS3 Drop shadow generatr:

12款有助于简化CSS3开发的工具_第3张图片
通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。

4、 Cascadr:

12款有助于简化CSS3开发的工具_第4张图片
非CSS3特有但却非常实用。允许输入HTML代码并能够侦测该代码中所有的内联CSS,将之从HTML中移除并添加到一个单独的样式表中。

5、 Border Radius.com:

12款有助于简化CSS3开发的工具_第5张图片
当前最流行的CSS3属性之一。有助于快速创建圆角box模型并获取适当的CSS3代码。

6、 Button Maker:

12款有助于简化CSS3开发的工具_第6张图片
允许创建出色的按钮。使得CSS3 按钮设计变得非常简便——只需采集颜色,调整半径,获取代码,粘贴代码至CSS文件即可。

7、 CSS3 Generator:

12款有助于简化CSS3开发的工具_第7张图片
使用便利,有助于创建最流行的CSS3属性代码,如 @font-face, RGBA, text-shadow, border-radius等代码。

8、 Modernizr:

12款有助于简化CSS3开发的工具_第8张图片
用于侦测浏览器是否支持CSS3,能为<html>元素添加类以此在样式表上对特定浏览器功能进行定位。例如,当浏览器不支持多样背景时,"no-multiplebgs"就将被添加到<html>元素上。

9、 HTML5 & CSS3 Support:

12款有助于简化CSS3开发的工具_第9张图片
想知道IE 8是否支持"text-shadow"属性?那就看看这张图表吧!该图表展示了所有主流浏览器所支持的CSS3属性,极具实用性。

10、 CSS3 Gradient Generator:

12款有助于简化CSS3开发的工具_第10张图片
渐变生成器。只需采集颜色、预览颜色,抓取代码并粘贴代码即可。

11、 CSS3 Please:

12款有助于简化CSS3开发的工具_第11张图片
非常有用的可让用户复制并粘贴常见CSS3代码的站点。具有可供现场测试效果的预览区。

12、 CSS3 Cheat Sheet

12款有助于简化CSS3开发的工具_第12张图片
CSS3 cheat sheets有助于在编码过程中快速记忆属性及其语法。Smashing Magazine 创建了这个图表,支持下载与打印。同时 支持.gif格式预览。

Via: http://www.catswhocode.com/blog/10-useful-tools-to-simplify-css3-development

感谢 希·梦 投递这篇新闻

声明:本文系ITeye网站发布的原创新闻,严禁任何网站转载本文,否则必将追究法律责任!

已有 0 人发表留言,猛击->>这里<<-参与讨论


ITeye推荐
  • —软件人才免语言低担保 赴美带薪读研!—



你可能感兴趣的:(开发,css3,工具)