Innoventi Christmas Card

Norwegian digital agency ‘Innoventi’ have combined their client Christmas eCard with their annual report. Cheers for the build notes, interesting challenges.

We started out using countup.js in combination with fullPage.js to make the numbers count when entering the viewport. But to make it work properly on smart phones, we ended up just using fullPage to force the sections to viewport height. The initial value of each number turned out to be quite important. This will briefly display when the number enters the viewport. countUp.js starts at 0. For a low number, like 4, you need to start at 0, not 1. Else, you will see it count 1-0-1-2-3-4.
Categories Annual Report
Tailwind CSS and Refactoring UI
New Podcast
Tailwind CSS founder Adam Wathan is the latest Yo! Podcast guest.