CSS3 and HTML 5 are capable of revolutionizing the way we design websites. Both include so many new features and functions that it can be hard to wrap your head around them at times. The inclusion of native support for things like rounded corners and multi-column layouts are just the tip of the ice berg.
Below are seventy resources, tutorials, and articles to get you started with CSS3 and HTML 5. Many of the techniques discussed are already supported to some extent in some some modern web browsers (Safari and Firefox have the most extensive support), so you can get started right away.
CSS3 Tutorials and Resources
Get Started with CSS 3 – A basic guide to using CSS3.
Cascading Style Sheets Current Work – Details the progress the W3C is making on the CSS3 standard.
Border-image: Using Images for Your Border – A guide to the new CSS3 function for adding image borders.
Overview of CSS3 Structural Pseudo-Classes – A handy reference chart of structural pseudo-classes in CSS3.
Push Your Web Design Into The Future With CSS3 – An introduction to some of the new features in the CSS3 specification.
CSS3 Property Tests – An overview of which properties are currently supported in which browsers.
Rounded Corner Boxes the CSS3 Way – A tutorial for creating rounded corners with a new CSS3 method.
CSS3 Selectors Explained – An overview of some of CSS3 selectors, including selector syntax.
CSS3 Borders Preview – An article that covers some new border types, including rounded corner borders and gradient borders.
Box Shadow – Create a drop shadow behind an element.
RGBA Colors – A guide to alpha transparency with RGB colors.
CSS3 Cheat Sheet – A PDF cheat sheet including the new features in CSS3.
CSS3 and HTML 5 Combination Resources
A Marriage Made in Heaven? HTML 5 and CSS3 – A basic overview of how CSS3 and HTML 5 will work together and what that means for the future of web design.
HTML 5 and CSS3: The Techniques You’ll Soon Be Using – A tutorial for building a blog page using the advanced features of HTML 5 and CSS3.
When Can I Use… – Look up which browsers support CSS3, HTML 5, and other technologies not supported by all browsers.
The Power of HTML 5 and CSS3 – A great overview of the possibilities when combining HTML 5 and CSS3.
HTML 5 Resources
A Preview of HTML 5 – An older article from A List Apart offering some information on the features and advantages of HTML 5.
Yes, You Can Use HTML 5 Today! – A guide to some of the currently-supported HTML 5 features and some who are currently using it.
HTML 5 Cheat Sheet – A downloadable PDF cheat sheet for working with HTML 5’s new features and functions.
Designing a Blog with HTML 5 – A complete tutorial for building a blog website with HTML 5.
Coding an HTML 5 Layout From Scratch – A complete guide to creating an HTML website from the ground up.