9 squares – The Man in Blue

Some lovely little animation experiments from Cameron.

Tagged with

Related links

When animation is an accessibility problem - The Verge

This is why prefers-reduced-motion matters.

Tagged with

CSS Quick Tip: Animating in a newly added element | Stephanie Eckles

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.

Tagged with

A visual introduction to machine learning

I like the split-screen animated format for explaining this topic.

Tagged with

Bruce Lawson’s personal site  : prefers-reduced-motion and browser defaults

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.

Tagged with

Pixelhop new website walk through

A case study with equal emphasis on animation and performance.

Tagged with

Related posts

Unobtrusive feedback

An interface pattern for Ajax interactions that’s borrowed from video games.

Custom properties

Don’t touch that DOM.

Building the dConstruct 2015 site

Hats off to Graham.

Partnering with Google on web.dev

How Clearleft worked with the Chrome team to create a fifteen-part course on modern responsive design.

More writing on web.dev

Another five articles on modern responsive web design.