It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
MIT License
Bot releases are visible (Hide)
This release includes new features and fixes since Apr 11, 2020, when v1.1.0 was released.
Major features and improvements:
Thanks to Tim Gates, kdxcxs, Bartek Szopka, Daniel Sockwell, thawk, Ikko Ashimine, hugocvx, Christoph Neumann, Henrik Ingo for features, fixes, and cleanup, whether small or large, in this release.
Published by henrikingo over 4 years ago
This release includes new features and fixes since March 2018 when 1.0 was released.
New Plugin:
Improvements:
Fixes:
Notice: DOCUMENTATION.md now has details on attributes of the #impress root element that can be used to target different screen sizes. Please be aware that the default (1024x768) is planned to change in 2021. (Probably to 1920x1080.) You are advised to use these attributes explicitly to provide for a smooth upgrade path.
Contributors: Holger Teichert, Diego Zilioti, Guilherme Weizenmann, Moritz, Will Soares, Christoph Weiler, Jason Cooke, Oliver Sanders, Tobias Bora, Eduardo Moreira, Mohamed Feddad, Ingrid-Regina Vähi.
Published by henrikingo over 6 years ago
impress.js 1.0, the first stable release
You can read more about this release on my blog: http://openlife.cc/blogs/2018/march/impressjs-10-released
Published by henrikingo almost 7 years ago
As remaining issues in the queue have been fixed, it's time for another beta release!
Improvements since 1.0.0-beta1:
Thanks to Naja Melan and Blaine Carter for contributing fixes, and several others for reporting issues!
Published by henrikingo almost 7 years ago
Highlights
Published by FagnerMartinsBrack over 8 years ago
The first release after 4 years of inactivity, thanks everyone!
impress-demo.css
file--
from index.html
comments as Firefox was marking them as invalidPublished by FagnerMartinsBrack over 8 years ago
impress:stepenter
, but this event was not triggered properly in some specific transition types (for example when only scale was changing between steps). It was caused by the fact that in such cases expected transitionend
event was not triggered. Unfortunately modern transitionend
event is no longer used to detect when the transition has finished, but old school (and more reliable) setTimeout
is used.Published by FagnerMartinsBrack over 8 years ago
impress.js
source file, so now not only index.html
is worth readingPublished by FagnerMartinsBrack over 8 years ago
Published by FagnerMartinsBrack over 8 years ago
impress()
function no longer automatically initialize presentation; new method called init
was added to API and it should be used to start the presentation. impress:init
event is triggered on root presentation element (#impress
by default) when presentation is initializedimpress-disabled
is added to body
element by the impress.js script and it's changed to impress-enabled
when init()
function is calledimpress:stepenter
and impress:stepleave
events are triggered on step elements and can be handled like any other DOM events (with addEventListener
)goto()
API method is back! it seems that goto was a future reserved word but isn't anymore, so we can use this short and pretty name instead of camelCassy stepTo
- and yes, that means API changed again...goto()
method now supports new types of parametersgoto()
also accepts second parameter to define the transition duration in ms, for example impress().goto("make-it-quick", 300)
or impress().goto("now", 0)
In current version calling impress()
doesn't automatically initialize the presentation. You need to call init()
function from the API. So in a place were you called impress()
to initialize impress.js simply change this call to impress().init()
.
Version 0.4 changed goto
API method into stepTo
. It turned out that goto
is not a reserved word anymore, so it can be used in JavaScript. That's why version 0.5 brings it back and removes stepTo
.
So if you have been using version 0.4 and have any reference to stepTo
API method make sure to change it to goto
.
Published by FagnerMartinsBrack over 8 years ago
Published by FagnerMartinsBrack over 8 years ago
data-perspective
(in px, defaults so 1000), data-transition-duration
(in ms, defaults to 1000)data-width
(in px, defaults to 1024), data-height
(in px, defaults to 768), max-scale
(defaults to 1), min-scale
(defaults to 0)goto
API function was renamed to stepTo
because goto
is a future reserved work in JavaScript, so please make sure to update your code
impress-not-supported
class is now set on body
element instead of #impress
element and it's replaced with impress-supported
when browser supports all required featuresIf in your custom JavaScript code you were using goto()
function from impress.js API make sure to change it
to stepTo()
.
If in your CSS you were using classes based on currently active step with step-
prefix, such as step-bored
(where bored
is the id of the step element) make sure to change it to impress-on-
prefix
(for example impress-on-bored
). Also in previous versions these classes were assigned to #impress
element
and now they are added to body
element, so if your CSS code depends on this, it also should be updated.
Same happened to impress-not-supported
class name - it was moved from #impress
element to body
, so update
your CSS if it's needed.
Changes and fixes added in this version have broken the experience on Blackberry Playbook with OS in version 1.0.
It happened due to a bug in the Playbook browser in this version. Fortunately in version 2.0 of Playbook OS this
bug was fixed and impress.js works fine.
So currently, on Blackberry Playbook, impress.js work only with latest OS. Fortunately, it seems that most of the
users are quite quick with updating their devices
Published by FagnerMartinsBrack over 8 years ago
transform-style
.Breaking Changes
Because API was introduced the way impress.js script is initialized was changed a bit. You not only have to include impress.js script file, but also call impress()
function.
See the source of index.html for example and more details.
Published by FagnerMartinsBrack over 8 years ago
index.html
filemousewheel
event listenerPublished by FagnerMartinsBrack over 8 years ago
First impressive release.
Contains basic functionality for step placement and transitions between them with simple fallback for non-supporting browsers.