Impress.js

Draft

Introduction

Impress.js is a JavaScript library that allows creating "Prezi-style" presentations.

“impress.js is a presentation framework build upon the powerful CSS3 transformations and transitions on modern web browsers. Bartek Szopka is the creator of this amazing framework. According to the creator, the idea came to him while he was playing with CSS transformations. Prezi.com was the source that got him inspired.” (Ratnayake, 2013: 8)

First steps

After downloading and unpacking, you will see a directory structure like this (Aug 25 2013):

bartaz-impress.js-1e15c05 (directory)

README.md

apple-touch-icon.png

css (directory)

impress-demo.css

favicon.png

index.html

js (directory)

impress.js

As you can see, there just three important files

• impress-demo.css - a default CSS files
• impress.js - the library
• index.html - An HTML demo file that also includes the documentation if you look at the source.

Therefore, open index.html in a text editor (preferably one that understands HTML)

Links

Official

• Impress.js homepage
• impress.js tutorials and other learning resources (links)
• Examples and demos (links)
• Source code It's the documentation

Tutorials

• How To Use Impress.Js, Posted on January 4, 2012
• No More Powerpoint I Have Impress.js, Paulund, Updated: March 31st, 2013

Books

• Rakhitha Nimesh Ratnayake (2013), Building Impressive Presentations with impress.js, Packt Publishers, ISBN 1849696489