どや!?CSS3 デザインコンテスト結果発表

16 7月

  • このエントリーをはてなブックマークに追加

CSS3 デザインコンテスト

2010年6月に開催された「CSSデザインコンテスト」の結果発表。
コンテストには沢山の応募があり、技術やアプローチと独創性で受賞者を選んだようです。

作品を見ていると、CSS3でどういったことが実現できるのかを体験することができ参考になります。


 
 
第1位:CSS3 Charts
CSS3のみでグラフを表現。
インタラクティブに動作するがJavaScriptや画像は使っていないそうです。

CSS3 Charts
 
 
第2位:CSS3 Rubik’s Cube
CSS3で構築されたルービックキューブ。
各ブロックは、サイトへのナビゲーションとなってます。

CSS3 Rubik's Cube
 
 
第3位:CSS3D
3DをCSSで表現しているデザイン。
3Dメガネで見ることができます。

CSS3D
 
 
第4位:CSS3 Monsters Blob
怪物Monsters Blob。
目が動きます!

CSS3 Monsters Blob
 
 
第5位:CSS3: A Rift in Time
HTML/CSSのWebサイトは、常に垂直・水平方向で制作されているが、
このサイトは45度の角度で表現しているみたいです。

CSS3: A Rift in Time
 
 
最後に26歳のおっさん スーパーマリオ

最後に26歳のおっさん(スーパーマリオ)
 
 
 
CSSで書いたことも凄いですが、アイディアも素晴らしい。
本家サイトに沢山の作品が掲載されているので、
興味がある方はこちらのサイトをチェックしてみてはいかがでしょうか。

CSS3 Design Contest Results – Smashing Magazine
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

この記事のトラックバック URL