Though W3C’s CSS3 specifications aren’t finalized yet, modern web browsers such as Mozilla Firefox, Opera, and WebKit-based browsers already have full or partial support for them.

As a web developer, it’s crucial to be well-informed about modern and future web standards. To help you stay ahead of the curve - here are 20 excellent resources on the topic of CSS3.

1. CSS3 Progress Report - screen shot.

The CSS3 Progress Report is a web page by the Get Started with CSS 3 - screen shot.

Web Monkey has a tutorial on how to get started with CSS3. It will give you an overview of some CSS3 features that are already supported by modern browsers. This is a great article to read for those that are just beginning to explore CSS3.

3. Progressive Enhancement with CSS 3 - screen shot.

Opera – one of the web browsers in the forefront of supporting CSS3 specs – has an excellent tutorial on a Accessibility Features of CSS - screen shot.

With the rise in popularity of mobile hand held devices and non-traditional web browsers such as screen readers, the Introduction to CSS3 (Design Shack) - screen shot.

In this 5-part series, Design Shack gives readers an excellent induction to the world of CSS3. The article series goes through an overview of CSS3 in plain-speak and talks about some CSS3 techniques and topics such as CSS3 . Info - screen shot.

CSS3 . Info is an enormously comprehensive site about all things CSS3-related. They share news, interviews, and resources from around the web regarding CSS3. CSS3 . Info also has a demo section called CSS Advanced Layout Module - screen shot.

Learn about one of the more Six Questions: Eric Meyer on CSS3 - screen shot.

Six Revisions was fortunate enough to discuss CSS3 with celebrated CSS expert, CSS3 properties tests for webkit based browsers - screen shot.

In this live demonstration, you’ll find properties currently supported (and unsupported) by WebKit-based browsers such as Safari; it also provides you information about iPhone’s support of these properties.

10. WaSP Community CSS3 Feedback - screen shot.

This article is an excellent summary of the feedback received from the Web Standards Project (WaSP) blog post entitled, “CSS 3 attribute selectors - screen shot.

An exciting improvement in CSS3 is the ability for very complex and specific DOM selection. This tutorial on Dev.Opera shows you the potentials of the new attribute selection features in CSS3.

12. W3C: Selectors - screen shot.

W3C’s working draft of CSS3 Selectors is an excellent introduction into the concept of Selectors in CSS3.

13. Conversation with CSS 3 team - screen shot.

XHTML.com’s interview of The fundamental problems with CSS3 - screen shot.

This article by CSS Working Group Blog - screen shot.

The people in charge of maintaining and developing CSS standards - the CSS Working Group (CSS WG)  -  has a regularly updated weblog that shares useful information about CSS3.

16. Rounded Corner Boxes the CSS3 Way - screen shot.

24 Ways, an annual online publication that puts out articles by Push Your Web Design Into The Future With CSS3 - screen shot.

Smashing Magazine’s article on CSS3 by graphic/web designer Introduction to CSS3 Transparency - screen shot.

This article explores and explains the concepts CSS3 transparency; a concept that’s part of the Styling Forms with Attribute Selectors - screen shot.

Dev.Opera showcases the benefits of attribute selectors in this “learning-by-doing” tutorial which deals with styling web forms.

20. 5 Techniques to Acquaint You With CSS 3 - screen shot.

Practice makes perfect; this tutorial from NETTUTS shows you how to learn about CSS3 by using it. This article covers things like adding drop shadows to page elements and changing an element’s opacity.

Are you using CSS3 today?

Have you incorporated CSS3 into your web development practices? Where are you at in terms of learning about CSS3? Share your thoughts and experiences with all of us in the comment section.


source from