Categories
网络新发现

又瞄到一个新的html幻灯片模版:reveal.js

名字叫做reveal.js,和以前提过的那个impress.js有点像,但是风格不太一样。

比较喜欢的几点:

  • 除了横向翻页(大部分slides都是这样)之外,还有纵向翻页,这样可以先建立章节,然后每一章下面纵向排列若干小节,章和章之间切换会比较快,脉络也比较清楚。
  • esc可以切换到缩略图,很方便找某一个slide;同样还有放大缩小功能(alt+单击),随时可以放大这个不错。
  • 据说触摸屏通适....我手机上还没试过。
  • 简单的点击出现下面内容和各种切换的过渡效果。
  • 自带若干配色模版。
  • 背景可用图片、视频和gif动图。
  • 演讲者自己可以有自己的view(类似powerpoint)
  • b键自动黑屏

最最最最关键的是,这货可以直接放js的动态图形,比如d3什么...而且还有什么比能直接在文本编辑器里面写slides更帅更赏心悦目的事情了么?

Screen Shot 2015-04-15 at 10.38.33 PM

 

Categories
日常应用 网络新发现

颇具Geek精神的impress.js

好吧,感谢@乐天诗人 童鞋的推荐,让我见识到了这么震撼的presentation template。面对这种东西,完全没有抵抗力5555。什么powerpoint,什么beamer...什么pandoc自带的那几个破烂HTML5...一切都定格在impress.js。不要问我这是什么,如果你连自己搜都不会,就太不符合geek精神了。作者超级霸气,比如在帮助文档里面...

HOW TO USE IT

Use the source, Luke 😉

If you have no idea what I mean by that, or you just clicked that link above and got very confused by all these strange characters that got displayed on your screen, it's a sign, that impress.js is not for you.

Sorry.

然后乖乖的看源代码,好不容易看完几百行废话连篇自恋不已的说明,悍然发现:

Oh, you've already cloned the code from GitHub?

You have it open in text editor?

Stop right there!

That's not how you create awesome presentations. This is only a code. Implementation of the idea that first needs to grow in your mind.

So if you want to build great presentation take a pencil and piece of paper. And turn off the computer.

Sketch, draw and write. Brainstorm your ideas on a paper. Try to build a mind-map of what you'd like to present. It will get you closer and closer to the layout you'll build later with impress.js.

Get back to the code only when you have your presentation ready on a paper. It doesn't make sense to do it earlier, because you'll only waste your time fighting with positioning of useless points.

If you think I'm crazy, please put your hands on a book called "Presentation Zen". It's all about creating awesome and engaging presentations.

伤不起啊...还是乖乖的去找“Presentation Zen”这个东西吧。在书到手之前,乖乖的先弄一点东西应付一下接下来的presentation。可惜没搞定knitr,总是报错。只能手动拷代码进去了,sigh。

impress

BTW,这里有个impress.js制作的稍稍潦草的slides,大家凑活着看一下,嘻嘻: http://loyhome.com/impress/ 注:中文默认用“冬青黑体”,没有的自己看着办吧....