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

Oct 24, 2016

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

2016-10-24 最終更新日:2016-10-24
css 解析 cssstats

気になるサイトの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∞

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

Similar Posts

最近の投稿

アイキャッチ
ドメインオーソリティの使い道

ドメインオーソリティーとは一言で言えばドメインの価値を数値化したモノです。ドメインに関するものなので中身については全く意味をなさないと思います。ドメインオーソリティーの数値が低いから低品質なコン...

17 Jun 2017

アイキャッチ
個人情報を一切収集しない検索エンジンDuckDuckGoとは?

ネット検索と言えば、日本ならGoogleやYahoo Japan!(検索エンジンはGoogle)経由が多いですね。Bingは少数派といったところでしょうか。 DuckDuckGoという検索エン...

10 Jun 2017

アイキャッチ
ブートストラップバリデータ使い方 - Validator - for Bootstrap 3

今回はフォームバリデータのご紹介です。前回のPHPMailerと関連がありますが、フロントエンドでのバリデートができます。 CSSのフレームワークBootstrap3をお使いの方ならすんなりと...

03 Jun 2017

アイキャッチ
PHPMailerの使い方

今回はあらゆるところで使われているPHP用のメール送信ライブラリphpmailerの使い方を紹介します。 脆弱性がPHPMailer5.2.18より下のバージョンで発生するので新しいバージョン...

28 May 2017

アイキャッチ
画像加工・写真編集が簡単にできるアプリfotorのご紹介

今回は画像加工や編集ができるfotorのご紹介です。アプリの方が有名ですが、実はサイトからも使えるというのはご存じだったでしょうか?公式サイトはコチラ⇒[画像加工・写真編集|Fotor - 無料...

20 May 2017

著者

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

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

タグクラウド

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