大家好,我是 Steven。写了一个 JavaScript 的小工具,名为 Spacing JS。
我们做前端开发的时候,间距和空间感的掌握尤其重要。浏览器的开发者工具可以看到元素的大小,padding/margin 等等资讯,但是好像不能像 Sketch / Figma 这样量度元素之间的距离,所以写了这个小工具,效果图如下:
大家也可以到网站体验一下(网站寄存在 Cloudflare Pages ,有时候可能要用外网): spacingjs.com
除了通过 <script> 加载到自己的网站,也可以把它加到浏览器标签,在任何网站里使用。相关的标签代码可以在网页中找到。另外,浏览器的插件版本正在做。
项目地址在这里,如果喜欢的话请给个 Star ,欢迎大家参与开发: github.com/stevenlei/s…
对于这个工具也有个简单的视频介绍: www.bilibili.com/video/BV1rR…
谢谢大家!