Tuesday, July 08, 2014

Zoo Pictures Revisited



The last time I set a up a site to show some of my wildlife pictures the web was still pretty young. Folks back then liked things like frames and tables for designing pages. The images have aged better than my code base, so I decided it was time to do something new.

This time I decided to use some of the the features of html5 and css3. I also used jquery to build the navigation interaction. If you click one of the squares at the top right of the screen, the script in the background checks the number of the square you clicked and then finds and shows the image that corresponds to that number. A good puzzle for my small brain.

To finish it off I tried to make it responsive, so it looks pretty good on different size screens.

I hope it works well for you. You can see it here.