轮子2

1. reveal.js: 幻灯片展示框架

一个专门用来做 HTML 幻灯片的框架，支持 HTML 和 Markdown 语法。

• github: https://github.com/hakimel/reveal.js
• demo: https://revealjs.com

2. impress.js: 又一个幻灯片展示框架

一个受 https://prezi.com/ 的启发，使用了现代浏览器里支持的 CSS3 transforms 和 transitions 的特效幻灯片。

我的个人网站首页 https://www.senntyou.com/ 也是用 impress.js 开发的。

• github: https://github.com/impress/impress.js
• demo: https://impress.js.org/

3. particles.js: 超棒的粒子效果

• github: https://github.com/VincentGarreau/particles.js
• demo: https://vincentgarreau.com/part

5. favico.js: 让你的 favicon 用上胶囊图标、图片和视频

• github: https://github.com/ejci/favico.js
• demo: http://lab.ejci.net/favico.js/

9. multiscroll.js: 多边滑动效果

• github: https://github.com/alvarotrigo/multiscroll.js
• demo: https://alvarotrigo.com/multiSc

11. RainEffect: 雨滴效果

• github: https://github.com/codrops/RainEffect
• demo: https://tympanus.net/Developmen

CSS-Inspiration

CSS-Inspiration涵盖了css的许多常见的特效，例如布局方式、border、伪元素、滤镜、背景3d等。这些都是css里面十分重要的知识点，当我们学习完css基础之后，可以利用此项目来制作一些常用的特效，也可以巩固基础知识。

https://github.com/bradtraversy/vanillawebprojects

https://github.com/tone-row/flowchart-fun

https://github.com/dream-num/Luckysheet

小游戏

https://animpen.com/pen/Y07mS6p7

canvas

https://github.com/pixijs/pixijs

https://github.com/fabricjs/fabric.js

http://fabricjs.com/demos/

静态项目

https://www.zhihu.com/question/489758064/answer/2638950749

性能监控

https://www.zhihu.com/question/37585246/answer/2051689232