A2 Codesigner

Even though we all know the sluggish pace of the W3C and the cross browser compatitibility issues, web sites all over are starting to use these new styling properties. Majority of the ones being used are the cool ones and are of course propietary using the -moz for Firefox and -webkit for Safari properties. Luckily the presentation gracefully degrades with inferior browsers. Properties such as rounded corners border-radius:,  text-shadow:, border-image:, and box-shadow are becoming very popular.

It will still be a few years before we can all adopt some of the more useful CSS3 properties and functionality such as column: for sturdy multi-column layouts. Clearing floats and positioning issues will be a thing of the past. Media queries which allow you to pass different style sheets based on the browsers screen size. Extremely useful for growing number of mobile internet users as well as users with large monitors at higher resolutions.

There are already some great resources available if you feel like using some CSS3 on your new websites or start practicing for future reference.

CSS3 Introduction. A great article by Design Shack introducing the basics of of CSS3.

CSS3.info. One stop shop for everything about CSS3. A list of all the properties, examples, browser compatibility, and selector test for your browser.

CSS3 Cheat Sheet. PDF (123K) created by Smashing Magazine.

Of course the W3C has their working draft on the CSS3 specs but as usual it’s cryptic and isn’t to useful. So have some fun writing invalid code for the future.