Repenser les présentations : des diaporamas basés sur YAML avec Dinghy
Oubliez les diaporamas jetables. Le constructeur de diapositives de Dinghy traite les présentations comme du code : versionnable, examinable et conçu pour durer. Contrairement aux outils traditionnels où vos diapositives soigneusement élaborées disparaissent après l’exposé, cette approche compile un unique fichier HTML autonome à partir de sources en YAML, Markdown ou HTML brut. Elle intègre même un système de zoom façon Prezi, permettant aux présentateurs de naviguer dans des diagrammes complexes zone par zone, sans ajustement manuel du CSS.
De l’éphémère au durable
La plupart des diaporamas sont éphémères : créés une fois, partagés brièvement, puis jetés. Dinghy change la donne en stockant les diapositives dans un dossier de fichiers sources qui se compilent en un livrable. Le flux de travail s’inspire du développement logiciel : les diapositives résident dans un dépôt, subissent des revues et bénéficient de mises à jour partagées. Une seule modification d’une section réutilisable se propage automatiquement à toutes les diapositives dépendantes.
Un langage structuré pour les diapositives
L’outil utilise un langage spécifique (DSL) basé sur YAML pour décrire la structure des diapositives. Des clés reconnues comme badge, title et subtitle correspondent à des éléments HTML sémantiques, tandis que d’autres deviennent des balises directes. Par exemple, un badge devient un <div class="badge">, et une clé de paragraphe s’affiche sous forme de <p>. Cette méthode conserve un balisage propre tout en autorisant une flexibilité pour des éléments personnalisés.
Le mélange des formats est transparent. Glissez un fichier Markdown dans le dossier des diapositives, il devient une section. Combinez YAML pour des diapositives structurées avec Markdown pour des ajouts rapides ou HTML brut pour un contrôle fin. Le résultat est un système de présentation unifié et maintenable.
Un seul fichier, une portabilité infinie
L’exécution de dinghy slide build génère un unique fichier HTML intégrant tous les actifs — images, polices et même dépendances. Aucun hébergement requis. Partagez-le par email, intégrez-le dans une conversation ou ouvrez-le hors ligne. La fonctionnalité de RevealJS reste intacte, incluant la navigation et l’affichage pour l’orateur, ce qui le rend idéal pour les lieux avec une connexion internet instable.
Zooms façon Prezi, simplifiés
La fonctionnalité phare de Dinghy est son système de zoom et panoramique basé sur des coordonnées. Définissez des zones sur une image à l’aide de coordonnées en pixels, et la diapositive zoome en douceur vers chaque zone en séquence. Cela s’avère particulièrement utile pour les diagrammes d’architecture, où les présentateurs peuvent parcourir les composants sans les redessiner à plusieurs reprises. Contrairement à RevealJS classique, qui exige des transformations CSS manuelles, Dinghy calcule automatiquement les mouvements.
Pour les équipes lassées de perdre leur travail à cause de diaporamas éphémères, Dinghy propose une alternative rafraîchissante : traiter les présentations comme du code de première classe.
Source : DEV Community. Synthèse éditoriale assistée par IA — TechnoExpress.