Vergeet vaste dia's en ontmoet het concept van slips

Iedereen die ooit een presentatie heeft voorbereid voor een meetup of een college voor studenten is onvermijdelijk tegen de starre beperkingen van presentatiesoftware aangelopen. Je wilt een codefragment van twintig regels met uitleg tonen, maar het past simpelweg niet leesbaar op het scherm. Je moet de lettergrootte verkleinen tot onleesbare microtekst of je idee verdelen over vier aparte dia's, waardoor je context verliest.

Ik ben onlangs een interessant project tegengekomen genaamd Slipshow. De auteur koos ervoor om het presentatieformaat vanuit een ander perspectief te benaderen en heeft vaste dia-hoogtes volledig losgelaten.

Wat zijn slips en hoe verschillen ze van dia's

Het kernconcept van Slipshow is de slip. Het is de vertrouwde dia die we kennen, maar dan zonder hoogtelimiet aan de onderkant. Content binnen een slip kan oneindig naar beneden uitrekken.

Tijdens je presentatie druk je op een navigatietoets en de virtuele camera scrolt soepel naar beneden, waardoor eerder verborgen tekstblokken, diagrammen of code zichtbaar worden. Het scherm flitst niet, de aandacht van het publiek wordt niet verstoord door abrupte overgangen, en je behoudt de samenhang van je verhaal.

In tegenstelling tot oneindige canvassen zoals Miro of het oude Prezi, waar kijkers vaak misselijk worden van chaotische zooms in alle richtingen, behoudt deze aanpak een strikte verticale as. De camerabeweging is voorspelbaar en wordt van tevoren bepaald door de auteur.

Wat de engine kan doen

Alle magie van Slipshow is opgebouwd uit platte tekst. Je schrijft uitgebreide Markdown en de compiler transformeert dit naar een enkel standalone HTML-bestand. Dit bestand opent in elke browser offline, zonder lokale servers te hoeven draaien of Node.js mee te nemen op iemands anders laptop.

Het project heeft verschillende interessante functies die het onderscheiden van combinaties zoals Reveal.js of Marp.

Soepel scrollen in plaats van klikken

Het publiek ziet een logische voortzetting van de gedachte, niet een geheel nieuw scherm. Wanneer je een service-architectuur uitlegt of een functie stap voor stap refactort, blijft de vorige context bovenaan zichtbaar terwijl een nieuw blok van onderen verschijnt.

Weergave van handgetekende diagrammen

Tijdens de voorbereiding van je presentatie kun je een diagram of formule met de hand tekenen. De engine neemt het tekenproces op, slaat het op en reproduceert het tijdens de weergave lijn voor lijn. Dit werkt geweldig voor educatief materiaal wanneer je de aandacht moet vestigen op een specifiek detail in een diagram.

Stap-voor-stap scriptuitvoering

Je kunt aangepaste JavaScript-code in een presentatie insluiten en deze koppelen aan presentatiestappen. Dit maakt interactieve widgets, algoritme-animaties of dynamische grafieken mogelijk, rechtstreeks binnen de slip.

Onder de motorkap en ontwikkelingsdetails

Een interessant detail: het project is geschreven in OCaml. Dit is een nogal ongebruikelijke keuze voor presentatietools, waar doorgaans de webstack domineert. Toch is de output schone HTML en JS die geen runtime vereist voor de kijker.

Het project is niet verlaten. Onlangs heeft de NLNet Foundation Slipshow financiering verleend via het Europese NGI Commons Fund-programma voor 2025 en 2026. Dit inspireert optimisme over toekomstige releases en ondersteuning.

De repository wordt gedistribueerd onder de vrije GPLv3-licentie. Documentatie is beschikbaar op een aparte website met een interactieve tutorial over markup en het configureren van aangepaste thema's.

Voor wie is dit project nuttig

Slipshow is niet geschikt voor elk scenario. Als je een snelle zakelijke presentatie met fancy animaties van PowerPoint voor het management nodig hebt, zal dit tool waarschijnlijk niet helpen.

Maar het tool blinkt uit in andere taken:

1. Technische conferentiepraatjes met gedetailleerde codevoorbeelden.
2. Universitaire colleges over wiskunde, algoritmen of datastructuren waar formules en afleidingen sequentiële uitleg vereisen.
3. Interne architectuurdemo's binnen engineeringteams.
4. Educatief materiaal dat als een enkel standalone bestand naar collega's moet worden gedistribueerd.

Waar te beginnen

Als je gewend bent om presentaties in Markdown te schrijven en het beu bent om met lettergroottes te vechten op gewone dia's, bekijk dan de officiële documentatie op docs.slipshow.org of bekijk de panglesd/slipshow repository. Het slip-formaat vereist een lichte verschuiving in denken bij het lay-outen van materiaal, maar het resultaat ziet er fris uit en helpt de focus van het publiek te behouden.