Monday, March 22nd, 2010
Being a web developer who works on a Mac, I’ve noticed that Apple’s implementation of CSS3 to Webkit and Safari always felt like they were extending OS X GUI elements to the web, even going so far as to make the iTunes store mostly out of Webkit. With that in mind and being inspired by David DeSandro’s Opera Logo made in CSS, I decided to take on Safari itself. I did so with the following in mind:
- Only CSS
- No images
- No Canvas
With those limits there of course were some features of Safari’s default state that didn’t make the cut for now — most obviously the tabs and various icons. I also didn’t take any steps to make this experiment work in any other browser (it does work in Chrome for Mac however). Eventually I’d like to perform the same experiment with Firefox 3.6, and perhaps others down the road if CSS3 advancements become available.
Watch on GitHub and you will see him work on Mobile Safari next :)
Posted by Dion Almaer at 8:22 am