CSS3 和 HTML5 足以够彻底改变网站设计的现状。许多新的特性和功能,以前可能需要想破头皮使用各种手段去实现。然而当 CSS3 和 HTML5 将其纳入本地属性后,无论是圆角效果还是多栏布局,一切变得简单易用。
CSS3 教程和资源
CSS3 Property Tests – 概述了目前 CSS3 特性的浏览器支持情况。
CSS3 Selectors Explained – 概述了一些 CSS3 选择器,包括选择器语法。
CSS3 Borders Preview – 介绍了一些 CSS3 新的边框类型,包括圆角边框和梯度边框。
Box Shadow – 为元素创建阴影效果。
RGBA Colors – RGB 颜色的 Alpha 透明效果使用指南。
CSS3 Multiple Columns – 利用比以往更简便的 CSS3 方法,创建多栏式布局。
@font-face in IE: Making Web Fonts Work – 让 Internet Explorer 支持 @font-face 属性。
CSS3 RGBA – 使用新的 RGBA 功能创建透明颜色。
CSS3 Opacity – CSS3 透明/不透明效果指南。
Multiple Backgrounds – 虽然目前只有 Safari 支持,但能够使用多背景图片是一项非常酷的新功能。
CSS3 Color Names – CSS3 支持 147 种不同的颜色名称(包括 17 种标准色及另加的 130 种色彩)。当然,同样支持 RGB 和十六进制颜色代码。
CSS Template Layout Module – 此模块将使设计更加先进,多栏 CSS 布局容易很多。
Fonts Available for @font-face Embedding – 涵盖目前所有被 @font-face 属性所许可的网页字体,提供字体下载链接。
CSS3 Multiple Columns – 又一份方便的 CSS3 多栏功能参考手册。
Word-Wrap – 介绍 CSS3 的文字换行功能。
Semantic Code: Put More In, Get More Out – 一个快速教程,涉及 CSS3 选择器使用和语义,以及为网站添加新功能的方法。
Introduction to CSS3—Part 4: User Interface – 操纵元素 (element),游标 (cursor),框布局 (box layout),和其他用户界面功能的教程。
Making an Image Gallery with :Target – 使用目标伪类 (:target pseudo-class) 创建图片画廊。
CSS: Transition Timing Functions – 介绍了 CSS3 的过渡期限 (transition-duration) 和过渡定时功能 (transition-timing-function) 特性。
CSS3 Corporate Fun – 使用下拉菜单和过渡效果建立企业式的导航栏。
CSS3 Cheat Sheet – CSS3 中的 PDF 文档包含功能。
CSS3 和 HTML 5 组合资源
When Can I Use… – 查一查哪些浏览器支持 CSS3 和 HTML5 新特性,哪些浏览器不支持。
The Power of HTML 5 and CSS3 – 使用 HTML5 和 CSS3 技术结合开发的可能性概览。
HTML 5 资源
A Preview of HTML 5 – 提供了一些关于 HTML5 特性和优点的资料。
HTML 5 Cheat Sheet – 利用 HTML5 的新特性和功能打造可下载的 PDF 表。
HTML 5 Boilerplates – 一些可用 HTML5 样板的快速指南。
Preparing for HTML 5 with Semantic Class Names – 概述 HTML5 新的结构元素,阐述如何准备在 HTML 4.0.1 或 XHTML 1.0 中使用语义类别名称。
HTML 5 Canvas—The Basics – 使用 HTML5 画布元素 (canvas element) 的完整指南。
HTML 5 + XML = XHTML 5 – 概览 HTML5 怎样和 XML 实现交互。
The Video Element – 介绍 HTML5 全新的视频元素。
更多资源
30 Essential CSS3 Resources 来源于 Carsonified’s Think Vitamin blog 博客。
20 Very Useful CSS3 Tutorials 来源于 Speckyboy Design Magazine 博客。
23 Essential HTML 5 Resources 来源于 Carsonified’s Think Vitamin blog 博客。