100 Years of National Parks

by Dallas Barnes

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.
Yo! Podcast #001 ๐ŸŽ™
Yo! Podcast #001 ๐ŸŽ™
Features maker @AJLKN โ€“ Founder of Carrd, Pixelarity, HTML5 UP!
Rob Hope

This One Page website was reviewed by Rob Hope

I started collecting One Page website references back in '08 and just past 7000 - shew! Please tweet or email me for anything - I'd love to hear from you:) Enjoying my reviews? Consider grabbing me a coffee โ˜•๏ธ