Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

AltStyle によって変換されたページ (->オリジナル) /