After discovering this post by Dr. Drang about popup footnotes, I’ve added the feature to my blog. Now, thanks to some jQuery, when you hover your mouse over a footnote link you’ll see a popup box.1
What I like about the implementation is it improves readability. Rather than jumping to the bottom of the post, the footnote appears with the main body of the text and disappears when you’re finished with it.
The code is pretty straight forward:
I’ve also switched my Jekyll markdown conversion to kramdown (having previously used rdiscount), which handles the creation of footnotes and inserts the return character (↩) and hyperlinking between the number and the note.