Mac OS X system preference replica using HTML5 and WebKit (view with dev Chrome)
aupajo.github.comIt took roughly 1-2 hours to put together, and takes advantage of WebKit-specific CSS gradients, transforms, box-shadows, etc. Not a single image is used. The video is, of course, done with the HTML5 video element.<p>Comparison screenshot at http://imgur.com/6Kt6L.png<p>Code is freely available on GitHub (http://github.com/aupajo/webkit-fu).<p>Put it together for a weekend BarCamp (http://barcamp.org/BarCamp-Christchurch-2010). It took roughly 1-2 hours to put together, and takes advantage of WebKit-specific CSS gradients, transforms, box-shadows, etc. Not a single image is used. The video is, of course, done with the HTML5 video element. Comparison screenshot at http://imgur.com/6Kt6L.png Code is freely available on GitHub (http://github.com/aupajo/webkit-fu). Put it together for a weekend BarCamp (http://barcamp.org/BarCamp-Christchurch-2010).
