Sponsor of the Day:
Jerkmate
https://www.phoronix.com/news/XDG-Desktop-Portal-1.21
XDG-Desktop-Portal 1.21 Released With Reduced Motion Setting, Support For Linyaps Apps - Phoronix
XDG-Desktop-Portal 1.21 is now available for testing with the latest features for this portal frontend service to Flatpak.
xdg desktop portal1 21 releasedreduced motionsettingsupport
https://www.joshwcomeau.com/react/prefers-reduced-motion/
Accessible Animations in React with "prefers-reduced-motion" • Josh W. Comeau
I really love animation, but not everybody does. In fact, it can make some people literally sick! In this tutorial, we'll see how to ensure that we respect...
prefers reduced motionjosh w comeauaccessibleanimationsreact
https://www.smashingmagazine.com/2020/09/design-reduced-motion-sensitivities/
Designing With Reduced Motion For Motion Sensitivities — Smashing Magazine
Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative...
reduced motionsmashing magazinedesigningsensitivities
https://www.tatianamac.com/posts/prefers-reduced-motion/
prefers-reduced-motion: Taking a no-motion-first approach to animations » Tatiana Mac
Animations should be an enhancement, not critical to a user's understanding
prefers reduced motionfirst approachtatiana mactakinganimations
https://webkit.org/blog-files/prefers-reduced-motion/prm.htm
Demo: prefers-reduced-motion media query
prefers reduced motionmedia querydemo
https://css-tricks.com/almanac/rules/m/media/prefers-reduced-motion/
prefers-reduced-motion | CSS-Tricks
Dec 20, 2024 - The prefers-reduced-motion feature is used in CSS media queries to determine a user's operating system preferences for animations and transitions on the web....
prefers reduced motioncss tricks
https://elijahmanor.com/blog/prefers-reduced-motion
Use the `prefers-reduced-motion` media query to toggle CSS and JavaScript animations
prefers reduced motionmedia queryusetogglecss
https://webkit.org/blog-files/prefers-reduced-motion/axi.htm
Video: Using prefers-reduced-motion with the Accessibility Inspector
prefers reduced motionvideo usingaccessibilityinspector
https://caniuse.com/?search=ciu/prefers-reduced-motion
"ciu/prefers-reduced-motion" | Can I use... Support tables for HTML5, CSS3, etc
prefers reduced motionuse support tableshtml5 css3 etcciu