Interactive Typography cheatsheet
This is a great example where someone takes something amazing that has been created and available on the web and reproduces it to make it even more amazing. Find, learn, re-purpose, repeat. This is just the article on the process, the cheatsheet itself is in the tools section below

A few weeks ago I stumbled across a great resource, a typography cheat sheet explaining the proper names of all the different parts of letters. I thought it would be fun to turn this into an interactive cheat sheet and wondered how much would be involved. Turns out, it wasn’t that much, so here is an interactive typography cheat sheet for you.
An excerpt from Interactive Typography cheatsheet