HTML5 ~ Webのこれから ~

こんにちは。

今回はHTML5について発信します。

今年2014年は、HTML5勧告(仕様が確定する)の年
となるとされています。

HTML5って、そもそも何ができるのか。

「HTML5でできること」は、色々ありすぎて、
1記事ではまとめきれないのですが、
特長の1つとして「描画ができる」ことが挙げられます。

今まで「動きのあるグラフィカルな表現」には、 ほとんど「Flash」が使用されていました。

しかしFlashのような、ダイナミックな動きのある
グラフィック表現を、HTML5でも実現することができます。
(なぜHTML5でやる必要があるのか、は今回は割愛します。)

以下のピックアップページは、
すべてFlashではなくHTML5で作成されています。

正直言って次元が違いすぎて理解できないページばかりですが…
それだけ、「まったく新しいWebの未来」を
感じさせてくれるページばかりです。

.

HTML5で作られたWebページ いろいろ

.

Google Gravity

http://www.mrdoob.com/#/92/Google_Gravity_HTML5

02

Googleトップページが崩壊します。

.

Andrew Hoyer

http://www.andrew-hoyer.com/experiments/cloth/

08

布です。掴めます。

クリック&ドラッグでたなびきます。

どういうことなの…。

.

面白法人カヤック

http://www.kayac.com/

03

漫画のコマが次々に現れます。
「続きを読む」をクリックした時の効果も凝っています。

.

HTML5 Fireworks

http://jsdo.it/event/html5hanabi

04

花火です。
色々な人が作った花火を集めたもののようです。

.

Effectgames

http://www.effectgames.com/demos/canvascycle/?sound=1

07

滝です。HTML5で描画されています。

.

HTML5 Experiment

http://9elements.com/io/projects/html5/canvas/

06

光の粒がポインタに合わせて舞います。

.

HTML5 Video Destruction

http://craftymind.com/factory/html5video/CanvasVideo.html

05

動画部分をクリックすると動画がバラバラに。

クリックしまくると、どんどんバラバラに…。

しかも 少し待つと元の場所に戻ります。

どうかしてるぜ…。

========================

以上となります。

それでは またー。

The following two tabs change content below.
Macbee

Macbee

Macbee

最新記事 by Macbee (全て見る)

関連記事

コメントは利用できません。

ピックアップ記事

  1. スクリーンショット 2016-07-18 18.30.52

    2016-7-19

    TV番組を見逃した方必見‼︎【TVer・ティーバー】の魅力

    引用:http://picworld.e-monster.jp/2015/07/21/tverティー…

ピックアップ記事

  1. makublo_thumb6

    2016-8-30

    へっぽこデザイン備忘録 〜簡単にWordPressのサムネイルサイズを増やす方法!〜

    シン・ゴジラ3回目見てきました。4回目行ってきます。 今回はWordpressで使うサムネイル…

ピックアップ記事

  1. 05ea1fe69ceaca10979d2a6d3c5b6b38_s

    2016-9-28

    アレンジ豊富!自宅で簡単おいしい!ジュースのような日本酒サングリア♪美肌効果も◎

    果物の季節がやってきました! 昨年ブームになった日本酒サングリア。 今年も梨だけでなく様々なフル…
ページ上部へ戻る
Top