摘要:上有趣又实用的前端项目持续更新,欢迎补充幻灯片展示框架一个专门用来做幻灯片的框架,支持和语法。又一个幻灯片展示框架一个受的启发,使用了现代浏览器里支持的和的特效幻灯片。我的个人网站首页也是用开发的。好在有可以帮助我们解决这个问题。
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. particles.js: 超棒的粒子效果github: https://github.com/VincentGarreau/particles.js
demo: https://vincentgarreau.com/particles.js/
4. carbon: 代码美图生成器可以将你的代码生成美美的图片,然后你就可以分享到各个社区了。
github: https://github.com/dawnlabs/carbon
demo: https://dawnlabs.io/carbon
5. favico.js: 让你的 favicon 用上胶囊图标、图片和视频github: https://github.com/ejci/favico.js
demo: http://lab.ejci.net/favico.js/
6. typed.js: 打字机效果库github: https://github.com/mattboldt/typed.js
demo: https://mattboldt.com/demos/typed-js/
7. vConsole: 移动端开发调试利器vConsole: 一个轻量、可拓展、针对手机网页的前端开发者调试面板(chrome 开发者工具的便利实现)。
一般在 web 应用开发过程中,可以用 console.log 去输出一些信息,但是在移动端,console.log 的信息是看不到的。
这种情况下,当然可以选择使用 alert 弹出一些信息,但是这种方法实在不怎么方便,也会阻断 js 事件循环,调试体验和效率都很差。
好在有 vConsole 可以帮助我们解决这个问题。
github: https://github.com/Tencent/vConsole
demo: https://wechatfe.github.io/vconsole/demo.html
8. midnight.js: 固定头部炫酷效果github: https://github.com/Aerolab/midnight.js
demo: https://aerolab.github.io/midnight.js/
9. multiscroll.js: 多边滑动效果github: https://github.com/alvarotrigo/multiscroll.js
demo: https://alvarotrigo.com/multiScroll/
10. diaporama: Kenburns 效果 与 glsl 转换动画库github: https://github.com/gre/diaporama
demo: http://greweb.me/diaporama/
11. RainEffect: 雨滴效果github: https://github.com/codrops/RainEffect
demo: https://tympanus.net/Development/RainEffect/
后续更多博客,查看 https://github.com/senntyou/blogs
作者:深予之 (@senntyou)
版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/98001.html
摘要:上有趣又实用的前端项目持续更新,欢迎补充幻灯片展示框架一个专门用来做幻灯片的框架,支持和语法。又一个幻灯片展示框架一个受的启发,使用了现代浏览器里支持的和的特效幻灯片。我的个人网站首页也是用开发的。好在有可以帮助我们解决这个问题。 github 上有趣又实用的前端项目(持续更新,欢迎补充) 1. reveal.js: 幻灯片展示框架 一个专门用来做 HTML 幻灯片的框架,支持 HTM...
阅读 2120·2023-04-26 00:00
阅读 3114·2021-09-24 10:37
阅读 3461·2021-09-07 09:58
阅读 1478·2019-08-30 15:56
阅读 2195·2019-08-30 13:11
阅读 2261·2019-08-29 16:38
阅读 913·2019-08-29 12:58
阅读 1818·2019-08-27 10:54