The @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document if and only if the media query matches the device on which the content is being used.| MDN Web Docs
The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations.| CSS-Tricks
The prefers-reduced-motion CSS media feature is used to detect if a user has enabled a setting on their device to minimize the amount of non-essential motion. The setting is used to convey to the browser on the device that the user prefers an interface that removes, reduces, or replaces motion-based animations.| MDN Web Docs
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 user preferences, and create animations that can be disabled.| www.joshwcomeau.com
Also known as "CSS variables," this nifty modern CSS feature enables incredible flexibility throughout your stylesheets.| 12daysofweb.dev
The open web's success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zooming| CSS-Tricks