常用网站整理

学习网站

参考合集

涨姿势了!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://loading.io/spinner/

https://tobiasahlin.com/spinkit/

https://icons8.com/cssload/en/spinners

animation

https://waitanimate.wstone.io/#!/#%2F

在线code

https://cssdeck.com/popular

社区

https://css-tricks.com/

https://tympanus.net/codrops/

其他

https://zhuanlan.zhihu.com/p/129042825

DEMO

demo学习合集: https://github.com/local-host-8080/demo-html-css

12个令人惊叹的CSS实验项目