少し前に見つけたサイトですがあまりに美しかったので今更ながらご紹介します。
そのサイトはこちら
【ZEN – HTML5-CSS3 Audio Player】
こちらのサイトで何が凄いのかと言うとトップに出ているミュージックプレイヤー。これFlashではなくHTML5とCSS3で動いています。
「Flashじゃなくてもここまで出来るんだぜ！」と言う技術の披露なんでしょうが本当に凄い。
とは言えこのサイトのプレイヤー、IEはもちろんのことFirefoxでもちゃんと見れません。特にIEで見てもただ黒い画像が貼ってあるだけに見えると思います。ここのプレイヤーが見えるのはMacのSafariとGoogle Chromeのみ。
と言うわけでIEで見ている方にどんなものかを画像でお見せします。
これが初期表示。ボタンをクリックすると・・・。
これがサイトを開いた時の初期画面（ボタン）。
この円形のボタン自体が絵ではなくHTMLで書かれております。すでにここが凄い！
（細かな加工についてはwebkit等を使用）
そしてこのボタンをクリックすると・・・。
モーフィングしてこの形に！
グラデーショングレーだったボタンが上記の様な形にフワッとモーフィングして中から回転するプレイヤーが！その瞬間から曲が流れ始めます。このアニメーションもHTML5とCSS3、後はJavaを使って作られている模様。
とこのようにこのプレイヤー、HTML5やCSSの今後の可能性を知らしめてくれるものだと思います。
ただ惜しいのはこういったコンテンツはIEで見れない事。
早く全ブラウザの仕様が統一されれば良いんですけどね〜。（ついでに携帯電話のブラウザも）
