ProjectVisBug - HTMLやCSSの情報をビジュアル的に確認、調整

ProjectVisBug - HTMLやCSSの情報をビジュアル的に確認、調整:

Webサイトのデザインを作っていて、配置を少し変えたり、色合いを変えたいと思うことは多いでしょう。開発者ツールでCSSを変更したり、Webブラウザを再読込しても良いですが、細かい調整では時間がかかってしまいます。

そこで使ってみたいのがProjectVisBugです。ビジュアルを細かく調整できるGoogle Chrome機能拡張です。

ProjectVisBugの使い方

DOM単位で選択して影をつけたりマージンを調整したりできます。