Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

Agreed. I've given a few conference talks and found judicious animations super helpful when I'm presenting code.

Showing 10 lines of code on a screen at once is a surefire way to have the audience either not read/understand it or to read it, but ignore what I'm saying. So I like to build up a slide full of code by starting with a couple line (eg the function definition), then adding a few more, then a few more, and then the whole thing. Subtly animating the new line in is a great way to highlight what's changing. Double-so if I'm reordering lines. Otherwise the code is just flashing from one state to another and it's not always obvious what happened.

Even better, I sometimes want to walk through the execution of code. I love having a red arrow highlighting what line we're on, and animating it between positions is a good way to highlight that we're moving from one thing to the next, especially with non-linear jumps (like from the end of a loop back to the top).

Animation is an easily-abused tool, but it's also a powerful one.



It’s not ideal to have slides that only work if everyone is paying attention at all times. This animation should not be used to impart information. You can highlight changes in other ways.


I'd be curious to hear how you'd do the execution flow like they mention? Just use multiple sequential slides?


I'm not sure if this is considered animation or not, but I've demonstrated code refactors between slides by adding a colored border around the code in question (both in the before and in the after slide).

I'd probably do something similar for stepping through code. But at that point it's a quasi-animation (albeit, one that can still be understood by pdf slides).




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: