Web Directions Year round learning for product, design and engineering professionals

Drew McLellan and Brian Suda, curators of the now traditional “24 Ways” web developers advent calendar kindly asked me to write something for the 2008 edition.

So, having been playing around a lot with CSS3 and experimental CSS currently supported in various browsers, I put together a proof of concept using CSS gradients (currently in webkit browsers), text-shadow (webkit, Opera and Firefox 3.1) box-shadow (webkit and reportedly Firefox 3.1), an border-radius (webkit and Firefox 3+), to create buttons which look like this

(with not an image in sight!)

So head on over to 24 ways and get shining up the web.