HTML5/CSS3の情報をクリップ！

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

ニュース

Firefoxの安全の仕組みとは？ - Mozilla Japan浅井智也氏に聞く (マイナビ)

http://news.mynavi.jp/articles/2012/09/04/firefoxsafety/index.html

ツール

HTML5 Builder - The developer force multiplier for Windows 8 and Mac (エンバカデロ)

http://www.embarcadero.com/jp/products/HTML5-Builder

http://news.mynavi.jp/news/2012/09/05/004/

http://www.atmarkit.co.jp/news/201209/04/embarcadero.html

http://builder.japan.zdnet.com/ria-ajax/35021320/

http://internet.watch.impress.co.jp/docs/release/20120905_557392.html

http://cloud.watch.impress.co.jp/docs/news/20120905_557450.html

http://itpro.nikkeibp.co.jp/article/NEWS/20120904/420330/

http://www.mdn.co.jp/di/newstopics/25432/?rm=1

HTML5+CSS3+JSベースのモバイル向けウェブアプリと各種端末のネイティブアプリが作れるMac/Windows 8用のツール。３万円くらい。

モバイルに最適化したjQuery互換の「jqMobi」、バージョン1.1が公開 (Publickey)

http://www.publickey1.jp/blog/12/jqueryjqmobi11.html

http://www.jqmobi.com/

https://github.com/appMobi/jQ.Mobi

http://dothtml5.com/archives/20120316_jqmobi.html

Adobe Edge Animate今だけ無料公開中！Adobe製のHTML5ベースのアニメーション製作ソフトの本気度が凄すぎる！ (アプギガ)

http://plus.appgiga.jp/masatolan/2012/09/03/30786/

http://www.adobe.com/jp/products/edge.html

http://dothtml5.com/archives/20101026_adobe_edge.html

http://dothtml5.com/archives/20110802_adobe_edge.html

TIPS

http://airtightinteractive.com/demos/js/webcammesh/

http://creativejs.com/2012/08/webcammesh-webcam-3d-depth-map/

getUserMediaとWebGLを利用して、ウェブカムの動画をリアルタイムに3Dメッシュ状にするデモ (英語)

Canvascape - 3D Walker (Ben Joffe)

http://www.benjoffe.com/code/demos/canvascape/

http://www.benjoffe.com/code/demos/canvascape/textures

HTML5 canvasで作られた3Dのウォークスルーデモ。ジャンプやビームも撃てるけど敵は出てこない。テクスチャ版もあり (英語)

HTML5で作るスマホWebアプリ開発チュートリアル (4) HTML5のvideoタグが可能にするリッチな表現と実装上の課題 (マイナビ)

http://news.mynavi.jp/column/html5app/004/

WebStorageを使って「安全」なフォームを作る。長文が消えたりしても復帰できるようにする (@cssradar)

https://twitter.com/cssradar/status/242819349403037696

http://www.netmagazine.com/tutorials/make-disaster-proof-html5-forms

JavaScriptの変数のスコープをきちんと理解しているかクイズで確認してみよう「Javascript Scope Quiz」 (コリス)

http://coliss.com/articles/build-websites/operation/javascript/online-javascript-scope-quize.html

http://madebyknight.com/javascript-scope/

マウスの方向に遅延して回転するオブジェクト｜HTML5 (Hiroshi Ogawa)

http://wiredhiro.jp/blog/archives/1672

CSS3

jQueryの書き方でCSS3アニメーションが可能な「jquery.animate3.js」を使ってみた (ryodesignblog)

http://blog.ryodesign.net/2012/08/23/jquery-transition-animate/

http://blog.webcreativepark.net/2012/08/13-035340.html

3D CSS3 Book Generator with jQuery (Script Tutorials)

http://www.script-tutorials.com/demos/304/

http://www.script-tutorials.com/3d-css3-book-generator-with-jquery/

CSS3+jQueryで本のページめくりを実装するチュートリアル (英語)

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