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

ニュース

HTTP 2.0の最初のドラフトが公開された (InfoQ)

http://www.infoq.com/jp/news/2012/12/http20-first-draft

イベント・セミナー

セミナー：12/18 放課後のHTML5 vol.2 - フロントエンドエンジニアのための学びと交流イベント (jsdo.it)

https://jsdo.it/event/h5after/vol2/

2012/12/18(火) 18:30-、DeNA (渋谷ヒカリエ)、無料

FlashPlayerを自作するSWF研究会 (＠IT)

http://www.atmarkit.co.jp/ait/articles/1212/10/news003.html

http://www.slideshare.net/yoyayoya1/how-to-read-swf

http://www.slideshare.net/KoheiMorino/swf-14450626

9/25に行われた「SWF研究会 #2」のレポート記事＆プレゼン資料。

書籍

書籍：フロントエンドエンジニアの教科書 - JavaScriptやHTML5/CSS3などの高度なWeb制作スキル

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

2730円、出版社：ソフトバンククリエイティブ、著：クロノドライブ

サイト・アプリ

WebGLを体感できるサービス・ソフトウェア19選 (MONNGIFT)

http://www.moongift.jp/2012/12/webgl-19/

要有料登録。

ツール

HTML5によるWebカメラの導入をサポートするjQueryプラグイン「Photobooth.js」 (かちびと)

http://kachibito.net/web-design/photobooth-js.html

http://wolframhempel.github.com/photobooth-js/

https://github.com/WolframHempel/photobooth-js

http://phpspot.org/blog/archives/2012/12/html5webcamphot.html

getUserMedia APIによるウェブカムを扱う「Photobooth.js - HTML5 Webcam for your website (WOLFRAM HEMPEL) 」

TIPS

Wii UのWebブラウザでHTML5ゲームをやってみると (Modern Syntax)

http://www.aivy.co.jp/BLOG_TEST/nagasawa/c/2012/12/wii-uwebhtml-5.html

http://www.lostdecadegames.com/wii-u-browser/

Wii UのウェブブラウザのHTML5対応度いろいろ。「The Wii U web browser's HTML5 gaming capabilities (Lost Decade Games) 」

見やすく使えるチートシートが満載な「OverAPI.com」 (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/12/overapicom.html

http://overapi.com/

「OverAPI.com - Collecting all the cheat sheets」

レスポンシブ用に画像を縮小するだけではなく、クロップにも対応させるテクニック (コリス)

http://coliss.com/articles/build-websites/operation/css/css-focal-point-intelligent-cropping-of-responsive-images-by-designshack.html

http://designshack.net/articles/css/focal-point-intelligent-cropping-of-responsive-images/

「Focal Point: Intelligent Cropping of Responsive Images (Design Shack) 」

CreateJSでHTML5向けのJavaScriptコーディングをしよう (Fumio Nonaka)

http://www.fumiononaka.com/Sample/JaGra/JaGra121108.html

CSS3

CSSのみで作れるアイコン配布サイト「One Div」 (Web活メモ帳)

http://blog.verygoodtown.com/2012/12/one-div-icons/

http://one-div.com/

http://phpspot.org/blog/archives/2012/12/divone_div.html

http://c-brains.jp/blog/wsg/14/05/19-150000.php

その名の通り１つだけのDIVとCSS3で作られたアイコンを集めたサイト「One div - The single element HTML/CSS icon database」

SVG

svgの描画品質に影響を与える操作・まとめ (ゲームミュージックと生存確認をかねた画期的な)

http://defghi1977-onblog.blogspot.jp/2012/11/svg_29.html

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