• GIZMODO
  • FUZE
  • BUSINESS INSIDER JAPAN
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • roomie
  • gene
  • machi-ya
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきち  - ,,  07:00 PM

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

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

161227_cs.jpg


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

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


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


161227_cs2.jpg


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


CSSViewerへアクセス

(カメきち)
 

MORE FROM LIFEHACKER

powered by
    
    
    

lifehacker

Recommended

© mediagene Inc.