Oubliez les diapositives fixes et découvrez le concept de slips

Quiconque a déjà préparé une présentation pour un meetup ou un cours pour des étudiants s'est inévitablement heurté aux contraintes rigides des logiciels de présentation. Vous voulez montrer un extrait de code de vingt lignes avec des explications, mais il ne rentre tout simplement pas à l'écran dans une taille lisible. Vous devez soit réduire la police à un microtexte illisible, soit diviser votre idée en quatre diapositives séparées, perdant ainsi le contexte.

J'ai récemment découvert un projet intéressant appelé Slipshow. L'auteur a décidé d'aborder le format de présentation sous un angle différent et a complètement abandonné les hauteurs fixes des diapositives.

Que sont les slips et en quoi diffèrent-ils des diapositives

Au cœur de Slipshow se trouve le concept de slip. C'est la diapositive familière que nous connaissons, mais sans limite de hauteur inférieure. Le contenu à l'intérieur d'un slip peut s'étendre vers le bas indéfiniment.

Pendant votre présentation, vous appuyez sur une touche de navigation, et la caméra virtuelle défile en douceur vers le bas, révélant des blocs de texte, diagrammes ou code précédemment masqués. L'écran ne clignote pas, l'attention du public n'est pas perturbée par des transitions brusques, et vous maintenez l'intégrité de votre récit.

Contrairement aux canevas infinis comme Miro ou l'ancien Prezi, où les spectateurs souffrent souvent du mal des transports dû aux zooms chaotiques dans toutes les directions, cette approche maintient un axe vertical strict. Le mouvement de la caméra est prévisible et défini à l'avance par l'auteur.

Ce que le moteur peut faire

Toute la magie de Slipshow est construite à partir de texte brut. Vous écrivez du Markdown étendu, et le compilateur le transforme en un seul fichier HTML autonome. Ce fichier s'ouvre dans n'importe quel navigateur hors ligne, sans avoir besoin de lancer des serveurs locaux ni d'installer Node.js sur l'ordinateur d'un autre.

Le projet possède plusieurs fonctionnalités intéressantes qui le distinguent des combinaisons comme Reveal.js ou Marp.

Défilement fluide au lieu des clics

Le public voit une continuation logique de la pensée, pas un tout nouvel écran. Lorsque vous expliquez une architecture de services ou que vous refactorez une fonction étape par étape, le contexte précédent reste visible en haut tandis qu'un nouveau bloc apparaît en dessous.

Lecture de diagrammes dessinés à la main

Pendant la préparation de la présentation, vous pouvez dessiner un diagramme ou une formule à la main. Le moteur enregistre le processus de dessin, le sauvegarde, et pendant la lecture le reproduit trait par trait. Cela fonctionne très bien pour les supports pédagogiques lorsque vous devez attirer l'attention sur un détail spécifique d'un diagramme.

Exécution de scripts étape par étape

Vous pouvez intégrer du code JavaScript personnalisé dans une présentation et le lier aux étapes de la présentation. Cela permet d'avoir des widgets interactifs, des animations d'algorithmes ou des graphiques dynamiques directement dans le slip.

Sous le capot et détails du développement

Un détail intéressant : le projet est écrit en OCaml. C'est un choix plutôt inhabituel pour les outils de présentation, où la pile web domine généralement. Pourtant, la sortie est du HTML et du JS propres qui ne nécessitent pas que le spectateur installe un runtime.

Le projet n'est pas abandonné. Récemment, la fondation NLNet a accordé à Slipshow un financement через le programme European NGI Commons Fund pour 2025 et 2026. Cela inspire l'optimisme quant aux futures versions et au soutien.

Le dépôt est distribué sous la licence libre GPLv3. La documentation est disponible sur un site web séparé avec un tutoriel interactif sur le balisage et la configuration de thèmes personnalisés.

Qui trouvera ce projet utile

Slipshow ne convient pas à tous les scénarios. Si vous avez besoin d'une présentation d'affaires rapide avec des animations élégantes de PowerPoint pour la direction, cet outil ne vous sera probablement pas utile.

Mais l'outil excellera dans d'autres tâches :

1. Présentations de conférences techniques avec des explications détaillées d'extraits de code.
2. Cours universitaires sur les mathématiques, les algorithmes ou les structures de données où les formules et les dérivations nécessitent une explication séquentielle.
3. Démonstrations architecturales internes au sein des équipes d'ingénierie.
4. Supports pédagogiques qui doivent être distribués aux collègues sous forme d'un seul fichier autonome.

Par où commencer

Si vous avez l'habitude d'écrire des présentations en Markdown et que vous en avez assez de lutter contre les tailles de police sur les diapositives ordinaires, consultez la documentation officielle sur docs.slipshow. org ou explorez le dépôt panglesd/slipshow. Le format slip nécessite un léger changement de réflexion lors de la mise en page du matériel, mais le résultat semble frais et aide à maintenir la concentration du public.