比 Prezi 强太多的演示/简报新方案，基于 CSS3！

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 4497 天前的主题，其中的信息可能已经有所发展或是发生改变。

今天无意发现的开源项目，效果太漂亮了。项目名为 impress.js @ GitHob [1]。

关于 Prezi [2]，这是一个基于 flash 的创新演示工具，完全不同于 ppt/keynote 的“页”的概念，而是可以在平面上的各元素间跳转，并可随时回到全局视角。很遗憾用语言真的很难说清楚，不熟悉的童鞋可以自己去使用，另外可以参见李笑来最近的说明文章 [3]。

我09年就在尝试用它，遗憾的是简体中文支持不佳，而且其商业模式过于昂贵；遂放弃至今。

今晚发现了以 CSS3 为基础的“高端山寨版”（作者已自称正是受到 Prezi 的启发），但亮点更多，例如 3D 效果，以及脱离 Flash 的现代形态。建议大家前往 [4] 欣赏。

看来这种模式的演示/简报应当要开始流行了。

[1] https://github.com/bartaz/impress.js
[2] http://prezi.com
[3] http://www.lixiaolai.com/archives/11270.html
[4] http://bartaz.github.com/impress.js/

prezi

演示

CSS3

43 条回复 • 1970-01-01 08:00:00 +08:00

leiz

2012-01-04 03:37:55 +08:00

mark,打算接下来的presentation就用这种方式进行，谢谢推荐。

zythum

2012-01-04 03:41:43 +08:00

看了下css3的那个，感觉单单这么写个演示压力不大。

FRHong

2012-01-04 04:56:36 +08:00

真的好强。开眼界了！

lwjef

2012-01-04 06:51:40 +08:00

我猜肯定是 so damn cool =。=

HowardMei

2012-01-04 08:24:55 +08:00

杯具，手机上找不到收藏按钮，mark先

zwl2828

2012-01-04 08:32:15 +08:00

压力好。。大，还是 Keynote 吧。

chenluois

2012-01-04 08:44:22 +08:00

可惜不支持 Safari iOS。

driftinwind

2012-01-04 09:26:22 +08:00

效果很好。不过编辑界面没有Prezi这么友好吧

est

2012-01-04 09:54:29 +08:00

什么时候embed一个又臭又大的 pdf 或者 youtube 再CSS3 3D旋转一下~~~~

xell

2012-01-04 13:10:06 +08:00

@driftinwind 其实现在没有所谓的“编辑界面”…… GitHub 的 issues 里面已经有人提出需要相应的 authoring tool。

loading

2012-01-04 13:22:26 +08:00

手机 mark

caomu

2012-01-04 13:25:45 +08:00 via Android

手机mark，顺便强烈请求手机收藏功能。

gracechen

2012-01-04 13:30:09 +08:00

prezi不支持中文真是好坑爹好多人反馈让他们添加这个功能这么久了竟然一直没做 :(

MarshallChen

2012-01-04 13:37:40 +08:00

很牛逼谢谢分享：P

Livid

MOD

2012-01-04 13:39:18 +08:00

For the best experience please use the latest Chrome or Safari browser. Firefox 10 and Internet Explorer 10 should also handle it.

Wow :D

Jesse

2012-01-04 13:41:02 +08:00

很好很nb

clino

2012-01-04 13:57:00 +08:00

这个必须收藏,很酷

zxsky1

2012-01-04 14:01:38 +08:00

下载试试，感谢分享。

Elix

2012-01-04 14:18:47 +08:00

@Livid Firefox 10？我没看错吧。

NemoAlex

2012-01-04 14:23:26 +08:00

楼主写的帖子的方式也很棒
赞一下

freefcw

2012-01-04 14:31:40 +08:00

太赞了，不过试了一下，firefox很卡，即便是12也很卡，抗锯齿做的不好。win8的ie10不支持，opera不支持

bit

2012-01-04 14:32:14 +08:00

在07年双核，集显的台式机上，Safari 运行这个居然比 Chrome 流畅很多，完全不卡！！！

panlilu

2012-01-04 14:38:14 +08:00

fork了，想当的不错~

breakaway

2012-01-04 15:38:19 +08:00

用来做about me 的高端版啊

ooof

2012-01-04 15:40:36 +08:00

这样的方式保持了丰富数据的整体感，感觉是挺好的。

貌似 @POPOEVER 和 @herock 在当年的连州年会用过。

ultragtx

2012-01-04 15:41:49 +08:00

好cool

POPOEVER

2012-01-05 01:25:29 +08:00

@ooof 当年试图用的，结果折腾了上半夜发现对中文支持实在有问题，只好下半夜改用 Keynote 赶出来的

shidianxia

2012-01-05 02:42:04 +08:00 via iPod

mark

sd4399340

2012-01-05 11:00:42 +08:00

非常cool

iwege

2012-01-05 11:46:24 +08:00

谁做一个模板站，估计会火一阵子。

xell

2012-01-05 15:47:54 +08:00

现在关键就是创作工具的问题了，敲代码并非人人都会或都愿意。

2012-01-05 16:28:09 +08:00

貌似有个webgl 3d旋转的～忘了地址。。。

Ricepig

2012-01-05 16:59:40 +08:00

非常酷炫

可惜很卡啊！

donwa

2012-01-05 17:15:58 +08:00

mark

Bob

2012-01-05 19:25:09 +08:00 via iPhone

kojp

2012-01-05 19:52:21 +08:00

@zythum
呃，前端大神（不知道是要称呼姐姐还是妹妹还是哥们）。。。发邮件给你请教问题了。 ^_^

can

2012-01-05 20:27:18 +08:00

让我想起倒鸭子那个视频了

fanzeyi

2012-01-05 20:42:49 +08:00

http://www.fanhe.org/about/ =_= 随手改了个... 懒得排定位了... 233

zythum

2012-01-06 00:48:17 +08:00

@kojp 现在去看。今天外面玩了一天...

zythum

2012-01-06 00:48:42 +08:00

@fanzeyi 404 Not Found 这...

fanzeyi

2012-01-06 00:49:31 +08:00

@zythum 看来被rsync吞掉了.. 反正做的不好正好也消失了好了=_=

karma

2012-01-06 02:42:59 +08:00 via Android

要不我mark一下?

enirehtac

2013-10-21 10:10:13 +08:00

我这只有chrome流畅