Inautilo#Development #Outlooks
Container queries in 2026 · “Powerful, but not a silver bullet.” https://ilo.im/169fht
_____
#CSS #ContainerQueries #StyleQueries #ScrollStateQueries #MediaQueries #Accessibility #Adoption #Browsers #WebDev #Frontend
Frontend Dogma
#Development #Releases
Range syntax for if() and style queries · Chrome 142 has shipped a powerful new CSS feature https://ilo.im/168dx5
_____
#ModernCSS #StyleQueries #IfFunction #Syntax #Browser #Chrome #WebDev #Frontend #CSS
#Development #Techniques
Custom properties in media queries? · A workaround powered by modern CSS https://ilo.im/1675st
_____
#ModernCSS #MediaQueries #ContainerQueries #StyleQueries #CustomProperties #Browser #WebDev #Frontend #CSS
A workaround for using custom properties in media queries
One of the most frustrating aspects of media queries is that we can’t use custom properties with them. This often results in hard-coded values in otherwise, highly configurable codebases. Manuel has a novel approach to get around this.
#Development #Releases
New if() function in CSS · You can now try out inline CSS conditionals https://ilo.im/1652u9
_____
#ModernCSS #IfFunction #StyleQueries #MediaQueries #SupportQueries #Chrome #Browser #WebDev #Frontend #CSS
Ana Tudor 🐯I haven't used style queries much, but just gave them a spin and got an idea (that I've just tested & works) about how we can have ranges in style queries right now. 🥳
That is, red background if --k <= 20, orange background if 20 < --k <= 40 and so on...
#CSS #styleQueries #cssVariables #code #coding #frontend #containerQueries #web #dev #webDev #webDevelopment
#Development #Outlooks
A future of themes · What to expect from CSS inline if() for theming? https://ilo.im/162ftx
_____
#ModernCSS #CssIf #StyleQueries #Chrome #Browser #WebDev #Frontend #CSS
pablolarah
Querying the Color Scheme
Media queries are nice, but for many things, we don’t even need them: there is this great CSS property `color-scheme`, which allows us to make various things adapt to the current color scheme. We can even set it on a per-element basis. This post describes how we can use registered custom properties and style queries to read the current value of a `light-dark()` color for styling any non-color properties as well.
Egor KloosAs the discussion around container queries, especially style queries, continues to grow, I've found the real-world use cases interesting
This inspired me to take this further and look at how this would work with a mixed-component approach.
https://codepen.io/dutchcelt/pen/YzbYyPW?editors=0100
Using style queries to pass down a given context and data attributes for the DOM to configure them from the outside. (Note the use of javascript setting the disqualified player)
🟢 Alternating Style Queries
by Roma Komarov @kizu
#css #webdev #StyleQueries #ContainerQueries
Alternating Style Queries
With the container style queries on the horizon, it is a good time to do more experiments with them. In one of my recent experiments, I found out that style queries will allow us to do what the currently specified (but not implemented by anyone) function `toggle()` was supposed to.