The HTML Presentation Framework
enter-fullscreen
class to any element in your presentation to turn it into fullscreen trigger (@hakimel)https://github.com/hakimel/reveal.js/assets/629429/d1bcbced-5ede-4e2d-83fb-d3f3804eb674
r-stack
overflow behavior in Chromium browsers (@alifeee in https://github.com/hakimel/reveal.js/pull/3598)Full Changelog: https://github.com/hakimel/reveal.js/compare/5.0.5...5.1.0
fragmentshown
and fragmenthidden
not firing in scroll view (@bouzidanas, @ hakimel in #3580)Full Changelog: https://github.com/hakimel/reveal.js/compare/5.0.4...5.0.5
Full Changelog: https://github.com/hakimel/reveal.js/compare/5.0.2...5.0.3
Full Changelog: https://github.com/hakimel/reveal.js/compare/5.0.0...5.0.2
reveal.js 5.0 comes with a groundbreaking new feature; scroll view! (https://github.com/hakimel/reveal.js/pull/3482)
Slide decks are a great format for giving presentations, but scrollable web pages are easier for viewers to read on their own.
The scroll view gives you the best of both worlds—without any extra effort. Present in the format best suited for presenting, share in the format best suited for consumption.
Here's what it looks in action:
https://github.com/hakimel/reveal.js/assets/629429/bd0e35ed-a859-4703-84ed-aac87702a6b6
Want to try it out yourself? Check out the announcement deck I put together for slides.com 👉 https://slides.com/news/scroll-mode/scroll
The scroll view is enabled by initializing reveal.js with view: "scroll"
or by appending ?view=scroll
to a deck URL.
Reveal.initialize({ view: 'scroll' });
It's possible to fine tune this view through multiple new config options. Full documentation available at https://revealjs.com/scroll-view.
The scroll view is automatically enabled for viewports below 435px wide. This is done because I believe the scroll view to be a superior way to browse any deck on a mobile device. If you want to revert this behavior and always paginate between slides, see scrollActivationWidth
:
Reveal.initialize({ scrollActivationWidth: null })
Reveal.initialize({ view: 'print' })
(@hakimel in #3482)?view=print
. It used to be ?print-pdf
, which is still supported for backwards compatibility. (@hakimel in #3482)data-notes
were not working on the slide-level (@skyboyer in https://github.com/hakimel/reveal.js/pull/3477)mousewheel
& 'DOMMouseScroll` (@quochuy in https://github.com/hakimel/reveal.js/pull/3489)Full Changelog: https://github.com/hakimel/reveal.js/compare/4.6.0...5.0.0
autoSlide
instead of using first fragment auto-slide (@hakimel)data-autoslide
, all fragments of the same index will now use the same auto-slide timing (@hakimel)Full Changelog: https://github.com/hakimel/reveal.js/compare/4.5.0...4.6.0
dracula
theme (@iiska #3324)black-contrast
and white-contrast
(@peter-kehl @hakimel #3367).custom
class and reduced specificity. Read the docs (@hakimel).html
/.md
files in subfolders (@lolmaus #3305)disableLayout: true
(@Proliecan #3291)Full Changelog: https://github.com/hakimel/reveal.js/compare/4.4.0...4.5.0
> 0.5%, IE 11, not dead
to > 2%, not dead
zoom
for presentation scaling. Zoom produced sharper upsizing than CSS transforms but it's a non-standard CSS property with a few too many quirks. e281b3234e7991283ce4dcca705dd9a6a9ebe5d2r-fit-text
caused text to truncate in PDF exports (@hakimel in #3120)Full Changelog: https://github.com/hakimel/reveal.js/compare/4.3.1...4.4.0
file://
protocol (@hakimel #3158)Full Changelog: https://github.com/hakimel/reveal.js/compare/4.3.0...4.3.1