作为前端，需要知道这些工具，解放我的重复劳动力前端javascriptcss

作者：knaagar
译者：前端小智
来源：dev

有梦想，有干货，微信搜索【大迁世界】关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。

大家好，我是小智，作为前端开发者，我们必须知道一些好的工具来我们自动生成代码，提高我们的开发效率(摸鱼)，今天，介绍12个常用的工具，希望对你所有帮助。
1.Coolers
地址：https://coolors.co/
Coolers 为我们提供一个配色方案生成器连同许多受欢迎的配色方案。

文章图片

2. ColorBox
地址：https://colorbox.io/
ColorBox 允许我们使用各种选项参数来创建自己的配色方案。

文章图片

3. Adobe Color
地址：https://color.adobe.com/
围绕着色轮旋转，通过与它们一起玩耍，了解更多关于颜色的知识，同时还有许多令人难以置信的漂亮的颜色方案可供搜索!

文章图片

4. Wordmark
地址：https://wordmark.it/
输入句子/单词，然后滚动查看它在网络安全字体中的效果!

文章图片

5. PNGtoSVG
将 png 转成 svg
地址：https://pngtosvg.com/

文章图片

6. CSS3 Generator
【作为前端，需要知道这些工具，解放我的重复劳动力】地址：http://css3generator.com/
提供完美的CSS3代码，在每个浏览器上都可以使用。

文章图片

7. CSS Filters
对图片进行滤镜的处理。
地址：https://www.cssfilters.co/

文章图片

8. Fancy Border Generator
地址：https://9elements.github.io/f...
厌倦了那些基本的边框半径的东西，在这里为你的Divs或按钮或任何你喜欢的元素创建花哨的边框!

文章图片

9. Blob Maker
地址：https://passionhacks.com/blob...|ffc371&o=0
给你的网站增加一些滴状斑点，让网站看起来更可爱些。

文章图片

10. Blob Maker 2
地址：https://www.blobmaker.app/

文章图片

11. Get Waves
地址：https://getwaves.io/
创建波浪形工具。

文章图片

12. Clippy
地址：https://bennettfeely.com/clippy/
我最常使用的最佳剪贴工具。有助于创建非常漂亮的剪贴路径!

文章图片

代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
原文：https://dev.to/knaagar/become...
交流

有梦想，有干货，微信搜索【大迁世界】关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。

文章图片

作为前端，需要知道这些工具，解放我的重复劳动力