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

ニュース

ザッカーバーグ氏の「HTML5に賭けたのは失敗」発言には続きがある。長期的にはHTML5への期待も語る (Publickey)
http://www.publickey1.jp/blog/12/html5html5.html
http://www.itmedia.co.jp/news/articles/1209/12/news032.html
http://jp.techcrunch.com/archives/20120911mark-zuckerberg-our-biggest-mistake-with-mobile-was-betting-too-much-on-html5/
http://techwave.jp/archives/51761388.html
http://android.dtmm.co.jp/app/50574
DropboxがブラウザサイドのJavaScriptを1週間でCoffeeScriptに書き換え - コードの可読性をアップ (TechCrunch)
http://jp.techcrunch.com/archives/20120913dropbox-rewrote-its-entire-browser-side-codebase-in-one-week/
http://techcrunch.com/2012/09/13/dropbox-rewrote-its-entire-browser-side-codebase-in-one-week/
https://tech.dropbox.com/?p=361
「Firefox 18」ではIonMonkeyを採用。JavaScriptの処理がこれまで以上に高速化 (窓の杜)
http://www.forest.impress.co.jp/docs/news/20120914_559798.html

書籍

スマートフォンサイト コーディング＆デザイン
http://www.amazon.co.jp/dp/4797367954?tag=dothtml5-22
2,604円、出版社：ソフトバンククリエイティブ、著：荒木康介

サイト・アプリ

芸術学舎 | 京都造形芸術大学ｘ東北芸術工科大学
http://gakusha.jp/
デザインが面白いので紹介。動きは無いけれど、HTML5でコーディングしてある。
3d Grapher (MOZILLA DEVELOPER NETWORK)
https://developer.mozilla.org/en-US/demos/detail/3d-grapher/launch
https://developer.mozilla.org/en-US/demos/detail/3d-grapher
WebGLで作られた3Dグラフ。パラメータを調整していろいろ試せる (英語)
カラフルなブロックを組み合わせて連鎖を狙え!! 「Gridshock」 (Html5 Collect)
http://jp.html5collect.net/%e3%82%ab%e3%83%a9%e3%83%95%e3%83%ab%e3%81%aa%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%92%e7%b5%84%e3%81%bf%e5%90%88%e3%82%8f%e3%81%9b%e3%81%a6%e9%80%a3%e9%8e%96%e3%82%92%e7%8b%99%e3%81%88%e3%80%8e/

ツール

ページのスクロール時、天地に紙を折り曲げるエフェクトを加えるスクリプト「FoldScroll」 (コリス)
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-foldscroll.html
http://soulwire.github.com/FoldScroll/
https://github.com/soulwire/FoldScroll
http://phpspot.org/blog/archives/2012/09/uifoldscroll.html
Toolkit for CreateJS 1.1の新機能 (Fumio Nonaka)
http://www.fumiononaka.com/Business/html5/FN1209006.html
http://f-site.org/articles/2012/09/01004429.html
http://gskinner.com/blog/archives/2012/08/new-createjs-version-launched.html

TIPS

iPhoneページの軽量化テクニック (Branch)
http://branch.com/b/iphone-4
アップルのiPhone5のサイトで、透過PNGではなく、JPEG+マスク用PNGを使ってCanvasで表示させているらしい。
マウスとオブジェクトの距離を計る｜HTML5 (Hiroshi Ogawa)
http://wiredhiro.jp/blog/archives/1730

CSS3

意外に簡単！CSS3を使ったシンプルな横メニューの作り方 (Webpark)
http://weboook.blog22.fc2.com/blog-entry-335.html

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