CSS3开发工具收集
浏览:2256次 出处信息
通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心得CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不得不使用浏览器厂商指定扩展。
直到你最喜欢用的IDE原生支持CSS3,你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的,这里将收集能够助你学习和使用CSS3的真正有用的工具。
生成器
- CSS3 Please!跨浏览器的CSS规则生成器,支持:border-radius、box-shadow、渐变(线性)、rgba色彩、transform (旋转)、transition和@font-face。
- CSS3 生成器支持border radius、box shadow、text shadow、RGBA、@font-face、多列、box resize、box sizing 和outline.
- CSS3 Sandbox有一些列的CSS3生成器:线性渐变、放射渐变、文字阴影、盒阴影、Transforms和文字描边。
- @font-face生成器来自于Font Squirrel的很好用的CSS3 @font-face 生成器。
- CSS3渐变生成器为Firefox和Webkit浏览器生成线性渐变。
- CSS 圆角生成用于Firefox、Webkit和标准CSS3语法的“border-radius”属性。
- Webkit CSS3 生成器简单的助你理解Webkit引入的CSS3特性。
- 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库检测你的浏览器支持的“高级”特性,包
建议继续学习:
- Mysql监控指南 (阅读:19774)
- 分享一个JQUERY颜色选择插件 (阅读:12629)
- 服务器性能测试工具推荐 (阅读:6437)
- 10个最有帮助的在线协同工具 (阅读:4756)
- 性能测试工具sysbench简介 (阅读:4730)
- 为什么我认为每个穷网站开发程序员都应该用Linux[工具篇] (阅读:4646)
- 使用PHP_UML生成代码的UML图 (阅读:4185)
- 轻量级在线原型设计工具mockingbird (阅读:4128)
- 前端开发小工具集合 (阅读:3862)
- CSS3入门——由点到面 (阅读:3690)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:superLink,让伪链接更有可用性
后一篇:iPad Orientation CSS >>
文章信息
- 作者:神采飞扬 来源: 前端观察
- 标签: CSS3 工具
- 发布时间:2010-04-12 09:14:44
建议继续学习
近3天十大热文
- [67] Go Reflect 性能
- [67] Oracle MTS模式下 进程地址与会话信
- [67] 如何拿下简短的域名
- [61] IOS安全–浅谈关于IOS加固的几种方法
- [60] 图书馆的世界纪录
- [59] 【社会化设计】自我(self)部分――欢迎区
- [58] android 开发入门
- [56] 视觉调整-设计师 vs. 逻辑
- [49] 给自己的字体课(一)——英文字体基础
- [47] 界面设计速成