HTML5 Experts Works >  HTML5杯

HTML5杯

  • HTML5杯 image1
  • HTML5杯 image2
  • HTML5杯 image3
  • HTML5杯 thumbnail1

  • HTML5杯 thumbnail2

  • HTML5杯 thumbnail3

作品を見る

作品URL

Website http://html5cup.kayac.com/

いつもの見慣れたブラウザやWebパーツを素材として使い、
ロンドンの気分を味わえるコンテンツ集を作りました。

HTML5のAUDIO,HistoryAPIやCSSアニメーションを使用。

2012年ロンドンのおまつり気分に乗っかり、ブラウザスポーツをつくりました。テーマは「WEBで汗をかく」です。

ひたすら連打して走る「100m連打」や、スクロールバーを駆使して泳ぐ「スクロール水泳」、一瞬の隙を狙ってラジオボタンをクリックする「ラジオ・フェンシング」、「重いファイルをいかに早くダウンロードするかを競う「ファイル重量挙げ」など9個のコンテンツをつくりました。またつくる工程でも、アスリートばりの挑戦をしようということで、画像を一切つかわずCSSだけで全てを描くという方法に挑みました。

動作環境

  • Windows、Mac
    • Google Chrome(最新版)
    • Firefox(最新版)
    • Safari(最新版)

コメント

Search