Search

Nalezeno "Queries": 124

Collective #661


A Primer On CSS Container Queries * PINTR * SimpleLogin * Psychology of Design * Tiny Wins The post Collective #661 appeared first on Codrops

Next Gen CSS: @container


Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a group of engineers across the web platform. @container brings us the ability to … The post Next Gen CSS: @container appeared first...

Collective #660


Container Queries Explainer & Proposal * Mantine * Fluid Typography * Fower The post Collective #660 appeared first on Codrops

Custom State Pseudo-Classes in Chrome


There is an increasing number of “custom” features on the web platform. We have custom properties (--my-property), custom elements (<my-element>), and custom events (new CustomEvent('myEvent')). At one point, we might even get custom media … The post Custom State Pseudo-Classes...

Say Hello to CSS Container Queries


Container queries are finally here! Now available behind a flag in the latest version of Chrome Canary, you can go ahead and experiment to your heart’s content. Oh, and if you’re not familiar with container queries then check out … The post Say Hello to CSS Container Queries appeared first...

Collective #657


Natto * Glob Editor * Frontend Toolkit * Say Hello To CSS Container Queries The post Collective #657 appeared first on Codrops

CSS Switch-Case Conditions


CSS is yet to have a switch rule or conditional if, aside from the specific nature of @media queries and some deep trickery with CSS custom properties. Let’s have a look at why it would be useful if we … The post CSS Switch-Case Conditions appeared first on CSS-Tricks. You can support...

Nested Media Queries


We don’t have “regular” nesting in CSS. Maybe this becomes a thing someday, or something like it. That would be cool, although that pre-spec doesn’t mention anything about media queries. I’d hope we get that right out of the gate … The post Nested Media Queries...

(Jay Freestone’s) Front-end predictions for 2021


React framework maturity, early container queries, WASM adoption, and monoliths. I’ll take all four, please. Not feeling like a particularly front-end-y? Jay says: Interestingly, the biggest developments in the front-end are unlikely to be traditionally front-end concerns. Back...

What Makes CSS Hard To Master


Tim Severien: I feel we, the community, have to acknowledge that CSS is easy to get started with and hard to master. Let’s reflect on the language and find out what makes it hard. Tim’s reasons CSS is hard (in my own words): You can look at a matching Ruleset, and still not have the whole...

HTTP Archive’s Annual State of the Web Report


The HTTP Archive looked at more than 7 million websites and compiled their annual report detailing how the sites were built. And there’s an enormous wealth of information about how the web changed in 2020. In fact, this report is more like an enormous book and it’s entirely fabulous. The data comes...

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...

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...

What’s Missing from CSS?


The survey results from the State of CSS aren’t out yet, but they made this landing page that randomly shows you what one person wrote to answer that question. Just clicking the reload button a bunch, I get the sense that the top answers are: Container Queries Parent...

The Raven Technique: One Step Closer to Container Queries


For the millionth time: We need container queries in CSS! And guess what, it looks like we’re heading in that direction. When building components for a website, you don’t always know how that component will be used. Maybe it will be render as wide as the browser window is. Maybe two of them...

A Complete Guide to CSS Media Queries


Media queries can modify the appearance (and even behavior) or a website or app based on a matched set of conditions about the user's device, browser or system settings. The post A Complete Guide to CSS Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace