资讯专栏INFORMATION COLUMN

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

morgan / 1004人阅读

摘要:上有趣又实用的前端项目持续更新,欢迎补充幻灯片展示框架一个专门用来做幻灯片的框架,支持和语法。又一个幻灯片展示框架一个受的启发,使用了现代浏览器里支持的和的特效幻灯片。我的个人网站首页也是用开发的。好在有可以帮助我们解决这个问题。

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/117000.html

相关文章

  • github 有趣实用前端项目持续更新欢迎补充

    摘要:上有趣又实用的前端项目持续更新,欢迎补充幻灯片展示框架一个专门用来做幻灯片的框架,支持和语法。又一个幻灯片展示框架一个受的启发,使用了现代浏览器里支持的和的特效幻灯片。我的个人网站首页也是用开发的。好在有可以帮助我们解决这个问题。 github 上有趣又实用的前端项目(持续更新,欢迎补充) 1. reveal.js: 幻灯片展示框架 一个专门用来做 HTML 幻灯片的框架,支持 HTM...

    zzzmh 评论0 收藏0
  • github 有趣实用前端项目持续更新欢迎补充

    摘要:上有趣又实用的前端项目持续更新,欢迎补充幻灯片展示框架一个专门用来做幻灯片的框架,支持和语法。又一个幻灯片展示框架一个受的启发,使用了现代浏览器里支持的和的特效幻灯片。我的个人网站首页也是用开发的。好在有可以帮助我们解决这个问题。 github 上有趣又实用的前端项目(持续更新,欢迎补充) 1. reveal.js: 幻灯片展示框架 一个专门用来做 HTML 幻灯片的框架,支持 HTM...

    warmcheng 评论0 收藏0
  • 开源集锦

    摘要:密码服务层分片分片新思路目前国内流行的开源数据库分片实现都基于的改写分发与结果归并。虽然独立开发人员仍是开源社区的重要组成部分,但如今开源项目的大部分工作由企业开发人员完成。 Android2017 这些技术 —— 你都了解过吗 插件化 热更新 对Android平台,我们通常所说的在线热更新就是,例如对已经发布在应用市场上的宿主APK,当我们从crash统计平台上发现某个函数调用有bu...

    Simon 评论0 收藏0
  • Android实用库和项目 - 收藏集 - 掘金

    摘要:高仿微信融云版掘金一简述本项目由个人独立开发。项目博客地址高仿微信融云版项目源码地址码云最新最全的开源项目合集掘金是由整理并维护的安卓相关开源项目库集合。 Android 高仿微信图片查看花式效果 - Android - 掘金图片查看器,为各位追求用户体验的daLao提供更优质的服务 它能够 1、点击图片时以一种无缝顺畅的动画切换到图片查看的界面,同样以一种无缝顺畅的动画退出图片查看界...

    darkbaby123 评论0 收藏0
  • ?Web开发者需要知道CSS Tricks

    摘要:为了以后可以更爽的复制粘贴,笔者把自己的收获和工作中常用的一些小样式总结成这份文档,一共包含个的小样式持续更新。 showImg(https://segmentfault.com/img/bV8leu?w=2700&h=1500); 作为一名Web开发者,CSS是必备技能之一,我一直以为自己对CSS的掌握已经够用了,直到读Lea Verou的《CSS揭秘》时,我发现自己充其量就算个会打...

    ymyang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<