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

ニュース

新人Webディレクターがデザイナーと喧嘩しないために読むと参考になるエントリまとめ7つ (W3Q)
http://w3q.jp/t/3772
PSVitaのHTML5ベンチがWiiUを逆転！ゲーム機最速の座に輝く！！ (はちま起稿)
http://blog.esuteru.com/archives/7051249.html
http://game.watch.impress.co.jp/docs/news/20130410_595295.html
http://av.watch.impress.co.jp/docs/news/20130410_595281.html
GDC 2013 任天堂ブースで「ウェブフレームワーク」をチェック、チームラボ制作のデモも収録 (インサイド)
http://www.inside-games.jp/article/2013/03/29/65163.html
http://www.gamebusiness.jp/article.php?id=7741
Firefox OSとは - ケータイ用語の基礎知識 (ケータイWATCH)
http://k-tai.impress.co.jp/docs/column/keyword/20130212_587308.html
久しぶりに起業してみて (suadd)
http://suadd.com/wp/blog/1868
「アプリもHTML5で書くFirefox OSが普及したら、サーバ側もNode.jsとかになって、まさかのJavaScript大勝利という結果がありうるのかも」

イベント・セミナー

HTML5 Carnival Fukuokaに参加してきた (大発見)
http://gurimmer.lolipop.jp/daihakken/2013/03/18/html5html5-carnival-fukuoka%E3%81%AB%E5%8F%82%E5%8A%A0%E3%81%97%E3%81%A6%E3%81%8D%E3%81%9F/
http://www.slideshare.net/shumpei/thought-and-practice-of-offline-first
2/9に行われた「HTML5 Carnival Fukuoka」のレポート記事。

書籍

サイト・アプリ

HTML5/JavaScriptでテトリス＆スネークゲーム (IDEA*IDEA)
http://www.ideaxidea.com/archives/2013/04/html5_js_tetris_snake_game.html
http://pochen.me/tetris
http://pochen.me/snake

ツール

見た目を綺麗に整列する！ブロックレベル要素の高さを揃えるJS3選 (LIG)
http://liginc.co.jp/web/js/jquery/22340
レスポンシブ対応で柔軟性に富んだグリッドを使いたいならこのフレームワーク「Extra Strength Responsive Grids」 (コリス)
http://coliss.com/articles/build-websites/operation/work/framework-extra-strength-responsive-grids.html
http://dfcb.github.io/extra-strength-responsive-grids/
https://github.com/dfcb/extra-strength-responsive-grids

TIPS

jQueryプラグインの先頭にセミコロンがある理由 (小粋空間)
http://www.koikikukan.com/archives/2013/04/09-003300.php
アプリケーション キャッシュ初心者ガイド (HTML5 Rocks)
http://www.html5rocks.com/ja/tutorials/appcache/beginner/
テーブル作成も楽々！Fireworksで表組みを作るのに役立つ拡張機能「Tables」がすごく便利 (キリンブログ)
http://kirinblog.com/tool/fireworks-extension-tables.html

CSS3

CSS3のborder-radiusで画像を円形に切り抜いてボーダーを付ける時のハック (スポット)
http://spot-web.jp/css3-border-radius-hack/
CSS3アニメーションを利用したサンプル (to-R)
http://blog.webcreativepark.net/2013/04/14-132920.html
http://blog.webcreativepark.net/sample/css/43/sample01.html

SVG

IE9をグラデーションに対応させる SVG (73log)
http://73log.jp/css3-ie9-gradient-svg/

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