Skip to content

Presentation

January 9, 2025
April 24, 2016

audio-visual-systems#Clip arts/images

Presentation skill

vmbrasseur/Public_Speaking: A repository of resources about public speaking, specifically in the context of software development and IT conferences.

Your Pitch to VCs is More Than a Deck - ReadWrite
Giving a Presentation with Perfect UI/UX Design - ReadWrite
30 Things I Hate About Your Game Pitch - YouTube

The rectangle behind you — Medium a series of articles about interactive presentations by Marcin Wichary, Google Developer
Presentation Skills Considered Harmful — Serious Pony
Presentations Online Courses | LinkedIn Learning, formerly Lynda.com

The Genard Method
How to Raise Your Credibility In Your Next Presentation
Three Foolproof Ways To Capture Any Audience's Engagement and Interest
The Power of the Words You Choose when You Speak
Memorizing Your Speech ... Should You or Shouldn't You? don't, invent the phrase as you say it
5 Acting Techniques for Greater Stage Presence in Public Speaking
Do You Think Too Much? — Learn How to Speak on the Moment
How To Build A Presentation: Four Ways To Achieve Your Purpose
How To Create An Effective Conclusion
How To Speak To A Large Group Without Fear

Preparing for a Tech Talk, Part 1: Motivation — Overreacted
Preparing for a Tech Talk, Part 2: What, Why, and How — Overreacted
Preparing for a Tech Talk, Part 3: Content — Overreacted

5 Body Language Mistakes You Need to Stop Making In Your Presentations

Feedback

business-tools#Forms/Survey
social-coding#Whiteboard


Tools

I prefer to generate HTML from Markdown for my presentations.

10 Best HTML/CSS Based Presentation Slides | Web & Graphic Design | Bashooka
Presentations - Everything I know

List of markdown presentation tools
The Ultimate List of Markdown Presentation Tools | Tiiny Host Blog

7 tools to supplement (or supplant) PowerPoint | Computerworld
PowerPoint 基礎教學 - YouTube PAPAYA 電腦教室

Strut - An HTML5 Presentation Editor
tmcw/big: presentations for busy messy hackers

gitbrent/PptxGenJS: Create PowerPoint presentations with a powerful, concise JavaScript API.

astefanutti/decktape: PDF exporter for HTML presentation frameworks

docker run --rm -t --net=host -v $(pwd):/slides astefanutti/decktape http://localhost:8000 slides.pdf

Carbon create beautiful images from source code
mixn/carbon-now-cli: 🎨 Beautiful images of your code — from right inside your terminal.

Create beautiful images of your code

Polacode - Visual Studio Marketplace
CodeSnap - Visual Studio Marketplace

Create beautiful images of your code

PowerLine -- A free HMTL/SVG Slideshow Creator with LaTex Support

fgiris/composePPT: An experimental UI toolkit for generating PowerPoint presentation files using Compose Kotlin, experimental

ANSI Colour

Requirements

remark

Remark
gnab/remark: A simple, in-browser, markdown-driven slideshow tool.
Remarkise —render your markdown as remark slides, in real time
Coders, here's a JavaScript presentation tool you'll love | InfoWorld

sinedied/backslide: CLI tool for making HTML presentations with Remark.js using Markdown

michaeljoseph/remarkable: Create remarkable HTML presentations from Markdown

Next.js

dj/nextjs-slides: Tech time talk about Next.js reveal.js

whoisryosuke/next-mdx-deck: Presentation decks using MDX, React, and Next.JS
Creating Speaker Decks with NextJS and MDX - Ryosuke

02 - Advanced - Presentation Mode ⋅ Storybook react-responsive-carousel

MDX

MDX
mdx-js/specification: MDX language and AST definitions
The X in MDX - Rodrigo Pombo - YouTube 2020
MDX v2 Syntax | egghead.io 2021
What's new in MDX v2 - LogRocket Blog 2022
ZEIT Day 2018 - Keynote - YouTube
An Introduction to MDXJS | CSS-Tricks - CSS-Tricks
mdx-js/awesome: A curated list of awesome MDX resources

Contentlayer makes content easy for developers
Transforming Markdown with Remark & Rehype | ryanfiller.com
Adding an Updated Date to Markdown and MDX Posts

jxnblk/mdx-deck: MDX-based presentation decks
mdx-deck: slide decks powered by markdown and react
mdx-deck demo
JReinhold/mdx-deck-live-code: A component for mdx-deck to live code in your slides. 🤯
pomber/code-surfer: Rad code slides <🏄/>
hiroppy/fusuma: ✍️Fusuma makes slides with Markdown easily.

Examples:
dzello/mdx-talk: 🎤 A talk given at JAMstack Paris about MDX and authorability
kentcdodds/simply-react

Josh W. Comeau on Twitter: "I'm so glad I used MDX for my blog. It enables things that otherwise would not be possible with Markdown or a CMS, while still being a consumable data source (unlike having the posts be all-JSX) Some examples in-thread 👇" / Twitter

Marp

