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

SegmentFault

共 1163字,需浏览 3分钟

 ·

2022-04-19 10:38

作者:前端小智

介:思否百万阅读,励志退休后,回家摆地摊的人。

来源:SegmentFault  思否社区 


大家好,我是小智,作为前端开发者,我们必须知道一些好的工具来我们自动生成代码,提高我们的开发效率(摸鱼),今天,介绍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/fancy-border-radius/


厌倦了那些基本的边框半径的东西,在这里为你的Divs或按钮或任何你喜欢的元素创建花哨的边框!



9. Blob Maker


地址:

https://passionhacks.com/blob-maker/?n=2&e=3&gw=5&se=95&g=ff5f6d


给你的网站增加一些滴状斑点,让网站看起来更可爱些。



10. Blob Maker 2


地址:

https://www.blobmaker.app/



11. Get Waves


地址:

https://getwaves.io/


创建波浪形工具。



12. Clippy


地址:

https://bennettfeely.com/clippy/


我最常使用的最佳剪贴工具。有助于创建非常漂亮的剪贴路径!





点击左下角阅读原文,到 SegmentFault 思否社区 和文章作者展开更多互动和交流,扫描下方”二维码“或在“公众号后台回复“ 入群 ”即可加入我们的技术交流群,收获更多的技术文章~

- END -


浏览 28
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报