Marcin built this lovely little in-browser tool to demonstrate how segmented type displays work at different sizes.
The latest explainer/game from Nicky Case is an absolutely brilliant interactive piece on small world networks.
Hot nuclear blasts in your area.
(like Eric’s HYDEsim)
Browsers have had consistent scrolling behavior for years, even across vendors and platforms. There’s an established set of physics, and if you muck with the physics, you can assume you’re making some people sick.
Guidelines to consider before adding swooshy parallax effects:
- Respect the Physics
- Remember that We Call Them “Readers”
- Ask for Consent
Given all the work that goes into a powerful piece of journalism—research, interviews, writing, fact-checking, editing, design, coding, testing—is it really in our best interests to end up with a finished product that some people literally can’t bear to scroll through?
The fascinating history of interactive fiction from adventure game to hypertext.
The split between parsers and hyperlinks reminds me of different approaches to chatbots: free text entry vs. constrained input.
A lovely interactive photo essay charting the results of what happens when evolution produces a life form that allows a planet to take selfies.
A good analysis, but my takeaway was that the article could equally be called Why it’s tricky to measure Client-side Rendering performance. In a nutshell, just looking at metrics can be misleading.
Pre-classified metrics are a good signal for measuring performance. At the end of the day though, they may not properly reflect your site’s performance story. Profile each possibility and give it the eye test.
And it’s always worth bearing this in mind:
Such a great primer on game theory—well worth half an hour of your time.
This is rather lovely: explore a network of nodes, each of which contains the audio of a child describing a dream.
Inspired by the concept of an 8th continent to which all children belong, RadioEight is an interactive soundscape dedicated to the hidden world of dreams.
I think this might be the most tasteful, least intrusive use of scroll events to enhance a Snowfallesque story. It’s executed superbly.
You can read all about the code. Interestingly, it’s using canvas to render the maps even though the maps themselves are being stored as SVG.
(There’s a caveat saying: “This is a highly experimental project and it might not work in all browsers. Currently there is no IE support.” I don’t think that’s true: the story works just in IE …that browser just doesn’t get the mapping enhancements.)
A really handy interactive intro to flexbox. Playing around with the properties and immediately seeing the result is a real help.
A nice bit of interactive citizen science storytelling from Google.
Note: if you have Adblock Plus installed, this won’t load at all. Funny that.
A superb piece of hypertext from The Guardian.
On the one hand, this is yet another Snowfall clone. On the other hand, the fact that it’s responsive is impressive.