12款有助于简化CSS3开发的工具
- 可乐加糖 - ITeye资讯频道网站开发者能通过CSS3为网站设计增添很多时尚元素，CSS3 对CSS规范做了很大的改进. 现在，本文将为你介绍12款有助于简化CSS3开发的工具. 允许在IE上使用CSS3绝大部分的酷炫功能. 通过该工具，你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型. 只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可.
12款有助于简化CSS3开发的工具
标签：
css3
开发
工具
| 发表时间：2011-05-17 17:32 | 作者：(author unknown) 可乐加糖
出处：http://www.iteye.com
网站开发者能通过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
感谢 希·梦 投递这篇新闻
声明：本文系ITeye网站发布的原创新闻，严禁任何网站转载本文，否则必将追究法律责任！
已有 0 人发表留言，猛击->>这里<<-参与讨论
ITeye推荐
1、CSS3 Pie:
2、CSS3 Builder：
3、CSS3 Drop shadow generatr：
4、Cascadr：
5、Border Radius.com：
6、Button Maker：
7、CSS3 Generator：
8、Modernizr：
9、HTML5 & CSS3 Support：
10、CSS3 Gradient Generator:
11、CSS3 Please：
12、CSS3 Cheat Sheet：
Via：http://www.catswhocode.com/blog/10-useful-tools-to-simplify-css3-development
感谢 希·梦 投递这篇新闻
声明：本文系ITeye网站发布的原创新闻，严禁任何网站转载本文，否则必将追究法律责任！
已有 0 人发表留言，猛击->>这里<<-参与讨论
ITeye推荐
相关 [css3 开发 工具] 推荐：
CSS3 代码生成工具：Create CSS3
- - 我爱水煮鱼CSS3 具有相当多的新增属性，而且包括阴影、动画、过渡等华丽的效果. 但是由于 CSS3 出来并没有很久，各个浏览器厂商还在开发中，有些属性仍然会带有实验性前缀. 而且类似制作动画、渐变的 CSS3 代码也相当复杂，一旦写错就会导致出现问题. 为此，有人开发了一个生成 CSS3 代码的工具 Create CSS3.
Adobe、标准和HTML5 -HTML5 and CSS3 开发
- - HTML5研究小组“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业，新标准既可能是无限财富的源泉，也可能导致企业帝国的毁灭. 尽管存在着如此多的风险，标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时，计算领域的主要争议是Unix是否是一个可行的操作系统（以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战），以及哪个视窗平台（SUN/AT&T还是IBM/DEC/HP）将成为标准.
WEB设计：CSS3十个免费强大工具集锦
- - HTML5研究小组CSS 3 现在是非常模块化的，他规范了添加级联样式表，它拥有一些优秀的功能，革新了 Web 版式和设计. 虽然有很多优 点，但是，这并不意味着它不会有任何缺点 CSS3的是新的技术，虽然有很多改善. 但最大问题之一是，浏览器的兼容问题，这意味着它是不容易实现跨浏览器. 开发者需要添加额外的代码来实现跨浏览器 的属性相同的方式.
【分享】22款给力的HTML5和CSS3帮助工具
- - VooSee - 拮取生活中的彩虹在打开这个地址时,它会自动测试你当前使用浏览器所支持的css属性,然后用一个列表的形式给展示出来；你可以点击列表中列出的每个项目来查看结果，包括一个小例子和相应的解释内容. Please!，制作人：Paul Irish and Jonathon Neal. 目的在于允许你在线编辑其中任意的数值，然后你可以看右面大大的效果展示，每更改一下数值，就会产生相应的全部代码.
24个为Web开发人员准备的CSS3实用教程
- qqinxl - ITeye资讯频道本文搜集了一些关于CSS3的最新教程. 你可以根据这些教程或技术来实现网页设计，包括：文字阴影、圆角框、盒模型尺寸计算（box sizing）、透明效果处理、多重背景、边框图像等. 以下这些都是非常实用的CSS3教程，提供了许多优秀的技术. Super Awesome Buttons with CSS3 and RGBA （使用CSS3和RGBA做出超级棒的按钮效果）.
分享16个优秀的 CSS3 表单开发教程
- 狗尾草 - 博客园-首页原创精华区 CSS3 给 Web 开发带来了革命性的影响，以前很多需要 JavaScript 才能实现的复杂效果，现在使用 CSS3 就能简单的实现. 今天这篇文章和大家分享16个优秀的 CSS3 表单开发教程. 推荐10个很棒的CSS3开发工具. 分享50个 CSS3 最佳应用示例. 24款非常实用的CSS3工具终极收藏.
19个基于 HTML5 和 CSS3 开发的优秀应用程序
- Amo - HTML5研究小组今天，本文向大家展示19个基于 HTML5 和 CSS3 开发的优秀应用程序. HTML5 可以说是近十年来 Web 标准最巨大的飞跃，它的使命是将 Web 带入一个成熟的应用平台，而 CSS3 同样给 WEB 开发带来了革命性的影响，以前很多需要 JavaScript 实现的复杂效果，现在使用简单的 CSS3 就能实现.
【转载】Hybrid App:借助HTML5、JavaScript和CSS3开发
- - HTML5研究小组早在2011年10月9日Sam Gentile就在在开发Hybrid App，彼时他就写过这方面的一篇题目是《视口元标签和使用HTML5/CSS3/jQuery来构建移动界面》的博文，可以说Sam Gentile最早研究Hybrid App的开发者. 【51CTO独家译文】本文为开发者Sam Gentile的一篇博文《Hybrid App:借助HTML5、JavaScript和CSS3开发》.
css3 变形
- - 博客园_Ruby's LouvreCSS3从IE滤镜偷窍过来的创意，但易用性明显提高了许多. 利用这个，我们可以对某个元素进行旋传，缩放，倾斜与位移，并且区分元素类型，无论对块状元素还是内联元素都有效. rotateX(angle) 单独设定 rX 轴的角度. rotateY(angle) 单独设定 rY 轴的角度. rotateZ(angle) 单独设定 rZ 轴的角度.