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.
Tailwind CSS and Refactoring UI
New Podcast
Tailwind CSS founder Adam Wathan is the latest Yo! Podcast guest.