`
zhb8015
  • 浏览: 397823 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
Group-logo
Spring Roo杂谈
浏览量:0
社区版块
存档分类
最新评论

新浪前端工程师开发出在线演示文档JS框架webSlide,比impress更流畅、更实用

    博客分类:
  • INFO
阅读更多

相信各位一直关注我们的朋友对在线演示工具不会再陌生,我们先后介绍过Prezi这个可供普通用户使用的站点,以及 impress.js这个可供开发者或是有前端设计基础的用户使用的 JS 框架。使用它们都可以制作出拥有很炫效果的 Web 演示文档。

面对这种目前还稍显前卫的演示效果,有的朋友认为很好、很给力;另一些朋友则认为演讲的核心应该是演讲者和内容,这种效果太炫,反而分散观众注意力。当然,这种情况也属正常,考虑问题的角度不同,套用一句俗语就是:萝卜白菜,各有所爱。

不过与传统的 PPT 相比,Web 演示文件确实方便很多,所以再给大家推荐一个与传统 PPT 更接近的 JavaScript 框架 -- webSlide。这个框架是由新浪微博开放平台前端工程师 @三水清 所开发。

三水清告诉我们,此前也看过36氪对 impress 的介绍,自己也有使用。但常在使用过程中出现短暂的停滞现象,特别是内容或图片较多时更为明显。因此他便自己写了 webSlide 这个框架。

虽然 webSlide 的效果没有 impress 那么花哨,但也很炫,并且使用方面也更接近传统 PPT 的用法。webSlide 添加了画笔、底部进度条、单页面中单行的淡入淡出等功能,动画效果也更流畅。快捷 P 可以打开画笔功能,C 则能清除画笔内容,也可以通过右下角的工具栏将其激活。

整个框架使用 JavaScript 并结合 HTML5 和 CSS3 的特性开发,所以播放时使用的浏览器当然也是越新越好。感兴趣的朋友可以看看 实例演示,或者到GitHub把代码找来研究。与此前介绍的 impress 不同,如果有技术问题需要与作者沟通或讨论,你可以很方便地联系到 @三水清

分享到:
评论

相关推荐

    前端项目-impress.js.zip

    **impress.js:创新的前端演示框架** impress.js是一个基于CSS3的开源演示框架,专为现代浏览器设计,旨在提供类似Prezi的交互式演示体验。Prezi是一款在线演示工具,以其独特的非线性、平移和缩放效果而闻名。而...

    impress.js

    现在普通开发者可以利用 impress.js 自己开发出类似效果的演示工具,但性能比基于 FLASH 的 Prezi 更优。其功能包括画布的无限旋转与缩放,任意角度放置任意大小的文字,CSS3 3D 效果支持等。同时,也支持传统 ...

    impress.js 神器

    总结来说,impress.js 是一个强大的工具,可以帮助你创造出令人印象深刻的、具有空间感的演示文稿。通过掌握其基本概念和使用方法,你可以打破传统幻灯片的束缚,赋予你的内容更丰富的呈现方式。

    超强的制作PPT的impress.js

    **标题解析:** "超强的制作PPT的impress.js" impress.js 是一个基于HTML5和CSS3的开源工具,用于创建...通过学习和实践impress.js,用户不仅可以创建出引人入胜的在线演示,还能深入理解Web前端技术,提升自身技能。

    impress.js-master.zip

    impress.js 是一个基于 JavaScript 的开源项目,用于创建极具视觉冲击力的演示文稿。它由 Bartek Szopka 创建,灵感来源于 HTML5 和 CSS3 的强大功能,旨在让网页演示变得如同 Prezi 一样流畅而富有动态感,但又不失...

    Impress 演示文稿基础教程

    Impress是LibreOffice和Apache OpenOffice套件中的一个组件,专门用于创建专业级别的演示文稿。本教程将深入讲解如何使用Impress来制作出引人入胜的幻灯片,帮助你提升在商务会议、学术报告或教学活动中的表现力。 ...

    impressjs基于CSS3的Web幻灯片展示框架

    总的来说,impress.js是一个创新的Web开发工具,它利用CSS3的强大力量,为在线演示带来了革命性的变化。通过熟练掌握impress.js,开发者可以创造出引人入胜、互动性强的幻灯片,提升演讲或展示的质量。

    impress.js表现层框架(演示工具)-初体验

    impress.js是一个强大的JavaScript和CSS3框架,专用于创建具有惊人视觉效果的演示文稿。它的灵感来源于Prezi,但不同之处在于impress.js利用现代Web技术,如HTML5和CSS3 3D变换,提供了比基于Flash的Prezi更优秀的...

    前端开源库-impress-router

    **impress-router** 是一个专为前端开发设计的开源库,它主要被用来构建现代Web应用的路由系统。这个库的出现是为了解决在JavaScript应用程序中管理页面导航和URL映射的问题,尤其是在使用单页应用(SPA)架构时。**...

    演示文档创建工具Hovercraft.zip

    Hovercraft简化了创建 Impress.js 文档的过程,使用 reStructuredText 创建演示文档。和用HTML制作幻灯片不同,Hovercraft可以让你更加专注于写作。你可以任意改动元素而不用担心标记语言的标签封闭问题。 举个例子...

    JavaScript_它是一个基于现代浏览器中CSS3转换和过渡功能的表示框架,并受到prezicom背后的想法的启发.zip

    impress.js将这种概念引入到网页中,利用CSS3的转换和过渡功能,让开发者能够创建出类似Prezi的交互式和沉浸式的网页演示文稿。 使用impress.js,开发者可以定义演示文稿的各个“步骤”,每个步骤对应页面上的一个...

    impress-js-boilerplate:使用impress.js进行演示HTMLCSSJS样板-演示

    总的来说,`impress-js-boilerplate` 提供了一个强大且灵活的框架,使开发者能够利用现代 Web 技术创建出富有创新和吸引力的演示文稿。无论你是技术演讲者还是教育工作者,这个模板都能帮助你制作出令人难忘的演示...

    [Impress.js] 构建特炫效果应用 (Impress.js 实现) (英文版)

    [Packt Publishing] 构建特炫效果应用 (Impress.js 实现) (英文版) [Packt Publishing] Building Impressive Presentations with Impress.js (E-Book) ☆ 出版信息:☆ [作者信息] Rakhitha Nimesh Ratnayake ...

    impress框架

    它主要是基于CSS3的变换和切换。只有现代浏览器支持,效果很震撼。

    impress.js幻灯片sql分享

    在"impress.js幻灯片SQL分享"中,我们看到作者直接在impress.js的官方演示模板基础上进行了改编,用以介绍SQL(结构化查询语言)这一核心的数据库管理语言。 SQL,全称Structured Query Language,是用于管理和处理...

    impress_demo:impress.js演示

    这只是用impress.js写的一个demo,更多的是提供一个想法,说实话,当时的演示效果并不理想,还要自己带电脑去(因为他们的电脑没有Chrome)而且还有分辨率的问题,宽度太小的时候,会有一部分被遮住,效果大减。...

    用impress.js做的关于bitcoin演示稿ppt动画效果下载

    【标题】"用impress.js做的关于bitcoin演示稿ppt动画效果下载" 提示我们这个压缩包内包含一个使用impress.js技术制作的比特币(Bitcoin)主题的演示文稿,其中运用了丰富的动画效果来增强讲解的生动性。impress.js是...

    canjs-presentation:使用 impress.js 完成的 CanJS 框架演示

    通过研究这些文件,你可以更深入地了解CanJS和impress.js如何协同工作,创造出引人入胜的前端演示。这个项目不仅可以帮助你学习CanJS的使用,还能让你掌握如何利用impress.js制作富有创意的演示。

    谈谈impress.js初步理解

    impress.js 是一款基于 CSS3 和 JavaScript 的演示文稿框架,它允许开发者创建具有高度交互性和视觉冲击力的演示效果,类似于 Prezi,但比基于 Flash 的 Prezi 更加高效和现代。impress.js 的核心特性包括对画布的...

    impress.js高级特效展示 适用于个人介绍 超级酷炫

    impress.js高级特效展示 适用于个人介绍 超级酷炫,js支持键盘方向控制的引导页面模板

Global site tag (gtag.js) - Google Analytics