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

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

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

161227_cs2.jpg

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

CSSViewerへアクセス

(カメきち)