Beauty in code
3 Apr. 2008
Apparently, CSS can actually make me weep with joy.
I'm working from home today and waiting for an eternal virus scan to end before logging into the company VPN (yes, I'm a nerd and actually do this step....deal with it), so I decided to kill 0.5 seconds by looking at the Brooklyn Botanic Garden's Cherry Blossom map. The map isn't perfect - namely, I hate that the little info bubbles stay in place even when you move away from a particular tree, preventing you from activating other trees that are underneath the bubble. Even so, I really like it and am impressed by it every time I obsessively reload the page to see whether it's been updated yet or not. It's simple, beautiful, easy to use. So, suddenly overwhelmed with curiosity about how they get the map like that, I looked at their source code and realized they do the entire layout with nothing but CSS. There's a little javascript for the popup tool-tip, but the actual map itself is entirely CSS. Holy crap. That is some loving, painstaking work, and proof that you don't need the latest code fad to accomplish a beautiful interface!