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

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

ニュース

HTML5の歴史をサクッと把握できるたった1枚の画像 (和洋風KAI)

http://wayohoo.com/programming/html5/the-history-of-html5-in-infographic.html

http://walyou.com/html5-infographic/

Webブラウザシェアの移り変わりをビデオで見る - 世界がIEからChromeと移行していく様子をアニメーションで (インターネットコム)

http://japan.internet.com/wmnews/20120712/3.html

続：Web IntentsとSchema.orgの連携が模索され始めています (天使やカイザーと呼ばれて)

http://www.eisbahn.jp/yoichiro/2012/07/web-intents-schema-org-2.html

http://www.eisbahn.jp/yoichiro/2012/07/web-intents-schema-org.html

書籍

HTML5超入門 - HTMLって何？HTML5って何？頭と手を動かしてしっかり理解 (G-Search ミッケ！)

http://mikke.g-search.jp/QNBP_NSW/2012/20120801/QNBP353149.html

http://dothtml5.com/archives/20120706_clips.html#pickup1

最新の日経ソフトウエアのHTML5記事だけが電子書籍で売ってる。368円。ちなみに雑誌丸ごとは1180円。

サイト・アプリ

プレゼン資料の画面共有「miruzo みるぞう」 (イースト)

http://www.est.co.jp/press/120712.htm

http://miruzo.com/

「HTML5、WebSocket体験サイトを公開」

ツール

Webアプリ向けのJSフレームワーク「OxJS」 (@kachibito)

https://twitter.com/kachibito/status/223070378392698881

https://oxjs.org/

Google I/Oでスピーカーが使っていたHTML5スライドのひな形がオープンソースに。Markdownからコンバートするツール付き (Eiji Kitamura | Google+)

https://plus.google.com/107085977904914121234/posts/TozTonF9LAM

http://code.google.com/p/io-2012-slides/

レスポンシブウェブデザインにおけるJavaScriptの扱い。無駄なJSを実行しないようにする。jRespondというミニライブラリについて (@cssradar)

https://twitter.com/cssradar/status/223620321872330752

http://viget.com/inspire/managing-javascript-on-responsive-websites

https://github.com/ten1seven/jRespond

TIPS

Conway's Game of Life 3D

http://ando-yasushi.appspot.com/conways-game-of-life/gameoflife.html

http://d.hatena.ne.jp/technohippy/20120709

http://dothtml5.com/archives/20120710_clips.html#pickup4

また別のWebGLで作られた3Dライフゲームが。

Ember.js Docs 日本語訳 (Yuya Saito)

https://github.com/studiomohawk/emberjs-doc-translation/blob/master/ember.js-docs-translation.md

http://dothtml5.com/archives/20120520_clips.html#pickup4

HTML5なウェブアプリ向けのJavaScriptフレームワーク「Ember.js」の日本語ドキュメントが。

CSS3

Bewegung! Mit CSS3 Animations (t3n)

http://t3n.de/news/sponsored-post-bewegung-css3-400177/

IEのアイコンが落ちながら消えるCSS3チュートリアルをMS自身が紹介してる？？ (ドイツ語？)

SVGよりアイコン・フォント！な理由 (hail2u)

http://hail2u.net/blog/webdesign/why-icon-web-fonts-are-better-than-svg.html

CSS3アニメーションを時間ではなく、距離でコントロールするスクリプト「Approach」 (コリス)

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-approach.html

http://srobbin.com/jquery-plugins/approach/

https://github.com/srobbin/jquery-pageslide

CSS3を使った演出テクニックがすごいと話題に (KAYAC DESIGNER'S BLOG)

http://design.kayac.com/topics/2012/07/spec-vol4.php

How to Create Fancy Animated Buttons in Pure CSS3 (instantShift)

http://www.instantshift.com/demo/css3-animated-buttons/

http://www.instantshift.com/2012/07/12/how-to-create-fancy-animated-buttons-in-pure-css3/

マウスを合わせるとアニメーションするCSSボタン。ヌルヌルと変形する (英語)

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