, 17 tweets, 4 min read Read on Twitter
prefers-reduced-motion query now in Chrome Canary developers.google.com/web/updates/20… ... and at this stage worth pointing out that on Windows, many users MAY have inadvertently set their accessibility preference, but did so to disable Windows' own animations...
i.e. not because they have a specific desire/need not to see animations in general, but just to disable the subtle animations for apps minimizing/maximizing etc. there's actually two/three settings in Windows (and some seem weirdly interconnected, or maybe i'm imagining things)
there's Settings > Ease of Access > Display > Show Animations - this, to my knowledge, is the big master switch for turning off Windows' own animations AND setting the preference that translates to prefers-reduced-motion opt-in... Settings > Ease of Access > Display page, with
then there's the older Control Panel > Ease of Access > Ease of Access Centre > Make the computer easier to see, which has a checkbox for "Turn off all unnecessary animations (where possible)". this, and the Settings > Ease of Access ... route, seem to effectively be the same Control Panel > Ease of Access > Ease of Access Centre > Make the computer easier to see, which has a checkbox for
these are the same, but opposite: ticking the control panel checkbox means "turn off", so no animations, whereas setting the "Show animations..." to "On" of course means show animations. i may be wrong, but i think these also don't quite stay in sync...
or rather, the "Control panel" one seems to override the "Settings" one. When the control panel one is checked, the one in settings doesn't "take" it seems, and always reverts back to "Off" ...
and lastly...the reason why many folks (me included) actually had the "Show animations" set to "Off" / "Turn off" checkbox ticked originally (to stop Windows' own twee slow-feeling animations) should really be set here...
Control Panel > System and Security > System > Advanced system settings > Performance settings > Visual effects ... which has various checkboxes for Windows' own animation effects for animating controls, windows minimizing/maximizing, etc... Control Panel > System and Security > System > Advanced system settings > Performance settings > Visual effects
heck, i may have missed a fourth related setting somewhere...really, this sort of setting (to just disable Windows' OWN animations, not to set a preference at system level that i, as user, don't want animations at all anywhere) should really be part of a high-level theme setting
this lengthy thread brought to you in anticipation of the flood of "bootstrap's animations are broken in latest Chrome" that i can already foresee, just like when prefers-reduced-motion landed in Safari and Firefox and BS added an MQ github.com/twbs/bootstrap…+
addendum: flipping the old "Turn off unnecessary animations" checkbox seems to reset those various "Animate..." checkboxes in the advanced performance settings ... just, you know, for kicks... (which is why I hate futzing around with all of these)
plot twist: the first checkbox in that advanced performance settings dialog also seems to influence the prefers-reduced-motion signal at OS level (which browsers then pick up on). so, if you want animated web content but NOT windows' own maximize/etc animations, leave THAT ONE on
Performance Options > Visual Effects - leave
second addendum: even changing the Settings > Ease of Access > Display > Show Animations new style setting switch resets those various animation/fade/slide-in visual effects checkboxes. fun times...
tl;dr: if you're testing how a site performs with and without prefers-reduced-motion in windows, just don't touch the old Control Panel > Ease of access. use the new Settings > Ease of Access > Display > Show Animations...
once you're done with your testing, make sure though that you reset both the Settings > Ease of Access > Display > Show Animations setting AND the various advanced performance visual effects to what you like (in my case, show animations on, but minimize/fade/slide in Windows off)
uff...sorry, the various twists and turns as i was going through this really turned this into a less than straightforward twitter stream of consciousness. should see if this can be distilled into some shorter hot tip or something...
Missing some Tweet in this thread?
You can try to force a refresh.

Like this thread? Get email updates or save it to PDF!

Subscribe to patrick h. lauke
Profile picture

Get real-time email alerts when new unrolls are available from this author!

This content may be removed anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

Follow Us on Twitter!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!