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

ニュース

HTML5勧告へのロードマップ。HTML 5.0とHTML 5.1に分けて、まずは2014年内を目指すとの案をW3Cが発表 (Publickey)
http://www.publickey1.jp/blog/12/html5html_50html_512014w3c.html
http://dev.w3.org/html5/decision-policy/html5-2014-plan.html
http://ascii.jp/elem/000/000/728/728492/
HTML5で自社サイトを電子ブック化するUSA Todayは新聞復活の先駆けとなるか？ (現代ビジネス)
http://gendai.ismedia.jp/articles/-/33582
Chromeが「Do Not Track」を有効に (マイナビ)
http://news.mynavi.jp/news/2012/09/18/013/
WebAPI活動についての詳細 (Mozilla Developer Street)
https://dev.mozilla.jp/2012/09/more-details-about-the-webapi-effort/
https://dev.mozilla.jp/2012/08/introducing-webapi/

サイト・アプリ

シンプルな横スクロールアクションゲーム「Commander Clone: Training Mission」 (Html5 Collect)
http://jp.html5collect.net/%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%aa%e6%a8%aa%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%82%a2%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%b2%e3%83%bc%e3%83%a0%e3%80%8ecommander-clone-tra/
http://www.zachstronaut.com/projects/commander-clone/0.2/game.html

ツール

iPhone風のあのスクロールをPCでも実現できる「jQuery.flickable」 (phpspot開発日誌)
http://phpspot.org/blog/archives/2012/09/iphonepcjqueryf.html
http://lagoscript.org/jquery/flickable/demo
iPhoneなどのアプリでのスクロールしすぎた時の挙動を実装できるjQueryプラグイン。
スマフォで各セクションのヘッダをそれぞれスクロールに追従させるスクリプト (コリス)
http://coliss.com/articles/build-websites/operation/javascript/js-floating-headers-for-iscroll.html
http://14islands.github.com/iscroll-floating-headers/
https://github.com/14islands/iscroll-floating-headers
「Floating Headers for iScroll (14islands) 」iPhoneアプリなどで見られる、スクロールさせるとその部分のセクションのヘッダがページ上部に固定する動きを実装できるJavaScriptライブラリ。

TIPS

HTML5開発者向けiPhone 5/iOS 6での変更点等まとめ (WWW WATCH)
http://hyper-text.org/archives/2012/09/iphone-5-ios-6-html5-developers.shtml
「iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more (Breaking the Mobile Web) 」の和訳。
Rocking dendrites
http://www.clicktorelease.com/code/rocking-dendrites/
http://creativejs.com/2012/09/rocking-dendrites/
WebGLで作られた根っこみたいのが音楽に合わせて動くサウンドビジュアライザ。好きな音楽をドラッグ＆ドロップできる。three.jsやdancer.jsなるものを使っているらしい (英語)
HTML5+CSS3サンプル紹介
http://www.ctk.ne.jp/~hiro3/nav3/nav3.html
http://www.ctk.ne.jp/~hiro3/nav5/nav5.html
真横に動くオブジェクト｜HTML5 (Hiroshi Ogawa)
http://wiredhiro.jp/blog/archives/1756

SVG

SVGを使った高度なアニメーションを実現できるライブラリ「BonsaiJS」 (phpspot開発日誌)
http://phpspot.org/blog/archives/2012/09/svgbonsaijs.html
http://bonsaijs.org/
https://github.com/uxebu/bonsai
「BonsaiJS - A Graphics Library」

（＊価格は掲載時のものです。購入時にご確認ください。）