Search

Nalezeno "queries": 124

Responsive Layouts, Fewer Media Queries


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 … The post Responsive Layouts, Fewer Media Queries...

Expandable Sections Within a CSS Grid


I love CSS Grid. I love how, with just a few lines of code, we can achieve fully responsive grid layouts, often without any media queries at all. I’m quite comfortable wrangling CSS Grid to produce interesting layouts, while keeping … The post Expandable Sections Within a CSS Grid appeared...

Conditional Border Radius In CSS


Ahmad Shadeed documents a bonafide CSS trick from the Facebook CSS codebase. The idea is that when an element is the full width of the viewport, it doesn’t have any border-radius. But otherwise, it has 8px of border-radius. … The post Conditional Border Radius In CSS appeared first...

Container Units Should Be Pretty Handy


Container queries are going to solve this long-standing issue in web design where we want to make design choices based on the size of an element (the container) rather than the size of the entire page. So, if a container … The post Container Units Should Be Pretty Handy appeared first...

Proposal for CSS @when


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. ???? CSSWG just resolved to adopt @tabatkins when/else proposal into the next level of CSS … The post Proposal for CSS @when appeared...

Can we have custom media queries, please?


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 … The post Can we have custom media queries, please?...

Web 3.0 Is Coming, and Crypto Will Be Essential to It


squo; in various ways, from using AI to proactively respond to user queries to using decentralization to unlock novel functions and experiences.And given that decentralization is likely to be one of the core properties of Web 3.0, this means that cryptoassets and blockchain will also play a s

Detecting Media Query Support in CSS and JavaScript


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 … The post...

Meet `:has`, A Native CSS Parent Selector


The reasons that are often cited that make container queries difficult or impossible is things like infinite loops—e.g. changing the width of an element, invalidating a container query, which changes the width again, which makes the container query take effect, … The post Meet `:has`,...

Are we in a new era of web design? What do we call it?


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 … The post Are we in a new era of web design? What do we call...

Media Queries in Times of @container


Max Böck took me up on my challenge to look through a codebase and see how many of the @media queries could ultimately become @container queries. I took the bait and had a look at some of my projects – … The post Media Queries in Times of @container appeared first on CSS-Tricks. You...

A Cornucopia of Container Queries


I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks. The buzz about container queries actually started back in December after Miriam Suzanne posted a proposal (picking up on … The post A Cornucopia of Container...

Can I :has()


I just joked that we’re basically getting everything we want in CSS super fast (mostly referring to container queries, my gosh, can you imagine they are actually coming?). Now we might actually get parent selectors?! As in .parent:has(.child) { … The post Can I :has() appeared first...

Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries


A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat trick! Combining grid columns, grid gaps, and creative clipping … The post Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media...

Collective #663


25 Years of CSS * CSS Container Queries For Designers * Incremental Static Regeneration * Unveiling Material You The post Collective #663 appeared first on Codrops

Can We Create a “Resize Hack” With Container Queries?


If you follow new developments in CSS, you’ve likely heard of the impending arrival of container queries. We’re going to look at the basics here, but if you’d like another look, check out Una’s “Next Gen CSS: @container” article. … The post Can We Create a “Resize Hack” With...

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