HTML5/CSS3の情報をクリップ！

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

ニュース

Opera、WebRTC仕様のカメラサポート機能を導入 (マイナビ)

http://news.mynavi.jp/news/2012/04/19/010/

http://my.opera.com/desktopteam/blog/2012/04/17/camera-getusermedia-support

米Yahoo!、「Do Not Track」を「夏までに全世界で実装」と発表 - Mozilla、Google、Microsoftに続く (INTERNET Watch)

http://internet.watch.impress.co.jp/docs/news/20120330_522708.html

http://ycorpblog.com/2012/03/29/yahoo-do-not-track/

HTML5 (WebSockets) の脆弱性？ (InfoQ)

http://www.infoq.com/jp/news/2012/03/websockets-security

http://www.infoq.com/news/2012/03/websockets-security

スパイスボックスとjActionプロジェクト、Facebookモバイル向けプロモアプリ企画・開発サービスを提供 (Web担当者Forum)

http://web-tan.forum.impressrd.jp/n/2012/04/18/12618

「HTML5の表現力を駆使したアプリの企画・開発を行う。」

なぜCoffeeScriptがダメか (冬通りに消え行く制服ガールは夢物語にリアルを求めない)

http://subtech.g.hatena.ne.jp/cho45/20120402/1333366338

ツール

Storage.js, Simple HTML5 Page Edits (Ethan Kramer)

http://ek.alphaschildren.org/projects/storagejs/

https://github.com/ekdevdes/storage.js

contenteditable属性を持った要素の変更点をHTML5のローカルストレージに保存できるjQueryプラグイン。ライセンスはMITとGPL (英語)

TIPS

HTML5タグ入門 / CSS3リファレンス (IT用語辞典バイナリ)

http://html5.sophia-it.com/

http://css3.sophia-it.com/

HTML5/CSS3のチュートリアル、TIPS、リファレンスなどが掲載されてる。

HTML5を使ってセマンティックなWebサイトを作ろう第1回検索結果をより目立たせるマークアップとは？ (Think IT)

http://thinkit.co.jp/story/2012/04/18/3524

今さら聞けないHTML5総おさらい第1回 HTML5の新機能、HTML4との違い (Think IT)

http://thinkit.co.jp/story/2012/04/17/3518

ゼロからはじめるレスポンシブWebサイトを作るために勉強できるサイトをまとめました (HTML5でサイトをつくろう)

http://www.html5-memo.com/html5/responsive/

IE10で動くHTML5アプリ実装例「File APIを利用したアプリ」 (CodeZine)

http://codezine.jp/article/detail/6500

最新ブラウザ「Internet Explorer10」と「HTML5」のAPI紹介 (1)

IE10で動くHTML5アプリ実装例「Indexed Database APIを使用したフィード取得アプリ」 (CodeZine)

http://codezine.jp/article/detail/6501

最新ブラウザ「Internet Explorer10」と「HTML5」のAPI紹介 (2)

IE10で動くHTML5アプリ実装例「Node.jsとSocket.IOを使用したリアルタイムアプリ」 (CodeZine)

http://codezine.jp/article/detail/6502

最新ブラウザ「Internet Explorer10」と「HTML5」のAPI紹介 (3)

CSS3

文字を制限した軽量な日本語Webフォントを作成する方法 (てっく煮ブログ)

http://d.hatena.ne.jp/nitoyon/20120419/tiny_jp_webfont

Pure CSS3 Classic Train (Mozilla Developer Network)

https://developer.mozilla.org/en-US/demos/detail/pure-css3-classic-train/launch

CSS3だけで作られたSL。動き出しそう！

Webグラフィックをハックする (1) 5分でわかるCSSグラフィック (＠IT)

http://www.atmarkit.co.jp/fwcr/design/benkyo/webgraphics01/01.html

http://www.atmarkit.co.jp/fwcr/design/benkyo/webgraphics01/sample.html

http://www.atmarkit.co.jp/ait/articles/1204/18/news133.html

[HTML5 Dev] CSS3 丸わかり：セレクタ (インターネットコム)

http://japan.internet.com/webtech/20120416/6.html

時代はCSS3ですよ！！デザインチームCSS3講座 (レキブロ)

http://blog.lexues.co.jp/?p=9877

CSS3でMONTBLANCカラーを作ってみる (Faineant Lapin)

http://faineant-lapin.net/?p=197

SVG

Webで公開するベクター画像をDropboxから読み込み、後から画像を更新する (hacklabo)

http://hacklabo.com/?cat=284

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