github 上有趣又实用的前端项目(持续更新,欢迎补充)
github 上有趣又实用的前端项目(持续更新,欢迎补充)
1. reveal.js: 幻灯片展示框架
一个专门用来做 HTML 幻灯片的框架,支持 HTML 和 Markdown 语法。
-
github
: https://github.com/hakimel/reveal.js -
demo
: https://revealjs.com
动图取自博客 reveal.js - 程序员的PPT制作神器。
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. carbon: 代码美图生成器
可以将你的代码生成美美的图片,然后你就可以分享到各个社区了。
-
github
: https://github.com/dawnlabs/carbon -
demo
: https://dawnlabs.io/carbon
4. favico.js: 让你的 favicon
用上胶囊图标、图片和视频
5. typed.js: 打字机效果库
6. vConsole: 移动端开发调试利器
vConsole
: 一个轻量、可拓展、针对手机网页的前端开发者调试面板(chrome
开发者工具的便利实现)。
一般在 web 应用开发过程中,可以用 console.log
去输出一些信息,但是在移动端,console.log
的信息是看不到的。
这种情况下,当然可以选择使用 alert
弹出一些信息,但是这种方法实在不怎么方便,也会阻断 js
事件循环,调试体验和效率都很差。
好在有 vConsole
可以帮助我们解决这个问题。
7. midnight.js: 固定头部炫酷效果
8. multiscroll.js: 多边滑动效果
9. diaporama: Kenburns
效果 与 glsl
转换动画库
-
github
: https://github.com/gre/diaporama -
demo
: http://greweb.me/diaporama/
10. RainEffect: 雨滴效果
11. 后续
更多博客,查看 https://github.com/senntyou/blogs
版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)