web前端常用代码大全(推荐10个很)
毋庸置疑:善用在线资源和工具可以加速开发,提高质量、让生活更 Chill ~
本篇为前端工友们带来 10 个棒棒哒免费的 Web 资源,收藏⭐等于学会 (๑•̀ㅂ•́)و✧
1.Undraw如果你的网站需要免费的 SVG 插图,一定不要错过 Undraw 这个网站!
SVG 插图资源是海量的,本瓜下拉了十几、二十次都拉不完(当然,搜索功能也是有的);并且,你还可以自定义插图的配色,简直不要太 NICE~
海量资源,支持搜索
随意更改配色
2.Error 404不知道你一般会去哪找 404 页面素材~
现在你又多了一个选项:Error 404
酷酷酷~
把本瓜一个切图仔的审美都拉上来了
3.Squoosh压缩图片!!
对比 tinypng 有【更好的】压缩效果:
tinypng 压缩
Squoosh 压缩
压缩效果:前者是 80%,后者是 95%;最终效果也不错~
Why not try ?
4.DevDocsDevDocs 见名思意,是 Web 开发技术文档,是非常不错的学习手册!
别的不说,就这 UI 本瓜就挺喜欢!还支持添加常用技术文档、更换主题等~
5.iHateRegex如果你讨厌正则,那么一定不要错过这个网站?(ˉ▽ˉ;)...
不仅如此,还有细节图示!可恶,做的真好啊 ╮(╯▽╰)╭
6.Carbon
经常有人问,“这种好看的代码片段如何生成”,答案就在 Carbon!
你可以生成各种主题、各种语言的代码片段,并导出为图片或复制到其它平台,真滴好用 舒服了~~
7.Dribbble
寻找网页设计灵感,认准 Dribbble!!!
看到人家的管理后台设计,就想马上回去把自家的管理后台“撕”了
8.AnimistaCss 动画,复制代码就能用!免安装,它不香嘛?
9.Shape Divider
你可以生成各式各样的分割线,并导出 SVG 格式;
花里胡哨的,我喜欢(❤ ω ❤)
10.Notion
如果你需要一个记笔记的平台,推荐一个选项:Notion
快速笔记、TaskList、日记、读书清单,各种类型,应有尽有,推荐~
好啦,以上便是本次分享,针不戳~ 希望你也能用这些工具用的开心 o( ̄▽ ̄)ブ
OK,以上就是本篇分享~~
掘金安东尼:一名人气前端技术博主(文章 100w 阅读量)
终身写作者(INFP 写作人格)✍✍✍
坚持与热爱(简书打卡 1000 日)
陪一起度过漫长技术岁月吧(以梦为马)
觉得不错,点个赞吧,您的“三连”,是我最大的动力
,
免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com