Chrome World Wide Maze

自分が選んだWebサイトが立体的な迷路となり、スマホとChrome を同期して遊べる、
Chrome のデモンストレーションを兼ねた”Chrome World Wide Maze”。

iOS / Androidのスマホがコントローラーとなり、立体になったサイトでポイント(コイン的な?)を集め、ゴールするというもの。

Chrome World Wide Mazeでのスマホ連携時
ゲームっぽい雰囲気たっぷりなSync作業時。
スマホがゲームのコントローラーに
まさにゲームのコントローラーって感じです。
Chrome World Wide Mazeの立体迷路
指定したWebサイトが竜巻なんかも出現する立体迷路に。

なにげに、ゴールできませんでしたが。
即時、指定したWebサイトになんらかの変化を与えるようなプロモとかってわりとあったりしますが、スマホ連携でさくっと体験させちゃうってすごいし面白いですよね。

Chrome World Wide Maze
» Chrome World Wide Maze
使い方はこちら
» Chrome World Wide Maze – About Tab Sync

ウェブ進化のインフォグラフィック – The evolution of the web

Chrome の誕生3周年記念らしいのですが、
Google がブラウザ やJavaScript など、もろもろの進化の過程を表したインフォグラフィックを公開。

インフォグラフィック と表題されており、「HTML5だし!」と言われるとなぜか納得してしまう部分もありますが、
これもインフォグラフィックの一つとなると、今後、この手のものも色々でてくるんだろうなぁ。。

Google - The evolution of the web
» The evolution of the web – ウェブの進化

先日改めて公開された、GmailやGoogle calendar などをオフラインで利用可能なHTML5版のChrome アプリで、
ブラウザのキャッシュがストレージ変わり(?)になるような箇所を見て、進化の過程に改めて軽く感動も。

1996年にHTML5スタート
各ブラウザやToolTip をクリックすると、初代から現代までのバージョンや説明が表示されます。
HTML5 って2006年頃からだったんですね..。

The evolution of the webのMOZAIC
なにげに現在使っている中の一台のXP は、ちょっと様相が近かったりも..。

via: Google、Chrome立ち上げ3周年でHTML5のインフォグラフィックを公開 – ITmedia ニュース

article内にsectionでarticleをネストする

ネストされるarticle を囲むsection に、ネストされるarticle の見出しを付けた方が良いみたい。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<article>
<p></p>

<section>
<!-- ここからsection -->

<header>
<hgroup>
<h2>以下でネストされるarticle の見出し</h2>
<p>header やhgroup は必須ではないようで必要に応じて</p>
</hgroup>
</header>

<article>
<!-- ネストされるarticle -->
<p>ネストされるarticle の内容</p>
<!-- ネストされるarticle -->
</article>

<!-- ここまでsection -->
</section>

</article>
change_history