ホームページ作成時ピクセルが図れるツール(Page　Ruler)

Chrome上で長さが図れるツールPage　Ruler

お客様のホームページを作っていると画像のサイズや、Padding、Marginの幅を細かく指定されることがあります。

実際にBootstrapや、Wordpressなどを利用してホームページを作成するとすでに各タグにPaddingや、Marginが入っていることが

多く、思ったように作成できない場合があります。

そこで役に立つツールがこれ。

私はChromeを主に使うのでChromeの拡張機能になります。

使い方は簡単で上記URLからインストールすると

Chromeの右上にこのマークが出てきます。

これをクリックするとOnになるのであとはマウスで図りたいところをなぞるだけ。

いつか忘れましたが、セキュリティーが強化されて使えなくなったことがありました。

その場合、上記アイコンを右クリックして、拡張機能を管理を開きます。

すると下記の図が出てきますので、ファイルのＵＲＬへのアクセスを許可する。チェックしてやると使えるようになります。

ぜひ使ってみてください。