search

impress / impress.js

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.
http://impress.js.org
MIT License
37.62k stars 6.67k forks source link

Highlight future substeps in slideView #841

Open fnogatz opened 1 year ago

fnogatz commented 1 year ago

In the current version of impress.js, the slideView in the impress-console is an exact copy of the slide that is currently presented. In my opinion, this ignores one essential benefit of this view, namely to additionally give the presenter hints on what is coming next.

This PR adds a CSS snippet that indicates the next substeps by a red border:

Screenshot from 2022-12-26 14-45-43

In addition, if at least one substep has the data-substep-order attribute set, the corresponding step number is displayed as well:

Screenshot from 2022-12-26 14-46-53

The highlighting is removed once the substep is displayed:

Screenshot from 2022-12-26 14-48-15

This PR is a follow-up on #825 and #827.

henrikingo commented 1 year ago

This is a good idea, but I suggest a different implementation would be more elegant:

Change the logic of the preView window so that if there are substeps, it will show the next substep, not next slide.

fnogatz commented 1 year ago

Hm, but this way there's still no view that shows the final state of this slide. The highlighting not only serves the purpose of showing what will appear in the very next substep. Personally, I often need a reminder like "Don't talk about this point now, it will come later" :sweat_smile:

henrikingo commented 1 year ago

Ok fair point. So I would still argue that what you're proposing should be the preView window, and the slideView should be as similar to the real/main window as possible.

Once all the substeps are visible, then the slideView window should contain the current step with all substeps visible, and the preView window should show the next step.