Impress.js: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
| Line 9: | Line 9: | ||
while he was playing with CSS transformations. Prezi.com was the source that got | while he was playing with CSS transformations. Prezi.com was the source that got | ||
him inspired.}} ([http://www.packtpub.com/building-impressive-presentations-with-impressjs/book Ratnayake, 2013: 8]) | him inspired.}} ([http://www.packtpub.com/building-impressive-presentations-with-impressjs/book Ratnayake, 2013: 8]) | ||
== First steps == | |||
After [https://github.com/bartaz/impress.js/blob/master/index.html downloading] and unpacking, you will see a directory structure like this (Aug 2013): | |||
bartaz-impress.js-1e15c05 | |||
: README.md | |||
: apple-touch-icon.png | |||
: css | |||
:: impress-demo.css | |||
: favicon.png | |||
: index.html | |||
: js | |||
:: 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 <code>index.html</code> in a text editor (preferably one that understands HTML) | |||
== Links == | == Links == | ||
Revision as of 13:05, 25 August 2013
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 2013):
bartaz-impress.js-1e15c05
- README.md
- apple-touch-icon.png
- css
- impress-demo.css
- favicon.png
- index.html
- js
- 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