We all know about PowerPoint, or similar kind of software to make presentations. Typically, presentations consist of a number of individual pages or “slides”. “Slide” is similar to the slide projector one. It may contain text, graphics, sound, movies, etc, which may be arranged freely. The presentation can be printed, displayed live on a computer, or navigated through at the command of the presenter. For large auditoriums it is often displayed using a video projector.

But that’s not only an option – square slides, transitioned somehow side by side by clicking a mouse or keyboard. There is a presentation framework based on the power of CSS3 transforms and transitions in modern browsers – impress.js. This is based on famous Prezi online presentation tool, but uses no flash.

Impressive demo:
http://bartaz.github.com/impress.js/

It’s not a cross platform solution, but for browsers not supporting CSS3 3D transforms impress.js adds additional css classes so fallback styles can be applied. As web technologies advance we’ve all noticed traditional office based programs such as powerpoint move increasingly towards the browser. The ability to collaborate with others over the web and in many cases use them for free has seen many people abandon the package altogether.

Some examples of real-world presentations:

http://wakame.jp/wiki/materials/20120114_TLUG/#/title

http://extra.12412.org/digibury/#/title

http://www.medikoo.com/asynchronous-javascript/#/asynchronous-javascript

Presentation creation tutorial:

http://www.cubewebsites.com/blog/guides/how-to-use-impress-js/

Let’s have a creative and alive presentations just on the web!