3D CSSエディタとそれによるカッコいいデザイン

まずこのサイトのデザインを見てほしい:
http://acko.net/blog/making-love-to-webkit/
体感のあるスッキリしたデザイン。画像は使っていないCSSだけによるものだ。これをデザインするためにこのブロガーは3D CSSエディタを作った。

「Tree.jsの管理するシーンの色、ポジション、方向を操作するだけのとてもゲットーなもの」と書いてあるが、よく出来ている。というか凄い。

ページの下方に行って「Load Scene」というボタンを押すと編集セッションが始まる。右に記述されているキーコマンドで立体CSSが操作できる。ただし、ChromeSafariなどのWebKitベースのブラウザでないとエディタは使用できない。

3Dグラフィックスもブラウザの領域に入ってしまった。