p2h.cn始于05年,最早由来自腾讯,网易的前开发工程师,曾经为美的,格兰仕,电信,陆虎等企业提供过高品质psd转html解决方案。累计300多个客户至今,超过1000多个项目。

专注前端技术,关注用户体验
  • 2012年6月21日

CSS3开发工具收集

【渴切】报道:css入门比较简单但是精通却比较困难 ,css的制作也是有捷径可以走的,css的书写常常也会伴随着一些常用的css工具,可以让我们更加省心,也可以更加的快速和标准,下面将要介绍一些关 于css常用的工具,例如ThinkCSS也是一个比较好的css框架。

通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特 性,问题开始变得有些复杂了。不 难,只是有些复杂。这可能包括两个方面:首先有些心得CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不 得不使用浏览器厂商指定扩展。直到你最喜欢用的IDE原生支持CSS3,你最好 的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的,这里将收集能够助你学习和使用CSS3的真正有用的工具。

生 成器

JavaScript方案

  • Modernizr一个确实很有用的 JavaScript库,可以检测HTML5/CSS3的原生支持,并为你提供一种维护良好控制级别的方法,不管浏览器的能力。如果你更喜欢使用 MooTools,你可以使用MooModernizr (MooTools 版本的Modernizr)
  • Sizzle – JavaScript 选择器库一 个纯Javascript选择器 引擎,被设计用来方便的插入到一个主库中。Sizzle 实际上支持所有的CSS3 选择器——它甚至包括一些很不常用的选择器,比如忽略选择器(escaped selectors )(”.foo+bar”)、Unicode 选择器、以及在document序列中返回的结果。这也是jQuery使用的选择器引擎。
  • YUI 选择器组件YUI CSS3 选择器组件,提供一个收集、过滤和测试HTML元素的稳定的简写方法。
  • ie7-js一个让IE拥 有兼容标准的浏览器一样的行为的JavaScript库。
  • CSS3伪类选择器模拟ie-css3.js 可使Internet Explorer识别CSS3 伪类选择器并渲染任何使用它们定义的样式规则。简单滴在你的页面中引入这个脚本,然后在你的样式表中使用这些伪类选择器,然后IE就可以使用了。

参 考指南

  • CSS 3.0参考手册
    腾讯ISD WebTeam制作的一个CHM格式的参考手册,很全面,介绍+实例,推荐下载收藏;
  • 我什么时候能用CSS3CSS3、HTML5、SVG以及其它即将可用的页面技术的浏览器兼容性列表;
  • 浏览器支持清单使用 Modernizr库检测你的浏览器支持的“高级”特性,包括CSS3特性和选择器的支持。
  • CSS3 选择器测试自动运行大量的判断你的浏览器是否支持一些CSS选择器的小测试;
  • SelectORacle一个提 供CSS2和CSS3选择器介绍的在线工具。简单的给它一些选择器,他就会返回选择器匹配的相关说明。
  • CSS3手册与快速指南提供当前CSS3规范的列表,列出属性可用的值、常用的选择器模式参考,以type/ 单位组织,选择器类型参考和单位参考和信息(另有PDF 版本);
  • CSS3伪类SitePoint的CSS参考的相关部分内容;
  • CSS3 速查手册CSS3属性、选择器类型以及可用的值的列表,PDF格式;
  • CSS3色彩名称

提供所有147种色彩的名字以及按照字母排序的值。

如有更多有用的工具,欢迎通过评论分享。整理自:List of Really Useful Tools For CSS3 Developers
中文:CSS3 开发工具收集


欢迎转载,转载请注明来源:http://www.p2h.cn/css3-development-tools-collection/

相关链接: