常用网站整理
学习网站
参考合集
涨姿势了!22 个拓展程序员技术与视野的国外网站:https://juejin.cn/post/6931728259080339469
扩展
视野 & 趋势
state of js:https://stateofjs.com/
常用网络资源
图片
dog 图片:https://dog.ceo/dog-api/
工具
开发
一键取名:https://unbug.github.io/codelf/
雪碧图生成:https://www.toptal.com/developers/css/sprite-generator
图片压缩:https://tinypng.com/
在线编码
参考链接: 前端常用的几种在线代码编辑器各有什么优势? - 知乎
程序猿专用十大在线编译器(IDE)整理 - segmentfault
codepen:https://codepen.io/
jsbin:https://jsbin.com/?html,output
Jsfiddle
CodeSandbox
github 使用在线 vscode 打开:
在url上将github的链接后面加1s,如:https://github1s.com/Datura35422/study/tree/master/webpack-demos
https://github.com/conwnet/github1s
其他
在线 git emoji 参考:https://gitmoji.dev/
画图 & 展示
code 展示
参考链接: https://cloud.tencent.com/developer/article/1729304
carbon.now.sh:https://carbon.now.sh/
codeimg.io:https://codeimg.io/
vscode 插件:codesnap
画图
excalidraw:https://excalidraw.com/
可以自己画好看的流程图
asciiflow:https://asciiflow.com/
可以输出文本的结构图
前端
特效
特效工具合集:https://simular.co/resources/type/effects-tools.html
CSS
snippets
csseffects: https://emilkowalski.github.io/css-effects-snippets/
https://boguz.github.io/Spinners/
loading:
https://tobiasahlin.com/spinkit/
https://icons8.com/cssload/en/spinners
animation
https://waitanimate.wstone.io/#!/#%2F
在线code
社区
其他
https://zhuanlan.zhihu.com/p/129042825