CSSViewer

Web Service

マウスを乗せた場所のCSSコードを気軽に確認することができるChrome拡張機能「CSSViewer」

とても便利そうだったので使ってみました。マウスを乗せた場所のCSSコードを簡単に確認することができる便利なChrome拡張機能「CSSViewer」です。Webサイトを制作している時なんかに役立つこと間違いなしですね。こういうの欲しかったのでかなり嬉しいです。

[ads_center]

使い方

CSSViewerをインストールすると、ツールバーにアイコンが追加されます。

CSSViewer

そして、CSSのコードを確認したいWebサイトを開いて、このアイコンをクリックします。確認したい要素にマウスを乗せると、そこで使われているCSSコードが横に表示されます。

CSSコードが表示

これはかなり便利ですねー。デベロッパーツールのように、たくさんの機能はないんですが、その分シンプルなので手軽に使えそうです。

ちょっとここの部分のCSSを確認したいという時に便利な拡張機能ですね。以下からインストールできます。

Lightroomで現像設定を取り消しLightroomで現像設定した画像を初期化(取り消し)したり元に戻したりするやり方前のページ

ススキ・雪・ガードレールなど最近撮った写真をアップ次のページススキ

関連記事

  1. Web Service

    Google マップの地図の埋め込みをするやり方

    以前までGoogle マップの地図をサイト内に埋め込むには歯車アイコン…

  2. Web Service

    Google検索結果で1年以内のものに限定してくれるChrome拡張機能「ato-ichinen」

    Chromeの拡張機能「ato-ichinen」を使ってみました。これ…

  3. iPhoneの天気予報アプリ「そら案内」

    Web Service

    iPhone定番人気の天気予報アプリの「そら案内」を使ってみた

    前回、Mac版の「そら案内」を使ってみたら素晴らしすぎるアプリだったの…

  4. Web Service

    Chromeで今見ているページをPocketへワンクリックで追加することができる「Pocket (f…

    ChromeでPocketにワンクリックで記事を追加することができる拡…

  5. SimilarSites

    Web Service

    似ているサイトを検索して探してくれる「SimilarSites」

    ちょっと面白かったのでご紹介します。似ているサイトを検索して探してくれ…

  6. Web Service

    自由なサイズやカラー指定でダミー画像を生成できる「PLACEHOLD.IT」

    PLACEHOLD.ITはWeb製作に役立つダミー画像を生成してくれる…

コメント

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

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

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP