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

ニュース

スマホユーザーはなぜ最新ブラウザー技術を使えないのか (日経トレンディネット)
http://trendy.nikkeibp.co.jp/article/pickup/20120510/1040901/
HTML5のロゴが入ったモナカもらった！ (@tkpitter)
http://p.twipple.jp/UN8Iv
HTML5コミックビューアに対応した新電子書籍サーバーソリューションを提供 (CNET)
http://japan.cnet.com/release/30019555/
http://www.bsreader.net/comicdc/
http://ebook.itmedia.co.jp/ebook/articles/1205/14/news109.html
ノイアンドコンピューティング、HTML5で記述したスマートフォン向けウェブページをフィーチャーフォン向けに変換するソリューション「ELIXIR5」を提供開始 (＠Press)
http://www.atpress.ne.jp/view/27290
http://elixir.neu.co.jp/
ハイブリッドWebアプリ開発に対して警鐘を鳴らす (html5j.org | Googleグループ)
https://groups.google.com/forum/?hl=ja%3Dbff3aa78d6d18877&fromgroups#!topic/html5-developers-jp/Hh1v49-hvzU
http://ajax.dzone.com/articles/response-shell-anti-phonegap
http://sandofsky.com/blog/shell-apps.html
http://www.publickey1.jp/blog/12/phonegap_1.html
画面下にスクロールさせると大勢の方が議論されてる。
iPad, iPhoneアプリで散々な目にあった欧米の雑誌出版社の話 (Anone、Anone)
http://d.hatena.ne.jp/anone200909/20120514/1336948653

イベント・セミナー

HTML5 Boilerplateを詠む会 Part 1 (ATND)
http://atnd.org/events/28814
2012/5/18(金) 18:00-21:00、ユニバ (渋谷区神宮前)、無料。

サイト・アプリ

鞍知on鞍知 クラッチオンクラッチ
http://www.cluch.jp/
名古屋のデザイン会社のサイトがHTML5で作られている。素敵。

ツール

[HTML5] 世界一インストールが簡単なWikiをリリースしました (DQNEO起業日記)
http://dqn.sakusakutto.jp/2012/05/jswikimini2-localstorage-javascript.html
http://dqn.sakusakutto.jp/2012/05/html5-firefox-localstorage-localfile.html
http://www.publickey2.jp/2012/05/wiki.html
「Firefoxでfile://のlocalStorageが動くようになったので、HTML5/localStorage機能を実装してみた」
HTML5/JavaScriptで企業向けモバイルアプリを開発するためのフレームワーク「Yubizo Engine」と「CLOMO」 (Publickey)
http://www.publickey1.jp/blog/12/prhtml5javascriptyubizo_engineclomo.html
http://www.i3-systems.com/mobile_application_development.html
http://www.i3-systems.com/cloud_mobile_management.html

TIPS

Catch on HTML5 (IMAGICA Imageworks)
https://www.imagica-imageworks.co.jp/catchonhtml5/
IMAGICA ImageworksによるHTML5の解説コンテンツ。
[HTML5 Dev] HTML5のオーディオ再生機能 (インターネットコム)
http://japan.internet.com/webtech/20120514/7.html
@wksさんが考える#sabaelod→OSM→HTML5の活用方法 (Togetter)
http://togetter.com/li/302158

CSS3

Tutorial for a CSS3 animated hover effect (WebDesignShock)
http://www.webdesignshock.com/css3-thumbnail-hover-effect/
http://jsfiddle.net/ShockFamily/Mdm9x/light/
JavaScriptナシのCSS3だけで作る、要素にマウスを載せると輝くようなエフェクト (英語)
そのベンダー接頭辞はいつまで書くの？ (Unformed Building)
http://unformedbuilding.com/articles/when-can-we-remove-the-css-vendor-prefix/
CSS3 PIEでIEでも背景に複数の画像を使用する (ライラックミモザ)
http://lilacmimosa.jp/blog/archives/1391
リストの横並び時に生まれるliの隙間を解決する5つの方法
http://creators-manual.com/htmlli/
Picture Frame Using Box Shadows (CSSDeck)
http://cssdeck.com/item/372/picture-frame-using-box-shadows
CSS3で作る、画像のまわりの額縁のようなフレーム。画像も使っていない (英語)
CSS transitions triggered with jQuery demo (.net magazine)
http://www.netmagazine.com/files/tutorials/demos/2012/03/get-more-out-of-your-css-transitions-with-jquery/demo/demo.html
http://www.netmagazine.com/tutorials/get-more-out-your-css-transitions-jquery
CSS3+jQueryで作る、クリックすると板が落ちて文字が透過するデモ (英語)
HTML5 & CSS3 Toggle SlidUp SlideDown (WebsTutorial)
http://demo.webstutorial.com/css3-toggle/
http://www.webstutorial.com/html5-css3-toggle-slideup-slidedown/html-5
JavaScriptナシのCSS3だけで作る、アコーディオンメニュー。クリックで開くタイプ、アニメーションはしない (英語)

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