Highlighted code in slides

Contents

00:00 Intro
00:47 Context
02:30 Clipboards are fun
07:24 Color spaces
10:51 Closing thoughts
11:18 Outro

[the-old-channel]

In VSCode: select text -> Ctrl + Shift + P -> "Copy with syntax highlighting". Saved me so many hours making presentations. You can also set your editor’s theme to whatever you like to see in your slides.

[gamehatter]

great as always, love the outro songs we're getting now

[LDVSoft]

Oh that's a world of cursed. Let me share some of mine.

Speaking of slides, how do CS students do slides and homework? Of course in TeX, with beamer for slides. You can include verbatim monosoace text in TeX, but how do you make it pretty? Well, there is a package for that. How does it work? It asks you to install Pygments and to allow TeX to perform arbitrary code execution on your machine. Yep, in text markup language there are macros that expand to command execution. Then it consumes the output into the document.

[thepetesmith]

Every one of your videos has LOL moments man. Silly comedy like this is a lost art.

[meowsqueak]

FWIW, I like to use slidev for presentations - for programmers it’s much more flexible than Google tools or PowerPoint or LaTeX, and you can do some nice code animation too.

[gaeel]

My big takeaway from this presentation is the light-dark() css function. I've been using prefers-color-scheme media queries for years now...

[CattoFace]

Reminded me to look into adding copy buttons to my site, thanks

[SianaGearz]

"google slides please get your stuff together"






google slides joins the graveyard.

[zhaofengli]

Nice video! Just one question: Instead of massaging user-facing elements into Google Slides-facing clean HTML, why not have your blog engine emit it directly?

You do lose the WYSIWYG benefits from relying on the browser's CSS engine to get the computed values, but in return you get reproducibility as well as the ability to directly tailor the final output for Google Slides. Bonus points for making a Slides extension that is backed by your own highlighting engine :P

[dotellie]

Very interesting! I was actually working on a product to solve this sort of use-case but slightly differently. Then life came in the way and I never got to finishing it. This video might be what I needed to start working on it again though!

[cramhead]

Fun video. Thanks for sharing. I always learn a little something in them.

[duvallj]

neat video! i learned something new about CSS today :)

[PizzaRollExpert]

That's crazy man, I just do my code slides in latex

[rodrigosantoszz]

Hi, I love your channel, I’d just like to say that I wish you background wasn’t so dark because youtubes compression makes it look very bad

[jakadak]

mhmmmm cool video. Wouldn't this be a problem with MS PowerPoint extensions?

[LV-iibi]

I still dont get it. did you solve the problem or not? 🤷‍♂

[ocean]

You can see computed styles in firefox

[nomadtrails]

Sorry if this is lame, but its an honest question, for someone so capable, with an obvious love for details and control, why do you use mac everything instead of linux?

[berndeckenfels]

Cant you use reveal.js with highlite.js and use the css styles you want?

[SimonBuchanNz]

I was implementing copy paste handling for formatted text just a few weeks ago. Are you following me around, lime?