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

ニュース

HTML5を使ったらモバイルサイトの利用が28%向上した (TechCrunch)
http://jp.techcrunch.com/archives/20120409html5-features-drive-up-mobile-websites-usage-by-up-to-28/
注目すべき10のモバイルテクノロジー - 海外情勢を読み解く (ITpro)
http://itpro.nikkeibp.co.jp/article/COLUMN/20120330/388335/
今度のChrome OSはブラウザというよりWindowsに似ている (TechCrunch)
http://jp.techcrunch.com/archives/20120409googles-chrome-os-will-soon-look-more-like-windows-than-a-browser/
将来のFirefoxにはビデオチャットが内蔵されるか？ - WebRTCの実装を開発中 (TechCrunch)
http://jp.techcrunch.com/archives/20120409future-versions-of-firefox-could-feature-built-in-video-chat/
Windows 8で新設されるIE10の起動オプション (マイナビ)
http://news.mynavi.jp/articles/2012/04/09/windows8/

イベント・セミナー

enchant.js meetup! 東京 vol.2 (ATND)
http://atnd.org/events/26921
2012/4/21(土) 10:30-18:00、TKP神田ビジネスセンター (千代田区神田美土代町）
ありえるえりあミニ勉強会#1 - Sencha Touch (connpass)
http://connpass.com/event/421/
2012/4/25(水) 19:00、アリエル・ネットワーク (港区六本木)
スマートフォンにおけるアニメーション実装 - FlashからHTML5へシフトするには (SlideShare)
http://www.slideshare.net/ytksn/0322engineercafe-12124546
3/22に行われた「エンジニアカフェ x CyberX 技術勉強会 #2 - スマホ対応でJavaScript, HTML5はどう使う？」のプレゼン資料。
千葉商科大学 Webデザイン 2012 第1回：HTML5とは何か？ (yoppa org)
http://yoppa.org/cuc_webdes12/3643.html
http://yoppa.org/cuc_webdes12/3823.html
http://yoppa.org/cuc_webdes12/3870.html
大学の講義のプレゼン資料？ HTML5の概要説明。

サイト・アプリ

新デジタル会員サービス「読売プレミアム」、5月14日提供開始 (読売新聞)
http://www.yomiuri.co.jp/net/news/mobile/20120410-OYT8T00235.htm
HTML5で構築、iPhoneやAndroidの標準ブラウザで利用可能。

ツール

ブラウザゲームをスマホで操作できる！ jsdo.it WebSocket Controller (jsdo.it)
http://jsdo.it/controller/
これは面白い！どんな作品が出てくるか今後が楽しみ！
スクラッチ宝くじのような削ると見えてくるjQueryプラグイン「wScratchPad」を使うと面白いコンテンツが作れそう (Chrome Life)
http://www.chrome-life.com/javascript/5002/
http://www.websanova.com/plugins/websanova/scratchpad
HTML5 canvasを利用しているらしい。
HTML5のplaceholder属性をクロスブラウザ対応にするjQueryプラグイン「jQuery-Placeholder」 (小粋空間)
http://www.koikikukan.com/archives/2012/04/12-000300.php

TIPS

MSDNマガジン 年間総目次 2011 (akatukisiden's blog)
http://bit.ly/Hz1hXN

CSS3

Goodbye -9999px: A New CSS Image Replacement Technique (SitePoint)
http://www.sitepoint.com/new-css-image-replacement-technique/
http://coliss.com/articles/build-websites/operation/css/css-hack-new-image-eplacement-by-zeldman.html
CSSによるテキストの画像置換、text-indent: -9999px; ではない新手法 (英語)
[HTML5 Dev] CSS3丸わかり：RGBAとグラデーション (インターネットコム)
http://japan.internet.com/webtech/20120411/3.html
SPピグで見るCSS3活用事例 (サイバーエージェント公式クリエイターズブログ)
http://ameblo.jp/ca-1pixel/entry-11215557737.html
擬似クラスや属性セレクタ等でフィルタリング可能なCSSセレクターのシンプルなリファレンス (かちびと)
http://kachibito.net/web-design/css-selectors.html
http://vogtjosh.com/selectors/
CSS3で出来ている可愛いコンタクトフォーム - 封筒からお手紙が出てきます (InfinityScope)
http://infinityforest.net/home/archives/232
http://pehaa.com/2011/07/create-a-unique-contact-form-with-css3-transitions/
CSS3の「text-shadow」でタイポグラフィーをつくる (WebCreator Note)
http://bit.ly/HyoWYH

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