CSS3 开发工具收集


Posted in HTML / CSS onApril 17, 2010

通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心得CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不得不使用浏览器厂商指定扩展。

CSS3 开发工具收集

直到你最喜欢用的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库检测你的浏览器支持的“高级”特性,包括CSS3特性和选择器的支持。
  • CSS3选择器测试自动运行大量的判断你的浏览器是否支持一些CSS选择器的小测试;
  • SelectORacle一个提供CSS2和CSS3选择器介绍的在线工具。简单的给它一些选择器,他就会返回选择器匹配的相关说明。
  • CSS3手册与快速指南提供当前CSS3规范的列表,列出属性可用的值、常用的选择器模式参考,以type/单位组织,选择器类型参考和单位参考和信息(另有PDF 版本);
  • CSS3伪类SitePoint的CSS参考的相关部分内容;
  • CSS3 速查手册CSS3属性、选择器类型以及可用的值的列表,PDF格式;

CSS3色彩名称

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

    如有更多有用的工具,欢迎通过评论分享。

    HTML / CSS 相关文章推荐
    CSS3 media queries + jQuery实现响应式导航
    Sep 30 HTML / CSS
    CSS3实现千变万化的文字阴影text-shadow效果设计
    Apr 26 HTML / CSS
    html5应用缓存_动力节点Java学院整理
    Jul 13 HTML / CSS
    使用HTML5原生对话框元素并轻松创建模态框组件
    Mar 06 HTML / CSS
    HTML5 微格式和相关的属性名称
    Feb 10 HTML / CSS
    html5 datalist标签使用示例(自动完成组件)
    May 04 HTML / CSS
    html5使用canvas画空心圆与实心圆
    Dec 15 HTML / CSS
    HTML5 Canvas中绘制矩形实例
    Jan 01 HTML / CSS
    HTML5中使用postMessage实现两个网页间传递数据
    Jun 22 HTML / CSS
    HTML5 Canvas 旋转风车绘制
    Aug 18 HTML / CSS
    详解WebSocket跨域问题解决
    Aug 06 HTML / CSS
    canvas拼图功能实现代码示例
    Nov 21 HTML / CSS
    收集的7个CSS3代码生成工具
    Apr 17 #HTML / CSS
    各大浏览器 CSS3 和 HTML5 兼容速查表 图文
    Apr 01 #HTML / CSS
    CSS3 please 跨浏览器的CSS3产生器
    Mar 14 #HTML / CSS
    CSS3 简单又实用的5个属性
    Mar 04 #HTML / CSS
    50个强大璀璨的CSS3/JS技术运用实例
    Feb 27 #HTML / CSS
    CSS3 网页下拉菜单代码解释 中文翻译
    Feb 27 #HTML / CSS
    CSS3模块的目前的状况分析
    Feb 24 #HTML / CSS
    You might like
    php 获取select下拉列表框的值
    2010/05/08 PHP
    ajax返回值中有回车换行、空格的解决方法分享
    2013/10/24 PHP
    PHP实现事件机制实例分析
    2015/06/26 PHP
    PHP提高编程效率的20个要点
    2015/09/23 PHP
    解决微信授权回调页面域名只能设置一个的问题
    2016/12/11 PHP
    Laravel 批量更新多条数据的示例
    2017/11/27 PHP
    jQuery Validation插件remote验证方式的Bug解决
    2010/07/01 Javascript
    再论Javascript的类继承
    2011/03/05 Javascript
    读jQuery之四(优雅的迭代)
    2011/06/20 Javascript
    js实现在同一窗口浏览图片
    2014/09/17 Javascript
    JavaScript函数参数使用带参数名的方式赋值传入的方法
    2015/03/19 Javascript
    JavaScript中的pow()方法使用详解
    2015/06/15 Javascript
    使用Node.js配合Nginx实现高负载网络
    2015/06/28 Javascript
    javascript url几种编码方式详解
    2016/06/06 Javascript
    livereload工具实现前端可视化开发【推荐】
    2016/12/23 Javascript
    react-redux中connect的装饰器用法@connect详解
    2018/01/13 Javascript
    基于 D3.js 绘制动态进度条的实例详解
    2018/02/26 Javascript
    JavaScript实现区块链
    2018/03/14 Javascript
    解决vue页面DOM操作不生效的问题
    2018/03/17 Javascript
    小程序指纹验证的实现代码
    2018/12/04 Javascript
    基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
    2019/04/18 Javascript
    angular多语言配置详解
    2019/05/16 Javascript
    js实现计时器秒表功能
    2019/12/16 Javascript
    vue使用openlayers实现移动点动画
    2020/09/24 Javascript
    python得到windows自启动列表的方法
    2018/10/14 Python
    Django开发的简易留言板案例详解
    2018/12/04 Python
    Python中的random.uniform()函数教程与实例解析
    2019/03/02 Python
    利用Django模版生成树状结构实例代码
    2019/05/19 Python
    python安装virtualenv虚拟环境步骤图文详解
    2019/09/18 Python
    浅谈python 调用open()打开文件时路径出错的原因
    2020/06/05 Python
    c语言常见笔试题总结
    2016/09/05 面试题
    幼儿园小班评语
    2014/04/18 职场文书
    2015年新学期寄语
    2015/02/26 职场文书
    大学生村官工作心得体会
    2016/01/23 职场文书
    微信小程序实现录音Record功能
    2021/05/09 Javascript
    vue 自定义组件添加原生事件
    2022/04/21 Vue.js