12款有助于简化CSS3开发的工具
2012-03-09 00:00
141 查看
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格式预览。
原文链接:
http://www.cnblogs.com/hnyei/archive/2012/02/15/2352407.html
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格式预览。
原文链接:
http://www.cnblogs.com/hnyei/archive/2012/02/15/2352407.html
相关文章推荐
- 12款有助于简化CSS3开发的工具
- 12款有助于简化CSS3开发的工具
- 12款有助于简化CSS3开发的工具
- 12款有助于简化CSS3开发的工具
- 12款有助于简化CSS3开发的工具
- 12款有助于简化CSS3开发的工具
- 8个简化CSS3开发的最佳工具
- 应用 Rational 工具简化基于 J2EE 的项目第 9 部分: 产品化开发与测试
- iOS开发之工具篇-20个可以帮你简化移动app开发流程的工具
- 利用snapcraft-gui工具来简化我们的snap开发
- SQL Server Management Object(SMO)大大简化数据库工具的开发 几行代码开发功能强大的SQL工具
- PHP-简化PHP开发的几个工具(未测试)
- Java开发工具_Eclipse中继承抽象类或者实现接口的简化
- 简化闷棍开发工具的使用方法对于ABAP编程
- CSS3开发工具收集
- HTML5和CSS3开发工具资源汇总
- 简化工作流程,10款必备的HTML5开发工具
- 向Web开发人员推荐12款优秀的 Twitter Bootstrap 组件和工具
- [置顶] 推荐12款很棒的HTML5开发框架和开发工具
- 10个很棒的 CSS3 开发工具 推荐