New Grid Ruler

Overlay adjustable grid lines and measure accurate distances directly on live webpages—fast and distraction-free.

# New Grid Ruler Create precise guide lines and measure distances directly on any webpage. New Grid Ruler helps web designers and developers align elements with ease by adding customizable vertical and horizontal guides—just like in design tools such as Photoshop. It also includes a built-in ruler that lets you quickly measure distances between guides or page elements. # How to use 1. Click and drag from the top or left ruler to add vertical or horizontal guides 2. Click the intersection of the horizontal and vertical rulers to enter measurement mode 3. In measurement mode, hold the Shift key to draw a perfectly straight line