When animation is an accessibility problem - The Verge
This is why prefers-reduced-motion
matters.
This is why prefers-reduced-motion
matters.
I can see myself almost certainly needing to use this clever technique at some point so I’m going to squirrel it away now for future me.
I like the split-screen animated format for explaining this topic.
I think Bruce is onto something here:
It seems to me that browsers could do more to protect their users. Browsers are, after all, user agents that protect the visitor from pop-ups, malicious sites, autoplaying videos and other denizens of the underworld. They should also protect users against nausea and migraines, regardless of whether the developer thought to (or had the tools available to).
So, I propose that browsers should never respect
scroll-behavior: smooth;
if a user prefers reduced motion, regardless of whether a developer has set the media query.
A case study with equal emphasis on animation and performance.
An interface pattern for Ajax interactions that’s borrowed from video games.
Don’t touch that DOM.
Hats off to Graham.
How Clearleft worked with the Chrome team to create a fifteen-part course on modern responsive design.
Another five articles on modern responsive web design.