缺一不可！9 个前端开发必备工具

好的资源，可以节省你的时间并提高你的生产力。今天，我给大家分享 9 个提升前端开发者效率的网站。

作者：Ocean，《Three.js 在网页中创建 3D 动画》可供你实战（文末有福利哦~）

1. Unminify

https://unminify.com/

这个工具可以对难看的 JavaScript、CSS、HTML、XML 和 JSON 代码进行重新格式化和缩进，使其重新具有可读性。

2. Favicon.io

https://favicon.io/

它可以从文本、图像或数百个表情符号中快速生成你需要的图标。

3. Box-shadow

https://box-shadow.dev/

可以自定义阴影，添加一个 shadow。

4. Remove.bg

https://www.remove.bg/zh

自动抠图，将图片去除背景。

5. Carbon

https://carbon.now.sh/

Carbon 能将你的源代码创建为图像。

6. Neumorphism

https://neumorphism.io

Neumorphism 只是一个虚构词，也没有任何官方认定，那就先不纠结应该叫什么，我们还是来说说它的前身吧，也就是 Skeuomorphism（拟物） 。

这是最早被 Apple 提出的设计概念，就是在界面中模仿现实物体的纹理材质的设计，目的是让人们在使用界面时习惯性的联想到现实物体的使用方式。

通过  neumorphism.io  你可以调整 HTML元素 Size\Raduis\Distance\Blur\Shape，并生成 CSS 代码。

7. Lorem Picsum

https://picsum.photos/

免费的图片库。你可以获取指定大小、ID 的随机图片。除此之外，你还可以对图片添加模糊、灰度等效果。

8. Compressor.io

https://compressor.io/

一个在线压缩图片的免费的在线工具。支持压缩多种格式的图片，包括（JPEG、PNG、GIF 和 SVG），最高可以压缩高达 90% 的体积。最重要的是，不会损失图片质量。

9. PFPmaker

https://pfpmaker.com/

个性化头像在线生成神器，通过上传您的个人头像，在线 AI 技术自动将照片去除背景，然后几秒钟就可以上传几十个有趣好玩的个性化头像，同时可以对头像风格进行颜色编辑、阴影处理等等。

喜欢哪款头像单击下载按钮即可，可用于社交头像、微信头像以及微博头像等。

另外，作者 Ocean 在蓝桥云课上线了《Three.js 在网页中创建 3D 动画》，高级会员可免费学~

Three.js 作为一款前端 3D 引擎，其应用范围越来越广，不管是房产网站的 3D 看房，还是购物网站的 3D 模型预览,都能用到 Three.js。

在本门课程中，我们提供了大量的实验环节，让你通过实验学习 Three.js，其中就包括 360 度全景空间预览，地月环绕系统，3D 地图，粒子系统特效等。这些案例能帮助你快速学习 Three.js ，并掌握其中的基础知识。

这个福利记得看好了哦~现扫码加入“代码交流群”，即可免费领取 3 日标准会员，即可八折优惠学！

▼扫码领取更多福利▼

戳戳“阅读原文”直达课程页面！