Embed Speaker Deck in your DEV posts

TL,DR. Embed Speaker Deck presentations in your DEV posts using the URL: {% embed https://speakerdeck.com/player/{slug} %} Speaker Deck is an online platform for sharing presentations. It allows you to upload PDF presentations and convert them into elegant, visually appealing embeds. DEV thankfully supports Speaker Deck, and when you embed presentations in your posts, there's one pro tip that makes them stand out. See this example: Shortcuts - Speaker Deck Keyboard shortcuts for Linear, Slack, Figma, and GitHub. speakerdeck.com One presentation, two different results. From my perspective, the first embed looks much more interesting: interactive and beautifully framed. How is it possible? Let's see the markdown code: # embed 1 {% embed https://speakerdeck.com/player/923574ea8b1b487a8625ae8012497051 %} # embed 2 {% embed https://speakerdeck.com/fmerian/shortcuts %} Pro tip. To add an elegant, visually appealing Speaker Deck embed to your DEV posts, make sure to use the player URL. Here's how to find it. Embed Speaker Deck in your DEV posts Export your presentation in PDF Upload it to Speaker Deck — sign up for free here On the presentation page, click the Share button then Embed Copy the iframe embed code. You should now have a code snippet in your clipboard like: Copy the player URL from src and paste it into your DEV post: {% embed https://speakerdeck.com/player/{slug} %} That's it! If you enjoyed this post, please add some ❤️

Apr 6, 2025 - 14:45
 0
Embed Speaker Deck in your DEV posts

TL,DR. Embed Speaker Deck presentations in your DEV posts using the URL:

{% embed https://speakerdeck.com/player/{slug} %}

Speaker Deck is an online platform for sharing presentations. It allows you to upload PDF presentations and convert them into elegant, visually appealing embeds.

DEV thankfully supports Speaker Deck, and when you embed presentations in your posts, there's one pro tip that makes them stand out.

See this example:

Shortcuts - Speaker Deck

Keyboard shortcuts for Linear, Slack, Figma, and GitHub.

favicon speakerdeck.com

One presentation, two different results.

From my perspective, the first embed looks much more interesting: interactive and beautifully framed.

How is it possible?

Let's see the markdown code:

# embed 1
{% embed https://speakerdeck.com/player/923574ea8b1b487a8625ae8012497051 %}

# embed 2
{% embed https://speakerdeck.com/fmerian/shortcuts %}

Pro tip. To add an elegant, visually appealing Speaker Deck embed to your DEV posts, make sure to use the player URL.

Here's how to find it.

Embed Speaker Deck in your DEV posts

  1. Export your presentation in PDF
  2. Upload it to Speaker Deck — sign up for free here
  3. On the presentation page, click the Share button then Embed
  4. Copy the iframe embed code.

Share presentation on Speaker Deck

You should now have a code snippet in your clipboard like:


Copy the player URL from src and paste it into your DEV post:

{% embed https://speakerdeck.com/player/{slug} %}

That's it!

If you enjoyed this post, please add some ❤️