本文转载至:http://blog.callmewhy.com/2014/07/02/three-open-source-tools-to-make-your-presentations-pop/

不论是在商业圈还是在学术界,演示都是生活中不可或缺的一部分。一般来说,做一个演示就意味着做几张幻灯片,微软的PPT,Apple的Keynote,LibreOffice的Impress都是常见的选择。撇开前两个应用的闭源性质不谈,这些应用的问题在于如果你要查看你准备的内容,你就必须在演示的电脑上安装对应的软件。如果想在线展示的话,你也可以尝试用谷歌的Drive或者类似的其他服务碰碰运气,不过能否成功就看人品了。

这些年,用来创建幻灯片的演示框架数目激增,这些框架充分发挥了HTML5、CSS3和JavaScript的优势,只需要一个普通的浏览器就可以创建属于你的幻灯片。再也不需要担心文件的兼容性,不需要担心某一天文档会被某个特殊的网络服务加锁。因为这些幻灯片框架都是开源的,所以我们可以随心所欲地对这些框架进行一些自定义修改。不过说句实在话,和用PowerPoint、Keynote、Impress相比,写HTML5、CSS3和JavaScript的代码要略微复杂一点。

接下来介绍一下三款开源工具,可以让你的演示脱颖而出。

Impress.js

Impress.js是Bartek Szopka受到Prezi的启发开发的一个演示工具框架,利用CSS3提供优于传统幻灯片的演示体验。 演示者可以用impress.js轻松实现各种旋转、滑动、放缩特效,足以让观众惊叹。impress.js依赖于传统的Web技术(HTML+CSS+JavaScript),意味着不会将用户捆绑到某种特定的软件或者网络服务上。因为它是遵循MIT和GPLv2+协议的,所以你可以对impress.js的源码做任意修改。impress.js充分利用了最新的Web技术,所以需要一个比较流行的网页浏览器,最近版本的Chrome、Firefox、Safari、IE基本就能满足要求。创建一个impress.js应用并不是很容易,即使对于有一定HTML和CSS基础的人来说也是如此。

impress.js中,基本的标记很容易懂,但是想做出很复杂的演示,需要深入思考和仔细规划。在impress.js里没有什么默认主题,需要自己设计展示效果、演示流程、幻灯片之间的切换方式以及每张幻灯片的相对布局。从零开始制作一个演示文档需要做很多工作,但是事实上有很多样例可以提供灵感和指导,网上也有很多教程,深入讲解impress.js的使用。

如果你觉得创建一个impress.js的展示对你来说很复杂,那可以使用一些更容易使用的小工具。

Hovercraft

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

举个例子,我想创建了一张幻灯片,比上一张幻灯片大了五倍并且旋转了90度。那么在Hovercraft里,只需要两行代码就能完成这些工作:

:data-scale: 5
:data-rotate: 90
Heading
=======
* Bullet Point 1
* Bullet Point 2

使用Hovercraft极大的简化了impress.js的使用。Hovercraft支持四种放置幻灯片的方式,如果没有设置的话,会使用默认的切换方式,也就是向左飞出切换到下一张。如果你想让你的幻灯片更酷炫一点,你可以使用相对布局,幻灯片会基于你自定义的偏移量进行切换。如果在中间插入了一张幻灯片,接下来的其他幻灯片也会依次自动适应调整坐标。如果你想要控制其中的细节,你可以使用绝对布局,提前定义好每个幻灯片的坐标并用SVG制定好路线。

Hovercraft的文档评价SVG布局“用起来有点繁琐”,不过它可以让你更加精确的控制幻灯片的每一个细节,让你的演示更加出彩。另外,如果你想在你的演示中插入代码,那也没有问题,Hovercraft支持代码语法高亮,并且它还提供一个专门给演讲者看的屏幕,可以显示笔记,并且还有计时功能。当你写好了一份文档,一条简单的命令就可以把rst文件转换成HTML演示文稿:

hovercraft [markupfile] [output directory]

虽然Hovercraft有很多优点,但是它依然需要使用者有一定的CSS常识。默认的主题十分的朴实,如果你想要你的演示出彩的话,还是要花一些功夫的。给幻灯片加上CSS并非难事,但是和PPT中点击就能选主题相比,还是显得复杂了一些。

如果想深入学习,你可以阅读Hovercraft的文档。Hovercraft的作者是Lennart Regebro,遵循CC0 1.0通用协议。

Strut

如果你想要一个工具,让你的工作像传统的幻灯片制作一样简单,那么Strut是一个不错的选择。Strut是一个基于网络的应用,提供了幻灯片的分类和编辑工具。图形化的界面让你轻轻松松的添加文字、图片、视屏和网页。你也可以一次性改变所有幻灯片的前景色和背景色,也可以一张一张的修改。

Strut支持Markdown的语法,而且对于有一定基础的用户,可以自定义CSS样式。当你设计好了你的幻灯片,你可以设置旋转角度和缩放比例等参数,切换不同的预览方式和页面布局。除了impress.js,Strut也可以创建基于bespoke.js框架的演示文档。

Strut很不错,但是依旧有一些缺点。有时候会遇到一些bug,并且这个项目的待办事项有点多,虽然都不是什么大问题。

