`
charrysong
  • 浏览: 50449 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

阅读更多

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

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

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

  生成器

 

  JavaScript 解决方案

  • Modernizr
    一个真正有用的JavaScript库,发掘HTML5/CSS3与生俱来的特性,提供给你一个高级的支配你的网站的方法而不用顾及浏览器的(兼容)能力。如果你更喜欢 MooTools,那你可以选用 MooModernizr (MooTools 版本的 Modernizr)。
  • CSS3 pseudo-class Selector Emulation
    ie-css3.js 允许 Internet Explorer 鉴定 CSS3 伪类选择器并渲染被它们定义的样式规则。简单的在你的页面上包含script,开始在你的样式表中使用这些选择器,而这些样式表将会工作在IE下。
  • CSS3 support for Internet Explorer 6, 7, and 8
    IE-CSS3 是一个 script,提供数个在即将来临的CSS3标准中流行的新样式特性对 Internet Explorer 的支持。
  • Sizzle – JavaScript Selector Library
    一个纯粹的 JavaScript CSS 选择器引擎,这个设计为的是能方便的拖拽到一个主机库内。Sizzle 支持几乎所有的 CSS3 选择器——甚至包括一些不常用的应用,比如“escaped selectors (‘.foo+bar’)、Unicode 编码选择器和文档命令结果反馈。
  • YUI Selector Utility
    提供紧凑高效的收集、过滤和测试HTML元素的方法。
  • ie7-js
    一个 JavaScript 库,让微软IE像一个标准的浏览器。

  参考文件

  • When Can I Use
    CSS3、HTML5、SVG 和其他即将问世的网页技术特性兼容性列表。
  • Browser Support Checklist
    使用 Modernizr 库来判断高级特性在浏览器下的支持力度,包括CSS3特性和选择器的。
  • CSS3 Selectors Test
    自动的运行大量的小测试供你判断浏览器是否支持数个CSS选择器。
  • SelectORacle
    解释CSS2和CSS3选择器的在线工具。简单的提供一些选择器介绍和它反馈选择器的对比描述。
  • CSS3 Cheat Sheet & Quick Reference Guide
    提供最新的CSS3说明列表、属性可用值列表、常用选择器模式列表、类型/模块组织、选择其类型参考和单元参考及信息(PDF Version)。
  • CSS3 Pseudo Classes
    SitePoint 的 CSS 参考中的一个章节。
  • CSS3 Cheat Sheet
    PDF格式的CSS3 属性的列表,列出了选择器类型和允许使用的值。
  • CSS3 Color Names
    按照字母顺序排列的147个色彩名称和对应值的列表。

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

分享到:
评论

相关推荐

    CSS3前端开发人员使用手册.zip

    《CSS3前端开发人员使用手册》是一本专为CSS3技术在Web开发中应用而编写的详尽指南。这本书旨在帮助前端开发人员深入理解和熟练掌握CSS3的各种特性,以提升网页设计与开发的效率和质量。以下是根据标题、描述以及...

    CSS高效开发实战——CSS 3、LESS、SASS、Bootstrap、Foundation

    《CSS高效开发实战——CSS 3、LESS、SASS、Bootstrap、Foundation》内容精练、重点突出、实例丰富、讲解通俗,是广大CSS设计人员和前端开发人员必备的参考书,同时也非常适合大中专院校师生学习阅读,也可作为高等...

    软件开发人员小工具css Javascript 格式化工具

    "软件开发人员小工具css Javascript 格式化工具"就是为了满足这一需求而设计的。这些工具能够帮助开发者快速地整理和格式化CSS与JavaScript代码,使其符合特定的编码规范和风格指南。 首先,我们来看CSS代码格式化...

    WEB开发人员参考大全最完整的HTML.CSS与JAVASCRIPT工具书.rar

    《WEB开发人员参考大全最完整的HTML.CSS与JAVASCRIPT工具书》是一部全面覆盖Web前端核心技术的综合资源,旨在为WEB开发人员提供详尽的参考资料和实用代码示例。这部工具书以CHM(Compiled Help Manual)格式压缩,...

    WEB开发人员参考大全_最完整的HTML.CSS与JAVASCRIPT工具书

    这本"WEB开发人员参考大全_最完整的HTML.CSS与JAVASCRIPT工具书"正是针对这些关键技能提供的一份详尽学习资源。 HTML(HyperText Markup Language)是创建网页内容的标准标记语言,它定义了网页的结构。HTML元素由...

    JAVA、PHP、JS(JAVASCRIPT DOM)、HTML、XML、CSS、W3C、正则表达式、WEB开发人员必备CHM工具手册大全打包下载-PART2(完)

    JAVA、PHP、JS(JAVASCRIPT DOM)、HTML、XML、CSS、W3C、正则表达式、WEB开发人员必备CHM工具手册大全打包下载.rar 这里是我个人在WEB开发7年来,收集的CHM工具手册中精选出来的,每个都是精品中的精品,个人认为...

    IE8开发人员工具详解

    尽管IE8开发人员工具在某些方面可能不如Firefox的Firebug或Chrome的开发者工具那样功能全面,但它仍然是一款非常实用的工具,特别是对于需要支持IE8浏览器的项目来说更是如此。通过本文的详细介绍,希望开发者们能够...

    前端开发人员,css样式取色器

    总的来说,"前端开发人员,css样式取色器"是一个强大的辅助工具,它简化了前端开发中的颜色选取过程,提升了开发效率,同时增强了开发者对颜色的控制能力,为高质量的网页设计和开发提供了有力的支持。

    CSS中图片批量获取工具

    一旦CSS文件被加载,工具将自动解析文件,找出其中所有的URL,这些URL指向CSS中引用的图片资源。解析完成后,工具会列出所有找到的图片链接,你可以预览它们,并选择全部或部分进行下载。 这个工具可能支持多种格式...

    Google_Chrome开发人员工具详解

    【Google Chrome开发人员工具详解】 Google Chrome 浏览器开发人员工具是一套强大的网页开发和调试工具,它允许开发者深入洞察网页的HTML、CSS和JavaScript代码,从而实现高效的网页优化和问题排查。这套工具适用于...

    开发人员常用css api文档

    一个详尽的CSS API文档对于开发人员来说是至关重要的工具,它可以帮助开发者更高效地编写代码,理解各种CSS属性、选择器以及它们的用法。下面我们将详细探讨一些开发人员常用的CSS API知识点。 1. **CSS选择器**: ...

    使用 F12 开发人员工具调试 HTML 和 CSS

    ### 使用F12开发人员工具调试HTML和CSS 在现代Web开发中,高效地调试HTML和CSS代码至关重要。F12开发人员工具是Internet Explorer提供的一套强大的工具集,可以帮助开发者快速定位并解决HTML和CSS中的问题。本文将...

    不容错过的17款面向CSS开发人员的实用框架及工具.docx

    本文将介绍17款面向CSS开发人员的实用框架和工具,这些工具能够提升开发效率,优化代码结构,并帮助创建出更高质量的Web设计。以下是一些重点工具的详细介绍: 1. **SMACSS**:Scalable and Modular Architecture ...

    js css文件合并工具

    5. **自动化**:手动合并和压缩文件是低效的,因此开发人员通常会利用构建工具(如Webpack、Gulp、Grunt等)来自动化这个过程。这些工具可以根据配置自动检测文件变化,执行合并和压缩操作,并且能够与其他任务(如...

    IE开发者工具 F12调试工具 详细使用说明文档

    同时 他也提供了一些虽然比较鸡肋 但是还能咂咂味的小工具 例如取色 屏幕尺子等 ">IE开发人员工具 F12调试工具 就是为前端开发人员开发页面而设计的工具 提供一系列的小工具 让你可以方便的查找 调试页面的BUG 包括...

    HTML+CSS截图工具

    这个截图工具能帮助用户快速获取网页元素的颜色代码,如RGB、HEX或HSL等,这对于保持色彩一致性和对比度检查非常有用。开发者可以直接复制这些色值应用到自己的项目中,或者对比分析不同元素的色彩差异。 另外,...

    css3样例大全

    《CSS3样例大全》是针对前端开发人员的一份宝贵资源,它包含了各种最新的CSS3技术的实践示例。这份压缩包文件不仅是书本的补充材料,也是一份与时俱进的在线学习工具,让开发者能够深入理解和掌握CSS3的最新特性。 ...

Global site tag (gtag.js) - Google Analytics