Page Ruler

The Page Ruler is a convenient way to measure the coverage of elements on pages through the use of the Page Ruler feature.

This innovative feature allows for more precise dimensioning and positioning of elements on web pages, which in turn makes the work of web developers and designers easier and more efficient. In addition, Page Ruler enables websites to adapt and optimize for different devices and screens, providing a more comfortable and compatible user experience.

Page Ruler intention is to allow users to quickly add guide lines to either check if two elements are aligned, measure elements or…

Page Ruler intention is to allow users to quickly add guide lines to either check if two elements are aligned, measure elements or check the distance between them.

Features Page Ruler :
- Create guides in the screen in order to measure elements (both horizontal and vertical guides).
- See the distances between elements (or measures) in pixels or percentage mode.
- See the viewport size (width x height).
- Page Ruler lets you choose the color of the created guides.
- Choose the position of the rulers (top/bottom and left/right of the screen).
- Show/hide the whole extension.
- Show/hide the distances between elements (useful if you just want to see if some elements are aligned).
- Show/hide the viewport size

And it also provides some shortcuts Page Ruler !
- Show/hide extension: [ctrl + shift + O]
- Show/hide distances: [ctrl + shift + D]
- Show/hide viewport: [ctrl + shift + V]
- Toggle between modes: [ctrl + shift + M]
- Delete guide: [Grab a guide + del]
- Delete all guides: [ctrl + del]
- Reset configs: [ctrl + R]
- Change horizontal ruler position: [ctrl + shift + T/B]
- Change vertical ruler position: [ctrl + shift + L/R]

Get Page Ruler today and experience the difference for yourself! Visit our website or download it from your favorite browser's extension marketplace.

Remember, in the world of development and design, every pixel counts. Trust Page Ruler to help you measure them flawlessly.