HTML5/CSS3のニュースやTIPSなどのまとめ (2015年1月16日) ニュース HTTP/2がIESGのラストコール。早ければ数週間でRFCのProposed Standardに (Publickey) http://www.publickey1.jp/blog/15/http2iesgrfcproposed_standard.html 書籍 書籍：インタフェースデザインの心理学 - ウェブやアプリに新たな視点をもたらす100の指針 http://www.amazon.co.jp/dp/4873115574?tag=dothtml5-22 3,024円、出版社：オライリージャパン、著：Susan Weinschenk、翻訳：武舎広幸／武舎るみ／阿部和也 サイト・アプリ Code.orgがマイノリティの多い貧困地区で教師たちへのコンピュータ科学/プログラミングの教育を開始 (TechCrunch) http://jp.techcrunch.com/2015/01/09/20150108code-org-launches-u-s-teacher-training-program-in-districts-with-highest-diversity/ ツール HTML5 Push Notifications - HTML5×Pusherで通知を表示 (MOONGIFT) http://www.moongift.jp/2015/01/html5-push-notifications-html5%c3%97pusher%e3%81%a7%e9%80%9a%e7%9f%a5%e3%82%92%e8%a1%a8%e7%a4%ba/ https://html5-realtime-push-notifications.pusher.io/ https://github.com/pusher/html5-realtime-push-notifications/ グラデーションな三角形パターンを作成するスクリプト「TRIAGONAL ROTICEROD」 (かちびと) http://kachibito.net/useful-resource/triagonal-roticerod http://jordanranson.github.io/triagonal-roticerod/ https://github.com/jordanranson/triagonal-roticerod/ ローディングアイコンを簡単に埋め込めるjQueryプラグイン「fakeLoader.js」 (スタイル) http://www.hp-stylelink.com/news/2015/01/20150106.php https://github.com/joaopereirawd/fakeLoader.js/ ウェブページを1つのウィンドウ内に複数表示可能にするFirefox拡張機能「Tile Tabs」 (窓の杜) http://www.forest.impress.co.jp/docs/review/20150107_682824.html https://addons.mozilla.org/ja/firefox/addon/tile-tabs/ SVGをインラインに展開し、CSSでスタイル出来るようにするJSライブラリ「deSVG」 (かちびと) http://kachibito.net/useful-resource/desvg http://benhowdle.im/deSVG/ https://github.com/benhowdle89/deSVG/ TIPS 小さいモジュールに分割しまくる時の気持ち (mizchi's blog) http://mizchi.hatenablog.com/entry/2015/01/10/174446 HTTPからHTTPSへ (Hail2u) http://hail2u.net/blog/internet/http-to-https.html 「不自然なリンク」の判断ができないなら、リンクの否認はしなくてよい (SEM R) http://www.sem-r.com/seo/20150115092458.html CSS3 背景画像等をレスポンシブデザインでも縦横比をぴったり固定する方法 (スターフィールド) http://sterfield.co.jp/designer/%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e7%ad%89%e3%82%92%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%a7%e3%82%82%e7%b8%a6%e6%a8%aa%e6%af%94%e3%82%92.html BootstrapとBEMを組み合わせたCSS設計パターンについて考える (NET BIZ DIV. TECH BLOG) http://tech.recruit-mp.co.jp/front-end/architecture-bootstrap-bem/ 素材 ビジネス・オフィスシーンなどに活用できるフリーアイコンセット「Dashel Icon Set」 (DesignDevelop) http://design-develop.net/design/dashel-icon-set.html http://www.smashingmagazine.com/2015/01/05/freebie-dashel-icon-set-svg-psd-png/ （＊価格は掲載時のものです。購入時にご確認ください。） 次のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2015年1月17日) 前のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2015年1月15日)