Skip to content

Instantly share code, notes, and snippets.

@studiomohawk
Created February 8, 2013 00:12
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save studiomohawk/4735463 to your computer and use it in GitHub Desktop.
Save studiomohawk/4735463 to your computer and use it in GitHub Desktop.
CSS Radar @ Twitter / 2013.02.08 Friday Edition

CSS Radar - 2013/02/08

ページロードのパフォーマンス改善に関するテクニックについての情報はこの数年で少し落ち着いて来た。そこで次はロードの後のパフォーマンスについて。
Addy Osmani氏によるGoogle Chromeの開発ツールを使ったスクロール速度の改善手法について。レンダリングエンジンの仕組み、そして開発ツールを使った問題の発見と、修正方法、ついでにワークフローまでついているというすばらしい記事。

JavaScriptにおけるオブザーバデザインパターンの実装に関するティップス。記事の例ではBackbone.jsを利用してはいるが、オブザーバパターンを使う場合に全般当てはまるアドバイスなので、是非。
バスケットボールに例えて、リファレンスだけではなく関係性にフォーカスしている点はわかりやすいし、もちろんスニペットも多くあるので参考になる。

DailyJSによるとても長いシリーズとなっているBackbone.jsチュートリアル。今回はパート11(!)。
この記事ではMochaとSinonを使ってのテストについて。
特にMochaとSinonのspyとmockあたりの組み合わせの実例は意外に多くはないのでぜひ。

Git初心者を脱したいとそろそろ思っている人は必見のGitのティップス集。
git add -p <FILE>git checkout -git branch --merged | xargs git branch -dgit checkout <BRANCH> -- path/to/file.rbなどなど、きっと知らないことが見るかるはず。
一気に全部覚えようとせず、リファレンスとしてすぐに取り出せるようにしておくと便利。

rem
IE8がサポートさえしてくれていれば、emの存在意義を疑うほど便利な値。emにはどうしても計算間違いの事象が発生しやすいので、root emはやはり便利。IE8サポートについてはフォールバックも比較的簡単に実装できるので、もう少し利用されてもいいだろう、と思う。
記事の筆者も同じ思いらしく、emを使うくらいならremを使えばいいと言わんばかりのremにしかできない技とティップスを紹介している。


2013.01.08からの「本日のCSS Radar」一覧はこちらから


by Yuya Saito
Follow Me @ Twitter / GitHub
And Join the OSS "Social" Translation Community "en.ja OSS"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment