color-gamut media feature is used to apply CSS styles depending on whether or not your browser and device support a specific color gamut. The CSS @media at-rule lets us target browsers by certain characteristics, features, and user preferences, then apply styles or run other code based on those things.
/* When the browser is at least 600px and above */
@media screen and Modern CSS keeps giving us a lot of new, easier ways to solve old problems, but often the new features we’re getting don’t only solve old problems, they open up new possibilities as well.
Container queries are one of those …
We cannot talk about web development without talking about Responsive Design. It’s just a given these days and has been for many years. Media queries are a part of Responsive Design and they aren’t going anywhere. Since the introduction of …
CSS is on a tear lately. Again, I’ve heard of a brand new thing I’ve never seen before, and again it’s via Miriam: CSS Conditionals. …
Stefan Judis notes that there is a spec for custom media queries, but seemingly no momentum on it at the moment. That lack of movement is unfortunate, as it’s almost guaranteed front-end developers all over would start using it as …
You can’t just do @media (prefers-reduced-data: no-preference) alone because, as Kilian Valkhof says:
…[…] that would be false if either there was no support (since the browser wouldn’t understand the media query) or if it was supported but the
Una is calling it the new responsive. A nod to the era we were most certainly in, the era of responsive design. Where responsive design was fluid grids, flexible media, and media queries, the new responsive is those things …
