Forgive me for being the nitpicker on this article, but, dear author: check the CSS font-family on your <pre> tags. You have some proportional fonts in there, and for me on Linux, your code snippets are showing up as proportional fonts which makes them not line up.

Specifically, I'd recommend changing

    font-family: Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal;

to

    font-family: Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,monospace;

The "monospace" at the end is generic and will always produce a fixed-width font.

Great post anyway, thanks!