Show and explain your code

Presentation slides for developers. I’ve used Markdown/web-based slides for years, but this system has me excited with a focus on developer oriented slides allowing for live coding. Under the hood, this uses Vite and Vue to render the content.

Simplify documentation and avoid heavy tools. Open source Visio alternative. Commonly used for explaining your code! Mermaid is a simple Markdown-like script language for generating charts from text via JavaScript. Mermaid has been around for a while now, but is gaining popularity due to the increase in personal knowledge management tools and other Markdown based apps that are including Mermaid support. One such tool is Sli.dev, which I mentioned above. It allows you to include diagrams in your slides using Mermaid. And with support for ~9 different diagram types, you should be able to find something appropriate. I link to this site as it is a live editor that will allow you to interactively build your diagram. And it was created using Svelte. :)