该项目遵循“早发布,常发布”的准则,愿意把这个项目做得更好的人可以去Github做贡献。你可以在官网的在线编辑器试一试,或者直接去Github下载它的源码包在本地运行。如果想在本地运行Strut,需要有NodeJS的npm工具和Grunt来安装依赖项目。

Strut的创始人是Matthew Crinklaw-Vogt,并且遵循Affero通用协议。


原文地址:

  • 3 open source tools make your presentations pop

三款开源工具让你的演示脱颖而出相关推荐

  1. 还没使用过Web Worker? 推荐一款开源工具Workerize-Loader,让你在webpack项目中轻松使用Web Worker

    还没使用过Web Worker? 推荐一款开源工具Workerize-Loader,让你在webpack项目中轻松使用Web Worker Workerize-Loader 将模块及其依赖项移动到 W ...

  2. 最后防线:三款开源HIDS应用对比评估

    本文仅从应用角度评估Wazuh, Osquery, AgentSmith这三款HIDS,针对企业立马使用HIDS,或者包装成方案的场景. 简介 Wazuh:一款免费.开源的企业级安全监控解决方案,用于 ...

  3. 三个开源工具搞定 100 年前的老视频复原!就是这么强大!

    点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | OSC神秘老司机 来源 | https://w ...

  4. 三款性能测试工具kylinPET、LoadRunner、Jmeter在脚本录制与调试上的差异性

    软件的性能测试活动离不开性能测试工具的支持.国外常用的性能测试工具有:loadRunner(商用),Jmeter(开源),国内做的比较好的国产性能工具有kylinPET.性能测试工具的录制和调试是能力 ...

  5. ElasticSearch、Logstash和Kiabana三个开源工具。

    一 方案背景 通常,日志被分散的储存不同的设备上.如果你管理数十上百台服务器,你还在使用依次登录每台机器的传统方法查阅日志.这样是不是感觉很繁琐和效率低下.开源实时日志分析ELK平台能够完美的解决日志 ...

  6. 还没使用过Web Worker,推荐一款开源工具Workerize,快速上手

    还没使用过Web Worker,推荐一款开源工具Workerize,快速上手 开源项目:https://github.com/developit/workerize 将模块移动到 Web 辅助角色中, ...

  7. 最后防线:三款开源HIDS功能对比评估

    本文是对Wazuh, Osquery, AgentSmith这三款开源HIDS进行功能性的评估,目的是取长补短,做一个完善的HIDS系统. 简介 HIDS的功能主要是依靠agent的数据收集功能, 所 ...

  8. OhMyZsh是一款开源工具,可以用于管理Zsh(Linux命令解释器的一种)的配置

    最近在研究终端工具的时候,发现人家的终端可以输出各种彩色文字,还有各种提示,自己就算用了炫酷的Tabby也无法实现.后来发现需要在Linux上安装OhMyZsh才行,今天给大家介绍下这款功能强大,插件 ...

  9. Wireshark, Sniffer and Omnipeek 三款网络分析工具的比较

    一.       网络分析软件概述 自从网络出现以来,网络故障就没有停止过.如何快速.准确地定位故障和保持网络的稳定运行一直是人们追求的目标.为了分析网络故障的原因,一类专业的网络分析软件便产生了.网 ...

最新文章

  1. 三同轴连接器_罗森伯格射频同轴连接器之板间连接器三
  2. edge chrome 浏览器 底色调黑 反色
  3. java内存shell_2019蚂蚁金服Java后端三面,详述程序员必须掌握的架构底层原理
  4. 解决安装mysql的”A Windows service with the name MySQL already exists.“问题
  5. python中子类调用父类的初始化方法
  6. 相机上的AE AF AWB AEB都表示的是什么?
  7. java 中文怎么截取,java String 中文 字符串 截取
  8. linux安装weblogic9,linux_weblogic9_安装说明.doc
  9. JSP EL表达式 格式化日期
  10. 婚宴座位图html5,图解现代婚宴座位安排
  11. MySQL 不落地迁移、导入 PostgreSQL - 推荐 rds_dbsync 1
  12. UVA 11584 Partitioning by Palindromes (字符串区间dp)
  13. 利用jsp和servlet,MySQL实现简易报表
  14. 使用CleanMyMac软件进行文件清理
  15. 蝴蝶蓝暂排第一:第四届橙瓜网络文学奖20年十佳游戏大神
  16. 【win+黑苹果双系统②】黑苹果设置开机启动+wifi
  17. pq分解法matlab编程,基于matlab的pq分解法电力系统潮流计算.pdf
  18. 橘子娱乐完成华创资本千万美元B+轮融资
  19. TCP/IP 工作模型
  20. 云原生|kubernetes|minikube的部署安装完全手册(修订版)

热门文章

  1. C# asp.net手机验证码登录,获取验证码(接口版)
  2. 经济学的网站总结(从别人那里转来的)
  3. 【数模集】 图论常用算法 基础
  4. 第二部分 CSS部分
  5. 常用input输入限制数字,汉字,英文字母等
  6. 服务器重启之后,V2无法使用,查看日志出现drained connection > proxy/vmess/encoding: invalid user:
  7. Ubuntu 20.04.4 LTS关闭命令行终端的提示铃声
  8. 在职高学计算机咋考大专,职高怎么考大专
  9. C/C++编程:迭代器
  10. Android 中多进程分析