audio-visual-systems#Clip arts/images
Presentation skill
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
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
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.pdfCarbon 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
Requirements
- Markdown support
- Code block with syntax highlighting
- Presentation mode
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
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-filesMarp Basic Example - Speaker Deck
Marpit Markdown
Usage - Presenter notes
Theme CSS
marp-core/themes at main · marp-team/marp-core
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
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
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
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
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
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
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