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



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

Chrome拡張機能

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

情報を教えてくれます

csspeeper5

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

インストール

csspeeper1

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

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

csspeeper2

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

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

レビュー

csspeeper3

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

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

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

csspeeper4

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

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

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

便利な拡張機能です

  • コメント: 0

関連記事

  1. Chromeツール

    とにかく短く!! 短縮URLを自分で決めてサクッと作れるChrome拡張機能 『Short』

    自分でURLを決めてサクッと短縮URLを発行できるChrome拡張…

  2. Chromeツール

    Chromeデータから閲覧履歴マップを作ってくれる拡張機能 『私マップ・フリー』

    Chromeの閲覧履歴から相関図の様なマップを作ってくれるCh…

  3. Chromeツール

    どれだけWebサイトを見ているかを計測してグラフ化してくれるChrome拡張機能 『TimeYour…

    どのWebサイトをどれだけ見ているかを計測してグラフ化してくれるC…

  4. Chromeツール

    Chromeのタブを一覧表示してくれる拡張機能 タブ検索も出来る 『Tabman Tabs Mana…

    Chromeの上側のタブ表示を縦に一覧表示してくれる拡張機能沢…

  5. Chromeツール

    Chromeのウィンドウを分割して綺麗に並べてくれる拡張機能 『Split Tabs』

    Chromeのウィンドウを分割してディスプレイに並べてくれる拡張機…

  6. Chromeツール

    検索結果が見やすくなる!! キーワードをハイライト表示するChrome拡張機能

    Google検索で入力したキーワードをハイライト表示して分かり…

コメント

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

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

最近の記事

PAGE TOP