HTML5/CSS3のニュースやTIPSなどのまとめ (2012年12月30日) ニュース 利用者視点で見るレスポンシブウェブデザイン (Nothing ventured, nothing gained.) http://d.hatena.ne.jp/takoratta/20121218/1355793199 グーグルでChromeを作っている及川卓也さんのブログ。 サイト・アプリ ベクレルってなあに？ HTML5版 (前野昌弘) http://irobutsu.a.la9.jp/movingtext/Bq/ 簡易数学グラフ - JavaScriptとcanvasで単純な数学関数を描く (きったんの頭ん中) http://kittttttan.web.fc2.com/math/math-graph-canvas.html http://kittttttan.web.fc2.com/math/math-graph-svg.html SVG版もある。 ツール こ、これは良い…!! Macの画面をレイヤー分けしてPSD化する「ScreenShot PSD」 (サイボーイ通信) http://www.suzumejanai.com/2012/12/ScreenShotPSD.html HTML5は全然関係ないけど便利そうなので紹介。 スナイパーになれるjQueryプラグイン「jquery.snipe」 (phpspot開発日誌) http://phpspot.org/blog/archives/2012/12/jqueryjquerysni.html http://rayfranco.github.com/jquery.snipe/demos.html http://github.com/RayFranco/jquery.snipe 画像の拡大レンズを実装できるjQueryプラグイン。 HTML5フレームワークジェネレータ＆テンプレート＆エディター＆SDK (NAVERまとめ) http://matome.naver.jp/odai/2135482767714193501 TIPS 海外のHTML+CSSアドベントカレンダー。HTML5のAPI系の話題が多いので、これからのために読んでおきたい (コメンター) http://cmmntr.com/t/7d920ff7bf78b3c98a579c6c3bf7eb50 http://advent2012.digitpaint.nl/ 「HTML and CSS Advent 2012 by Digitpaint」 インバース・キネマティクス・ワンセグメント｜HTML5 (Hiroshi Ogawa) http://wiredhiro.jp/blog/archives/2050 CSS3 CSS3PsプラグインでCSS3によるWebデザインの再現度を上げ効率化する - SCSS対応 (クラスメソッド) http://dev.classmethod.jp/ria/html5/css3ps-web-design/ http://css3ps.com/ http://dothtml5.com/archives/20120630_clips.html#pickup5 PhotoshopのレイヤースタイルをCSS3出力できるプラグインの日本語チュートリアル。 コーディングの必須ツールになりそう。ステキなCSSスタイルガイドを生成する「styleDocco」の導入とgrunt.jsでの自動化のメモ (Mnemoniqs Web Designer Blog) http://mnemoniqs.com/web/styledocco/ css3とjavascriptを利用する際に頻繁使用 webkitAnimationEndとwebkitTransitionEnd (web帳) http://www.webcyou.com/?p=4125 プログレスバーのデザインのまとめ、バーが表示されないくらい速いのが一番ですけどね (@colisscom) https://twitter.com/colisscom/status/278383494818840576 http://designmodo.com/progress-bars/ 「Progress Bars in Web Design: Best Examples (DesignModo) 」 （＊価格は掲載時のものです。購入時にご確認ください。） 次のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2013年1月4日) 前のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2012年12月29日)