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

ニュース

MicrosoftがWindows Phone 8を発表 (PC Watch)
http://pc.watch.impress.co.jp/docs/column/kaigai/20120621_541567.html
「IE10のHTML5の仕様のサポートもより完全に」
WebSocketでWebを高速化するKaazingが新たに$17Mを調達 (TechCrunch)
http://jp.techcrunch.com/archives/20120620kaazing-17-million/
HTML5対応の「QNX CAR 2」を武器に日本自動車市場への取り組みを強めるQNX - アウディ、BMWに採用されたIVIシステムOSベンダー (Car Watch)
http://car.watch.impress.co.jp/docs/news/20120621_541580.html
オープンに舵を切るKDDI - Mozilla Factory参画の意義 (CNET)
http://japan.cnet.com/interview/35018468/
モバイル業界、UI/UX設計経験、HTML5の知識を高く評価・採用へ (＠IT)
http://jibun.atmarkit.co.jp/lcareer01/rensai/front/38/01.html
FacebookゲームのWooga、HTML5ゲーム「Pocket Island」をオープンソースで公開 (SourceForge)
http://sourceforge.jp/magazine/12/06/22/0356203
http://www.wooga.com/
https://github.com/wooga/Pocket-Island
http://www.wooga.com/2012/06/woogas-html5-adventure/
http://www.moongift.jp/2012/07/20120703-3/

イベント・セミナー

第4回 HTML5+CSS3+JS de ゲーム勉強会 (ATND)
http://atnd.org/events/30013
2012/7/18(水) 19:30-22:00、マイクロソフト (港区港南)、無料。
Platform.html5 - HTML5におけるこれからのマルチプラットフォーム (SlideShare)
http://www.slideshare.net/bathtimefish/platformhtml5
6/15に行われた「Corona勉強会 関西 」のプレゼン資料。

サイト・アプリ

HIGHLIGHT
http://www.keisatodesign.com/highlight/
長時間露光のカメラにペンライトで文字を書くようなアートのサイト。HTML5で作られている。

ツール

Uniform - Sexy forms with jQuery
http://uniformjs.com/
https://github.com/pixelmatrix/uniform
カッコいいデザインのフォームが作れるjQueryプラグイン。テーマが幾つかある。ライセンスはMIT (英語)

TIPS

HTML5で作るスマホWebアプリ開発チュートリアル (2) Flashみたいなサイト作れますよね？ HTML5＝リッチに潜む誤解を解く (マイナビ)
http://news.mynavi.jp/column/html5app/002/
浜俊太朗のHTML5マークアップ移行ガイド 第8回 input要素だけじゃない HTML5のフォーム新機能 (ASCII)
http://ascii.jp/elem/000/000/696/696721/
千葉商科大学 Webデザイン 2012 第9回 HTML5実践 - Three.jsで3Dプログラミング (yoppa)
http://yoppa.org/cuc_webdes12/3899.html
http://yoppa.org/cuc_webdes12/3942.html
http://yoppa.org/cuc_webdes12/3963.html
HTML5のバッテリーAPI (console.lealog)
http://lealog.hateblo.jp/entry/2012/06/12/222504

CSS3

CSS3 iPhone v0.1 (CodePen)
http://codepen.io/dylnhdsn/pen/iphone/21
http://dothtml5.com/archives/20111220_iphone4.html
CSS3で作られたiPhone 4。床面への反射など作りが細かい (英語)
Leica X1 (Mozilla Developer Network)
https://developer.mozilla.org/ja/demosdetail/leica/launch
CSS3+SVGで作られたデジカメのLeica X1。レンズ周りがSVGで、それ以外はCSS3らしい (英語)
CSS3だけで作るレスポンシブデザイン対応ナビゲーションバーの作り方 (アシアル)
http://blog.asial.co.jp/916
CSS3：メディアクエリで読み込むスタイルを制御しよう (MJ-WAVE)
http://mj-wave.com/archives/583
CSS3のtext-strokeとtext-shadowで文字の縁取り (アウトライン) を表現した時の違い (hazumu)
http://hazumu.net/blog/2012/06/14/css3%E3%81%AEtext-stroke%E3%81%A8text-shadow%E3%81%A7%E6%96%87%E5%AD%97%E3%81%AE%E7%B8%81%E5%8F%96%E3%82%8A%EF%BC%88%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%EF%BC%89%E3%82%92%E8%A1%A8/
CSS3 PIE (PIE.htc) が動作しないときに試したこと (PORT)
http://d-port.biz/blog/css3-pie/

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