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

曾子嶒·2012年03月04日 17:19
相信各位一直关注我们的朋友对在线演示工具不会再陌生,我们先后介绍过<a title="PowerPoint颠覆者Prezi让你摆脱幻灯片的束缚,构建信息图式的云演示文档" href="http://www.36kr.com/p/69100.html" target="_blank">Prezi</a>这个可供普通用户使用的站点,以及<a title="基于CSS3的表现层框架impress.js,让开发者轻松创建杀手级在线演示应用" href="http://www.36kr.com/p/74095.html" target="_blank">impress.js</a>这个可供开发者或是有前端设计基础的用户使用的JS框架。使用它们都可以制作出拥有很炫效果的Web演示文档。

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

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

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

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

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

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

+1
0

好文章,需要你的鼓励

参与评论
评论千万条,友善第一条
后参与讨论
提交评论0/1000

下一篇

创业征途上,激情到底起着什么作用?作者分享了Paul Graham(Y Combinator) / Jason Goldberg(Fab.com) / Billy Chasen(Turntable.fm) / Jack Dorsey(Twitter和Square) / Dennis Crowley(Foursquare) 等人的看法。

2012-03-04

36氪APP让一部分人先看到未来
36氪
鲸准
氪空间

推送和解读前沿、有料的科技创投资讯

一级市场金融信息和系统服务提供商

聚焦全球优秀创业者,项目融资率接近97%,领跑行业