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

ニュース

スマートデバイスの企業導入はマルチOSがトレンド - HTML5に注目集まる (ITmedia)
http://www.itmedia.co.jp/promobile/articles/1211/21/news074.html

イベント・セミナー

スマートテレビHTML5アプリ作成セミナーのお知らせ (Opera)
http://my.opera.com/chooseopera-Japan/blog/2012/11/20/html5
2012/11/29(木) 14:00-18:00、Opera (目黒)、多分無料。

サイト・アプリ

LocalStorageを使用するシンプルで軽量なモックアップ作成ツール「mockup-designer」 (かちびと)
http://kachibito.net/web-design/mockup-designer.html
http://fatiherikli.github.com/mockup-designer/
https://github.com/fatiherikli/mockup-designer/

ツール

Webブラウザ上で動作するmruby「JsMruby」 (MOONGIFT)
http://www.moongift.jp/2012/11/20121124/
https://github.com/masamitsu-murase/JsMruby
軽量Rubyのmrubyをブラウザ上で動かすプロジェクト。
jQueryのプラグイン33+1選 -2012年10/11月 (コリス)
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2012-nov.html

TIPS

Webkitに最適化されたサイトをIE10に適応させるためのガイド (WWW WATCH)
http://hyper-text.org/archives/2012/11/adapting_webkit_site_ie10.shtml
http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx
「Adapting your WebKit-optimized site for Internet Explorer 10 (Windows Phone Developer Blog) 」の和訳。
HTML5 × CSS3 × jQueryを真面目に勉強 #9 CSS3アニメーション Transition (クラスメソッド)
http://dev.classmethod.jp/ria/html5/html5-x-css3-x-jquery-9-css3transition/
WebCamで撮影をHTML5で実現するデモ (phpspot開発日誌)
http://phpspot.org/blog/archives/2012/11/webcamhtml5.html
http://davidwalsh.name/demo/camera.php
http://davidwalsh.name/browser-camera
HTML5のFile APIでドラッグ＆ドロップする (TECHSCORE)
http://www.techscore.com/blog/2012/11/12/html5-%E3%81%AE-file-api-%E3%81%A7%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%99%E3%82%8B/

CSS3

さらばmozとoのdevice-pixel-ratio (fragmentary)
http://myakura.hatenablog.com/entry/2012/11/20/011054
「Firefox 16とOpera 12.10からメディアクエリーのresolutionとdppxが使える」
Adaptive Thumbnail Pile Effect with Automatic Grouping (Codrops)
http://tympanus.net/Development/Stapel/
http://tympanus.net/codrops/2012/11/21/adaptive-thumbnail-pile-effect-with-automatic-grouping/
画像をグルーピングさせてクリックすると広がるjQueryエフェクト３種 (英語)

SVG

インラインSVGの基本まとめ (スターフィールド)
http://sterfield.co.jp/designer/%E3%82%A4%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3svg%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%BE%E3%81%A8%E3%82%81.html

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