3 ms·
Something cool I’ve done with reveal.js slides: it’s just a web page, so why not embed an iframe? Instead of putting a slide that says “Now for a live demo!” an
by jez 6y ago
Something cool I’ve done with reveal.js slides: it’s just a web page, so why not embed an iframe? Instead of putting a slide that says “Now for a live demo!” and switching over to an editor, why not just embed an interactive editor?
For example, here’s a slide from a presentation where I was showing off some fun features we had built into Sorbet’s[1] LSP editor support:
https://sorbet.run/talks/RubyConf2019/#/18 https://sorbet.run/talks/RubyConf2019/#/18
The slide has the Sorbet web playground embedded as an iframe, so the demo file persists for anyone who wants to browse the slides later. You can play around with the same example I used on the day of the presentation.[2]
[1] https://sorbet.org https://sorbet.org
[2] https://youtu.be/jielBIZ40mw https://youtu.be/jielBIZ40mw
- shepherdjerred 6y agoWoah that's incredible!
- marcan_42 6y agoI've done this with presentations about web stuff - not even an iframe, just embed the demo straight into the slides. Also, since it's just HTML, you can also dynamically generate content. I've done things like have a bunch of subslides that just mutate content when I'm trying to telling a technical story, with javascript stepping forward the changes. Works much better than copying and pasting and editing the same slide 25 times. Honestly, I don't think I've made any presentations that didn't use reveal.js (except when forced to) in, what, a decade now? If it wasn't reveal.js back then it was something like it.
- deleted 6y ago[deleted]
- atg_abhishek 6y agoThank you for sharing!! I'm totally going to be using this all the time now!