Skip to content

ManzDev/impress.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Repo for learning Impress.js

First steps

  1. Edit index.html.
    • Exist a convenient preprocessor template: index.pug. Compile with pug --pretty index.pug.
  2. Include js/impress.min.js (full framework with all plugins).
    • Exist a minimal js/impress-core.min.js and specific plugins (plugins folder).
  3. Include css/impress.base.min.css for a minimal and basic styles.
    • Optional: Include css/darkgrey.theme.min.css for a dark theme or create your own theme.

Demos

Título URL
Simple demo https://manzdev.github.io/impress.js/
3D rotations https://cdn.rawgit.com/impress/impress.js/master/examples/3D-rotations/
Cube example https://cdn.rawgit.com/impress/impress.js/master/examples/cube/
CSS3D Summit https://bartaz.github.io/meetjs/css3d-summit/
CursoBloggers Murcia https://manzdev.github.io/cursobloggers2013/#/init
Front-end: El lado oscuro https://manzdev.github.io/frontend-el-lado-oscuro/

Don't forget

  1. Edit metadata (title, description and author)
  2. Div #impress contain all slides
  3. Every .step is a slide
  4. Configure your data-x, data-y, data-z slides
  5. Place #overview if you need it.

About

Impress.js: HTML5 Presentation framework tool based on Prezi

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published