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 モテたいエンジニア

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

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    ハウステンボスで九州最大級・約2万発の"春の花火大会"開催 - 特別観覧席も
    [05:30 11/28] 旅行
    ジョニー・デップ初の動物役、赤ずきんのオオカミ姿お披露目! 耳&尻尾で変身
    [05:00 11/28] エンタメ
    「四月は君の嘘」フィナーレイベントが来年4月に、2期の主題歌も決定
    [00:01 11/28] ホビー
    [ラブライブ!]ローソンコラボで海未が制服姿に にこのマーボー豆腐もプレゼント
    [00:00 11/28] ホビー
    [失恋ショコラティエ]6年の連載に幕 “月9”でドラマ化の人気マンガ
    [00:00 11/28] ホビー

    特別企画

    一覧

      求人情報