Marp: Markdown Presentation Ecosystem
Marp for VS Code - Visual Studio Marketplace

marp-team/marp-cli: A CLI interface for Marp and Marpit based converters
yhatt/marp-cli-example: The good starter for using Marp via Marp CLI, by the author of Marp

marp -s .
marp slide.md -o <output.ext>
npx marp --pdf --output=dist --input-dir=src  --allow-local-files
npx marp --pptx --output=dist --input-dir=src --allow-local-files

Marp Basic Example - Speaker Deck
Marpit Markdown
Usage - Presenter notes
Theme CSS
marp-core/themes at main · marp-team/marp-core

Split header-footer with logos · marp-team · Discussion #244

Introduction
marp-team/marpit: The skinny framework for creating slide deck from Markdown
[RFC] The future plan of Marpit (delayed) · Issue #194 · marp-team/marpit

The story of Marp Next | Blog | Marp

Creating Presentations In Markdown With Marp | #! code
Seven Tips For Getting The Most Out Of Marp | #! code

hashbangcode/marp-talk-template
cunhapaulo/marpstyle: Repository for Marp Themes created with beauty and simplicity in mind.

Sli.dev

Home | Slidev

Built with Vite

Spectacle

Spectacle
FormidableLabs/spectacle: ReactJS based Presentation Library

reveal.js

reveal.js – The HTML Presentation Framework
hakimel/reveal.js: The HTML Presentation Framework

Switching To Reveal.js for Presentations | LornaJane
Reveal.js tutorial | Reveal.js Step by Step for Beginners

webpro/reveal-md: reveal.js on steroids! Get beautiful reveal.js presentations from any Markdown file

Slides

~renerocksai/slides - Slideshows at 10 000 FPS! A simple but powerful IMGUI based, OpenGL-rendered slideshow app in Zig - sourcehut git
Rendering Slideshows with 16 000 FPS - Rene Schallner - Software You Can Love 2022 - YouTube

landslide

adamzap/landslide: Generate HTML5 slideshows from markdown, ReST, or textile
Python, with macros

SlideShow

How to make a slide presentation with a simple Markdown text file - DEV Community 👩‍💻👨‍💻
kkibria/slideshow-dist: Slideshow distribution
SlideShow Demo

showoff

showoff
puppetlabs/showoff: Don't just present; interact with your audience!
Ruby, interactive

VSCode Slides

replaces settings

How I used VS Code for my talk instead of Keynote or Powerpoint - DEV Community 👩‍💻👨‍💻
André Staltz - Your IDE as a presentation tool

Slides - Visual Studio Marketplace
VSCode HackerTyper - Visual Studio Marketplace


2nd tier

KittikJS

KittikJS
ASCII presentations in the terminal are real | Eugene Obrezkov

Bespoke

Bespoke.js
Bespoke.js · GitHub
DIY Presentation Micro-Framework, modularized

mcollina/bespoke-run: Run your code snippets in Bespoke.js

impress.js

impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
with zoom and rotates that make your audience dizzy, for hipsters

impress/impress.js: It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

deck.js

deck.js » Modern HTML Presentations
HTML Slides With Deck.js and Extensions
rudimentary feature and styling

deckjs/deck-app: master repo for all deck modules

infews/keydown: An HTML5 presentation builder Ruby tool to convert Markdown to HTML

present

present — A terminal-based presentation tool with colors and effects — conference-radar documentation built on asciimatics
vinayak-mehta/present: A terminal-based presentation tool with colors and effects.

html5slides

html5slides
io-2012-slides

borismus/html5slidedown: Write HTML5 slides in markdown
rmcgibbo/slidedeck: Beautiful HTML5 slides in markdown. A easy-to-use fork of the google-io-2012 slide deck Python wrapper

Shower

Shower Presentation Engine
shower/shower: Shower HTML presentation engine

Slidedown

Slidedown

Talkie

ahomu/Talkie: Simple slide presentation library. Responsive scaling & markdown ready.
Widescreen, drawing mode

LookAtMe

d0c-s4vage/lookatme: An interactive, terminal-based markdown presenter
LookAtMe: Dead Simple Markdown Slideshows - YouTube

Latex

CTAN: Package beamer

Beamer Presentations: A Tutorial for Beginners (Part 1)—Getting Started - Overleaf, Online LaTeX Editor
How I Make Presentations Using LaTeX & Beamer - YouTube

Go presentation tool

present package - golang.org/x/tools/present - pkg.go.dev
golang/talks: Go talks

How Do I Create A Presentation Using Go? | Josh Software – Where Programming is an Art!
Go presentation tool


DZSlides
HTML Slidy
io-2012-slides - HTML5 slide template for Google I-O 2012 - Google Project Hosting
jdan/cleaver: 30-second slideshows for hackers 2017
jtrussell/bedecked: Turn markdown files into html presentations you can share with dropbox (or S3, or...) 2017
puppetlabs-showoff: the best presentation software a Puppet Instructor could ever love 2019
laktek/punch-presenter: Create Quick HTML5 Presentations with Punch
thiagofelix/hackynote: Hacky Note