Last month, Smashing Magazine announced a CSS Design Contest encouraging designers to put their creative powers to work and publish experimental CSS3 projects. For judging, Smashing took into consideration the originality of the technique and its uniqueness. To the judges, “The idea mattered more than the execution.”
The winning entry was a colorful pie chart (swappable to pyramid format via slider) illustrating the global usage share of web browsers over the past 6 quarters. My only issue had to do with the UI: the catfish navigation — which looked almost too integrated with the design — failed to resemble any kind of traditional CTA. Not a bad thing for more savvy users, but most may not realize these are buttons that control the morphing effect of on the graph.
Take a look at some of the other winners, all of which are pleasing indications of the great things to come with the impending adoption of CSS3. Keep in mind that the following pieces of awesomeness are very experimental and may not work or look the same across different browsers.
First place: CSS3 Charts [preview]
Second place: CSS3 Rubik’s Cube [preview]
Third place: CSS3D [preview]
Fourth place: CSS3 Monster Blob [preview]
Fifth place: A Rift In Time [preview]

































































