Chromeツール

WebページのCSSを解析して表示してくれるChrome拡張機能 『CSS Peeper』

WebページのCSSをポップアップで表示してくれる

Chrome拡張機能

サイズやカラー、マージンなど色々な

情報を教えてくれます

csspeeper5

Chrome拡張機能 CSS Peeper インストール

インストール

csspeeper1

上記リンク先ページをChromeで開き

「CHROMEに追加」をクリックします

csspeeper2

拡張機能を追加をクリックします

アイコンがChromeに追加されます

レビュー

csspeeper3

CSS情報を見たいページでアイコンをクリックすると

ポップアップで表示されます

マージンやフォントサイズなど色々な情報が表示されます

csspeeper4

ページ全体で使う色なども表示できます

統一感など見たりと色々な見方ができます

Webデザイナーやブログのテンプレートいじりなどに

便利な拡張機能です

関連記事

  1. Chromeツール

    Chromeの1週間の統計を表示してくれるChrome拡張機能 『Surfkollen』

    Chromeの履歴を解析して1週間の統計をカラフルな画面に表示…

  2. Chromeツール

    Chromeの新しいタブにInstagramやTumblr画像を表示してくれるChrome拡張機能 …

    Chromeの新しいタブに毎回違う画像を表示してくれるChro…

  3. Chromeツール

    Chromeや拡張機能のアップデートを通知してくれる拡張機能 Chrome Update Notif…

    Chromeや拡張機能の自動アップデートを通知してくれる拡張機能…

  4. Chromeツール

    読みづらい全角英数を半角に変換して表示してくれるChrome拡張機能 『さよなら全角英数』

    Web上で見づらい、読みづらい全角英数や記号を半角に変更して表…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP