HTML5の機能を知るための15のデモンストレーション

ニュース
トップ

【レポート】

HTML5の機能を知るための15のデモンストレーション

後藤大地  [2010/08/23]

Tech Drive-in - Technology, Linux, Ubuntu FTW

主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻度は早まる傾向にあり、HTML5/CSS3の対応は日進月歩で進んでいくことになるとみられる。

HTML5やCSS3のデモンストレーションサイトやテクニック紹介ブログはこれまで何度も取り上げてきた。15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inにおいて、HTML5デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されているサイトは次のとおり。リンク先がそのままデモンストレーションページになっている。

  1. HTML5 Demo
  2. HTML5 Ball Pool Demo
  3. SublimeVideo HTML5 Video Player
  4. Interactive Photo manipulation HTML5 Demo
  5. Fireworks
  6. Kaleidoscope
  7. Drag and Drop functionality demo
  8. Particles in Motion
  9. HTML5 Canvas
  10. Video Blow-up
  11. Cloth Animation 3D
  12. Google Images Gift Box
  13. SmallTalk
  14. Breakout
  15. Catch the Square

HTML5 Ball Pool Demo - ボールのシミュレーション。ボールはドラッグ&ドロップが可能で、ほかのボールにあたって相互に動きをみせる

Fireworks - 入力した文字を花火で描いていくデモンストレーション

Particles in Motion - マウスの動きに応じて流れる模様デモ

Kaleidoscope - 万華鏡のシミュレーション

Video Blow-up - マウスでクリックするとその周辺の画像が吹き飛ぶ。しばらくするとパーツが動き出して元に戻る

Cloth Animation 3D - 布のシミュレーション。一部をつかんで移動させることが可能。美しい動きをみせる

15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flashのタイトルにもある通り、Flashの代替えとして使えるHTML5デモという位置づけになっており、どのデモンストレーションもインタラクティブに動作するものになっている。開発版など最新のブラウザを使って閲覧することで、HTML5/CSS3/JavaScirptでどういった機能を実現できるのかを確認できる。

関連したタグ


ITセミナー

一覧

関連記事

関連サイト

新着記事

転職ノウハウ

あなたの仕事適性診断
あなたの仕事適性診断

4つの診断で、自分の適性を見つめなおそう!

Heroes File ~挑戦者たち~
Heroes File ~挑戦者たち~

働くこと・挑戦し続けることへの思いを綴ったインタビュー

はじめての転職診断
はじめての転職診断

あなたにピッタリのアドバイスを読むことができます。

転職Q&A
転職Q&A

転職に必要な情報が収集できます

ドS美人面接官 vs モテたいエンジニア
ドS美人面接官 vs モテたいエンジニア

入室しようとしたら、マサカリ投げられちゃいました!?

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    旅ネタ、ご当地グルメ、地域あるある…マイナビニュース公式旅行ツイッター始動!
    [14:56 11/29] 旅行
    [染谷将太]「寄生獣」公開に感慨「長い戦いだった」 橋本愛は“顔割れ”希望
    [14:46 11/29] エンタメ
    加藤実秋×丸山朝ヲ、花魁探偵描く「おしげりなんし」1・2巻
    [14:18 11/29] ホビー
    負傷離脱のウィルシャーに言及…ヴェンゲル監督「彼は強い人間だ」
    [13:45 11/29] ライフ
    【中間速報】今平周吾が首位浮上、片山晋呉は2位に後退
    [13:37 11/29] ライフ

    特別企画

    一覧

      求人情報