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

ニュース

「Native Client対応パッチ導入」

イベント・セミナー

わかる！Web CMS選択術2012 + HTML5 CMS (Web担当者Forum)

http://web-tan.forum.impressrd.jp/e/2012/05/23/12714

4/19に行われた「Web担当者Forumミーティング 2012 Spring」のレポート記事。

書籍

Sass入門 - より効率的なCSSコーディング

https://gihyo.jp/dp/ebook/2012/978-4-7741-5123-6

電子書籍、1,400円、出版社：Gihyo Digital Publishing、著：上村光星／富田梓／對馬慶子／山田敬美

サイト・アプリ

Euphony

http://qiao.github.com/euphony/

https://github.com/qiao/euphony

http://dothtml5.com/archives/20120319_color_piano.html

HTML5 canvasで作られたピアノのビジュアライザ。3Dで鍵盤の音の鳴る部分が色で流れてくる。215曲ほど用意されているが、MIDIファイルもドラッグ＆ドロップできる。ソースも公開されてる (英語)

WebAudioToy

http://uglyhack.appspot.com/webaudiotoy/

http://code.google.com/p/uglyhack/

フィルターを繋げて音を生成できる。その名の通りWebAudio APIを使っているらしい。ソースもGPL v3で公開されてる (英語)

Responsive Web Design JP - 日本国内の秀逸なレスポンシブWebデザインを集めたアーカイブサイト

http://responsive-jp.com/

ツール

Mac専用の美しいWebオーサリングツールCodaのiPad版「Diet Coda」が近日リリースへ (iPad Creator)

http://necojarashi.blogspot.jp/2012/05/macwebcodaipaddiet-coda.html

http://www.panic.com/jp/dietcoda/

http://itunes.apple.com/jp/app/diet-coda/id500906297?mt=8

なんとiPad版のCodaも出るらしい！期間限定で850円。

Spaceport.io Mobile Gaming Engine

http://spaceport.io/

http://www.pocketgamer.biz/r/PG.Biz/Sibblingz+platform/feature.asp?c=41227

モバイル向けのHTML5ゲームエンジン。Flashからも変換できる？ (英語)

TIPS

WebGL : 80000 particles

http://minimal.be/lab/fluGL/index80000.html

80,000個のパーティクルのWebGLデモ。幻想的。画面を適当にクリック (英語)

囲まれた庭からの脱却を目指すアプリ開発第1回ネイティブアプリで作る？Webアプリで作る？ (Think IT)

http://thinkit.co.jp/story/2012/05/22/3561

http://appmobi.lexues.co.jp/?p=210

HTML5のCanvasによる20個のフィルタまとめ (NAVERまとめ)

http://matome.naver.jp/odai/2132945917976569401

既にここまで出来るWebGLのデモ 22 (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/05/webgl.html

初めてのPhoneGap: JavaScriptとHTML5のモバイルWebフレームワーク (Project Hews)

http://d.hatena.ne.jp/hkinami/20120521/p1

Hype - HTML5で作ったMac OS X - Dock風キューブ箱形SNSボタン (@iGoMV)

https://twitter.com/#!/iGoMV/statuses/204517780622557185

http://dl.dropbox.com/u/30699595/CubeBox/CubeBox.html

[HTML5 & jQuery] iPhone/Android入力フォームの制御方法 (case:MobileDesign!)

http://case-mobile-design.com/?p=1799

JS Days Mobile Meow (SlideShare)

http://www.slideshare.net/gregthebusker/js-days-mobile-meow

GoogleのYouTube担当者によるHTML5 videoのプレゼン資料 (英語)

CSS3

HTML5アプリ作ろうぜ！第3回「LESS＆専用エディター」でCSSをシンプルに書こう (＠IT)

http://www.atmarkit.co.jp/fwcr/design/tool/html5app03/01.html

http://www.atmarkit.co.jp/ait/articles/1205/23/news117.html

CSS3 Transitionでアニメーションさせてみる (Web.fla)

http://the-zombis.sakura.ne.jp/wp/?p=1384

Creating an Animated 3D Bouncing Ball with CSS3 (Codrops)

http://tympanus.net/Tutorials/CSS3BouncingBall/

http://tympanus.net/codrops/2012/05/22/creating-an-animated-3d-bouncing-ball-with-css3/

http://tmlife.net/web/css3/css3-3d-ball-bound.html

JavaScirptナシのCSS3だけで作られた跳ねるボール。影とか床に着いた瞬間に潰れる具合とか (英語)

Musical drop down menu (Script Tutorials)

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

http://www.script-tutorials.com/musical-drop-down-menu/

JavaScriptナシのCSS3だけで作られたドロップダウンメニュー。ワンテンポ遅い (英語)

SVG

Raphael.jsを勉強したいのでいろんなサイトまとめ (バシャログ)

http://c-brains.jp/blog/wsg/12/05/21-205200.php

Scalable Vector Graphics: Drawing Basics (SitePoint)

http://www.sitepoint.com/svg-drawing-basics/

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

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