HTML5/CSS3のニュースやTIPSなどのまとめ (2012年5月22日)


ニュース

イベント・セミナー

書籍

サイト・アプリ

HTML5 audioで作られたピアノ。キーボードのmを押すとデモが始まる。右上のボタンをクリックするとヘルプが出る (英語)
似ている漢字を探すJavaScriptゲーム。ディレクトリに/html5/になているがあまり関係ない。けどシンプルで面白い。

ツール

TIPS

setIntervalよりスムーズなアニメーションを実現できるrequestAnimationFrameのチュートリアル (英語)
「HTML 5 video要素のplay/pause/endedイベントをひろってSVGアニメーションを開始/終了」Firefoxでのみ動作。
html5/CSS3のチュートリアルも載っている。

CSS3

CSS3で作られたiPhone、iPad、Macbook Air、iMacのフレーム。液晶の部分に画像や動画をはめ込める (英語)
CSS3で作るアニメーションするスプライト。マリオの「?」ブロック的な何か (英語)

SVG

SVGアニメーションのデモ。カッコいい。d3.jsを使っている (英語)