Dimenticate le slide fisse e scoprite il concetto di slip

Chiunque abbia mai preparato un talk per un meetup o una lezione per studenti si è inevitabilmente scontrato con i vincoli rigidi del software di presentazione. Vuoi mostrare uno snippet di codice di venti righe con spiegazioni, ma semplicemente non ci sta sullo schermo in una dimensione leggibile. Devi o ridurre il font a un microtesto illeggibile, oppure spezzare la tua idea in quattro slide separate, perdendo il contesto.

Recentemente mi sono imbattuto in un progetto interessante chiamato Slipshow. L'autore ha deciso di affrontare il formato della presentazione da un'angolazione diversa e ha completamente abbandonato le altezze fisse delle slide.

Cosa sono gli slip e чем si differenziano dalle slide

Al centro di Slipshow c'è il concetto di slip. È la slide che conosciamo, ma senza un limite di altezza inferiore. Il contenuto all'interno di uno slip può estendersi verso il basso indefinitamente.

Durante la presentazione, premi un tasto di navigazione e la telecamera virtuale scorre fluidamente verso il basso, rivelando blocchi di testo, diagrammi o codice precedentemente nascosti. Lo schermo non lampeggia, l'attenzione del pubblico non viene interrotta da transizioni brusche e mantieni l'integrità della tua narrazione.

A differenza delle tele infinite come Miro o il vecchio Prezi, dove gli spettatori spesso soffrono il mal d'auto per zoom caotici in tutte le direzioni, questo approccio mantiene un rigoroso asse verticale. Il movimento della telecamera è prevedibile e impostato in anticipo dall'autore.

Cosa può fare il motore

Tutta la magia di Slipshow è costruita da testo normale. Scrivi Markdown esteso e il compilatore lo trasforma in un singolo file HTML autonomo. Questo file si apre in qualsiasi browser offline, senza bisogno di avviare server locali o portare Node.js sul portatile di qualcun altro.

Il progetto ha diverse caratteristiche interessanti che lo distinguono da combinazioni come Reveal.js o Marp.

Scorrimento fluido invece di clic

Il pubblico vede una continuazione logica del pensiero, non una schermata completamente nuova da zero. Quando spieghi l'architettura di un servizio o il refactoring di una funzione passo dopo passo, il contesto precedente rimane visibile in alto mentre un nuovo blocco appare dal basso.

Riproduzione di diagrammi disegnati a mano

Durante la preparazione della presentazione, puoi disegnare un diagramma o una formula a mano. Il motore registra il processo di disegno, lo salva e durante la riproduzione lo riproduce tratto per tratto. Questo funziona benissimo per materiali educativi quando devi attirare l'attenzione su un dettaglio specifico in un diagramma.

Esecuzione di script passo dopo passo

Puoi incorporare codice JavaScript personalizzato in una presentazione e associarlo ai passi della presentazione. Questo abilita widget interattivi, animazioni di algoritmi o grafici dinamici direttamente all'interno dello slip.

Sotto il cofano e dettagli di sviluppo

Un dettaglio interessante: il progetto è scritto in OCaml. Questa è una scelta piuttosto insolita per strumenti di presentazione, dove tipicamente domina lo stack web. Eppure l'output è HTML e JS puliti che non richiedono allo spettatore di installare alcun runtime.

Il progetto non è abbandonato. Recentemente, la fondazione NLNet ha concesso a Slipshow un finanziamento attraverso il programma European NGI Commons Fund per il 2025 e il 2026. Questo ispira ottimismo sui futuri rilasci e sul supporto.

Il repository è distribuito sotto la licenza libera GPLv3. La documentazione è disponibile su un sito separato con un tutorial interattivo sul markup e sulla configurazione di temi personalizzati.

A chi tornerà utile questo progetto

Slipshow non è adatto a ogni scenario. Se hai bisogno di una rapida presentazione aziendale con animazioni eleganti da PowerPoint per il management, questo strumento probabilmente non ti aiuterà.

Ma lo strumento eccelle in altre attività:

1. Talk tecnici di conferenze con analisi dettagliate di snippet di codice.
2. Lezioni universitarie su matematica, algoritmi o strutture dati dove formule e derivazioni richiedono spiegazioni sequenziali.
3. Demo architetturali interne ai team di ingegneria.
4. Materiali educativi che devono essere distribuiti ai colleghi come singolo file autonomo.

Da dove iniziare

Se sei abituato a scrivere presentazioni in Markdown e sei stanco di combattere con le dimensioni dei font sulle slide normali, dai un'occhiata alla documentazione ufficiale su docs.slipshow.org o esplora il repository panglesd/slipshow. Il formato slip richiede un leggero cambiamento nel modo di strutturare il materiale, ma il risultato è fresco e aiuta a mantenere la concentrazione del pubblico.