511

github 上有趣又实用的前端项目(持续更新,欢迎补充)

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

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

图片描述

动图取自博客 reveal.js - 程序员的PPT制作神器

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

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

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

图片描述

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

图片描述

4. carbon: 代码美图生成器

可以将你的代码生成美美的图片,然后你就可以分享到各个社区了。

图片描述

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

图片描述

6. typed.js: 打字机效果库

图片描述

7. vConsole: 移动端开发调试利器

vConsole: 一个轻量、可拓展、针对手机网页的前端开发者调试面板(chrome 开发者工具的便利实现)。

一般在 web 应用开发过程中,可以用 console.log 去输出一些信息,但是在移动端,console.log 的信息是看不到的。

这种情况下,当然可以选择使用 alert 弹出一些信息,但是这种方法实在不怎么方便,也会阻断 js 事件循环,调试体验和效率都很差。

好在有 vConsole 可以帮助我们解决这个问题。

图片描述

8. midnight.js: 固定头部炫酷效果

图片描述

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

图片描述

10. diaporama: Kenburns 效果 与 glsl 转换动画库

图片描述

11. RainEffect: 雨滴效果

图片描述

后续

更多博客,查看 https://github.com/senntyou/blogs

作者:深予之 (@senntyou)

版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证

你可能感兴趣的

杜若 · 2018年09月27日

代码生成图片的是个鸡肋,代码应该是可以复制的

+3 回复

0

更美观,更有格式,更方便

senntyou 作者 · 2018年09月27日
0

是的

和谐 · 2018年09月27日
0
和谐 · 2018年09月27日
馒头 · 2018年09月27日

https://github.com/h5ds/h5ds H5页面生成工具

回复

0

是个好东西

senntyou 作者 · 2018年09月27日
0

觉得不错,赏个star。谢谢~

馒头 · 2018年09月27日
0

膜拜大佬,收藏了

yqx_cn · 2018年09月28日
载入中...