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

ニュース

書籍

書籍：すべての人に知っておいてほしいjQuery＆jQuery Mobileの基本原則

http://www.amazon.co.jp/dp/4844362984?tag=dothtml5-22

2,940円、出版社：MdN、著：古籏一浩／いちがみトモロヲ／KLEE／Atelier*Spoon／錦織幸知／山本圭助／前田瑞紀／津留敏哉

サイト・アプリ

100,000 Stars (Google)

http://workshop.chromeexperiments.com/stars/

https://plus.google.com/+GoogleJapan/posts/bsocbaXkEWn

http://news.mynavi.jp/news/2012/11/15/176/

http://internet.watch.impress.co.jp/docs/news/20121115_573214.html

http://japan.internet.com/webtech/20121119/2.html

http://www.ideaxidea.com/archives/2012/11/our_universe.html

10万以上の銀河系の星をビジュアルで探索できる。WebGL/CSS3 3D/Web Audioなどが使われているらしい。

パズドラをHTML5/JavaScriptでクローン (それなりブログ)

http://kjirou.sakura.ne.jp/mt/2012/11/html5javascript.html

http://blog.kjirou.net/p/541

http://pub.kjirou.net/mugen_pazdora/

https://github.com/kjirou/mugen_pazdora

ツール

Twitter Bootstrapから派生したWeb制作向けフレームワーク「Plusstrap」 (かちびと)

http://kachibito.net/web-design/plusstrap.html

http://xbreaker.github.com/plusstrap/

https://github.com/xbreaker/plusstrap

ブラウザ上でスマホ風スクロールを実現できる「ZyngaScroller」 (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/11/zyngascroller.html

http://timheckel.github.com/ZyngaScroller/

https://github.com/TimHeckel/ZyngaScroller

「ZyngaScroller - jQuery plugin for fast, collaborative kinetic scrolling (TimHeckel) 」

TIPS

Detect iPad Mini in HTML5 (Stack Overflow)

http://stackoverflow.com/questions/13248493/detect-ipad-mini-in-html5

https://www.x-fit.jp/tips/158

JavaScriptでiPad 2とiPad miniの識別方法が見つかったぽい (英語)

リフレッシュレートを考慮しrequestAnimationFrame、CSS3アニメーションを使ってレンダリングのパフォーマンスを向上させる (@cssradar)

https://twitter.com/cssradar/status/267831640217231361

http://www.html5rocks.com/en/tutorials/speed/rendering/

「Jank Busting for Better Rendering Performance (HTML5 Rocks) 」

ブログを再構築するにあたり改編したところのまとめ - HTML5 (InfinityScope)

http://infinityforest.net/home/archives/1297

RequireJSを使ってみた (Branberyheag!! Lab)

http://lab.branberyheag.com/2011/07/13/require-js/

古記事。

CSS3

CSS3の効果的な使い方と陥りやすいワナ (コリス)

http://coliss.com/articles/build-websites/operation/css/css3-examples-and-best-practices.html

http://webdesignerwall.com/trends/css3-examples-and-best-practices

「CSS3 Examples and Best Practices (web designer wall) 」の和訳。

CSSスプライト活用でリクエスト数を削減してスマホでも高速通信 - Retina Displayにも対応 (クラスメソッド)

http://dev.classmethod.jp/ria/html5/css-sprite-with-retina/

Media Queriesを使ってCSSスプライトにRetina (HiDPI) 用の画像を割り当てる方法。

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