A JavaScript Utility for Measuring Spacing

stevenlei

Steven Lei

Posted on November 16, 2021

A JavaScript Utility for Measuring Spacing

Hello, I am Steven. I just wrote a JavaScript utility named SpacingJS.

As a frontend web developer, it is important to grasp the spacing between elements on a webpage. The DevTool can check the dimension, padding, margin, styles and more of an element, but it seems like it cannot measure the distance between elements like Sketch/Figma. So I have written this utility:

SpacingJS

You can experience on the website:
https://spacingjs.com

Besides including the script with a <script> tag to your website, a Chrome Extension is available on the Chrome Web Store.

The project is open-source and available here: https://github.com/stevenlei/spacingjs. Would you please star it if you like it?:)

Thank you!

💖 💪 🙅 🚩
stevenlei
Steven Lei

Posted on November 16, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related