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

ニュース

「JavaScriptのAPIを使って新しいルールを作れる」

「WebMatrix 2」がリリース候補版に、Node.jsサポートやAzure連携を追加 (窓の杜)

http://www.forest.impress.co.jp/docs/news/20120608_538907.html

http://dothtml5.com/archives/20101007_ms_webmatrix.html

HTML5にも対応、コード補完機能やテンプレートなど。

Facebook、モバイルアプリセンター「App Center」を正式にローンチ (CNET)

http://japan.cnet.com/news/service/35017946/

HTML5の普及には、センタライズされたフリーミアムが不可欠？ (Agile Cat - in the cloud)

http://agilecat.wordpress.com/2012/06/07/html5-%E3%81%AE%E6%99%AE%E5%8F%8A%E3%81%AB%E3%81%AF%E3%80%81%E3%82%BB%E3%83%B3%E3%82%BF%E3%83%A9%E3%82%A4%E3%82%BA%E3%81%95%E3%82%8C%E3%81%9F%E3%83%95%E3%83%AA%E3%83%BC%E3%83%9F%E3%82%A2/

イベント・セミナー

Mobile5 - HTML5の現状とこれから (ATND)

http://atnd.org/events/29878

2012/7/2(月) 19:00-21:00、豆蔵 (新宿区西新宿)、無料「モバイルにおけるHTML5の現状と今後の予想」「組込み機器におけるHTML5の意味」「ウェブ標準とは一体何だったのか？HTML5ができるまでの苦悩とこれからの未来」「HTML5は流行るのか？」

サイト・アプリ

Super Mario World

http://www.florian-rappl.de/html5/projects/SuperMario/

HTML5 canvasで作られてスーパーマリオ的な何か。マップエディタも実装されてるw (独語？)

HTML5 (WebAudioAPI) で書かれたマルチトラックのオーディオエディタ (@yukio_tada)

https://twitter.com/yukio_tada/statuses/210321994309320706

http://www.stud.fit.vutbr.cz/~xmyler00/audiee/

「Audiee」

計算の面倒な三角関数等を図形を元にした入力ベースで計算してくれる便利アプリ「Trigonometry Calculator」 (Html5 Collect)

http://jp.html5collect.net/%e8%a8%88%e7%ae%97%e3%81%ae%e9%9d%a2%e5%80%92%e3%81%aa%e4%b8%89%e8%a7%92%e9%96%a2%e6%95%b0%e7%ad%89%e3%82%92%e5%9b%b3%e5%bd%a2%e3%82%92%e5%85%83%e3%81%ab%e3%81%97%e3%81%9f%e5%85%a5%e5%8a%9b%e3%83%99/

http://www.visualtrig.com/

ツール

Select2 - a jQuery based replacement for select boxes.

http://ivaynberg.github.com/select2/

https://github.com/ivaynberg/select2

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-select2.html

セレクト要素を拡張するjQueryプラグイン。検索窓付きの選択ボックスなど。ライセンスはApache License v2 (英語)

TIPS

Firefox 13におけるHTML5 canvas要素のアクセシビリティ (WWW WATCH)

http://hyper-text.org/archives/2012/06/html5_canvas_accessibility_firefox13.shtml

Apache Cordovaを使ってWindows PhoneのHTML5アプリを開発する (MSDNマガジン)

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

HTML5 Canvas with JSX (葡萄酒の雑記集 2.0 笑)

http://d.hatena.ne.jp/Vieno/20120607/1339096872

http://d.hatena.ne.jp/santarh/20120607/1339092287

HaxeでCocos2d-html5使ってみた。extern用意しなくてもuntypedつければなんとかなるし、その状態でもFlashDevelopの恩恵受けられる (@k0rin)

https://twitter.com/k0rin/statuses/210731553939132416

http://geoquake.jp/experimental/Haxe/Cocos2DTest/

空間を移動しながらCubeを配置して大きな構造物を作れるツールデモ「Dcubic 2.0」 (@xlune)

https://twitter.com/xlune/statuses/210964596792623104

http://www.dcubic.net/html5/app.php

HTML5とCSS3をIE対応させるにはこの2つでいい？ブログを対応させる時に使った方法を書いたよ！ (アカメ女子のWebメモ)

http://webmemo.biz/html5-css3

[html5] input type=numberのスピンボタンを非表示に (きほんのき)

http://kihon-no-ki.com/input-type-number-spin-button-hide

ChromeでonPopStateが通常のページロード時にも呼ばれる件について (html5j.org | Googleグループ)

https://groups.google.com/forum/?hl=ja%3De2f50d96aa1fc0ff&fromgroups#!topic/html5-developers-jp/RlwIZCW3-bo

HTML5: Access Battery status through javascript (Smartjava)

http://www.smartjava.org/content/html5-access-battery-status-through-javascript

Battery Status APIのチュートリアル (英語)

CSS3

CSS Hat - turns Photoshop layer styles to CSS3 with a click

https://csshat.com/

http://www.monogocoro.jp/2012/06/08/css-hat.html

http://webdelog.info/2012/06/tools/css-hat/

http://blog.r-thinka.com/?p=716

PhotoshopのレイヤースタイルをCSSに変換してくれるMacアプリ。Appleの審査が下りなかったようでgumroadでの支払いになってる (英語)

Twitter Logo in CSS (@upperdog_se)

http://labs.upperdog.se/twitter-logo-in-css/

Twitterの新ロゴをCSSだけで再現。マウスを載せると円だけで作られているのが分かる (英語)

シンプソンズのホーマーをCSS3のみで描く (アバニエス)

http://abanies.com/css3/pure-css3-homer.html

https://developer.mozilla.org/en-US/demos/detail/pure-css3-homer

css3 word-break word-wrap 禁則処理について考える (web帳)

http://www.webcyou.com/?p=3612

CSS3を始める前に知っておくこと2012年6月ぐらい (構想雑文)

http://blog.livedoor.jp/unahide/archives/52962292.html

Xperia系のCSS3バグのメモ (blog.cdbk.net)

http://blog.cdbk.net/2012/06/xperia-css-bug.html

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