Goodbye PowerPoint. Hello reveal.js
Let’s face it, sometimes slides are painful
There are some common issues when I gave presentations:
- Will my slides file be recognized by the shared computer at the venue?
- How to share slides with all audiences using different OS?
- Most important one, how to make my slides smooth and attractive?
For the first two questions, PDF might be an acceptable answer. I can upload it to slideshare.net and give out a link to audiences. But everyone knows that’s not good enough.
Finally I found an awesome way to host my slides:
- I can edit my slides anywhere with a text editor.
- I can show my slides anywhere too. The only thing I need is the URL.
- People can reply to my slides on any platform, even tablets or phones. No special hardware/software requirement.
- My slides are presented in a really cool style!
- It’s free!
Take a look at this one – http://aws2012-claytondev.rhcloud.com/
Isn’t it awesome?
Here is some background information about
reveal.js before we start:
Everything you need to grow your career.
With your free Red Hat Developer program membership, unlock our library of cheat sheets and ebooks on next-generation application development.SIGN UP
In this case, we store the slides on PaaS, show them on PaaS, and share them on PaaS.
It’s pretty straightforward to get started.
The first presentation example on OpenShift only took me 2 minutes from scratch.
Check this out: http://slides-llq.rhcloud.com/
An open source framework for easily creating beautiful presentations using HTML.
More information about reveal.js
- Reveal.js: Source code of reveal.js framework.
- Examples: Presentations created with reveal.js.
- Browser Support: Explanation of browser support and fallbacks.
Getting it working
With the help of the RHC tool, the whole project will be as easy as one single command:
$ rhc app create slides php-5.3 –from-code=git://github.com/openshift-quickstart/reveal.js-openshift-quickstart.git
Done! Now tt’s ready to show on the cloud.
Check it out from anywhere you want. Tips inside the slides!
The arrow keys will navigate between slides.
On an iPad, you can even swipe to slide!
Edit or Add more slides
rhc app create slides ... command above, we’ll get a folder named
slides locally. Of course you can pick any other name.
There are some files in the folder:
. |-- deplist.txt |-- libs |-- misc |-- php | |-- css | |-- grunt.js | |-- health_check.php | |-- index.html | |-- index.php | |-- js | |-- lib | |-- LICENSE | |-- openshift.html | |-- package.json | |-- plugin | |-- README.md | `-- revealjs.html `-- README
All slides are saved in
php/index.html by default. So you can edit it via any text editor.
You can maintain different slides in different files like
paas.html in the same folder. So you can switch between them via
And here are some instructions for improving your slides.
After you’re done editing, we need to push the updates to OpenShift so everybody can see it:
git add . git commit -m "update my slides" git push
Okay~ Let’s refresh the browser.
New slides are ready in the cloud for your next awesome presentation!