12款有助于简化CSS3开发的工具——w3cdream|前端学习-开发

'I'm W3cdream,创造',前·所·未·有
12款有助于简化CSS3开发的工具

发布作者:萧强   发布时间:2013-04-03   阅读次数:11265

网站开发者能通过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,能为元素添加类以此在样式表上对特定浏览器功能进行定位。例如,当浏览器不支持多样背景时,"no-multiplebgs"就将被添加到元素上。


9、HTML5 & CSS3 Support

想知道IE 8是否支持"text-shadow"属性?那就看看这张图表吧!该图表展示了所有主流浏览器所支持的CSS3属性,极具实用性。


10、CSS3 Gradient Generator:

渐变生成器。只需采集颜色、预览颜色,抓取代码并粘贴代码即可。


11、CSS3 Please

非常有用的可让用户复制并粘贴常见CSS3代码的站点。具有可供现场测试效果的预览区。


12、CSS3 Cheat Sheet

转载请注明:狼道 [- Dances With Wolves -] 关注与分享互联网! » 12款有助于简化CSS3开发的工具

常用昵称:萧强,全端布道者

姓名:“刘晓强”,W3CDream创始人,目前就职于易点付。专注于web前端和移动端方面知识的研究,熟练掌握photoshop和AI,喜爱Flat UI设计和Metro UI风格,熟练掌握CSS3+HTML5技术、LESS CSS和Sass CSS,还有jQuery框架方面及一些前端框架bootstrap响应式设计等。新浪微博
友荐云推荐

CSS3直通车

热点文章

新闻资讯

标签云

友情赞助