0

Posted by Pinaki Kathiari on July 13, 2010

2 great examples of CSS3

The new stuff coming out in Cascading Style Sheets and HTML is amazing. What required mounds and mounds of code can now be done in a few lines of text. What required graphics can not be done programmatically on the browser. Here are three great examples:

Alex Girón and his Solar System

Alex is a Web Developer and Graphic Designer out of Virginia. He is the creative director from nclude. He set out to explore the border-radius features and came up with something interesting. This working model of the Milky Way Solar system shows the planets using border-radius and their orbits and revolutions using –web kit animation properties and transform.

Jeff Batterton and his iPhone


Jeff is a User Interface designer and he’s coded an iPhone with a working world clock with NO IMAGES WHATSOEVER. Click on the image to see what I’m talking about. Its all carefully crafted markup and CSS. Keep in mind that this will only display correctly on a webkit browser and has only been tested in Google Chrome. It seems to look fine on Safari 5, but not FireFox 3.6 (definitely not Internet Explorer).


Topics: , , , ,

Add a Comment