このページの本文へ

リバースエンジニアリングしたくなるHTML5サイト (4/4)

2011年03月31日 11時00分更新

文●菊池 崇

  • この記事をはてなブックマークに追加
本文印刷

マイクロソフトのCanvas Pinball

 Googleのみならず、HTML5への対応を強化したInternet Explorer9(IE9)を擁するマイクロソフトもHTML5への対応を着々と進めている。「Internet Exproler Test Drive」のGraphics DemosでHTML5とJavaScriptを利用したCanvasで作ったピンボールゲーム「Canvas Pinball」を公開している。

 対応ブラウザーはIE9だけではなく、Google Chromeでもストレスなく遊ぶことができる。

マイクロソフトの「Internet Exproler Test Drive」で公開されているcanvas要素を利用した「Canvas Pinball」





 以上のようにHTML5のデモも1年前に比べるとぐっと実践的になってきている。また、日本水産資生堂CMカフェ坂本寿司ローソンのように実際にHTML5をサイトに採用している日本企業もでてきている。

 HTML5が最終草案になるまで研究や調査を待つのではなく、デモを作ったり、ここで紹介したデモサイトをリバースエンジニアリングして勉強するのもいいだろう。そう、HTML5はすぐそばにあるのだから。

http://news.deviantart.com/article/125373/
http://svg-wow.org/
http://alteredqualia.com/canvasmol/#ATP
http://code.google.com/webtoolkit/doc/latest/ReleaseNotes.html#HTML5
http://webdesignledger.com/tips/html5-css3-take-your-design-to-another-level
■Amazon.co.jpで購入

前へ 1 2 3 4 次へ

Web Professionalトップへ

この記事の編集者は以下の記事をオススメしています