{"id":349,"date":"2025-07-09T12:22:17","date_gmt":"2025-07-09T09:22:17","guid":{"rendered":"https:\/\/ahm.basfinans.com\/?p=349"},"modified":"2025-07-09T12:22:17","modified_gmt":"2025-07-09T09:22:17","slug":"presentations-as-source-code","status":"publish","type":"post","link":"https:\/\/ahm.basfinans.com\/index.php\/2025\/07\/09\/presentations-as-source-code\/","title":{"rendered":"Presentations as source code"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/ahm.basfinans.com\/wp-content\/uploads\/2025\/07\/eyecatch-17-560179678-1024x535.png\" alt=\"\" class=\"wp-image-350\" srcset=\"https:\/\/ahm.basfinans.com\/wp-content\/uploads\/2025\/07\/eyecatch-17-560179678-1024x535.png 1024w, https:\/\/ahm.basfinans.com\/wp-content\/uploads\/2025\/07\/eyecatch-17-560179678-300x157.png 300w, https:\/\/ahm.basfinans.com\/wp-content\/uploads\/2025\/07\/eyecatch-17-560179678-768x401.png 768w, https:\/\/ahm.basfinans.com\/wp-content\/uploads\/2025\/07\/eyecatch-17-560179678.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Creating presentations doesn\u2019t have to mean wrestling with clunky, proprietary software. By treating presentation development like\u00a0<em>source code<\/em>, I discovered a streamlined, flexible workflow using\u00a0<strong>Markdown (MD) files<\/strong>,\u00a0<strong>Visual Studio Code<\/strong>, and\u00a0<strong>MARP<\/strong>\u00a0to generate sleek HTML slides\u2014all while maintaining full control over styling with\u00a0<strong>custom CSS<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"why-markdown\">Why Markdown?<\/h3>\n\n\n\n<p>Markdown\u2019s simplicity allows for&nbsp;<strong>fast content structuring<\/strong>&nbsp;with headings, lists, and code blocks. By organizing slides into separate files and leveraging VS Code\u2019s&nbsp;<strong>folding\/unfolding<\/strong>&nbsp;features, I could easily navigate and reorganize content\u2014just like managing a codebase.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"marp-the-magic-converter\">MARP: The Magic Converter<\/h3>\n\n\n\n<p><a href=\"https:\/\/marp.app\/\">MARP<\/a>&nbsp;transformed my MD files into a responsive HTML presentation with minimal effort. With support for&nbsp;<strong>themes, transitions, and speaker notes<\/strong>, it felt like a developer-friendly alternative to PowerPoint or Google Slides.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"custom-css-for-perfect-styling\">Custom CSS for Perfect Styling<\/h3>\n\n\n\n<p>Since MARP supports CSS overrides, I fine-tuned every visual detail\u2014fonts, colors, and layouts\u2014without leaving my coding environment. The result? A&nbsp;<strong>clean, consistent, and branded<\/strong>&nbsp;presentation that felt uniquely mine.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"the-verdict\">The Verdict<\/h3>\n\n\n\n<p>This workflow combines&nbsp;<strong>the efficiency of plain text<\/strong>&nbsp;with the power of modern tooling. If you love Markdown and want presentations that are&nbsp;<strong>version-controllable, lightweight, and highly customizable<\/strong>, give MARP a try!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating presentations doesn\u2019t have to mean wrestling with clunky, proprietary software. By treating presentation development like\u00a0source code, I discovered a streamlined, flexible workflow using\u00a0Markdown (MD) files,\u00a0Visual Studio Code, and\u00a0MARP\u00a0to generate sleek HTML slides\u2014all while maintaining full control over styling with\u00a0custom CSS. Why Markdown? Markdown\u2019s simplicity allows for&nbsp;fast content structuring&nbsp;with headings, lists, and code blocks. By [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/posts\/349"}],"collection":[{"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/comments?post=349"}],"version-history":[{"count":1,"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/posts\/349\/revisions"}],"predecessor-version":[{"id":351,"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/posts\/349\/revisions\/351"}],"wp:attachment":[{"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/media?parent=349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/categories?post=349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahm.basfinans.com\/index.php\/wp-json\/wp\/v2\/tags?post=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}