Hah! Coming from LaTeX/Beamer presentations in grad school, I *have* debugged presentations 🤦♂️. Thankfully Markdown is harder to mess up than LaTeX...
The old Opera browser, and I mean the old one, the one that didn't use chromium, made something similar 20-ish years ago, if I remember well it used html as markdown still wasn't a thing
I think the biggest advantage would be that you could write yourself one consistent style and functions for said style and then everything you do could be made simple to write and would always look consistent, no need to manually manage the style of each slide. The work for one slide is useless, but if you build hundreds of slides a year, it would definitely be a speed up.
@@Spartan322 What would you want to do that you couldn't achieve with creating custom powerpoint slide masters? I think automating something like translation of presentations could be easier with Marp, but that is pretty much the only real advantage I see. (Other than being markdown, which some people including myself seem to enjoy working with.)
Tbh, I think this is good for making presentations with syntax highlighted code, but I think Google Sheets or LibreOffice Impress are more powerful and accessible for most purposes. The fact that I can’t export to an editable PPTX is a dealbreaker for me.
So, simpler than TeX and in a format familiar to devs. Pretty cool! In the future, there will be a code-free version with built in diagrams and figures, maybe a slideshow mode for presentations, a little highlighter you can use while presenting, and...
yea this reminds me of using some TeX derivative to make presentations, tho instead of dealing with TeX annoyances you have html/css annoyances but a bit less customization
Thanks so much Andy =]! The aim for my channel is "clear, concise, overly edited educational programming content". So, if you're enjoying my style of video, be sure to stick around or check out some of my other videos!
@@dougmercer do you by chance watch Lazy Artist and edit with davinci resolve? :D recognized some of his tricks/patterns in you Work/editing style. Looks great
Interesting. I think I’ll stick with Keynote for now. But I can see this being interesting for generating slides programmatically for, e.g., release notes for your product. Instead of a simple list of changes you could have a slide per change with the name of the issue resolved as a title and the description of the issue in form of bullet points. Even better: if you have a use case where you need to periodically update an existing presentation with new values. Instead of doing that manually, just let your build process generate those slides with updated values for you. You could make slides highlighting the code quality of your code, showing metrics such as average lines of code per function or complexity metrics and how they evolved over time.
You can always use tables to have grids of any size. All you have to do is to hide borders via css without defining your own grid, and it works fine for small content!
You can also use `display: grid` to make grids of any size. Just set your `grid-template-columns` value to the size of each column. Then you don't need to add extra CSS to remove the borders, among other advantages. For example, you can use fractional units to easily make a certain number of columns - `1fr 1fr` for two equal columns, `2fr 1fr` for one large and one small column, `1fr 1fr 1fr` for three equal columns, etc. The "repeat" syntax used in the example is designed to automatically add equal sized columns for you (so you don't need to specify an extra "1fr" manually to add another column). If you want more rows as well, there's a very similar `grid-template-rows` that works in much the same way!
I can see how this would help. A nice tool to have in my toolbox. But, I'd still prefer ppt, the ease of creating custom designs, animation and transition (like morph). Adding add-in helps a lot, makes it much faster in editing or creating.
@@dougmercer I don't see how it could possibly save you time to find workaround to do something which is so simple to do in Powerpoint. Honestly, it seems like people are solving problems which don't exist.
@@javierflores09 Maybe, only if Github allows you to slide through it right from the repository, for very minimal presentations that give you a clearer idea of what the project is about
Thanks for this! I was just fighting my brain to move away from PP to Quarto, seeing all the nice ways I can integrate live graphs and maps. This helped get the basic syntax down!
As a dev, i do so much of my work in markdown, including taking notes (extending as far as my college notes), so this feels like it's catered exactly to my needs, since I don't do really complicated presentations anyway.
Nice video, for years we have been used to create slides using only the mouse, however Markdown is also a great format for creating and editing, instead of using a specific program for opening pptx files for example, you can just use whatever text editor you want! Worth noting that there is an alternative to Marp, which is slidev and it has a ton of great features
Yeah-- there seem to be a bunch of markdown -> slide renderers, but Marp was the first I landed on and learned. Maybe in the future I'll do a comparison video... In any case, I'll have to check out slidev!
Idk. Seems more intuitive to make your slides in ppt instead of markup. Maybe marp is great for automating and trying to keep your source code and docs in sync with your presentations.
That's fair. If you're putting together quad charts or other complex format slides then PowerPoint still makes sense. For me, where most of my slides are simple bullets, images, syntax highlighted code, and math, Marp is way faster for me. For code, I can simply copy/paste the code's text and have editable highlighted code. I'm not sure how to get nice, highlighted code in PowerPoint besides screenshots from an IDE (non-editable) or some more complex workflow with Pygments.
@@dougmercer this works in word, not sure of ppt... to get highlighted code, just copy from a code editor, and keep the source formatting. PS: don't forget to switch to the light mode...
To be honest as someone with a good understanding of html, I know the possibilities of it and for me could be faster to create cool presentations with markup and html than ppt. But that's where your preferences help you to choose one of the other
I've definitely been trying to tinker with getting Pandoc to render my lectures, but keep running into difficulties with theming and code scaling. This looks pretty solid, and being able to drop CSS in there is awesome. Great video Now to get wild see if it supports embedding, and if my LMS can handle putting the HTML outputs up so my students can tweak Python tutor code mid-slidedeck.
Interesting. However seems like it would only really be of more benefit than PowerPoint in cases where you want to programmatically generate a presentation. Regardless, great video! Love the editing.
Small markdown tip: if you're defining code blocks often, then file extensions work just as well (so ```py instead of ```python or ```js versus ```javascript). Saves you a few seconds over the course of a year!
The great thing about this is that you can create basic presentations with simple scripts. So let’s say you have a python notebook, you are now able to convert this into a presentation. You have a website and want to show it in a ppt presentation (why not do a live demo…? Doesn’t matter) you can script it quite easily.. so now this is an amazing thing.
I want to thank you for this video, it started me on using Marp and while it's quite simplistic out-of-the-box, it's fully customizable with some css tinkering and in conjunction with vector graphics software, such as Inkscape. I think I'm about ready to forget Powerpoint, except when it's required at work.
I find it funny when people talk about "coding presentations". Markdown isn't a programming language - it's simply a markup language for formatting text. I think it's really useful, especially when you're creating presentations which involve a lot of code snippets, quotes or stuff like that. When you're trying to build something with a huge amount of images, transitions and effects, this tool isn't for you. But then you're mostly directing a movie, not creating a presentation. Presentations should be kept simple without effects or transitions, a handful of images in total and only a few lines of text for each slide.
I agree. I think Marp hits a nice middle ground of making it simple to make syntax highlighted or latex formatted presentations, but think it's the wrong tool if you want something truly custom with fancy transitions, etc. (then maybe reveal.js is a nice option)
thought this was a really big channel - turns out you've only got 1k rn keep it going, the editing is super high quality and the content is amazing too
For people into this, this is a great intro. But really the snark is not needed. This is for a very niche use of presentation software. Great if all you really want is some nice looking text and code with the odd flourish. But it is not accessible to most people, and to get the same level of interactivity and visual polish of PowerPoint would take hours of coding.
@@dougmercer Well for me LaTeX in general and Beamer in particular are both reflections of my integration with Org-Mode over the past decade. As a general rule of thumb I think for most people wishing to use their computer to achieve outcomes, rather than tinker with systems, I am very happy with the state and progress of Visual Studio and any tools to grant people capabilities that only folks familiar with the full suite of GNU and Latex tools have been doing for the past 15 years. So while I have already melded my very soul with my emacs configuration (from scratch, no doom/space, overlay) I just want to see tools like Word and Powerpoint get put in their place by some markdown compiler system.
As someone who did undergraduate math/graduate comp sci, I learned to love LaTeX/Beamer (although, I never embraced Emacs, despite using Linux as my daily driver for ~10 years). But yeah, in the same vein of being outcome-oriented, as someone who has less time to tinker/configure as I get older, these systems scratch the same itch without being time vampires (e.g., Marp vs Beamer, VS Code vs Vim, OSX vs Arch Linux).
@@dougmercer emacs as an operating system with a piddly text editor on-top. I love some of its killer apps but to this day I wish I had just started with vim.
Wasn't impressed at first (esp. the picture + text solution), but you had me at "supports custom css" lol! Definitely will be looking into this. -I wonder, while it doesn't support slide transitions like powerpoint, would it be able to render the css animation property?- Edit: Just googled a bit, it actually does seem to support custom transitions with several css properties even, very cool
(Was in process of replying, but it looks like you already stumbled across some of the same stuff I did.) I haven't tried it, but it looks like Marp experimentally supports transitions! marp.app/blog/how-to-make-custom-transition . Let me know if it works! When doing research for this video, I also stumbled across this demo that combined Marp and "reveal.js", codesandbox.io/s/nw80vrxvpp . That said, that demo uses the lower level "marpit" which more explicitly exposes HTML/CSS rather than the plain old Marp markdown syntax.
@@dougmercer Yea, just came across marpit as well. As someone who has done quite a bit of front end web-dev, I can see some wild possibilities for slide designs and transitions that would never be possible in PowerPoint. Though I do wonder how easy (or difficult) it would be to collaborate on this. Doubt most non-coders would be comfortable using this instead of Google Slides. Maybe a mixed workflow, where the backgrounds/general designs are done in marp and then exported as pptx could work though.
I haven't messed with working in pure marpit-- I do think it could be harder to onboard collaborators if you get too exotic. I have a bit of a blind spot on how much complexity (if any) you can boil into your own custom theme. You might be able to bake the fanciness into a theme (total speculation-- sorry if I'm wrong!)? In another comment thread, I mentioned that I had a workflow where I: * Set up a Gitlab repository for my presentation * Set up a Gitlab CI pipeline that used the Marp CLI docker image to render the slides and deploy them to Gitlab pages You might be able to set up something like that so that your collaborators wouldn't need to install Marp CLI, and could just focus on modifying the content after you establish the style/themes/etc.
It remembers me a little of reveal.js. Back in my middle school I've been asked to make a simple quiz with some math and code in it, and I chose this library to build it, together with a little bit of custom js code. It doesn't use markdown, it's rather focused on using appropriate html tags. Since then 've discovered some other tools I can't imagine using powerpoint at all.
The employee in me supports this because markdown is where 100% of my non-code work lives. The engineer in me strongly opposes this as I am pretty sure every presentation made via a slide deck could have been more effectively communicated in a different medium. Still though, this is cool and definitely will have uses for me at some point and opens up a way less frustrating alternative to opening PowerPoint and fighting against it the entire time to get what I want 😂
Love the idea behind marp and what it could accomplish so far plus your vid is absolutely on point But the truth is, I’d still need to sell my soul to big corps (ppt, google slides) or libre suite on the other spectrum because the apps are much simpler and faster with batteries included
For people with little/null knowledge about programming, MARP is not advantageous and I think prezi or PowerPoint are better suited for these persons. Personally, I've found MARP super easy to use, and it fits my necessities. Definitely I love MARP and I can't go back using PowerPoint XD
That's a good question! For me, Marp makes sense for people whose goal it is to make math/code-focused presentations quickly. Generally, people who code tend to be at least passingly familiar with Markdown syntax (because it's frequently used as in open source code repositories "README.md" files). For those sort of people, Marp can be very valuable. I use it for weekly status updates on my projects and it saves me time over using PowerPoint.
Ah, okay, I get it; It's tailored toward someone who has a minor background in programming or may still be operating in that field. Given that the application works within your preexisting coding network, it becomes very easy to leverage within a reliable time. I think that is roughly correct, right?
Thanks Drezz! I haven't tried it, but it looks like Marp experimentally supports transitions in "Marp CLI" (no Marp for VS Code support, yet) marp.app/blog/how-to-make-custom-transition . Let me know if it works! When doing research for this video, I also stumbled across this demo that combined Marp and "reveal.js", codesandbox.io/s/nw80vrxvpp . That said, that demo uses the lower level "marpit" which more explicitly exposes HTML/CSS rather than the plain old Marp markdown syntax. Alternatively, you could make the jump to use reveal.js entirely, revealjs.com/ Thanks again for watching (and for the kind words =])
Can't imagine switching to this in my worst nightmare. Making presentations using a GUI is already hard enough so it's a no-go. But this one looks cool and I already have vscode, so why the heck not!!!
Oh the outro? I made that with the python the library `manim` www.manim.community/. It's a super fun library! I use it a lot in my earlier videos. Definitely check it out if you're interested in *m*ath *anim*ations
Marp is awesome...but what it (and VSCode's regular markdown render need) is MERMAID support! With Mermaid, you can generate flow charts, UML, and other diagrams. It's rendered with JavaScript.
Oh man, I totally agree. I love mermaid. What I do (which I don't love) is use another mermaid plugin to render the chart to file and then embed the graphic. It's very annoying to maintain separate documents though!
Great video, but for me Latex Beamer presentations is still too one choice. Not only does it contain all Latex features, but also PDF format is, I think, the most convenient for showing and sharing slides.
Yeah, definitely on the beamer side. You have the "focus on your text rather than how it looks" aspect of markdown, with the addition of all the great customisability and power of LaTeX tools. It took me some days to edit the style to fit the university's branding guidelines, but after that it cut the writing process significantly, because it is just the matter of importing tex files to the main. Been using the style file for years and it was one of the best time investments I did.
I don't think PowerPoint style presentations will ever go away, but you really just want to use it to illustrate what you're talking about, and not just put all your text on each slide that your saying. PowerPoint is excellent for showing screenshots of stuff when running through a quick demo of something. Another thing that is kinda changing how people take in PowerPoint content is screen share. In the late nineties we were all about projectors and having everyone in the room to watch the presenter. Now it's all just screen share and the viewers off somewhere else to watch in real time, or to catch up on the recording. Word of wisdom: don't superimpose yourself talking over your slide. It's very tacky and distracting.
True. I've used beamer in the past for math-focused talks. Beamer + TikZ is a fantastic combo. That said, I can whip together a code-focused Marp presentation with a lot less boilerplate than Beamer.
@@dougmercer That is a good point. They definitely have different use cases and requirements. If you don't already use Latex I would never suggest to used Beamer, whereas Marp seems fairly easy to get into.
@@benoitgrasset well it uses markup documentation. And marp is markdown presentation tool. So yeah, i mean have you ever seen a readme file on github or girlab, it looks all nice but its written in a markup language.
A slightly more polished version of this (but not free and currently in Beta) would be iA Presenter. Have played around with it a bit, and while there is room for improvement it’s a pretty awesome tool.
Unlike PowerPoint however this isn’t Turing complete😢
So true.
Don't worry, it's coming. Feature creap ftw :P
But html together with css is turing complete, so that makes marp turing complete?
@@Ddxcv98 yeah css should be Turing complete by itself
What does it mean to be Turing Complete?
imagine you need to debug a presentation now lol
Hah! Coming from LaTeX/Beamer presentations in grad school, I *have* debugged presentations 🤦♂️. Thankfully Markdown is harder to mess up than LaTeX...
*PowerPoint Turing Machine intensifies*
Aren't we all just debugging everything?
@@dummypg6129 🤔 that's deep
No no, imagine debugging p*werpoint's proprietary xml or whatever that is
I never thought the day would come when they would make a framework for designing stand-alone power points
Never underestimate the laziness of programmers. I don't want to leave my editor/terminal!
@@dougmercer amen! We are lazy. We even use lazy loading 😂
LaTeX has been a thing for decades
LaTEX: Am I a joke to you?
The old Opera browser, and I mean the old one, the one that didn't use chromium, made something similar 20-ish years ago, if I remember well it used html as markdown still wasn't a thing
This is way more effort than PowerPoint for anything but the most basic presentations. Glad to know it exists though
I think the biggest advantage would be that you could write yourself one consistent style and functions for said style and then everything you do could be made simple to write and would always look consistent, no need to manually manage the style of each slide. The work for one slide is useless, but if you build hundreds of slides a year, it would definitely be a speed up.
I will say the latex equation support is way better than powerpoint, office software currently only word supports native latex
Powerpoint sometimes doesn't do what you want it to, this approach means you can position element exactly how you want
@@Spartan322 What would you want to do that you couldn't achieve with creating custom powerpoint slide masters? I think automating something like translation of presentations could be easier with Marp, but that is pretty much the only real advantage I see. (Other than being markdown, which some people including myself seem to enjoy working with.)
Except for code, it's easier to display it :)
Tbh, I think this is good for making presentations with syntax highlighted code, but I think Google Sheets or LibreOffice Impress are more powerful and accessible for most purposes. The fact that I can’t export to an editable PPTX is a dealbreaker for me.
So, simpler than TeX and in a format familiar to devs. Pretty cool!
In the future, there will be a code-free version with built in diagrams and figures, maybe a slideshow mode for presentations, a little highlighter you can use while presenting, and...
like mermaid in markdown you meant?
@@ranggakd Like Powerpoint
Clever and it should be namet somethinnh like emphasis on the point... or... powerpoint!
yea this reminds me of using some TeX derivative to make presentations, tho instead of dealing with TeX annoyances you have html/css annoyances but a bit less customization
i'm working on a startup for exactly this specific use case! we're thinking of calling it Point or Slides
Marp looks like an interesting thing, but also kudos on the editing - it's insanely good.
Thanks so much Andy =]!
The aim for my channel is "clear, concise, overly edited educational programming content". So, if you're enjoying my style of video, be sure to stick around or check out some of my other videos!
@@dougmercer do you by chance watch Lazy Artist and edit with davinci resolve? :D recognized some of his tricks/patterns in you Work/editing style. Looks great
@@swantoinepranks4651 I do-- I copied one of his tutorials for my title card whole cloth. Big fan!
And yes, I do use Resolve. It's great software
This seems overly complicated for no real reason. I love it!
😂
Thank you for making this, you cleared up some of my confusions around the custom css styles!
Glad to hear! Thanks for watching!
Interesting. I think I’ll stick with Keynote for now. But I can see this being interesting for generating slides programmatically for, e.g., release notes for your product. Instead of a simple list of changes you could have a slide per change with the name of the issue resolved as a title and the description of the issue in form of bullet points.
Even better: if you have a use case where you need to periodically update an existing presentation with new values. Instead of doing that manually, just let your build process generate those slides with updated values for you.
You could make slides highlighting the code quality of your code, showing metrics such as average lines of code per function or complexity metrics and how they evolved over time.
You can always use tables to have grids of any size. All you have to do is to hide borders via css without defining your own grid, and it works fine for small content!
Oh that's awesome! I'll have to try that later
You can also use `display: grid` to make grids of any size. Just set your `grid-template-columns` value to the size of each column. Then you don't need to add extra CSS to remove the borders, among other advantages. For example, you can use fractional units to easily make a certain number of columns - `1fr 1fr` for two equal columns, `2fr 1fr` for one large and one small column, `1fr 1fr 1fr` for three equal columns, etc.
The "repeat" syntax used in the example is designed to automatically add equal sized columns for you (so you don't need to specify an extra "1fr" manually to add another column).
If you want more rows as well, there's a very similar `grid-template-rows` that works in much the same way!
@@etekweb good to know!
powerpoint is honestly underrated
When it's the right tool for the job, I agree!
That said I avoid it when I can, and Marp saves me a ton of time.
I can see how this would help. A nice tool to have in my toolbox.
But, I'd still prefer ppt, the ease of creating custom designs, animation and transition (like morph). Adding add-in helps a lot, makes it much faster in editing or creating.
@@GildonUser Yeah, Marp looks cool but it is nowhere near as capable as PPT. I can see it gaining popularity in the developer community though
@@dougmercer I don't see how it could possibly save you time to find workaround to do something which is so simple to do in Powerpoint. Honestly, it seems like people are solving problems which don't exist.
@@javierflores09 Maybe, only if Github allows you to slide through it right from the repository, for very minimal presentations that give you a clearer idea of what the project is about
A big reason to why this video blew up is the well done thumbnail. Great video too, keep up the good work!
Thanks so much!
Maybe I need to simplify some of my older thumbnails 🤔
Thanks for this! I was just fighting my brain to move away from PP to Quarto, seeing all the nice ways I can integrate live graphs and maps. This helped get the basic syntax down!
Glad I could help!
As a dev, i do so much of my work in markdown, including taking notes (extending as far as my college notes), so this feels like it's catered exactly to my needs, since I don't do really complicated presentations anyway.
Nice video, for years we have been used to create slides using only the mouse, however Markdown is also a great format for creating and editing, instead of using a specific program for opening pptx files for example, you can just use whatever text editor you want!
Worth noting that there is an alternative to Marp, which is slidev and it has a ton of great features
Yeah-- there seem to be a bunch of markdown -> slide renderers, but Marp was the first I landed on and learned. Maybe in the future I'll do a comparison video...
In any case, I'll have to check out slidev!
That's some super cool way to make a slide!
Thank you so much, Doug! I will definitely incoporate this into my skillset for damn sure
This is awesome! I just introduce Ansible to our team, and presented it using markdown. This thing looks really cool!
Idk. Seems more intuitive to make your slides in ppt instead of markup. Maybe marp is great for automating and trying to keep your source code and docs in sync with your presentations.
That's fair. If you're putting together quad charts or other complex format slides then PowerPoint still makes sense.
For me, where most of my slides are simple bullets, images, syntax highlighted code, and math, Marp is way faster for me.
For code, I can simply copy/paste the code's text and have editable highlighted code. I'm not sure how to get nice, highlighted code in PowerPoint besides screenshots from an IDE (non-editable) or some more complex workflow with Pygments.
@@dougmercer this works in word, not sure of ppt...
to get highlighted code, just copy from a code editor, and keep the source formatting.
PS: don't forget to switch to the light mode...
To be honest as someone with a good understanding of html, I know the possibilities of it and for me could be faster to create cool presentations with markup and html than ppt. But that's where your preferences help you to choose one of the other
This is good with chatgpt though, can quickly generate the text for a presentation with it
i love this because i am looking for any reason or excuse to use markdown in anything.
Same. Changing my weekly status update from PowerPoint to Marp was a game changer for me.
This reminds me of Quarto, except for presentations instead of documents. It looks awesome!
Honestly, I’ll dabble with this. Seems REALLY good for making nice looking, simple presentations.
Glad to hear!
I watched your video for the first time, all the transitions and animations and all you use. It's really creative!
Thanks! =]
I've definitely been trying to tinker with getting Pandoc to render my lectures, but keep running into difficulties with theming and code scaling. This looks pretty solid, and being able to drop CSS in there is awesome. Great video
Now to get wild see if it supports embedding, and if my LMS can handle putting the HTML outputs up so my students can tweak Python tutor code mid-slidedeck.
I haven't tried embedding s-- I hope it works for you and your students!
Interesting. However seems like it would only really be of more benefit than PowerPoint in cases where you want to programmatically generate a presentation.
Regardless, great video! Love the editing.
So this is great with chatgpt
@@ure2grit931 ok that's a great idea actually
Small markdown tip: if you're defining code blocks often, then file extensions work just as well (so ```py instead of ```python or ```js versus ```javascript). Saves you a few seconds over the course of a year!
Oh neat, I didn't know that! Thanks for saving me time =]
The great thing about this is that you can create basic presentations with simple scripts.
So let’s say you have a python notebook, you are now able to convert this into a presentation. You have a website and want to show it in a ppt presentation (why not do a live demo…? Doesn’t matter) you can script it quite easily.. so now this is an amazing thing.
I want to thank you for this video, it started me on using Marp and while it's quite simplistic out-of-the-box, it's fully customizable with some css tinkering and in conjunction with vector graphics software, such as Inkscape. I think I'm about ready to forget Powerpoint, except when it's required at work.
That's awesome to hear! Glad it was helpful =]
I find it funny when people talk about "coding presentations". Markdown isn't a programming language - it's simply a markup language for formatting text. I think it's really useful, especially when you're creating presentations which involve a lot of code snippets, quotes or stuff like that. When you're trying to build something with a huge amount of images, transitions and effects, this tool isn't for you. But then you're mostly directing a movie, not creating a presentation. Presentations should be kept simple without effects or transitions, a handful of images in total and only a few lines of text for each slide.
I agree. I think Marp hits a nice middle ground of making it simple to make syntax highlighted or latex formatted presentations, but think it's the wrong tool if you want something truly custom with fancy transitions, etc. (then maybe reveal.js is a nice option)
Aaaaaaaaa I always loved the minimalism of Markdown and always made my slides very minimalistic that's perfect!!!!!!
thought this was a really big channel - turns out you've only got 1k rn
keep it going, the editing is super high quality and the content is amazing too
Thanks so much!
Believe or not, before this video I had ~200 subscribers! I'm so thankful that this video is blowing up.
1990: let’s make a tool for handling this presentation scripts visually
2023: Yo let’s code some powerpoint
Reminds me of LaTeX Beamer which we used at university. It had more features, though.
Beamer is great!
The use case for this, to me, is "good enough for common tasks, faster"
I haven't used PowerPoint to make presentation in years. I use it for drawing and creating movies and illustrations. Writing books and making games.
For people into this, this is a great intro.
But really the snark is not needed. This is for a very niche use of presentation software. Great if all you really want is some nice looking text and code with the odd flourish. But it is not accessible to most people, and to get the same level of interactivity and visual polish of PowerPoint would take hours of coding.
Its very useful for people in hackathons where u have to write code and create a ppt as well...😚
Thanks for explaining how to use this tool. It was very useful.
Glad it was helpful! Thanks for watching
Glad there are alternatives to Beamer for those that don't want to do the full latex rabbithole
Totally agree!
Also, thank you for possibly being the only commenter who both knows about Beamer and did not comment "why not Beamer?"
@@dougmercer Well for me LaTeX in general and Beamer in particular are both reflections of my integration with Org-Mode over the past decade.
As a general rule of thumb I think for most people wishing to use their computer to achieve outcomes, rather than tinker with systems, I am very happy with the state and progress of Visual Studio and any tools to grant people capabilities that only folks familiar with the full suite of GNU and Latex tools have been doing for the past 15 years.
So while I have already melded my very soul with my emacs configuration (from scratch, no doom/space, overlay) I just want to see tools like Word and Powerpoint get put in their place by some markdown compiler system.
As someone who did undergraduate math/graduate comp sci, I learned to love LaTeX/Beamer (although, I never embraced Emacs, despite using Linux as my daily driver for ~10 years).
But yeah, in the same vein of being outcome-oriented, as someone who has less time to tinker/configure as I get older, these systems scratch the same itch without being time vampires (e.g., Marp vs Beamer, VS Code vs Vim, OSX vs Arch Linux).
@@dougmercer emacs as an operating system with a piddly text editor on-top. I love some of its killer apps but to this day I wish I had just started with vim.
Great video! My favorite part was when he said "It's marpin' time" and then marped all over the place!
Wasn't impressed at first (esp. the picture + text solution), but you had me at "supports custom css" lol! Definitely will be looking into this. -I wonder, while it doesn't support slide transitions like powerpoint, would it be able to render the css animation property?-
Edit: Just googled a bit, it actually does seem to support custom transitions with several css properties even, very cool
(Was in process of replying, but it looks like you already stumbled across some of the same stuff I did.)
I haven't tried it, but it looks like Marp experimentally supports transitions! marp.app/blog/how-to-make-custom-transition . Let me know if it works!
When doing research for this video, I also stumbled across this demo that combined Marp and "reveal.js", codesandbox.io/s/nw80vrxvpp . That said, that demo uses the lower level "marpit" which more explicitly exposes HTML/CSS rather than the plain old Marp markdown syntax.
@@dougmercer Yea, just came across marpit as well. As someone who has done quite a bit of front end web-dev, I can see some wild possibilities for slide designs and transitions that would never be possible in PowerPoint.
Though I do wonder how easy (or difficult) it would be to collaborate on this. Doubt most non-coders would be comfortable using this instead of Google Slides. Maybe a mixed workflow, where the backgrounds/general designs are done in marp and then exported as pptx could work though.
I haven't messed with working in pure marpit-- I do think it could be harder to onboard collaborators if you get too exotic.
I have a bit of a blind spot on how much complexity (if any) you can boil into your own custom theme. You might be able to bake the fanciness into a theme (total speculation-- sorry if I'm wrong!)?
In another comment thread, I mentioned that I had a workflow where I:
* Set up a Gitlab repository for my presentation
* Set up a Gitlab CI pipeline that used the Marp CLI docker image to render the slides and deploy them to Gitlab pages
You might be able to set up something like that so that your collaborators wouldn't need to install Marp CLI, and could just focus on modifying the content after you establish the style/themes/etc.
It remembers me a little of reveal.js. Back in my middle school I've been asked to make a simple quiz with some math and code in it, and I chose this library to build it, together with a little bit of custom js code. It doesn't use markdown, it's rather focused on using appropriate html tags. Since then 've discovered some other tools I can't imagine using powerpoint at all.
Yeah, I've heard good things about reveal.js-- what other tools have you landed on now?
@@dougmercer to be honest I haven't had to use them for some time. Last time I think it was beamer, because I've had to learn LaTeX for my university.
Ah yeah, Beamer+LaTeX are great for math focused stuff
Loved the flow of this video. Subscribed 😁
Glad to hear! Thanks for subbing!
This is absolutely phenomenal.
Thank you!
Glad you liked it!
Perfect! Now I can code my PowerPoints. Who needs a gui editor anyway?
I'm gonna share this with my class
Thanks so much! glad you liked it! =]
Note that you can do exactly that with revealjs in Quarto in Rstudio or use package xaringan in Rstudio.
Holding my breath not to make a bad comment on a product that was not even marginally targeted at me
Haha! Sorry-- this video extended well beyond my usual audience
This is exactly what I’ve always wanted
this is actually good, I'm impressed
I always thought about this being a thing. 🙌
The employee in me supports this because markdown is where 100% of my non-code work lives. The engineer in me strongly opposes this as I am pretty sure every presentation made via a slide deck could have been more effectively communicated in a different medium.
Still though, this is cool and definitely will have uses for me at some point and opens up a way less frustrating alternative to opening PowerPoint and fighting against it the entire time to get what I want 😂
Love the idea behind marp and what it could accomplish so far plus your vid is absolutely on point
But the truth is, I’d still need to sell my soul to big corps (ppt, google slides) or libre suite on the other spectrum because the apps are much simpler and faster with batteries included
pogars, bootiful editing and totally sold me
Learned a new skill. Good stuff @Doug
Thanks Abhijeet!
This just makes me appreciate powerpoint more :p
For people with little/null knowledge about programming, MARP is not advantageous and I think prezi or PowerPoint are better suited for these persons. Personally, I've found MARP super easy to use, and it fits my necessities. Definitely I love MARP and I can't go back using PowerPoint XD
Ah man, this will be extremely helpful for me. Thanks!
Glad to hear! Thanks for watching!
Now you have to center a div inside PowerPoint
Uh oh 😟
I'm curious to know who this is being marketed to: from a surface glance, this would be slightly daunting and complex to a more casual user.
That's a good question!
For me, Marp makes sense for people whose goal it is to make math/code-focused presentations quickly. Generally, people who code tend to be at least passingly familiar with Markdown syntax (because it's frequently used as in open source code repositories "README.md" files).
For those sort of people, Marp can be very valuable. I use it for weekly status updates on my projects and it saves me time over using PowerPoint.
Ah, okay, I get it; It's tailored toward someone who has a minor background in programming or may still be operating in that field.
Given that the application works within your preexisting coding network, it becomes very easy to leverage within a reliable time. I think that is roughly correct, right?
@@benny399 yup! That sums it up pretty well
Much much love the presentation! But I do wish there is a code where you can animate some text or divs (AND your editing is sooo fricking cool!!)
Thanks Drezz!
I haven't tried it, but it looks like Marp experimentally supports transitions in "Marp CLI" (no Marp for VS Code support, yet) marp.app/blog/how-to-make-custom-transition . Let me know if it works!
When doing research for this video, I also stumbled across this demo that combined Marp and "reveal.js", codesandbox.io/s/nw80vrxvpp . That said, that demo uses the lower level "marpit" which more explicitly exposes HTML/CSS rather than the plain old Marp markdown syntax.
Alternatively, you could make the jump to use reveal.js entirely, revealjs.com/
Thanks again for watching (and for the kind words =])
your editing is insanely good
Thanks Micael!
Can't imagine switching to this in my worst nightmare. Making presentations using a GUI is already hard enough so it's a no-go. But this one looks cool and I already have vscode, so why the heck not!!!
That's the spirit!
i like the
1, 1
0, 1
animation at the end
Oh the outro? I made that with the python the library `manim` www.manim.community/. It's a super fun library! I use it a lot in my earlier videos. Definitely check it out if you're interested in *m*ath *anim*ations
I love this! I wish I had a reason to do a presentation where I needed to show code blocks because this is so clean!
Marp is awesome...but what it (and VSCode's regular markdown render need) is MERMAID support!
With Mermaid, you can generate flow charts, UML, and other diagrams. It's rendered with JavaScript.
Oh man, I totally agree. I love mermaid.
What I do (which I don't love) is use another mermaid plugin to render the chart to file and then embed the graphic.
It's very annoying to maintain separate documents though!
"hold on professor let me just write this code real quick"
holy shit this is so good, i didnt even think of this kind of making presentations
hopefully i find something like that for vim
This is great. AND it’s open source, which is extremely based
markdown for slides? I like this. Thank you!
Glad to hear! Thanks for watching =]
wow, this is probably how the original prince of peris made his presentations. Nice video. Probably not made in MARP.
Great video, but for me Latex Beamer presentations is still too one choice. Not only does it contain all Latex features, but also PDF format is, I think, the most convenient for showing and sharing slides.
Yeah, definitely on the beamer side. You have the "focus on your text rather than how it looks" aspect of markdown, with the addition of all the great customisability and power of LaTeX tools.
It took me some days to edit the style to fit the university's branding guidelines, but after that it cut the writing process significantly, because it is just the matter of importing tex files to the main. Been using the style file for years and it was one of the best time investments I did.
I use Beamer, but pdfs are lousy for accessibility, whereas .html is great.
Thanks for sharing the 'm gonna try it out later.
what a awesome tool! i will certainly use this! thanks mate!
I recommend Pandoc for Markdown -> slides via LaTeX Beamer
I don't think PowerPoint style presentations will ever go away, but you really just want to use it to illustrate what you're talking about, and not just put all your text on each slide that your saying. PowerPoint is excellent for showing screenshots of stuff when running through a quick demo of something.
Another thing that is kinda changing how people take in PowerPoint content is screen share. In the late nineties we were all about projectors and having everyone in the room to watch the presenter. Now it's all just screen share and the viewers off somewhere else to watch in real time, or to catch up on the recording. Word of wisdom: don't superimpose yourself talking over your slide. It's very tacky and distracting.
I remember having to use something similarly to this but for writing PDFs during a college class
Great overview, thanks 👍
Thanks! Glad it was helpful =]
"I am a HTML Programmer."
"Glad to meet you. I program in LaTeX and Marp."
Finally, having previously replaced Word with LaTeX, I can now replace PowerPoint.
Latex already has the Beamer class.
True. I've used beamer in the past for math-focused talks. Beamer + TikZ is a fantastic combo.
That said, I can whip together a code-focused Marp presentation with a lot less boilerplate than Beamer.
@@dougmercer That is a good point. They definitely have different use cases and requirements. If you don't already use Latex I would never suggest to used Beamer, whereas Marp seems fairly easy to get into.
Marp is great, thats why its used on places like github and gitlab for readme files. I just actually made a bit more complex md file for a repo
You mean Github uses Marp ?? Can you show us your md file ?
@@benoitgrasset it was for a professor so i wouldnt like to doxx my self, cause there is my name and my school on that readme
@@benoitgrasset well it uses markup documentation. And marp is markdown presentation tool. So yeah, i mean have you ever seen a readme file on github or girlab, it looks all nice but its written in a markup language.
thanks Doug, very cool
Oh! Something like this does exist!
The idea is good but you can also put programs in the powerpoint using add ins such as script lab, pick it for images, and many more.
PowerPoint's auto designer is heavenly though. Just slap some text on slides and have PP to handle the design.
A slightly more polished version of this (but not free and currently in Beta) would be iA Presenter. Have played around with it a bit, and while there is room for improvement it’s a pretty awesome tool.
That looks pretty cool-- first time I'm hearing about it
I used vscode-reveal a couple of times which utilizes revealjs. Would be great to see a comparison of the two, and other alternatives if available.
That's a good idea
awesome thanks!
Here's your Like.
Thank you for showing me this, but, BOY, this made me value Only/WPS/Libre Office 😅
I really like the video editing ♡
Thanks so much, Astha =]
this is a cool way to make one thank you
you got some high quality production skills, realy enjoying your style
Thanks so much Tzoor! Comments like yours make my day =]
I am so glad this exists, LaTex is mad annoying.
I personally think this is good for learning purpose just like LaTeX but I wouldnt recommend it to someone who use presentations profesionally daily.
Such a high quality video!
Thanks Charles =]!
A markdown slide!❤
Thanks kenny
Buenísimo, me a encantado está herramienta y muy buen tutorial
Gracias! =]
It looks cool and nice, but I don't see any advantage over power point other than that it's easier to export to .html
Fantastic tutorial
Thanks! Glad it was helpful =]
Damn! You can use a neovim and marp and no one normal person will undestand that you JUST MAKING A PRESENTATION