Slide-Deck

This is the tool that Miriam and other OddBirds use for talks and workshops around the world – designed for flexibility and customization – and we’re constantly making improvements.

<script type="module" src="slide-deck.js"></script>

<slide-deck>
  <header><h1>This is a slide show</h1></header>
  <section>
    <h2>Each child is a slide</h2>
  </section>
  <section>
    <h2>Remote Control</h2>
    <ul>
      <li>Works with common remotes</li>
      <li>Familiar keyboard shortcuts</li>
      <li>Position syncs across multiple tabs</li>
    </ul>
  </section>
</slide-deck>

• Slides can be generated from static-site data or built by hand
• Accessible HTML output can be published to the open web
• Embed live code and demos, with syntax highlighting
• Responsive to different contexts and aspect ratios
• Zoom in or out based on presentation context
• Use the built-in slideshow, speaker, and grid views… or design your own!
• Control presentations with a remote, or a keyboard
• Follow along in a second tab, as a confidence monitor
• Use our theme, or design your own

Our Eleventy Plugin provides a number of pre-built slide types – for titles, images, screenshots, code samples, live demos, and embeds from CodePen, caniuse, or Baseline.

In the future, we also plan to support:

• Multiple internal ‘steps’ for each slide
• Internal linking between slides
• Auto-play videos