• GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきちカメきち  - ,  08:00 AM

指定したサイトのCSSを徹底的に解析してくれるサイト「CSS Stats」

指定したサイトのCSSを徹底的に解析してくれるサイト「CSS Stats」

150103_cs.jpg


CSS Stats」は指定したサイトのCSSを徹底的に解析してくれるサイトです。CSSで使われている要素数や色の数、フォントファミリーをはじめ、CSSの詳細度をグラフで表現してくれたり細部まで解析されます。

以下に使ってみた様子を載せておきます。


まずCSS Statsへアクセスしましょう。解析したいサイトのURLを入力します。しばらくすると解析結果が表示されるのでチェック。


150103_cs2.jpg


フォントや背景色に使われている色の一覧です。


150103_cs3.jpg


CSSの詳細度(specificity)をグラフであらわしたものです。なるべくなだらかなグラフになるほうがよいそうです。CSSを見直す際のひとつの参考としてご活用ください。


CSS Stats

(カメきち) 

MORE FROM LIFEHACKER

powered by

Kotaku

Recommended

© mediagene Inc.