After much work back and forth, First Class Fence finally went live this week.This site uses the HTML5 Boilerplate, with frequent use of Modernizr tests and image replacement — in this case, to avoid adding unnecessary images to printouts. There’s no responsive design, but a custom print stylesheet from the Boilerplate is used. The header navigation submenus are pure CSS.
Clicking any thumbnail hides the gallery and reveals a larger image. This large image is generated dynamically so that users don’t have to load any images they haven’t asked for. From there, users can page left and right through the large images or return to the gallery of thumbnails. Sub-galleries and large images both generate their own unique URLs using hashes for bookmarking or emailing.