#StyleQueries
LightNews LightNews
pablolarah.bsky.social
Jake Archibald @jakearchibald.com on CSS style() queries landed in Firefox 151
#css #webdev #stylequeries
webdevs.firefox.com Firefox for Web Developers @webdevs.firefox.com · May 20
CSS style() queries landed in Firefox 151 making them newly available across engines. Here's how they work:
May 21, 2026 at 12:13 PM
frontenddogma.com
Container Style Queries and Advanced “attr()”: Rethinking How to Wire Up My Components in CSS, by @utilitybend@front-end.social:

https://utilitybend.com/blog/container-style-queries-and-advanced-attr-rethinking-how-to-wire-up-my-components-in-css?ref=frontenddogma.com

#css #stylequeries #function…
Container style queries and advanced attr(): rethinking how to wire up my components in CSS | utilitybend
Wiring HTML attributes into CSS with advanced typed attr(), and letting container style queries pass that state down to child components.
utilitybend.com
September 25, 2026 at 1:30 PM
inautilo.bsky.social
#Development #Techniques
Comparing values with CSS progress() · Boolean-like conditional styling without JavaScript ilo.im/16g5mn by Preethi Sam

_____
#ModernCSS #StyleQueries #Styling #Conditions #Layouts #Typography #WebDesign #WebDev #Frontend #CSS
ilo.im
September 16, 2026 at 7:01 AM
inautilo.bsky.social
#Development #Releases
Range syntax for if() and style queries · Chrome 142 has shipped a powerful new CSS feature ilo.im/168dx5 by Una Kravets

_____
#ModernCSS #StyleQueries #IfFunction #Syntax #Browser #Chrome #WebDev #Frontend #CSS
una.im | Range Syntax for Style Queries
Learn how to use the new range syntax for CSS style queries and the if() function.
ilo.im
November 14, 2025 at 2:12 PM
pablolarah.bsky.social
🟠🔵 Modern CSS theming with light-dark(), contrast-color(), and style queries
by @una.im
#theming #css #webdev #lightdark #contrastcolor #stylequeries

una.im/modern-css-t...
Orange text on light blue background "Modern CSS theming with light-dark(), contrast-color(), and style queries" with illustration with Earths rotating around the Sun representing seasons. From: Elements of astronomy ... with explanatory notes, and questions for examination Year: 1855 (1850s)Authors: Brocklesby, John, 1811-1889
June 29, 2026 at 7:24 PM
inautilo.bsky.social
#Development #Outlooks
Container queries in 2026 · “Powerful, but not a silver bullet.” ilo.im/169fht by Sebastian Weber

_____
#CSS #ContainerQueries #StyleQueries #ScrollStateQueries #MediaQueries #Accessibility #Adoption #Browsers #WebDev #Frontend
Container queries in 2026: Powerful, but not a silver bullet - LogRocket Blog
Container queries enable truly responsive components. Learn how they work, where they shine, and why they complement rather than replace media queries.
ilo.im
January 19, 2026 at 5:13 AM
pablolarah.bsky.social
🟠 Querying the Color Scheme
by Roma Komarov
@kizu@front-end.social
#StyleQueries #ColorScheme #CSSVariables #css #webdev

blog.kizu.dev/querying-the...
On orange background: Small Black text: Querying the Big White text: Color Scheme
September 9, 2024 at 4:46 PM
pablolarah.bsky.social
🟢 Alternating Style Queries
by Roma Komarov @kizu@front-end.social
#css #webdev #StyleQueries #ContainerQueries

kizu.dev/alternating-...
Green text on pink background: Alternating Style Queries
April 16, 2024 at 2:44 PM
pablolarah.bsky.social
🟢🔴 Layered Toggles: Optional CSS Mixins
by Roma Komarov @kizu@front-end.social @kizmarh
#CSSLayers #CSSVariables #CSSLogic #StyleQueries #Experiment #Practical #CSS

kizu.dev/layered-togg...
Dark green text on pink background: "Layered Toggles: Optional CSS Mixins"
April 10, 2024 at 1:55 AM
pablolarah.bsky.social
🔴🔵 Add Superpowers to Your CSS Variables with Style Queries
by Jared White @jaredwhite@indieweb.social
@jaredcwhite
#css #CSS #cariables #stylequeries

thathtml.blog/2024/03/supe...
Red text on light green blue background: Add Superpowers to Your CSS Variables with Style Queries
March 8, 2024 at 9:56 PM
frontenddogma.com
Range Syntax for Style Queries, by @una@front-end.social:

https://una.im/range-style-queries

#css #stylequeries
una.im | Range Syntax for Style Queries
Learn how to use the new range syntax for CSS style queries and the if() function.
una.im
November 30, 2025 at 2:30 PM
inautilo.bsky.social
#Development #Techniques
Custom properties in media queries? · A workaround powered by modern CSS ilo.im/1675st by Manuel Matuzović

_____
#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...
ilo.im
September 25, 2025 at 2:52 PM