Impress.js

The educational technology and digital learning wiki
Jump to navigation Jump to search

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
Tutorials
Books