Wow, this is some of the best web typography I've ever seen.
So amazing. Never thought I'd see something like this for a Nascar driver. Just blown away by that type. Great all around.
Really smooth, like not a single hiccup at all, high frame-rate the entire site.
Much appreciated man! I did the site dev (except for the SVG animations, which were expertly handled by Blake Rutledge).
There's upwards of 60mb of images/video coming into the site as the user scrolls. Everything is painstakingly lazy loaded. Took quite a bit of time in the dev tools to make sure the framerate stayed at 60fps. It's all vanilla JS - no libraries besides GSAP - and all the assets are heavily optimized, which is what allowed us to get away with this amount of content on a single long page.
Wow, thanks for the details, I'm sorry I didn't see this comment earlier! Definitely gonna do some devtools exploring on the site.
Great site, type, photography and scrolling is like butter.
How the hell is it so fast?
+1 for not scroll hijacking.
Also really nice web typography!
How it's going then I'll tell me a little bit about different projects we've been working c2 what your country subordinating is that the process much everyone is familiar with it but I thought I would show you ways aging in this text centenarians you think it's quite striking of course there’s much waiting to me yeah I on there's number up changes we date different biological levels fellow molecular ideological http://t-rexmusclefacts.com/sheer-no2/
I wholeheartedly agree
One major problem with having content load in like this (as beautiful and seamless as it is here) is that I can still scroll faster than the content loads. Who wants to wait around for the meat of a webpage to animate in? Really well done, just...ugh.
it's a lose lose, you either:
- load it as they scroll, optimizing for a user scrolling at an average speed (thus increasing the perceived loading time), or
- you load it all at the beginning - and kill the user experience with a loading bar, missing images/content, poor animation performance because of image rendering, etc etc
I chose the former. In a reality where clients don't think that 60mb of content is "too much" for a website, i agree with you that this presents a problem for some users, but don't see a definitive solution
It's beautiful... but it's also 17.1mb (even on mobile!) of download that took over a minute on my home wifi.
There are also some weird dark gaps at non-desktop sizes that break up the flow.
Typography is beautiful though!