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

ニュース

イベント・セミナー

Sencha TouchでHTML5アプリを作ってみる (SlideShare)

http://www.slideshare.net/tworks/sencha-touchhtml5

http://www.wankuma.com/seminar/20120225osaka47/

2/25に行われた「わんくま同盟大阪勉強会 #47」のプレゼン資料。

書籍

オライリー HTML5クックブック日本語版

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

2,940円、出版社：オライリージャパン、著：Christopher Schmitt / Kyle Simpson、訳：クイープ

サイト・アプリ

宝箱を食べたむしの子

http://kuri.nifty.com/mock/201206/parallax/

http://kuri.nifty.com/mock/201206/

http://internet.watch.impress.co.jp/docs/yajiuma/20120612_539487.html

HTML5で作られたウェブ絵本？画面右上の下向き矢印をクリックすると進む。最近流行りのパララックスな作り。

WebModular - HTML5/Javascriptモジュラーシンセサイザー (g200kg)

http://www.g200kg.com/jp/docs/webmodular/

http://sothis.blog.so-net.ne.jp/2012-06-11

http://www.dtmm.co.jp/item/1025

Web Audio APIで作られたモジュラーシンセサイザー。

恒星の直径による比較 - 宇宙ヤバイを可視化

http://antlabo.jp/html5/visualstory_star/

昨日のドラゴンボールのキャラクタの戦闘力の可視化の派生版。HTML5 canvasで作られている。

CSS Background Composer

http://glan.github.com/CSS-Patterns-Workbench/

https://github.com/glan/CSS-Patterns-Workbench

背景画像のジェネレータ。画面右上の「Layers」横の「+」でパターンを選択できる。HTML5で作られている (英語)

Chromatic Vision Simulator (Kazunori Asada)

http://asada.tukusi.ne.jp/webCVS/

https://twitter.com/asada0/status/211628989914165249

HTML5で作られた色のシミュレータ。WebRTCやWebGLを使っているらしい。

微分ってなあに？

http://irobutsu.a.la9.jp/movingtext/bibuntoha5/

アニメーションするグラフがHTML5で作られている。

怪盗ロワイヤルごっこ

http://www.hojamaka.com/game/murigee/10/

HTML5で作られたゲーム。

ツール

IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア「BrowseEmAll」 (コリス)

http://coliss.com/articles/build-websites/verification/cross-browser-testing-software-browseemall.html

自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」 (GIGAZINE)

http://gigazine.net/news/20120608-browserling/

ブラウザ上でサインを書けるjQueryプラグイン「jSignature」 (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/06/jqueryjsignatur.html

http://willowsystems.github.com/jSignature/

TIPS

HTML5アプリケーションをビルドする - モバイルエクスペリエンスの作成にHTML5を使用する (MSDNマガジン)

http://msdn.microsoft.com/ja-jp/magazine/hh975346.aspx

続 HTML5のrole属性を考える！実装後ブログはこう変わる (ごすてっぷ)

http://05step.com/2012/06/10/html5-role-nvda/

HTML5のmanifestを使ってみた (再び、失業SEの開発日誌)

http://blogs.dion.ne.jp/kotemaru/archives/10784016.html

黄金角を使ったひまわりの種の配置その２｜HTML5 (Hiroshi Ogawa)

http://wiredhiro.jp/blog/2012/06/08/%e9%bb%84%e9%87%91%e8%a7%92%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e3%81%b2%e3%81%be%e3%82%8f%e3%82%8a%e3%81%ae%e7%a8%ae%e3%81%ae%e9%85%8d%e7%bd%ae%e3%81%9d%e3%81%ae%ef%bc%92%ef%bd%9chtml5/

HTML5 WebSocket Cheat Sheet (DZone Refcardz )

http://refcardz.dzone.com/refcardz/html5-websocket

WebSocketのチュートリアル (英語)

HTML5 audio+JavaScriptで音声いじくって遊んだ (きしだのはてな)

http://d.hatena.ne.jp/nowokay/20120217#1329448924

古記事。

CSS3

CSS3アニメーションをJSで制御 (インフォマーク)

http://lab.informarc.co.jp/css/css3_animation_controlled_by_js.html

eCSSential (scottjehl | GitHub)

https://github.com/scottjehl/eCSSential

http://coliss.com/articles/build-websites/operation/javascript/js-ecssential.html

メディアサイズごとに読み込むCSSを切り替えるJavaScriptライブラリ。ライセンスはMITとGPL (英語)

IEとCSS3 (ウントメア的ブログ)

http://blog.livedoor.jp/undmeer/archives/8379074.html

リキッドレイアウトに便利なCSS3「box-sizing」プロパティ (MONODEZ)

http://monodez.com/?p=1092

古記事。

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