3 ms·
It's not scrolljacking - as I understand the term. It's a very tall body (50,000px) with a sticky full-viewport canvas element which must be animating (mainly T
by rikroots 4y ago
It's not scrolljacking - as I understand the term. It's a very tall body (50,000px) with a sticky full-viewport canvas element which must be animating (mainly Three.js) in line with the the progression of an intersectionObserver attached to the container/body as the user scrolls. This is an example of 'scrollytelling'? A word I learned about a few weeks back and is currently my #1 favourite ugliest neologism in the English language.
It's a clever and intriguing site - which I would expect from someone who works as a graphics editor for the NYT. And yet ... it also disappoints. Disable Javascript and reload the page and nothing happens. Attempt to tab through the site - even to the text and image links - and ... nothing happens. I understand the difficulties around making sites like this (more) accessible but major news outlets like the NYT (and, indeed, the company I work for) should be making much more of an effort on this.
Some of my personal investigations on making canvas things more accessible:
- Scrollytelling demo (very basic) https://scrawl-v8.rikweb.org.uk/demo/modules-006.html https://scrawl-v8.rikweb.org.uk/demo/modules-006.html
- Before/after picture slider infographic https://scrawl-v8.rikweb.org.uk/demo/snippets-005.html https://scrawl-v8.rikweb.org.uk/demo/snippets-005.html