How to Make Beautiful Code Presentations 

"This will probably be a ten-to-fifteen-minute video" he says at the beginning. Translation: "I haven't thought this thing through, let alone scripted or rehearsed it. I'm just going to sit here and yap off the top of my head and you all out there get to lap up my random wisdom."

If you are changing one logo for another, just copy the new one, right-click in the old logo, “Change Image” -> “From Clipboard”. It maintains the size :-)

For those wondering, Keynote does have this feature. It's a transition called "Magic Move" and it can match objects, words or characters.

I thought you use manim for this because it really has this manim transition style to it, and to my surprise I never thought powerpoint can do this, awesome video

"One Dark" is a very attractive vs code theme I code in java. To illustrate the beauty of this theme... it gives different colors for : -- local variables (white) -- class level variables (orangish-red) -- method parameters and final local variables (light brown) -- keywords (violet) -- method names (sea blue) -- data types (mustard) …

This video motivated me to start out learning manim a bit. You can achieve more or less the same with the following code (assuming the embedded code is defined somewhere in string form under the variable names code_i and code_f): class CodeFromString(Scene): def construct(self): rendered_code_i = Code(code=code_i, tab_width=4, background="window", language="c++", font="Monospace") rendered_code_f = Code(code=code_f, tab_width=4, background="window", language="c++", font="Monospace") self.play(Create(rendered_code_i)) self.play(Transform(rendered_code_i, rendered_code_f)) self.wait()

Morph transition 🔥

That morph transition goes hard 🔥🔥🔥

You can be the brand ambassador of Microsoft Office suit... You provide the best example instead of the basic examples from Microsoft.

Didn't expect this to be this easy. This is great

Wow... I never knew I needed this. Great video as always !

That was awesome! Thanks for that. You, sir, are a master of your craft! 👏

do you know i spent a week to searching for that !!! THANK YOUUU

absolutely lovely :) gives me motivation to make my own programming videos

You can generate slides using racket slideshow too. It's a DSL that can be used to make presentations using lisp.

That's pretty cool! I'm going to have to figure out how to make my presentation tool do this, but in the meantime I may give powerpoint a try for a particular refactoring/golfing video I've had on the back burner.

I like this, pretty smart and concise

Thanks for leveling me up.

Thanks man. I needed it sooo bad

Great video! Really love it

im gonna start a youtube channel 😀

this is freakin amazing and still very easy dude

A magician revealing his secrets :D, merry christmas to all!

very cool!

Conor's Canadian ... he apologises to powerpoint. 🙂

code went from a simple and easy to understand for loop to the most complex "clever" code I've seen in a while lol

Great, simple solution! :)

Thank you!!

Impressive!!!

Free online version of PowerPoint has these tools too. (Although UI is a bit different and not 100% of things are available online)

i struggled a lot about morph transition in regarding to text but just does not find the `text` option which was built in. this was a KILLER for presentation.

I like how you changed the prev video to point the arrow from haskell back to rust as opposed to how you have it here with rust pointing to haskell

What font are you using?

i have asked a couple of people how do they make their vids, and no one cares to answer, but i didnt even ask here and a pleasant surprise to see a video on this topic, thanks a lot. Will you ever use Blender for transitions also?

Thanks for sharing! I would not have guessed Powerpoint...

Thanks

I had no idea this effect is so easy to create c:

Thaaaaaaank you

The real best programing language, PowerPoint

When I copy and paste it from vs code to powerpoint it keeps highlighting but totally ruins formatting. What can be wrong here?

How do I get the logos?

can we do that in libreoffice ?

I tried to find such a code-transition solution back in 2019 and I didn't even think about PowerPoint 😅

How do you capture the video afterwards? is it just screen recording?

Looks super elegant, just wondering how does your PowerPoint maintain the same syntax highlight as VSCode?

Great video! What font you use for vs code?

"It does objects by default, but for code you typically need words." APL has entered the chat

Awesome tip, thank you!

great videos! would love to know how you actually setup your recording tools. (res. and other things)

i am wondering whether i can make a neovim plugin to show this :) ... you know, with git diffs

yessss

I absolutely love the morph effect, it makes for a great presentation. But I find it very dangerous when trying to make awesome presentations because its so easy to introduce too many elements and animations which makes your presentation visually complex and harder to digest. I think using the morph animation of a maximum of 3 big elements at a time is fine but when you are dealing with more elements you should think about splitting it apart bit by bit. Lets say you want to explain 5 lines of code then you could display only 1 line explain it then display another and so on. Then you can use the morph animation to make it cleaner. But don't forget about making your presentation simple cuz that's more important than the looks. You want that the audience understands what you are talking about and not just "be amazed" at your animation skills.

crazy

❤❤

genius

the first 21st min and the 21st like

Copy the logo, right click on image and then there’s an option to replace from clipboard

It doesn't copy the indent for me :/

Instead of deleting images, I think there's a replace image option in the right click menu of images.

I have made Flutter videos on my channel and they look as good as the ones made by Flutter official channel. The only difference is that I used Powerpoint and they use After Effects.

Wow. I didn't know that something similar exist in PowerPoint.

Also check RevealJS

my sleep deprived self read this as "how to make pretentious code beautiful"

It'd be great if you only use free and/or open-source tools. Microsoft PowerPoint won't cut it.

What a great vid. Thank you. Do you have any recommendations on code fade ins like in this video ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CFRhGnuXG-4.html

How to make beautiful code presentations 🤓🤓🤓🤓🤓🤓

wow it bugs me so much how you just put text boxes anywhere without reference points

Nice content, but your mic is clipping. Try compressor. Have a good one!

1:50 *2019 or _later_!

morph transition is good. so is there an animation similar to typeing instead of transition? for example there is a virtual cursor and powerpoint will write different codes when passing to another layer.

3Blue1Brown type of transitions, no need for python manim library

I am disappointed in how possible it would be to automate this process and yet it is not done.

Wait, you don't use self-written presentations generator with code-based input? How dare you!

For the love of god don't make dark theme presentations please. It's fine too look at the monitor screen, but once you show it through the projector you will quickly realise that you can't see anything and neither the spectators

I really like the videos and the style used, but I really don't think it's necessary to use proprietary software here. As far as I know, the free and open-source manim animation library by 3Blue1Brown includes a similar effect and automatically has syntax highlighting via pygments. This way, you don't have to rely on some software provided by a company that might, for whatever reason, remove a feature whenever they want. Another benefit is that the entire process can be automated - no need for manually moving code blocks to look more aesthetic, design an algorithm once and use it forever. You can also add post-render scripts like running every file to check if it compiles, format it beforehand and much more - the possibilities are really endless. Or even design a custom morph algorithm if manim's standard one doesn't feel right - again, PowerPoint might change at any point in time and you as a customer have no say in how. See the manim library here: github.com/manimcommunity/manim

Thanks