A developer tool which tries to simplify inspecting spacings on websites.
Tailor is a developer tool that simplifies inspecting spacings on websites. While holding the toggle key (Alt or option), hover around the page to inspect elements. Size, margin, and padding will be highlighted, and font information will be displayed in the panel.
While Tailor is active, you can also click on an element to lock it and enter the measuring mode. Now, Tailor will display the distance between the locked element and any other element you hover over.
Our QA team does extensive checks to ensure that spacings, paddings, and font sizes match the designs. I created this library/extension hoping to make their lives easier.
Tailor is open source, and you can find the source code here: https://github.com/Stanko/tailor/
Please use GitHub issues to report bugs or submit feature requests.