3D CSSエディタとそれによるカッコいいデザイン
まずこのサイトのデザインを見てほしい:
http://acko.net/blog/making-love-to-webkit/
体感のあるスッキリしたデザイン。画像は使っていないCSSだけによるものだ。これをデザインするためにこのブロガーは3D CSSエディタを作った。
「Tree.jsの管理するシーンの色、ポジション、方向を操作するだけのとてもゲットーなもの」と書いてあるが、よく出来ている。というか凄い。
- Tree.js: JavaScriptの3Dライブラリ https://github.com/mrdoob/three.js/
ページの下方に行って「Load Scene」というボタンを押すと編集セッションが始まる。右に記述されているキーコマンドで立体CSSが操作できる。ただし、ChromeやSafariなどのWebKitベースのブラウザでないとエディタは使用できない。
3Dグラフィックスもブラウザの領域に入ってしまった。