For those confused - the visual part is done in a GIF (i.e. <a href="http:&#x2F;&#x2F;treyhunner.com&#x2F;images&#x2F;list-comprehension-condition.gif" rel="nofollow">http:&#x2F;&#x2F;treyhunner.com&#x2F;images&#x2F;list-comprehension-condition.gi...</a>).<p>I think animating the transformation from a normal loop to a list comprehension is a great way to show how the syntax translates between the two forms. Very awesome and comprehensive post.