Search

Nalezeno "queries": 125

Poking at the CSS if() Function a Little More: Conditional Color Theming


The CSS if() function enables us to use values conditionally, which we can already do with queries and other functions, so I’m sure you’re wondering: What exactly does if() do? Let's look at a possible real-world use case. Poking at the CSS if() Function a Little More: Conditional Color Theming...

Worlds Collide: Keyframe Collision Detection Using Style Queries


Interactive CSS animations with elements ricocheting off each other seem more plausible in 2025. While it’s unnecessary to implement Pong in CSS, the increasing flexibility and power of CSS reinforce Lee's suspicion that one day it will be a lifestyle choice whether to achieve any given effect with...

The What If Machine: Bringing the “Iffy” Future of CSS into the Present


My thesis for today's article offers further reassurance that inline conditionals are probably not the harbinger of the end of civilization: I reckon we can achieve the same functionality right now with style queries, which are gaining pretty good browser support. The What If Machine: Bringing...

Container query units: cqi and cqb


A little gem from Kevin Powell's "HTML & CSS Tip of the Week" website, reminding us that using container queries opens up container query units for sizing things based on the size of the queried container. Container query units: cqi and cqb originally published on CSS-Tricks, which is part...

Chrome 133 Goodies


Did you see the release notes for Chrome 133? It's currently in beta, but the Chrome team has been publishing a slew of new articles with pretty incredible demos that are tough to ignore. I figured I'd round those up in one place. Chrome 133 Goodies originally published on CSS-Tricks, which...

Come to the light-dark() Side


You’d be forgiven for thinking coding up both a dark and a light mode at once is a lot of work. You have to remember @media queries based on prefers-color-scheme as well as extra complications that arise when letting visitors … Come to the light-dark() Side originally published...

“Smart” Layouts With Container Queries


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 … “Smart” Layouts With Container Queries originally published...

CSS Container Queries


The main idea of CSS Container Queries is to register an element as a “container” and apply styles to other elements when the container element meets certain conditions. CSS Container Queries originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get...

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