`
zhb8015
  • 浏览: 377081 次
  • 性别: 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

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

    前端项目-impress.js.zip

    前端项目-impress.js,它是一个基于CSS3在现代浏览器中的转换和转换能力的演示框架,灵感来自prezi.com背后的思想。

    演示文档创建工具Hovercraft.zip

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

    impress.js 神器

    impress.js 神器

    Impress 演示文稿基础教程

    用于学习Impress 制作演示文稿幻灯片的教程,教程共10课

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

    impress.js 是国外一位开发者受 Prezi 启发,采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具),现在普通开发者可以利用 impress.js 自己开发出类似效果的演示工具,但性能比基于 FLASH ...

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

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

    谈谈impress.js初步理解

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

    impress框架

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

    impress_demo:impress.js演示

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

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

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

    impress.js源码及Demo

    Impress.js是一款基于css3转 换和过渡、工作于现代浏览器(Google Chrome或Safari (或 Firefox 10 或 IE10))、并受prezi.com的理念启发的演示工具。如果你已经厌烦了使用PowerPoint制作PPT,那么impress.js是一个非常...

    前端开源库-impress-router

    前端开源库-impress-routerImpress路由器,连接Koa的Port Express路由器

    OpenOffice Impress Guide

    OpenOffice Impress Guide

    impress.js CSS3 变换和过渡

    基于 CSS3 变换和过渡的页面效果框架 impress.js It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

    impress.js幻灯片sql分享

    直接在impress给定的官方demo上修改的一个简单介绍sql的ppt 增加了一些也没

    impress.js-master.zip

    JavaScript实现的演示功能,很炫的演示,只要在源码中添加进去自己的信息就可以用网页来演示了

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

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

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

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

    使用impress.js制作幻灯片

    impress.js是一款新兴的幻灯工具,它的效果类似Prezi,但是拥有3D的功能,而且是在MIT&GPL协议下开源,对于有一定的Web开发基础的人而言,真是一个福音!只需要简单的用一些html指令,并加载impress.js就可以制作出...

Global site tag (gtag.js) - Google Analytics