ページを見ながら直接レイアウトを調整して確認する
事ができるChrome拡張機能
CSSなどの記述に非常に便利で
確認して記述とWebページ作成が捗ります
目次
インストール
上記リンク先ページをChromeで開き
「CHROMEに追加」をクリックします
追加でインストール完了です
アイコンが追加されます
レビュー
CSS調整を見たいページにてアイコンを
クリックするとこの様な画面が表示されます
CSS調整したい部分をページから指定して
クリックします
あとはフォントなど様々なCSS機能を選択して
調整していくとページに反映されていきます
TextShadowを使ってみたいけど
どんな感じだろう？という時でもサクッと確認ができます
CSSスタイル作成に非常に便利な拡張機能です
コメント