CSS3 For Thee

It is just me or does it so often feel like we are still limited by the same old design techniques of the last century. CSS 2 was released about a decade ago and things have changed a lot since then. We are now fully immersed into the web 2.0 world but we are having to design with web 1.0 (not that we ever call it that) techniques. As anyone who has tried to design rounded corners for an element of a website knows, there are not many easy ways to do it. As prevalent as things like rounded corners are now, it should simply be something a designer/developer should be able to do with a few CSS selectors.

Abacus CountingAnd while in this case the designer’s usual foe, Internet Explorer, isn’t helping advance us to CSS 3, they are not solely to blame. The W3C has really been dragging their heals on this one and the web community is getting upset. But other browsers have not been sitting around waiting for the bell to ring. Progressive browsers such as Safari, Opera, and Firefox are already implementing CSS 3 ideas, albeit in a yet to be standardized way of course. As such you need to use different techniques for these to work in each browser, but you can do some pretty amazing things with it.

Take a look at this list of just a few things you can do with CSS 3… It is everything you need for Web 2.0, yet with using entirely CSS techniques!

  • Rounded Corners
  • Gradient Borders
  • Drop Shadows

Take a look at this Webmonkey article to find out how to start implementing the future of design on your website!