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

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

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


161227_cs2.jpg


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


CSSViewerへアクセス

(カメきち)