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

ニュース

-webkit-な機能を一部サポートしたOpera Mobile Emulatorの実験ビルドが公開 (fragmentary)
http://myakura.hatenablog.com/entry/2012/04/28/012635
国内No.1コミックサイト「コミックシーモア」iPhoneで配信開始 (NTTソルマーレ)
http://www.nttsolmare.com/press/2012/0425.html
「HTML5技術の採用により専用アプリケーションをダウンロードすることなく、コミック購入から閲覧まで全てブラウザ上で動作」

イベント・セミナー

第3回 HTML5+CSS3+JS de ゲーム勉強会 (ATND)
http://atnd.org/events/28384
2012/6/20(水) 19:30-22:00、渋谷周辺、無料。
スマートフォンブラウザ不具合特集 (SlideShare)
http://www.slideshare.net/HiroakiWakamatsu/ss-12718639
http://osaka.cssnite.jp/vol29/
4/27に行われた「CSS Nite in OSAKA VOL.29」のプレゼン資料。

サイト・アプリ

おしい！広島県
http://oc-h.jp/
HTML5でコーディングされている。有吉のインパクトが強すぎ。
Pile-o-Gears HTML5 Game (McFunkypants)
http://www.mcfunkypants.com/2012/pile-o-gears-html5-game/
http://creativejs.com/2012/04/pile-o-gears-speed-coding-with-jaws/
ブログ中の２番目の画像が既にゲーム画面。ギアみたいな迷路をジャンプして上へ昇っていく。カーソルキーで操作 (英語)

ツール

Application Craft - Developing a better way
http://www.applicationcraft.com/
HTML5+CSS+JavaScriptでiOS/Androidのネイティブアプリがブラウザ上で作れるらしい (英語)
HTML5の3つのサウンド出力に対応したリアルタイムサウンドライブラリ「pico-player.js」 (MOONGIFT)
http://www.moongift.jp/2012/03/20120308-3/
https://github.com/mohayonao/pico-player.js
編集中のHTML+CSSをリアルタイムに共有できるオンラインサービス「Cssizer」 (コリス)
http://coliss.com/articles/web-services/online-share-edit-html-and-css-in-real-time-cssizer.html
http://cssizer.com/
HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 (ClockMaker)
http://clockmaker.jp/blog/2012/02/html5_shuffletext/
web高速化のためのコーダー向け圧縮ツール・サービスまとめ (バシャログ)
http://c-brains.jp/blog/wsg/12/04/25-114526.php

TIPS

IE10互換性の考え方とCompat Inspector (Hiroshi Okunushi's Blog)
http://blogs.msdn.com/b/hirookun/archive/2012/04/29/10298783.aspx
Box2DVehicle
http://geoquake.jp/experimental/HTML5/Box2DVehicle/
HTML5 canvasで作られたクルマの物理シミュレーションみたいなの。カーソルキーで操作
html5でドラッグ＆ドロップの処理 (Web.fla)
http://the-zombis.sakura.ne.jp/wp/?p=1303
Dreamweaver/HTML5でiPhoneアプリ開発 その8: アプリがY!ロコに遷移するのを防ぐ (似非Web屋の知ったか日記)
http://ese-webya.info/?p=287
The Current State of HTML5 Forms Updated (Wufoo Blog)
http://www.wufoo.com/2012/04/11/the-current-state-of-html5-forms-updated/
HTML5 Formsの各ブラウザの対応度の最新版 (英語)

CSS3

Sandstone - Bedrock's Layer of CSS Love (Mozilla)
https://www.mozilla.org/b/en-US/sandstone/
Mozillaのサイトのビジュアルスタイルガイド (英語)
モバイル用に:targetや:checkedでつくるPure HTML5/CSS3なアコーディオンについて (ハブろぐ)
http://havelog.ayumusato.com/develop/css/e488_pure_html5_css3_accordion.html
パンくずリストをCSS3のみでスマートに表現する裏技 (エミュサーチLight)
http://logu.jp/bread-css-smart.html

SVG

SVGのMIME Type (mattintosh's note)
http://mattintosh.blog.so-net.ne.jp/2012-03-30_svg_mime-type

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