首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏csxiaoyao

    impress.js 源码分析

    在Google上搜索时,我发现了impress.js的存在,与我的设想不谋而合,于是乎……不再自己造轮子,又花了两天时间熟悉使用impress.js来设计幻灯片,效果完全超越了我的预期。    impress.js简单来说仅仅是实现了幻灯片的转场特效的框架,虽说将单页限制在框架之内,但所有单页还是需要自己用代码设计。 花了一天探索了下impress.js源码,其实并不复杂,个人感觉收获颇丰,以下阐述我的收获。 1. impress.js华丽效果实现方法概述   通过审查元素发现,页面间转场的实现全部是依赖于CSS3,准确说是translate3d属性完成的。 2. impress.js具体的技术实现 2.1 动效参数的获取 (line307):参数获取 官方提供了一个demo:index.html,首先从data-* 属性入手。

    2.8K20发布于 2019-02-15
  • 来自专栏大史住在大前端

    一统江湖的大前端(1)——PPT制作库impress.js

    impress.js是什么 impress.js 是一款基于 css-3D 和 css动画 、受到高逼格PPT原型工具 prezi 启发而开发的演示文稿制作库,github上星星高达33k个,如果你已经厌烦了使用 PowerPoint制作连自己都觉得丑的PPT,那么 impress.js 是一个非常好的选择,简洁高效逼格高。 获取impress.js库文件及官方示例请点击impress.js地址 关键API 下述api用于HTML标签属性,学习时直接对照官方代码仓中的example走一遍,看一遍示例代码,基本都能学会。 附件中的 CSS-presentation 可通过双击文件中的index.html直接打开,是自己以前在做团队内部分享时使用 impress.js制作的幻灯片,时间较短,直接套用了官方示例并对个别细节进行了调整 相关原理 impress.js的框架原理并不复杂,写在html标签上的属性可以通过 document.querySelector('元素名').dataset["属性名"]的方式取得其值,然后将每一张幻灯片相关的值赋值给

    2.6K30发布于 2018-09-10
  • 来自专栏静晴轩

    Cleaver快速制作网页PPT

    如今即便薄学如我就已然知晓reveal.js impress.js等各种轮子来制作体验优良的网页PPT。今天就来尝试下这Node.js的轮子Cleaver来制作网页PPT。 写在最后 相比于之下,impress.js, reveal.js以及Cleaver三者各有特色吧;在唯快不破的理论下,Cleaver自然占据了无与伦比的优势,只是像动画,样式等比于impress是一个短板

    4.1K80发布于 2018-03-27
  • 来自专栏九彩拼盘的叨叨叨

    GitHub 上有意思的项目推荐

    impress.js 各种炫的效果,用来做幻灯片不错。 fullPage 全屏翻页的js组件,用来做幻灯片不错。

    1.1K30发布于 2018-08-27
  • 来自专栏星流全栈

    Github开源免费编程书籍

    教程 楚狂人的D3教程 ECMAScript 6 入门 (作者:阮一峰) ExtJS Ext4.1.0 中文文档 Google JavaScript 代码风格指南 Google JSON 风格指南 impress.js impress.js的中文教程 JavaScript Promise迷你书 Javascript 原理 JavaScript 标准参考教程(alpha) 《JavaScript 模式》 “JavaScript

    8.5K40发布于 2018-06-01
  • 来自专栏全栈程序员必看

    latex缩进与对齐_latex 换行缩进

    接下来我们可以…5)Keynote,Latex, ahead, impress.js 等等对比 我喜欢 keynote,但是不是每个…… 用 \\\\ 或者 \\newline 可以强制换行在下一行继续

    5.9K30编辑于 2022-08-28
  • 来自专栏程序人生

    黑客马拉松

    我自己一般使用reveal.js和impress.js。当然不是直接用,而是使用我自己结合wintersmith做的一套生成工具。 这次pitch我使用的是impress.js

    1.6K50发布于 2018-03-28
  • 来自专栏九彩拼盘的叨叨叨

    前端组件整理

    summernote 在移动设备上用不错 HTML5播放器 jwplayer 被大量网站使用 html5media 简单的h5player,轻量级 jplayer 功能强太,可换肤 展示 Impress.js

    14.2K40发布于 2018-08-27
  • 来自专栏爬虫技术学习

    GitHub 上的顶级项目都是做什么的?(二)

    impress/impress.js 又一个基于前端技术来做幻灯片的工具, 不过更加强调 CSS3 的应用, 效果更酷炫一些.

    95530编辑于 2023-03-06
  • 来自专栏玉树芝兰

    如何高效写长文?

    它的默认导出形式之一,就是 impress.js 幻灯。 ? 而且可以在新标签页里打开,直接开始幻灯播放。 于是,简单用 Markdown 组织思绪,写好一个框架之后,你可以直接放映,特别霸气。 ? 默认支持 impress.js 格式导出。写完大纲,幻灯自动生成。 这些功能,在我看来,很好地解决了许多长文写作者的痛点需求。 我唯一不明白的是,为什么没有早点儿听说过它?

    1.2K10发布于 2019-11-29
  • 来自专栏有意思的前端世界

    我用这些开源项目轻松搭建了一个在线文档平台

    Luckysheet,因为它的配置简单、功能完全满足笔者的需求、界面也挺好看: PPT PPT说实话能找到满足要求的开源项目还是挺意外的,因为常见的PPT项目都是类似slidev、reveal.js、impress.js

    2.6K30编辑于 2022-06-15
  • 来自专栏深蓝zz的专栏

    五年 Web 开发者 star 的 github 整理说明

    terinjokes/gulp-uglify js混淆压缩的gulp插件 efri-yang/mobileValidate 移动端表单验证控件(适用于jquery和zepto) impress/impress.js

    9.8K50发布于 2017-09-13
  • 来自专栏超级架构师

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    impress.js - 这是一个基于现代浏览器中CSS3转换和转换功能的演示框架,并受到prezi.com背后的想法的启发。 bespoke.js - DIY演示微框架 Strut - Strut - 一个Impress.js和Bespoke.js演示编辑器 PhotoSwipe - 适用于移动和桌面的JavaScript图像库 impress.js - 在HTML文档中使用CSS3转换/转换进行类似Prezi的演示。 bounce.js - 立即创建美味的CSS3动画动画。

    9.1K21发布于 2019-09-18
  • 来自专栏CodingToDie

    今日分享: 常用工具集

    InfoVis Toolkit:另一款Web数据可视化插件 Pdf.js,在html中展现pdf ACE,CodeMirror:Html代码编辑器(ACE甚好啊) NProcess:绚丽的加载进度条 impress.js

    1.4K41发布于 2019-06-03
  • 来自专栏测试开发技术

    整理一份程序员常用的各类工具、技术站点

    InfoVis Toolkit:另一款Web数据可视化插件 Pdf.js:在html中展现pdf ACE,CodeMirror:Html代码编辑器(ACE甚好啊) NProcess:绚丽的加载进度条 impress.js

    2.1K20发布于 2020-04-08
  • 来自专栏超级架构师

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    impress.js - 这是一个基于现代浏览器中CSS3转换和转换功能的演示框架,并受到prezi.com背后的想法的启发。 bespoke.js - DIY演示微框架 Strut - Strut - 一个Impress.js和Bespoke.js演示编辑器 PhotoSwipe - 适用于移动和桌面的JavaScript图像库 impress.js - 在HTML文档中使用CSS3转换/转换进行类似Prezi的演示。 bounce.js - 立即创建美味的CSS3动画动画。

    8.3K20发布于 2020-08-19
  • 来自专栏Albert陈凯

    2019-06-03 GitHub 上的顶级项目都是做什么的?

    不过我个人更喜欢 Pelican. impress/impress.js 又一个基于前端技术来做幻灯片的工具, 不过更加强调 CSS3 的应用, 效果更酷炫一些.

    1.8K80发布于 2019-06-11
  • 来自专栏小鹏的专栏

    如何高效利用GitHub

    我们还可以: 使用GitHub著名传教士、Progit作者Scott Chacon开发的showoff 来自开源社区的其他演讲库impress.js Q5: 代码帮你找工作 A5:GitHub简历很诚实

    81210编辑于 2022-05-09
  • 来自专栏web全栈潮流

    coder看看应该有用

    InfoVis Toolkit:另一款Web数据可视化插件 Pdf.js,在html中展现pdf ACE,CodeMirror:Html代码编辑器(ACE甚好啊) NProcess:绚丽的加载进度条 impress.js

    1.4K41发布于 2019-11-04
  • 来自专栏DT乱“码”

    整理的程序员使用利器(工具)

    InfoVis Toolkit:另一款Web数据可视化插件 Pdf.js,在html中展现pdf ACE,CodeMirror:Html代码编辑器(ACE甚好啊) NProcess:绚丽的加载进度条 impress.js

    2.4K11发布于 2019-05-26
领券