jasongraphix気がつかないうちにHTML5の要素は活用されているのですね、と思ったので記事にしてみました。Explorerも新しくなるし、やっと(?)HTML5が来そうな感じですね。jasongraphix気がつかないうちにHTML5の要素は活用されているのですね、と思ったので記事にしてみました。Explorerも新しくなるし、やっと(?)HTML5が来そうな感じですね。(逆にスマートフォンの方がHTML5対応ブラウザの割合が多い様な...)cnetを見ていて画面上部に「春の新生活応援キャンペーン」という桜が舞い散るバナーが掲載されていました。Japanこのバナーの動作は、以下の動画をご覧下さい。このバナーを最初に見て思ったことは「ああ、Flashの広告だよなぁ。9のcanvas要素を見ていたせいか突然妙な違和感を感じ、Webインスペクタで要素を調べてみました。(SafariならCtrl+Alt+「I」で表示されます)なんとcanvas要素でした。sakura_ef.jsというJavaScriptで桜を舞い散らせる様子をcanvas要素に描いているようです。canvas要素の背景に配下の画像が配置されていました。Photoshoperにわかりやすいように透明部分を市松模様にしてあります(笑)。この上に桜が舞い散る様子を描画しているのですね。今後はこういった簡単な動作のものはFlashからHTML5へと移行していくのでしょうね。それもユーザーがほとんど気がつかない形で。時代の流れを感じてしまったcnetのバナー広告の話でした。HTML5とは何?という方は以下のまとめページをどうぞ。8だとcanvasが使えないので、桜が舞い散るアニメーションはありません。純一・jdash2000ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。サーバー管理などをしています(前はDTPオペもやっていました)。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。Typeで構築されています)。Reserved.RSSフィードプライバシーポリシ。