Creating websites with prefers-reduced-data

Spoiler alert: There is no support for it yet. But it is defined in the Media Queries Level 5 spec that includes other recent, but more familiar user preference features, like prefers-color-scheme and prefers-reduced-motion. The Polypane blog goes into incredible depth on prefers-reduced-data, especially for something that we have yet to see in the wild. That’s actually what makes the Polypane team an ideal voice on the subject. It’s product is a browser that is able to emulate … Read article “Creating websites with prefers-reduced-data”

The post Creating websites with prefers-reduced-data appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://polypane.app/blog/creating-websites-with-prefers-reduced-data/

Létrehozva 5y | 2020. dec. 8. 17:21:25


Jelentkezéshez jelentkezzen be

EGYÉB POSTS Ebben a csoportban

Breaking Boundaries: Building a Tangram Puzzle With (S)CSS

We put it to the test and it turns out Sass can replace JavaScript, at least when it comes to low-level logic and puzzle behavior. With nothing but maps, mixins, functions, and a whole lot of math,

2025. jún. 12. 14:50:07 | CSS tricks
Creating an Auto-Closing Notification With an HTML Popover

The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Popovers can be dismissed a number of ways, but there

2025. jún. 9. 14:50:20 | CSS tricks
Better CSS Shapes Using shape() — Part 3: Curves

This is the third article in a series about the CSS shape() function. We've covered drawing lines and arcs in previous articles and, this time, we look specifically at the curve

2025. jún. 6. 15:10:24 | CSS tricks
The State of CSS 2025 Survey is out!

The State of CSS 2025 Survey dropped a few days ago, and besides anticipating the results, it's exciting to see a lot of the new things shipped to CSS reflected in the questions.

<hr /

2025. jún. 5. 18:20:09 | CSS tricks
Exploring the CSS contrast-color() Function… a Second Time

The contrast-color() function doesn’t check color contrast, but rather it outright resolves to either black or white (whichever one contrasts the most with your chosen color). Safari T

2025. jún. 5. 16:10:06 | CSS tricks
Getting Creative With HTML Dialog

So, how can you take dialogue box design beyond the generic look of frameworks and templates? How can you style them to reflect a brand’s visual identity and help to tell its stories? Here’s how I

2025. jún. 3. 15:20:18 | CSS tricks
Better CSS Shapes Using shape() — Part 2: More on Arcs

This is the second part of a series that dives deep into the CSS shape() command, continuing with a more detailed look at the arc command.


2025. máj. 30. 13:50:17 | CSS tricks