HTML5/CSS3のニュースやTIPSなどのまとめ (2013年3月16日)

ニュース

KDDIのHTML5解説必読 → IT格差の拡大防止が緊要 (SANARI PATENT)
http://sanaripatent.blogspot.jp/2013/02/kddihtml5it.html

ツール

いろんな種類のツールチップを簡単実装できる「Opentip」 (phpspot開発日誌)
http://phpspot.org/blog/archives/2013/02/opentip.html
http://www.opentip.org/
https://github.com/enyo/opentip
ツールチップを実装できるJavaScriptライブラリ。HTML5 canvasなところが珍しい。
Fresco - jQuery：エレガントでレスポンシブデザイン対応のLightboxプラグイン (@webcreatorbox)
https://twitter.com/webcreatorbox/status/291740439441195009
http://www.frescojs.com/
http://www.queness.com/post/13518/fresco-elegant-and-responsive-jquery-lightbox-plugin
指定した画像のサムネイルを作ってくれるAPI「rethumb」 (100SHIKI)
http://www.100shiki.com/archives/2013/02/rethumb.html
http://rethumb.com/
表示サイズに合わせて、さまざまな要素のサイズやレイアウトをアニメーションで変更するスクリプト「JResponsive」 (コリス)
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jresponsive.html
http://jresponsive.is-great.net/
https://github.com/dtuyenle/JResponsive
jQueryとCSS3を使った円形の画像がフリップするスライドショー (CREAMU)
http://blog.creamu.com/mt/2013/03/jquerycss3.html
http://www.jqueryscript.net/slideshow/Circular-Slideshow-Plugin-with-jQuery-CSS3.html
「Circular Slideshow Plugin with jQuery and CSS3 - jQuery Slideshow Plugins Download」

TIPS

Webシステムのフロントエンド高速化で最初にやるべきこと (かみやんの技術者日記)
http://d.hatena.ne.jp/kamiyan2/20130217
[jQuery] ページ内の見出しに合わせて目次を自動生成する (かちびと)
http://kachibito.net/snippets/simple-auto-table-of-content

CSS3

面倒なCSS3、linear-gradientを使いやすくまとめてみた (バシャログ)
http://c-brains.jp/blog/wsg/13/02/05-204829.php
プログレッシブエンハンスメントなCSS3ボタン。
特定の範囲内にのみスタイルを適用できるscoped属性 (WWW WATCH)
http://hyper-text.org/archives/2013/02/style_scoped_attr.shtml
CSS3も少し入れつつ自分流CSSプロパティの書き順を決めてみた (Webpark)
http://weboook.blog22.fc2.com/blog-entry-351.html

電子書籍

SPi Globalのジョン・ホイーラー氏「EPUB 3/HTML5の移行を成功させるために」 (@commonstyle)
https://twitter.com/commonstyle/statuses/302421693060755456
http://www.youtube.com/watch?v=5JyhXQDh6XA
「Top 10 Reasons to Plan for a Successful Migration to EPUB 3/HTML5 (YouTube) 」

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