導入
このYoutubeで紹介されていたうちの一つのChrome ExtensionのVizBugの紹介です。
https://www.youtube.com/watch?v=U_gANjtv28g
今までChrome Developer Toolを開いて見た目調整のお試しをしていたような作業の一部を、ブラウザ上で直感的にできるようになりそうです。
こんな感じ
文章の調整
文章追加とサイズ変更、左寄せ右寄せ変更とかだと以下の動画のようにできます
要素の場所の変更
他にも色々
あとはPaddingどれくらいかとかをグリッド付きで見せてくれたり、リストの並び替えを簡単にできたりとかできそうです。結構高機能なのでもっと色々できます。
使い方
Chrome Extensionなので追加するだけです。
ページ上でいじるだけなので特に特殊な権限とかは求められませんでした。
https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc