Webページ上にルーラーやグリッド線を表示できるWeb制作に便利な拡張機能 『Grid Ruler』

Webページ上に定規ルーラーを表示、

グリッド線を自由に配置できるWeb制作に

便利すぎるChrome拡張機能「Grid Ruler」。

画像や文字の配置など揃えるのに便利です。

gridruler5

Chrome拡張機能 Grid Ruler インストール

目次

インストール

gridruler1

上記リンク先ページをChromeで開き

「Chromeに追加」をクリックします。

gridruler2

拡張機能を追加をクリックすると

インストール完了です。

使用時はアイコンをクリックする必要があるので

頻繁に使う人はピン留めして表示しておくと

便利です。

レビュー

gridruler3

アイコンをクリックすると画面上と左側に

ルーラーが表示されます。

Web制作でCSSなどで整えていく時など

定規が欲しいととても思う時がありますが、

実際に使ってみて便利でした。

長いスクロールする画面などで上下の

画像の大きさを合わせたり、

文字の配置などを揃えたい場合などに

便利です。

gridruler4

ルーラーからドラッグすると自由にグリッド線を

引くことができます。

画像に合わせたり段落に合わせたりと

デザインしたい場所に自由に配置できます。

gridruler5

グリッド線は縦横何本でも引けるので

細かい修正なども可能です。

ただCSSなどを修正して更新ボタンを押すと

グリッド線が消えてしまうのが少し残念ですが、

Webデザイン、制作時に本当に役立つ

シンプルな機能ですが便利な拡張機能です。

よかったらシェアしてください!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次