Interactive Infographic: The Iconography of Indiana Jones

Indiana Jones Yikes! It’s been a while since I’ve posted here…I promise that doesn’t mean I haven’t been working on anything. There has been a lot of really cool stuff on the go lately, like this interactive infographic on the iconography of Indiana Jones I cooked up using HTML/CSS for Maclean’s Magazine.

Go here to see the full package (with write-ups by Jessica Allen) and hover over the image to get info on each piece of Indy’s outfit (tap on mobile).

The whole thing uses only HTML and CSS3 (taking special advantage of the “a:hover + div” feature and rotates in some “colourized” versions of Indy’s outfit that I drew in Photoshop with my Wacom Bamboo tablet (the thumbnail here shows them all active—without info blurbs).

More fun interactive stuff on the way!