100 Years of National Parks
Centrally-divided layout in this excellent One Pager taking a look back at 100 years of the National Parks Service. Such a lovely touch with the SVG “contour” load animations within the big numbers. Also choosing the Geogrotesque font for an outdoor-themed website is a perfect example of adding x-factor. Great job Dallas and cheers for the build notes.
To best represent a chronological order of events I thought to use a continuous vertical scroll with subtle animations that have intent. There's a hefty amount of SVG usage, I wanted to avoid an excess of load time given that there was already large images being used. With the SVGs I took advantage of CSS3 and the masking techniques of SVG, along with the dash-offset animation capabilities.
Tags 100% Width Layout Big Images Brown Color Centrally Divided Layout Content Above Fold Contour Lines Dallas Barnes Dot Navigation Flat Design Geogrotesque Font Homage Long Scrolling National Parks Service Responsive Design Scroll Hint SVG Animations Tiempos Font Tiempos Headline Font Timeline Tribute United States
- Need Hosting? I’d highly recommend Bluehost
- Broken link? Please Email or Tweet me
- Built by: Dallas Barnes
- Reviewed by: July 15, 2016 by Rob Hope