iPhone 研究室（iPadもね）

開発初期段階版のWebKitにCSSアニメーションが組み込まれている

Web サイト表示の修飾に広く利用されている CSS （Cascading Style Sheets: 段階的スタイルシート）の拡張機能として、アニメーション効果を実現する機能が開発版の WebKit に組み込まれているそうです。WebKit は Safari などウェブブラウザーに採用されている中核部分で、iPhone / iPod touch に標準搭載されている Mobile Safari でももちろん使われています。CSS アニメーションを利用すると、Java よりずっと簡単にメディアリッチな表現が可能で、FLASH すら不要になってしまうかもしれないそうです。CSS アニメーションの実装については、Apple から既に CSS の標準機能として組み込むように、標準化団体 W3C へ提案済みだそうです。

MacRumores: CSS Animation Coming to Safari, Already in iPhone. Less Dependence on Flash?

実はこの期待の CSS アニメーション機能は、iPhone / iPod touch の Mobile Safari には既に実装済みなので、下記のサイトでデモを見ることができます。

1. falling leaves
2. bouncing box
3. pulse (“the new blink”)

特に1つ目の紅葉が舞い落ちるアニメーションは滑らかで、感動的ですらありますので、iPhone / iPod touch をお持ちの方はぜひご覧ください。

ちなみに、当サイトの PC 版表示のヘッダーとサイドバーの半透明化も、CSS の機能を利用しています（当サイトはアクセスにご利用いただいている端末によって、PC 用・iPhone / Android 用・携帯電話用に表示を切り替えます）。