2021年10月29日(金)
任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリ・「ANALYZE CSS」
ANALYZE CSS
ANALYZE CSSは任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリです。URLだけでなく直接CSSのコードを入力する事も可能です。提出される詳細データは非常に細かく、行数、ファイルサイズ、ルールやセレクタ、宣言の数、@ルールの数やユニーク性、全てのメディアクエリ、全てのキーフレーム、全ての@supports、それぞれの値の詳細(色、フォントファミリー、フォントサイズ、テキストシャドウ、ボックスシャドウのそれぞれの数、全ての色と各色の使われている数)、z-indexなどのデータをデータとして提供してくれます。
色やフォントサイズ、ボックスシャドウ等はビジュアルで明示してくれます。動作も割と軽めでした。ユーザー登録も不要で無料で利用可能です。CSS最適化の際の確認などに良さそうですね。
ANALYZE CSS
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
関連記事
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリ・「ANALYZE CSS」』についてまとめています。
この記事は特にフォント・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。