Minimal Takes on Faking Container Queries

It’s sounding more and more likely that we’re actually going to get real container queries. Google is prototyping a syntax idea from David Baron and refined by Miriam Suzanne. Apparently, there has already been some prototyping done for a switch() syntax which is like container queries on values. Even now, there is stuff like the Raven technique which can do container query-esque values. This stuff will shake out over time. If you need solutions today, most of them involve JavaScript … Read article “Minimal Takes on Faking Container Queries”

The post Minimal Takes on Faking Container Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/minimal-takes-on-faking-container-queries/

созданный 4y | 2 дек. 2020 г., 23:20:50


Войдите, чтобы добавить комментарий

Другие сообщения в этой группе

CSS-Tricks Chronicles XLIII

This CSS-Tricks update highlights significant progress in the Almanac, recent podcast appearances, a new CSS counters guide, and the addition of several new authors contributing valuable content.

11 апр. 2025 г., 14:40:06 | CSS tricks
Cascading Layouts: A Workshop on Resilient CSS Layouts

If I were starting with CSS today for the very first time, I would first want to spend time understanding writing modes because that’s

10 апр. 2025 г., 15:30:08 | CSS tricks
Tailwind’s @apply Feature is Better Than it Sounds

Most of the time, people showcase Tailwind's @apply feature with one of Tailwind's single-property utilities (which changes a single CSS declaration). When showcased this way, @apply d

10 апр. 2025 г., 13:10:08 | CSS tricks
CSS Carousels

Chrome has prototyped these features and released them in Chrome 135. Adam Argyle has a wonderful explainer over at the Chrome Developer blog. Kevin Powell has an equally wonderful video where he f

9 апр. 2025 г., 13:50:07 | CSS tricks
Feeling Like I Have No Release: A Journey Towards Sane Deployments

Deploying like an idiot comes down to a mismatch between the tools you use to deploy and the reward in complexity reduced versus complexity added.


7 апр. 2025 г., 15:30:26 | CSS tricks
A New “Web” Readiness Report

HTML 5 Readiness was a site that showed through a rainbow of colors the browser support for several web features. What about a new version?


4 апр. 2025 г., 13:20:07 | CSS tricks
SMIL on?

Well, it turns out that SVG's built-in animation features were never deprecated as planned. Sure, CSS and JavaScript are more than capable of carrying the load, but it's good to know that SMIL is n

2 апр. 2025 г., 12:40:05 | CSS tricks