#ContainerQueries
LightNews LightNews
frontenddogma.com
Smart Layout Patterns With Modern CSS, by @kevinpowell@front-end.social (@smashingmag@mastodon.social):

https://www.youtube.com/watch?v=4IBXIFe2CKA&ref=frontenddogma.com

#videos #css #layout #containerqueries
Smart Layout Patterns with Modern CSS with KEVIN POWELL – SmashingConf Amsterdam 2026
Disfruta de los vídeos y la música que te gustan, sube material original y comparte el contenido con tus amigos, tu familia y el resto del mundo en YouTube.
www.youtube.com
June 20, 2026 at 7:30 AM
oddbird.dev
Dig into #CSS Container Queries with @miriam.codes & David Herron at OddBird:

Container Queries Videos youtube.com/playlist?list=PL4jAKUtAhpHkH3DMK8JNVPDjvKljPkNVU

For a Better Web oddbird.net/2025/04/08/better-web-8/

Container Queries: A Quick Start Guide oddbird.net/2021/04/05/containerqueries
Container Queries: a Quick Start Guide
Now is the time to begin experimenting with a long requested layout tool.
oddbird.net
July 30, 2025 at 8:56 PM
nebraskacode.bsky.social
Alex Riviere presents 'Fresh Hot CSS Features!' July 25th at Nebraska.Code().

nebraskacode.amegala.com

#cssframework #bootstrap #cssgrid #containerqueries #css #css2025 #cssfeatures #softwaredevelopment #TechConference #softwareengineering #networkingevent #lincolnnebraska @dangitalex.wtf
May 15, 2025 at 5:17 PM
inautilo.bsky.social
#Development #Approaches
Container query typography systems · Type that adapts to its own space ilo.im/16caye by Matt Waler

_____
#Layouts #Fonts #Typography #ContainerQueries #WebDev #Frontend #CSS
Container Query Typography Systems
With the adoption of container queries in all browsers, it's time to use them to fix typography systems.
ilo.im
April 24, 2026 at 1:05 PM
pablolarah.bsky.social
🔴🟡 Name-Only Containers: The Scoping We Needed
by Chris Coyier
@chriscoyier.net @chriscoyier@front-end.social
at @frontendmasters.com
#container #ContainerQueries #CSS #scope #webdev

frontendmasters.com/blog/name-on...
Red text with white 3D shadow on yellow background with illustration of tea boxes: Name-Only Containers: The Scoping We Needed
April 7, 2026 at 8:15 PM
michalski.bsky.social
#css #containerqueries
bram.us Bramus @bram.us · May 7
Custom Properties compute before they inherit ... and by registering a custom property with a certain syntax, CSS knows what to compute it to ... which allows this:
frontendmasters.com Master.dev (Formerly Frontend Masters) @frontendmasters.com · May 7
Using Container Query Units Relative to an Outer Container

Container units (e.g. cqi) are only able to reference the closest container. But if you register a custom property and set that higher up, you can get your hands on other containers units.
May 7, 2025 at 9:36 PM
benteh.no
hey #css devs – how do you write and test #containerQueries? which tools?

still is a bit of a mindfuck for me. there must be a better way than changing values & resizing

#cssdev #frontend
June 26, 2026 at 8:58 PM
michalski.bsky.social
#css #containerqueries #rwd
piccalil.li Piccalilli @piccalil.li · Mar 4
🗂️ From the archives

Learn how to use container units and container queries to enhance an already flexible sidebar layout with some extra design control and full width breakout elements.
Building a breakout element with container units
Learn how to use container units and container queries to enhance an already flexible sidebar layout with some extra design control and full width breakout elements.
buff.ly
March 27, 2025 at 9:04 PM
inautilo.bsky.social
#Development #Techniques
Fixing fluid typography · Consistent text sizing with CSS @property ilo.im/16g7o4 by Kevin Powell

_____
#Typography #Text #Content #WebDev #Frontend #CSS #CssProperty #ContainerQueries #CssClamp
Fixing fluid typography
👉 Start writing CSS with confidence: https://thecascade.dev/courses...
ilo.im
September 17, 2026 at 4:11 AM
michalski.bsky.social
Container queries #css #containerqueries
December 17, 2024 at 5:27 PM
inautilo.bsky.social
#Development #Introductions
Getting started with Anchor Positioning · An interactive guide to the Anchor Positioning API ilo.im/16ebs1 by Josh W. Comeau

_____
#ModernCSS #ToolTips #AnchorPositioning #ContainerQueries #PolyFill #APIs #Browsers #WebDev #Frontend #CSS
Getting Started with Anchor Positioning • Josh W. Comeau
For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another element, for things like tooltips and nested menus. The CSSWG has decided to provide a...
ilo.im
July 6, 2026 at 9:05 PM
claudialn.bsky.social
Modern CSS is cool and all but I've gotten to a point where if I break concentration everything becomes an ancient dialect no one's ever seen before 🫠

