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

ニュース

“Flash＋AIR”でアプリの開発支援、HTML5対応も強化 - Adobeのモバイル戦略 (ITmedia)
http://www.itmedia.co.jp/promobile/articles/1204/06/news103.html
UEI、HTML5/JavaScriptベースのゲームエンジン「enchant.js」にアバターシステムを追加 (CodeZine)
http://codezine.jp/article/detail/6520
意外？ Windowsで最速のブラウザはIE9との調査結果をNew Relicが発表 (RBB TODAY)
http://www.rbbtoday.com/article/2012/04/06/88121.html
Google Chromeのシェア、アジア地域でトップに (インターネットコム)
http://japan.internet.com/wmnews/20120404/1.html

イベント・セミナー

Internet Explorer 10とマイクロソフトにとってのHTML5 (SlideShare)
http://www.slideshare.net/ykasugai/ie10mshtml5-cssnite
http://cssnite-okayama.jp/vol02/
4/7に行われた「CSS Nite in OKAYAMA Vol.2」のプレゼン資料。

サイト・アプリ

音楽とクリックイベント以外はJS無しで高度なCSS3アニメーション「Happy Easter!」 (@kachibito)
https://twitter.com/#!/kachibito/status/189163090196185088
http://marynaaleksandrova.info/labs/happy-easter/

ツール

CSS3による様々なエフェクトが選択可能なレスポンシブWebデザイン対応イメージスライダーを実装するjQueryプラグイン「REFINESLIDE」 (かちびと)
http://kachibito.net/web-design/refineslide.html
http://alexdunphy.github.com/refineslide/
https://github.com/alexdunphy/refineslide
これは格好いい。Windows 8のMetro UIをHTML5で再現「Metro UI CSS」 (MOONGIFT)
http://www.moongift.jp/2012/04/20120406-2/
http://metroui.org.ua/
http://phpspot.org/blog/archives/2012/11/windows8cssmetr.html

TIPS

[HTML5 Dev] ドキュメント ヘッダの最適化テクニック (インターネットコム)
http://japan.internet.com/webtech/20120409/6.html
Flash (papervision3d) jQuery (rotate.js) html5 それぞれにおける3D作成方法 (SUPER C)
http://bit.ly/Hu6spo
HTML5とCSS3で作成するiphoneサイト_メモ (For Want Of A Better Word)
http://d.hatena.ne.jp/fz6/20120401/1333261031
document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 (ゆっくりと…)
http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/script-async-loading-in-iframe/
Shibuya.XSSで発表してきました (@bulkneets)
http://subtech.g.hatena.ne.jp/mala/20120405/1333620763

CSS3

CSS3 Animated Loading Bar (Lee Munroe)
http://www.leemunroe.com/css3-animated-loading-bar/
CSS3で作るアニメーションするローディング・バー (英語)
Nokia Lumia 900 in CSS3 (Chris Heng)
http://kuanyen.net/lumia/
CSS3 transformで作られたWindows Phone端末Nokia Lumia 900。マウスをドラッグで動かせる。液晶の光の反射とか作り込みが凄い (英語)
Awesome CSS3 Photo Gallery (DZone)
http://css.dzone.com/articles/awesome-css3-photo-gallery
JavaScriptナシのCSS3だけで作るポラロイド風の画像ギャラリー (英語)
余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション (コリス)
http://coliss.com/articles/build-websites/operation/javascript/mobile-navigation-tutorial-by-webdesignerwall.html
http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial
How to create Calendar using jQuery and CSS3 (joomlavision)
http://www.joomlavision.com/how-to-create-calendar-using-jquery-and-css3-tutorial/
CSS3+jQueryでカレンダー実装のチュートリアル (英語)

SVG

Dreamweaver＋SVG：SVGとHTMLを組み合わせる方法 (Adobe Developer Connection)
http://www.adobe.com/jp/devnet/dreamweaver/articles/dreamweaver_svg_02.html
ヨモツネット／ピクセルグリッドの小山田さんの記事
続・AndroidのボタンをSVGで描画するには？ローテクだけど高速版 (琴線探査)
http://kinsentansa.blogspot.jp/2012/04/androidsvg_06.html

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