6 Mar 2015 superuser   » (Journeyer)

Highlighting code in presentations

Before I started using this method, I always struggled with ways to highlight parts of code I wanted to talk about when giving presentations. This method, I've found, is at once the easiest method to employ, and provides context to the viewer. They can easily follow along, and where the code is in relation to other code you are talking about is made apparent.

Add two square shapes to your slide

A picture is worth a thousand words, and this one should show clearly how to highlight lines of code on a slide. You just add two shapes, and set the opacity to such a level that code can still be viewed, but it's dimmed out.

You can also generate nice transitions between highlights of the same code using Magic Move as your transition.

Silvrback blog image

The result is a fairly simple transition as you highlight specific lines of code.

Silvrback blog image

This works with code that cannot fit on your slide as well. Simple add the code to your slide, and allow it to go beyond the edge of your slide. When you want to highlight code that is partially hidden, simply move the text box up as appropriate.

Silvrback blog image

While my examples use Keynote, the technique can be applied in other presentation software using their own appropriate features.

Syndicated 2015-02-27 22:11:34 (Updated 2015-02-27 22:14:05) from Jason Lotito

Latest blog entries     Older blog entries

New Advogato Features

New HTML Parser: The long-awaited libxml2 based HTML parser code is live. It needs further work but already handles most markup better than the original parser.

Keep up with the latest Advogato features by reading the Advogato status blog.

If you're a C programmer with some spare time, take a look at the mod_virgule project page and help us with one of the tasks on the ToDo list!