找了一些对CSS3开发人员非常有用的工具

一般而言,CSS是非常简单的。但是当浏览器开发商开始遵循CSS3特性,事情就变得有点复杂了。不困难,但是复杂。这主要有两个原因:第一,所有CSS3新特性(如 transition、gradient、transform 等)都不简单;第二,我们不得不使用开发商特定的扩展。

在您建设自己的CSS3的开发环境前,你最好的朋友还是CSS3生成器、开发手册、参考指南以及一些基于JavaScript的解决方案,这正好是这篇文章所要讲述的。这篇文章将列出一些真正有用的工具,它们能帮助你在当下学习和应用CSS3。

这里是我们列出的对CSS3开发者有用的工具:

  生成器

  • CSS3 Please!

    跨浏览器的CSS3规则生成器,支持:border-radius,box-shadow,gradient(linear),rgbacolors,transform(rotate),transition和@font-face。

  • CSS3Generator

    支持borderradius,boxshadow,textshadow,RGBA,@font-face,multiplecolumns,boxresize,boxsizing和outline。

  • CSS3Sandbox

    集合了包括LinearGradients,RadialGradients,TextShadows,BoxShadows,Transforms和TextStroke效果在内的CSS3生成器。

  • @font-faceGenerator

    方便从的CSS3@font-face生成器。

  • CSS3GradientGenerator

    Mozilla和WebKit浏览器的linear“gradient”生成器。

  • CSSBorderRadius

    Mozilla、WebKit浏览器和标准的CSS3语法的border-radius生成器。

  • WebkitCSS3Generator

    简单的CSS生成器帮助你了解CSS3功能。

  • CSS3LearningTool动态为你的浏览器获取前缀标识并检测该属性是否被它支持。

  JavaScript 解决方案

  • Modernizr

    一个真正有用的JavaScript库,发掘HTML5/CSS3与生俱来的特性,提供给你一个高级的支配你的网站的方法而不用顾及浏览器的(兼容)能力。如果你更喜欢MooTools,那你可以选用MooModernizr(MooTools版本的Modernizr)。

  • CSS3pseudo-classSelectorEmulation

    ie-css3.js允许InternetExplorer鉴定CSS3伪类选择器并渲染被它们定义的样式规则。简单的在你的页面上包含script,开始在你的样式表中使用这些选择器,而这些样式表将会工作在IE下。

  • CSS3supportforInternetExplorer6,7,and8

    IE-CSS3是一个script,提供数个在即将来临的CSS3标准中流行的新样式特性对InternetExplorer的支持。

  • Sizzle–JavaScriptSelectorLibrary

    一个纯粹的JavaScriptCSS选择器引擎,这个设计为的是能方便的拖拽到一个主机库内。Sizzle支持几乎所有的CSS3选择器——甚至包括一些不常用的应用,比如“escapedselectors(‘.foo+bar’)、Unicode编码选择器和文档命令结果反馈。

  • YUISelectorUtility

    提供紧凑高效的收集、过滤和测试HTML元素的方法。

  • ie7-js一个 JavaScript 库,让微软IE像一个标准的浏览器。

  参考文件

  • When Can I Use

    CSS3、HTML5、SVG和其他即将问世的网页技术特性兼容性列表。

  • BrowserSupportChecklist

    使用Modernizr库来判断高级特性在浏览器下的支持力度,包括CSS3特性和选择器的。

  • CSS3SelectorsTest

    自动的运行大量的小测试供你判断浏览器是否支持数个CSS选择器。

  • SelectORacle

    解释CSS2和CSS3选择器的在线工具。简单的提供一些选择器介绍和它反馈选择器的对比描述。

  • CSS3CheatSheet&QuickReferenceGuide

    提供最新的CSS3说明列表、属性可用值列表、常用选择器模式列表、类型/模块组织、选择其类型参考和单元参考及信息(PDFVersion)。

  • CSS3PseudoClasses

    SitePoint的CSS参考中的一个章节。

  • CSS3CheatSheet

    PDF格式的CSS3属性的列表,列出了选择器类型和允许使用的值。

  • CSS3ColorNames按照字母顺序排列的147个色彩名称和对应值的列表。

转自:http://www.ok22.org/art_detail.aspx?id=163

相关推荐