Reimagining Slide Decks: YAML-Based Presentations with Dinghy
Forget disposable slide decks. Dinghy’s Slide Builder treats presentations like code—version-controlled, reviewable, and built to last. Unlike traditional tools where your carefully crafted slides vanish after the talk, this new approach compiles a single, self-contained HTML file from YAML, Markdown, or raw HTML sources. It even adds a Prezi-style zoom feature that lets presenters navigate complex diagrams region by region, all without manual CSS tweaks.
From disposable to durable
Most slides are ephemeral: created once, shared briefly, then discarded. Dinghy changes that by storing slides in a folder of source files that compile into a deliverable. The workflow mirrors software development—slides live in a repository, undergo review, and benefit from shared updates. A single change to a reusable section propagates across all dependent slides automatically.
A structured language for slides
The tool leverages a YAML domain-specific language to describe slide structure. Recognized keys like badge, title, and subtitle map to semantic HTML elements, while others become direct tags. For example, a badge becomes a <div class="badge">, and a paragraph key renders as a <p>. This approach keeps the markup clean while allowing flexibility for custom elements.
Mixing formats is seamless. Drop a Markdown file into the slide folder and it becomes a section. Combine YAML for structured slides with Markdown for quick additions or raw HTML for fine-tuned control. The result is a unified, maintainable presentation system.
One file, infinite portability
Running dinghy slide build generates a single HTML file with all assets inlined—images, fonts, and even dependencies. No hosting required. Share it via email, embed it in a chat, or open it offline. RevealJS functionality remains intact, including navigation and speaker view, making it ideal for venues with unreliable internet.
Prezi-style zooms, simplified
Dinghy’s standout feature is its coordinate-based zoom-and-pan system. Define regions on an image using pixel coordinates, and the slide smoothly zooms into each area in sequence. This is particularly useful for architecture diagrams, where presenters can walk through components without redrawing them multiple times. Unlike plain RevealJS, which requires manual CSS transforms, Dinghy handles the calculations automatically.
For teams tired of losing work to ephemeral slide decks, Dinghy offers a refreshing alternative—one that treats presentations as first-class code.
Source: DEV Community. AI-assisted editorial synthesis — TechnoExpress.