指定サイトのCSSを解析してくれるサイトのご紹介

指定サイトのCSSを解析してくれるサイトのご紹介

2016-10-24 最終更新日:2016-10-24

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

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

⇒公式サイトはこちら

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


スポンサーリンク


内容

cssstats

一番はじめに要約

  • 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ファイル/ソース)

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

cssstats

参考になれば幸いです。


∞Tadashi Suyama∞

css 解析 cssstats
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

最近の投稿

アイキャッチ
とっとりバーガーフェスタ2017(第7回)に行ってきました

去年も載せましたが今回も行ってきたので感想などを書いてみたいと思います。[⇒去年の記事はコチラ](/blog/private/2016/10/11/burgerfesta.html) 今年も行...

09 Oct 2017

アイキャッチ
ワードプレスでテーマの編集が出来ない対処方法

さて、今回はワードプレスのテーマ編集についてです。テスト用サイトでふと気がついたのですが、あれ?テーマ編集が出来なくなっている!セキュリティ上なくしたのかと思いました。現状のバージョンは4.8....

06 Oct 2017

アイキャッチ
新しくなったfotorの使い方

fotorのサイトが一新されました。HTML5で書き直されて高いパフォーマンスが期待できます。 新しくなった部分のみ記載しておりますので機能的に見たい方は[⇒以前の記事](/blog/app/...

01 Oct 2017

アイキャッチ
WordPressのプラグインReallySimpleSSLを手動で解除する方法

さて今回もトラブル系です。Let's Encryptがいろいろなサーバーに取り入れられ手軽にSSL化が出来るようになりましたが、まだ対応できていないサーバーも多いです。 ワードプレスを入れた際...

23 Sep 2017

アイキャッチ
バックドア型ウィルスにかかった時のワードプレスセキュリティ対策

今回はセキュリティについてご紹介したいと思います。ワードプレスでのセキュリティ対策って何をすれば良いの?という方も多いかと思います。相談が多かったので記事にしました。 ほんとうは怖いワードプレ...

14 Sep 2017

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

css 解析 cssstats
フッターイメージ