• Dev
  • 20th
  • Tips
  • English
  • Favorites
  • Others
temp

a deck for makers but poor

CSSViewer

2017/1/6 by IKIX_temp

 今までChromeで開発を行うことはあまりなく,Edgeの開発者ツールを多用していた.しかし,Bracketsを導入したことでBracketsのデフォルトブラウザがChromeなものだから,Chromeを使うようになりそう.職場では使っているので使いよいことは知っている.
 せっかくなのでプラグインを調べていたら,いいものを見つけた.CSSViewerである.これは便利だ.EdgeでもChromeでも実験したい要素に右クリックして「要素の検証」を押さなければならなかった.CSSViewerはアイコンをクリックすればホバーするだけで要素のCSSが見られるのだ.
 ホバーしている要素を右クリックするとConsole機能が使える.id名やclass名やstyleなど,要素名や要素のCSSを調べられるのだ.要素の検証を使わなくても日常的にCSSの実装が気になるところを見てみれば,そのうち表現の幅が広がっていきそう.
 残念ながら要素の検証は行えないようだし,見られるCSSプロパティはいくつかだけである.ただ,色名がすぐにわかる.この目的だけでも使ってみる価値があると思う.

カテゴリー: Dev タグ: Google, Web
← Defender
デザイナーマウス →

Search

Tags

20th century Angular AP ASD Git Google HTML5 iOS IoT JS LW MCSA MS MVC NFT Office PCインストラクター PHP Processing Python SQL Town UNIQLO UX Web Windows WP YouTube アルゴリズム グラフ理論 ゲノム栄養学 サーバ管理 デザイン デバイス ミニマリズム モバイル 信仰 声楽 情報建築 技能士 投資 政治 文学 日曜数学 本

Archive

Copyright © 2025 temp.

Omega WordPress Theme by ThemeHall