绝绝子工具
1、Spacing.js
在网页开发中, 一比一的复制UI设计的时候 , 往往需要一些工具来帮助你精准的量尺寸, 这些测量都是手工的测量, 往往有误差 , 操作很繁琐 有了它 你按下ALT键 就可以很直观的帮助你看到精准尺寸
使用方法
-
可以在网页中直接引入
-
网页中不支持直接 script 导入 可以找到 https://unpkg.com/spacingjs 源码 然后复制到浏览器的调试面板 的 console 上
-
选择你要查看的元素 按住ALT建即可
2、智能 WebP、PNG 和 JPEG 图片压缩
压缩地址： TinyPNG – Compress WebP, PNG and JPEG images intelligently
编辑
3、测试网站加载速度
地址：GTmetrix | Website Performance Testing and Monitoring
编辑
查看您的网站的运行情况，揭示其缓慢的原因，并发现优化机会。
4、去除图片背景
地址：在线抠图软件_图片去除背景 | remove.bg – remove.bg
编辑
5、查看线上资源
地址：cdnjs - The #1 free and open source CDN built to make life easier for developers
编辑
6、开发文档
地址：DevDocs API Documentation
编辑
7、查看各种浏览器兼容性
地址：Can I use… Support tables for HTML5, CSS3, etc
编辑
8、在线代码编辑
地址：Ionic: Enterprise App Development & Delivery Platform
9、JavaScript 正则表达式可视化工具
地址：Regulex：JavaScript Regular Expression Visualizer
编辑
10、随机图片
地址：Beautiful Free Images & Pictures | Unsplash
11、布局生成器
地址：CSS Layout Generator
编辑
12、过渡动画生成器
网址: Transition.css - easy transitions with clip-path
编辑
