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

ニュース

HTML5/CSS3やモバイルへの対応を強化「Dreamweaver CS6」 (ガジェット通信)
http://getnews.jp/archives/202463
CSS3とjQuery Mobileに対応した「Fireworks CS6」 (ガジェット通信)
http://getnews.jp/archives/202472
最新のFlash Player/AIRとHTML5書き出しに対応した「Flash Professional CS6」 (ガジェット通信)
http://getnews.jp/archives/202448
Google Docsで450種類のウェブフォントが利用可能に。テンプレート数も増加してGoogle Driveなどにも対応 (TechCrunch)
http://jp.techcrunch.com/archives/20120502google-updates-google-docs-with-450-new-fonts-60-new-templates-and-more/
IEは平日にオフィスで、Chromeは休日に家で利用されている (インターネットコム)
http://japan.internet.com/wmnews/20120502/2.html?rss
中小企業が30秒でモバイルWebサイトを作れるノルウェー出身bMobilizedが$1.5Mを調達 (TechCrunch)
http://jp.techcrunch.com/archives/20120502diy-mobile-website-creator-bmobilized-raises-1-5m-series-a-prepares-to-take-on-dudamobile/
「中小企業の既存のWebサイトの、HTML5対応モバイル化を支援」

イベント・セミナー

CSS3 Transforms, Transitions & Animations (Eiji Kitamura)
http://slides.agektmr.com/css3_anim_basic/#1
3/27に行われた「Chrome TechTalk Night #2」のプレゼン資料。

サイト・アプリ

The Mobile Playbook (Google)
http://www.themobileplaybook.com/
グーグルからモバイルコンテンツを薦めるガイドライン的なモノ。コレ自体がHTML5/CSS3を多用してる (英語)
js1k demo submission by Philip Buchanan
http://js1k.com/2012-love/demo/1243
http://creativejs.com/2012/04/beauty-comes-in-small-packages/
1KB以内のJavaScriptを集めたサイト。HTML5 canvasで作られた3D作品。木の葉が飛んだり、水面に映ったり。ちょっと動作が重たい (英語)

ツール

HTML5-based MeeGo successor Tizen hits 1.0 milestone (Ars Technica)
http://arstechnica.com/business/news/2012/05/html5-based-meego-successor-tizen-hits-10-milestone.ars
https://www.tizen.org/
http://gihyo.jp/admin/clip/01/linux_dt/201205/03
http://dothtml5.com/archives/20110930_tizen.html
MeeGo後継のモバイルOS「Tizen」の1.0が出た。アプリはHTML5+CSS3+JavaScriptで開発するらしい (英語)

TIPS

Pointer Lock API (MDN)
https://developer.mozilla.org/en/API/Pointer_Lock_API?utm_source=html5weekly&utm_medium=email
モジラによるPointer LockなるAPIのチュートリアル (英語)
JavaScriptの顔認識ライブラリをチューニングしたら実用レベルになったという話 (Kanasansoft Web Lab)
http://www.kanasansoft.com/weblab/2012/05/computer_vision_for_real_time_processing.html

CSS3

メディアクエリーと相性がよさそうなCSS小技いくつか (ヨモツネット)
http://www.yomotsu.net/wp/?p=601
Retro Logo in pure CSS3 (Web Design Blog)
http://blog.romanliutikov.com/coding/retro-logo-in-pure-css3/
http://demo.romanliutikov.com/retro-logo-in-pure-css3-non-js-demo/
http://demo.romanliutikov.com/retro-logo-in-pure-css3-js-demo/
CSS3で作るレトロ風のロゴ。JavaScriptを使う版と使わない版が載ってる (英語)
Enhance Required Form Fields with CSS3 (Codrops)
http://tympanus.net/TipsTricks/EnhanceRequiredFields/
http://tympanus.net/TipsTricks/EnhanceRequiredFields/
CSS3で作る、入力必須項目を目立たせるフォーム、３パターン (英語)

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