特集
カテゴリー
タグ
メディア

マウスを乗せた部分のCSSを確認できる拡張機能「CSSViewer」

  • カテゴリー:
  • TOOL
マウスを乗せた部分のCSSを確認できる拡張機能「CSSViewer」

「CSSViewer」はマウスを乗せた部分のCSSを確認できる拡張機能です。マウスをWebページで動かすだけで、乗せた部分のCSSを確認できます。Webサイト制作をする際にとても役立ちそうですね。

以下に使ってみた様子を載せておきます。

まずCSSViewerへアクセスしましょう。Google Chromeに拡張機能をインストールします。

161227_cs2.jpg

拡張機能をインストールした後、Webページを開きます。CSSViewerの拡張機能をクリックすると、マウスオーバーでCSSを確認できるようになります。マウスを移動させると、エレメントごとに適用されているCSSが確認できますよ。Webデザインをやる際にぜひ使ってみてはいかがでしょうか。

CSSViewerへアクセス

(カメきち)

swiper-button-prev
swiper-button-next