指定サイトの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

サイト内検索

最近の投稿

アイキャッチ
WordPress内でFTP操作ができるプラグインFile Managerのご紹介

今回はワードプレスプラグインFile Managerのご紹介です。これはどんなプラグインかと申しますと、ダッシュボードにFTPソフトが入ったようなプラグインです。FTPソフトがなくてもワードプレ...

26 Nov 2018

アイキャッチ
WordPressでPHPの値をJavaScriptファイルへ渡す方法

今回はワードプレスの値をJavaScriptに渡す方法です。ワードプレスからじゃなくてPHPからJavaScriptへ値を渡す方法もご紹介します。 PHPの値をJavaScriptで処理を行う...

22 Nov 2018

アイキャッチ
アイキャッチ画像がない場合に記事内はじめの画像をアイキャッチにする方法とリンク先画像取得-WordPress

今回はワードプレスのアイキャッチです。記事内はじめの画像を取ってくる方法は結構出回っているので、リンク先の画像を撮ってくる方法をプラスしたやり方になります。 記事内はじめの画像を取得する方法は...

10 Nov 2018

アイキャッチ
豊富で魅力的な画像素材サイトPxBee

画像素材サイトのご紹介です。Pxbeeというfotor提供のサイトです。1枚から購入ができて金額もお手頃です。普段はアドビのアドビストックを利用していますが検索したときの画像の量が多い気がします...

06 Nov 2018

アイキャッチ
Caffeineの代替えにAmphetamine

強制的にスリープさせないようにするアプリAmphetamine【アンフェタミン】なんですが、名前の由来はアメリカでは注意欠陥・多動性障害の薬として使われており、日本では覚醒剤に指定されているよう...

25 Oct 2018

著者

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

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

タグクラウド

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