Design Resource Box

Wednesday, January 16, 2013

I always hated using Powerpoint for presentations when I was in college and I have been waiting since then for a serious alternative to it with which I could create really cool presentations, visually rich and attention grabbing.

Since Powerpoint was the only solution things have changed a little bit… ok, they have changed a lot. In the last year or two JavaScript along with HTML5 have become popular platforms for creating presentations. The jQuery plugins that are now available online are easy to use if you read their documentation and they are a piece of cake if you actually have some web design knowledge so you can stylize your slides through CSS.

impress.js

It’s a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers.

deck.js

A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow.

Reveal.js: HTML presentations made easy

reveal.js is a framework for easily creating beautiful presentations using HTML. You’ll need a browser with support for CSS 3D transforms to see it in its full glory.

Presentz

Fathom.js

If you’re making a presentation on JavaScript, make it in Javascript. Write your slideshow in HTML, style it with CSS and control it with some jQuery-powered JavaScript. When you’re done, Fathom.js even lets you sync the video of your presentation quickly and easily.

Fathom.js comes with mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces.

ShowOff Presentation Software

ShowOff is a Sinatra web app that reads simple configuration files for a presentation. It is sort of like a Keynote web app engine – think S5 + Slidedown. I am using it to do all my talks in 2010, because I have a deep hatred in my heart for Keynote and yet it is by far the best in the field.

Shower Presentation Engine

Landslide

jmpress.js

CSSS

HTML Slidy: Slide Shows in HTML and XHTML

scrolldeck

html5slides

Awwation

Awwation is an app for creating Prezi-like presentations in HTML5, so they can run in modern web browsers without Flash.

S6 Blank/Boilerplate – Slide Show Templates Using HTML, CSS & JavaScript (w/ jQuery)

Simple Standards-based Slide Show System (S5) is Eric Meyer’s (of CSS fame) public domain (free, open source) slide show package inspired by Opera Show and others that works in all modern browsers without any plugin required because it includes its own slide show machinery in JavaScript.

Presenteer.js

Presenteer.js a very flexible HTML5 presentation tool that works in one line of code, but is configurable with constructor options and many callbacks.