Mastodawn

🔵 Web Weekly 194
by @stefan
Safari 27 beta
The future of Firefox and the web
CSS gap decorations
headingoffset
Breaking changes in npm v12
Container style queries
#webdev #ContainerQueries #Firefox #CSS

https://webweekly.email/archive/web-weekly-194/

Frontend Dogma Jun 8

Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions, by @geoff (@csstricks):

https://css-tricks.com/scroll-driven-scroll-triggered-scroll-states-and-view-transitions/?ref=frontenddogma.com

#css #scrolling #animations #viewtransitions #containerqueries

Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions | CSS-Tricks

I've said one and mean another, and I've used one when I needed another. Comparing scroll-driven animations, scroll-triggered animations, container query scroll states, and view transitions for my future self.

CSS-Tricks

Frontend Dogma May 5

CSS Recently in All Browsers, by @argyleink:

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

#css #anchorpositioning #scope #containerqueries #shapes #viewtransitions #units

CSS Recently In All Browsers · April 26, 2026

New CSS you feel like you could use today

nerdy.dev

Inautilo Apr 24

#Development #Approaches
Container query typography systems · Type that adapts to its own space https://ilo.im/16caye

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

mattwaler.com

Frontend Dogma Apr 20

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

Inautilo Apr 16

#Development #Approaches
Building a UI without breakpoints · Moving to fluid CSS components for the modern web https://ilo.im/16c7es

_____
#Components #CssGrid #CssFlex #ContainerQueries #MediaQueries #FluidDesign #ResponsiveDesign #WebDev #Frontend #CSS

Building a UI Without Breakpoints – Frontend Masters Blog

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.

Frontend Dogma Apr 8

Name-Only Containers: The Scoping We Needed, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/name-only-containers-the-scoping-we-needed/

#css #scope #containerqueries

Name-Only Containers: The Scoping We Needed – Frontend Masters Blog

If we give a `container-name` to the root of all our unique components, we can scope styles to them with a simple @container query.

pablolarah Apr 7

🔴🟡 Name-Only Containers: The Scoping We Needed
by Chris Coyier
@chriscoyier.net @chriscoyier
at @frontendmasters.com
#container #ContainerQueries #CSS #scope #webdev

https://frontendmasters.com/blog/name-only-containers-the-scoping-we-needed/