Skip to content

Instantly share code, notes, and snippets.

@studiomohawk
Created April 8, 2013 00:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save studiomohawk/5333214 to your computer and use it in GitHub Desktop.
Save studiomohawk/5333214 to your computer and use it in GitHub Desktop.
CSS Radar @ Twitter / 2013.04.08 Monday Edition

CSS Radar - 2013/04/08

Chrome開発ツールのタイムライン上に出現する透明なバーはいったい何を意味するのか?
何にもしていないのかと思いきや、そうではなく開発ツールが外のバーの表示に間に合わなかったか、GPUのボトルネックとなる箇所を示すそう。

Sassを使ったプロジェクトのディレクトリ/ファイル構成について。
ベーシックな構成から、実際のケーススタディとなる構成について解説。外のCSSプリプロセッサを使っていても利用できるパターン。

FunctionalなJavaScriptを使って、より宣言型風に、より読みやすい非同期処理を行う方法について。
例とその解説はかなり詳しいので非常に理解しやすい。

モジュラーアプローチのCSSとレスポンシブは意外と仲が悪い。
この記事ではメディアクエリはハックであるとして、どんな具合にモジュラーCSSとレスポンシブデザインが衝突してしまうかを例示。
メディアクエリの新しいシンタックスの提案をしている。

WebアプリにおけるレグレッションテストをCasper.jsで行う理由について。
具体的な実装例ではなく、Casper.jsについてのオーバービュー。


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