#stylequeries — Public Fediverse posts

#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

Range Syntax for Style Queries, by @Una:

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

#css #stylequeries

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

#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

#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

#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

#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

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

As 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)

#css #stylequeries

#Development #Techniques
A future of themes with CSS Container Style Queries · Style Queries will make website theming much more convenient https://ilo.im/14nd2z

_____
#Theming #Website #WebDesign #WebDev #Frontend #ContainerQueries #StyleQueries #LightMode #DarkMode

#Development #Reviews
Writing CSS In 2023 · Is it any different than a few years ago? https://ilo.im/145tp0

_____
#WebDevelopment #WebDev #Frontend #CSS #ContainerQueries #StyleQueries #CascadeLayers #CssNesting #CssIs #CssWhere #DynamicViewportUnits #ColorSpaces #ColorFunctionSyntax #MediaQueryRangeSyntax #UserPreferences

#Development #Previews
Future CSS: State Container Queries · The Chromium team is experimenting with a new type of query https://ilo.im/13u1nb

_____
#StateContainerQueries #Chrome #Browser #WebDevelopment #WebDev #Frontend #CSS #CustomProperties #CssVariables #StyleQueries #ChromeCanary

#Development #Previews
Future CSS: State Container Queries · The Chromium team is experimenting with a new type of query https://ilo.im/13u1nb

_____
#StateContainerQueries #Chrome #Browser #WebDevelopment #WebDev #Frontend #CSS #CustomProperties #CssVariables #StyleQueries #ChromeCanary

#Development #Previews
Future CSS: State Container Queries · The Chromium team is experimenting with a new type of query https://ilo.im/13u1nb

_____
#StateContainerQueries #Chrome #Browser #WebDevelopment #WebDev #Frontend #CSS #CustomProperties #CssVariables #StyleQueries #ChromeCanary

#Development #Previews
Future CSS: State Container Queries · The Chromium team is experimenting with a new type of query https://ilo.im/13u1nb

_____
#StateContainerQueries #Chrome #Browser #WebDevelopment #WebDev #Frontend #CSS #CustomProperties #CssVariables #StyleQueries #ChromeCanary