几个秒杀PPT的高(zhe)大(teng)上(ren)的幻灯工具

原文出处: 媒文化的章伯

还在用MS Powerpoint?太out了,当然是个人都知道ppt有多out,可别以为Keynote,或者Prezi就不out了。下面列举的的工具大多在效果上不弱于这些收费软件,不过一则基于浏览器、二则有厚重的Geek味,关键还是免费的。

Reveal.js

revealjs

目前用得最多的展示工具,主要并不在于效果够炫(当然3D转场也算得上炫),而在于支持markdown,非常方便将平时用markdown作的笔记,借用pandoc迅速转成展示用的幻灯片。它的特点在于可以水平和垂直两个方向进行幻灯片的切换。每张幻灯片是以section标签区分,最终生成一张html文件,文件放在reveal.js文件夹就可以出现效果,就算没有reveal.js,html文件也易于阅读。

下载reveal.js

如果懒得折腾,也有 在线编辑器

slid.es_548x275

如果喜欢折腾,当然可以通过更改ccs,获得更多不多效果。

Impress.js

impress

如果说reveal.js的效果是炫,那么impress.js的效果是炫暴了。impress.js受到prezi的深刻影响,其实很难用文字形容它能呈现的3D效果,打开看看就知道了。

它使用div标签来区分每个页面,页面可以在x,y,z三个轴上位移与旋转。

下载impress.js

如果不想折腾,也有在线编辑器strut

strut-690x500

Jimpress.js

jQuery版的impress.js

下载jimpress

Google Slides Template

Screen-shot-2012-02-27-at-8.31.24-PM-e1330355220157

没错,Google也有它的html5幻灯模板,当然没有reveal.js,impress.js的话,它也算不错了,只是它只能由右向左滑动。

页面用article区别,也可以用css自定义风格。

下载Google Sildes Template

Deck.js

deck-js

最早的html5幻灯片工具,功能和google slides template差不多,没有什么转场效果。

下载deck.js

Shower

shower-6

下载shower

Shower是Opera的Vadim Makeev开发的,虽然效果比不上最炫的那几位,不过对不同的浏览器支持很好,可以点Esc开启幻灯片缩略图。

Slippy

slide-jquery

支持多种浏览器,无转场特效。

CSSS

csss-logo

基于css的幻灯工具

io-2012-slides

就是原来的html5slides,不要被那个2012迷惑了,那是说从2012年开始开发,不是说最新的版本是2012年开发的。支持markdown.

Fathom.js

Fathom-js

既可以使用鼠标也可以使用键盘操作。

下载fathom.js

html5rocks

html5rocks-logo-wings

dzslides

Script-of-the-Day-DZSlides

单页模板,可以放入文本、图片、视频、iframes,也适合移动终端。

下载dzslides

Flow.js

Flowtime-js_1

由css3管理动画,Javascript负责导航与高级功能。

在线编辑器slidecaptain

slidecaptain.com

S5

S5DokuWikiPlugin.png_reference

下载S5

Scrolldeck.js

scrolldeck.js3_thumb

下载Scrolldeck.js

Slides

Screen-shot-2012-02-27-at-8.47.47-PM-e1330356070992

下载Slides

Landslide

landslide

支持makrdown与reStructuredText

下载Landslide

Pow

9781828774_eea6203034_o

下载Pow

Stack

9781367862_e7c727012a_o

转场采取的垂直下拉的方式

下载Stack

Bespoke.js

bespoke_js

Micro-Framework演示工具

下载Bespoke.js

ScriptlessScriptless-slidess

Html Slidy

Slide-Shows-in-HTML-and-XHTML-HTML-Slidy

用于创建 html和Xhtml格式的幻灯。

Slidedown

从markdown生成语法高亮的幻灯。

Perkele.js

JavaScript-Slide-Framework-Perkele.js

JavaScript幻灯框架

下载Perkele.js

HoverForMore.js

可以以跑马灯形式上下或左右滚动显示,需jQuery或Zepto,对不同浏览器支持良好。

下载HoverForMore.js

Showoff

将以makrdown写的幻灯与showoff.json组织在起一起,打开浏览器并运行showoff serve

下载Showoff

[3D Cube Slideshow]

 

非常酷的三维转场效果。

horiz_lines

下载3D Cube Slideshow

Cleaver

Cleaver

号称黑客三十称就可以用的幻灯。

下载Cleaver

Mosho

HTML5CSS3JS-Presentation-Framework

受到impress.js的启发,但使用了css3的3D转场效果,具有非线性链接。

下载Mosho

Awwation

Create-Zooming-Presentations-Awwation

仿prezi效果。

下载Awwtion

Presenteer.js

Flexible-HTML5-Presentation-Tool-Presenteer.js

使用css3变形与转场的html5幻灯。

下载Presenteer.js

Presentz

A-JavaScript-Library-for-Synchronizing-Videos-and-Slides-Presentz

可以把Vimeo, Youtube,Slideshare上的内容整合到幻灯中。

Collage.js

logo

可以选择纯 JavaScript方式或是node.js方式,显示出二维拼贴效果的幻灯。

下载Collage.js

Tacion.js

jQuery-Mobile-Framework-for-Creating-Real-time-Presentations-Tacion.js

实时演示可互动的jQuery动态框架

WOW Slider

wowslider

让人WoW地一声幻灯,可免费非商业使用。

下载WOW Slider



手机、软件、移动互联网。新浪微博:@尘岳0_o

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">