#css #moderncss #css4 #frontend #webdesign #webdev #fluidcss #fluidresponsive #containerqueries
css code using where, not, wildcard, child and containing selectors with container query index inside of clamp.
May 29, 2025 at 6:17 AM
pablolarah.bsky.social
🟠🟣 Container Queries Unleashed
by @joshwcomeau.com

#css #ContainerQueries #webdev

www.joshwcomeau.com/css/containe...
Violet text with orange shadow ("Container Queries Unleashed") on duotone orange white image of Vanity Sounds the Horn and Ignorance Unleashes the Hounds Overconfidence, Rashness and Desire (from The Hunt of the Frail Stag)
January 27, 2025 at 7:39 PM
frontenddogma.com
CSS Recently in All Browsers, by @argyleink@front-end.social:

https://nerdy.dev/CSS-recently-in-all-browsers

#css #anchorpositioning #scope #containerqueries #shapes
CSS Recently In All Browsers · April 26, 2026
New CSS you feel like you could use today
nerdy.dev
May 5, 2026 at 8:30 PM
frontenddogma.com
Container Query Typography Systems, by @mattwaler.com:

https://mattwaler.com/blog/container-query-typography-systems/

#css #containerqueries #typography
Container Query Typography Systems
With the adoption of container queries in all browsers, it's time to use them to fix typography systems.
mattwaler.com
April 20, 2026 at 7:24 AM
inautilo.bsky.social
#Development #Techniques
Rewriting a sticky detector · How modern CSS simplifies the solution ilo.im/16ekhd by Chris Coyier

_____
#ModernCSS #Positioning #Detector #Search #Form #ContainerQueries #AnchorPositioning #WebDev #Frontend #CSS #JavaScript
Lessons Learned Rewriting a Sticky Detector
A dozen years go by, it turns out we can do things a lot differently and a lot better. Here a `scroll` event is entirely replaced by HTML and CSS features and much better performance.
ilo.im
July 20, 2026 at 11:29 AM
frontenddogma.com
Building Dynamic Toggletips Using Anchored Container Queries, by @dxnny.fun (@piccalil.li):

https://piccalil.li/blog/building-dynamic-toggletips-using-anchored-container-queries/

#css #anchorpositioning #containerqueries #toggles #tooltips
Building dynamic toggletips using anchored container queries
Anchored container queries are only available in Chrome 143 upwards right now, but here’s Daniel Schwarz to show you how to use progressive enhancement to build up to using that new capability in the context of position-aware toggle tips.
piccalil.li
March 22, 2026 at 2:30 PM
pablolarah.bsky.social
🧃 Opting in to CSS container queries for a existing design system
by Georgie Cooke
@heygeorgie@aus.social

#ContainerQueries #css #webdev

hey.georgie.nu/container-qu...
Green text on pink background with a chalice on the side: Opting in to CSS container queries for a existing design system
November 12, 2024 at 11:45 PM
pablolarah.bsky.social
🪲 Solved By Modern CSS: Feature Image
by @shadeed9.bsky.social @ishadeed.com
Using container queries and CSS :has() to build a feature image.

#css #ContainerQueries #has #FeatureImage #webdev

ishadeed.com/article/mode...
Small green text on top: Solved By Modern CSS. Big red text on center: Feature Image. Background image: centered pink rectangle with insects in duotone pink white
December 13, 2024 at 5:18 AM
inautilo.bsky.social
#Development #Approaches
Building a UI without breakpoints · Moving to fluid CSS components for the modern web ilo.im/16c7es by Amit Sheen

_____
#Components #CssGrid #CssFlex #ContainerQueries #MediaQueries #FluidDesign #ResponsiveDesign #WebDev #Frontend #CSS
Building a UI Without Breakpoints
This article covers a layout approach that better fits the modern web: fluid, intrinsic components that adapt by default, and treat conditional rules as local, intentional exceptions.
ilo.im
April 16, 2026 at 8:11 AM
pablolarah.bsky.social
🟡⚫ Building dynamic toggletips using anchored container queries
by Daniel Schwarz
@dxnny.fun
at Piccalilli @piccalil.li

#toggletips #ContainerQueries #webdev

piccalil.li/blog/buildin...
Black text on grey background: Building dynamic toggletips using anchored container queries
March 23, 2026 at 11:26 PM
benteh.no
#css nerds: mayday!

i want to write container queries, but it is extremely tedious to test and verify. there MUST be specific tools for this?

how do you do it?

#frontend #html #containerqueries
January 6, 2025 at 1:12 PM
frontenddogma.com
Dynamic Media/Container Queries Using “if()”, by @css@front-end.social:

https://css-tip.com/dynamic-queries/

#css #conditionals #mediaqueries #containerqueries
Dynamic media/container queries using if()
Use modern CSS to express media queries and container queries differently
css-tip.com
August 25, 2025 at 7:30 PM
frontenddogma.com
Using Container Query Units Relative to an Outer Container, by @anatudor@mastodon.social (@frontendmasters.com):

https://frontendmasters.com/blog/using-container-query-units-relative-to-an-outer-container/

#css #containerqueries #units
Using Container Query Units Relative to an Outer Container
frontendmasters.com
May 7, 2025 at 8:30 PM