気になるサイトのCSSを解析してくれるサイトCSS Stats GitHubをご紹介したいと思います。

単純にURLを貼り付けるだけで解析してくれるのでとても簡単に解析情報を見ることができます。

⇒公式サイトはこちら

どんなフォントを指定しているとか配色はどんな色にしているとか詳細度のグラフなどあります。曲線がなるべくなだらかなほうがよいそうです。

---

内容

一番はじめに要約

• 6,990 Rules
• 9,542 Selectors
• 17.2k Declarations
• 172 Properties

Total Declarations すべての宣言数

• Font Size 844（フォントサイズ指定数）
• Float 284（フロート指定数）
• Width 1,048（幅指定数）
• Height 653（高さ指定数）
• Color 1,082（色指定数）
• Background Color 451（背景色指定数）

Colors（色）

Background Colors（背景色）

Font Sizes（フォントサイズ）

Font Family（フォントファミリー）

Specificity Graph（詳細度のグラフ）

Ruleset Size（ルールセットあたりの宣言数）

Media Queries（メディアクエリー）

Raw CSS（解析したCSSファイル/ソース）

上記の情報が確認することが出来ます。

参考になれば幸いです。

---

∞Tadashi Suyama∞