🚀 Container style queries are baseline; New attr() capabilities are nearly there. Neat apart, but together they change how we can wire up components. Practice will make perfect, and I still need to rewire my brain for this combo. So, time to start that rewire. utilitybend.com/blog/contain...

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

Came across this fantastic post by Slava Shestopalov randomly while looking for something else medium.com/design-bridg... In the usability & web tech class we used to teach at MIT with @karger.bsky.social I’d give a lecture on graphic design that included this, but this is so much better presented.

Optical effects in user interfaces

How to make optically balanced icons, correct shapes alignment, and perfect corner rounding

medium.com

CSS attr() now works on all properties in Firefox 155. Here's how it works, and how to get the most out of it:

Wrote about what's up in angle brackets land.

Master.dev (Formerly Frontend Masters)@frontendmasters.com · last wk.

New Things You Should Know About HTML Here in Mid 2026 The foundational language of the web is getting plenty of love lately! While HTML moves a bit more slowly than its buddies, CSS and JavaScript, that tends to be a good thing. I'm not gonna do, like, in here. That's too basic for you. Tha

Major versions of Firefox now land every two weeks, so Firefox 155 dropped today with web platform features including: 🎉 Fully typed CSS attr() 🎉 CSS progress() 🎉 Promise.allKeyed() and allSettledKeyed() 🎉 Lots of new WebTransport stuff …And more! developer.mozilla.org/en-US/docs/M...

Firefox 155 release notes for developers (Stable) - Mozilla | MDN

This article provides information about the changes in Firefox 155 that affect developers. Firefox 155 was released on September 1, 2026.

developer.mozilla.org

"The future of accessible technology will likely involve #AI playing an important supporting role. Yet for the foreseeable future, #accessibility expertise remains essential." 🔗 AI and Accessibility: Promise, Limitations, and the Importance of Human Expertise www.testlio.com/blog/ai-and-... #a11y

AI and Accessibility: Promise, Limitations, and the Importance of Human Expertise | Testlio

Explore the critical role of human oversight in AI-driven accessibility. Learn why AI is a powerful starting point but cannot replace the nuance, empathy, and expertise required for truly inclusive de...

testlio.com

📝 When and how CSS custom properties are calculated might not be what you expect, and it has a big impact on your styles. Here's how it works: jakearchibald.com/2026/css-cus...

Controlling when CSS custom properties are computed

The default might not be what you expect, and it has a big impact on your styles.

jakearchibald.com

✍️ New Article: Balancing flex items with flex-wrap: balance I explored flex-wrap: balance and flex-line-count and really enjoyed using them. I even made a masonry layout by mixing flex-line-count, round, clamp, and container queries units! 😀 ishadeed.com/article/flex...

Balancing flex items with flex-wrap: balance

A look at how flex items wrap and how to balance them across lines.

ishadeed.com

If you have a dialog on your page / screen and are trying to figure out whether it should close when a user clicks / taps outside (or hits Esc), I tried for some guidance: adrianroselli.com/2026/08/shou... Note: I am not an authority on dialogs. I haven’t been certified by the zoning board.

Should a Dialog Close When Clicked Outside?

Maybe not, but I’ll break these down into three categories because it depends on context and intent. Pretend this post also applies for pressing Esc. Action Required If the user must complete a task t...

adrianroselli.com

JPEG XL is slated to ship in Firefox 157 next month! Here's how we're shipping it safely… hacks.mozilla.org/2026/08/inte...

Intent to Ship: JPEG XL – Mozilla Hacks - the Web developer blog

A JPEG XL decoder is heading for Firefox 157! Here's how we're shipping it safely…

hacks.mozilla.org

Sind die globalen Krisen bewältigbar? Ja, aber nur, wenn wir künftig weniger arbeiten, weniger konsumieren – und Elon Musks Vermögen wegbesteuern. Das meint der französische Starökonom Thomas Piketty. Lesenswertes STANDARD-Interview von András Szigetvari (hier: @andrasszigetvari.bsky.social)

Wie retten wir die Welt, Herr Piketty? Indem wir weniger arbeiten!

Die Krisen unseres Planeten sind bewältigbar. Aber nur, wenn wir künftig weniger arbeiten, weniger konsumieren – und Elon Musks Vermögen wegbesteuern, sagt der französische Starökonom Thomas Piketty

derstandard.at

What should happen with text-box-trim and margin-trim when it comes to negative values? Do negatives 'trim'?

CSS text-box is newly baseline, and it's solves a common text layout issue. Here's how it works:

And because no one will remember all the weird values, I made a small generator to get the code in no time. css-tip.com/text-box/

Firefox for Web Developers@webdevs.firefox.com · 3w ago

CSS text-box is newly baseline, and it's solves a common text layout issue. Here's how it works:

This video about AI & mental health by @tolin.ski is mandatory viewing for anyone using AI moderately/heavily: youtu.be/iPUn1Fnfn0k?...

The True Cost of AI Coding

YouTube video by Syntax

youtu.be

Firefox 154 landed today, and brings with it some great web platform features: 🎉 CSS text-box 🎉 CSS sibling-index() and sibling-count() 🎉 JS Iterator methods like chunks, window, includes, & join 🎉 HTTP No-Vary-Search …And more! developer.mozilla.org/en-US/docs/M...

Firefox 154 release notes for developers (Stable) - Mozilla | MDN

This article provides information about the changes in Firefox 154 that affect developers. Firefox 154 was released on August 18, 2026.

developer.mozilla.org

🎙️ New Episode of Igalia Chats State of CSS 2026: The Good, the Bad and the Ugly @bkardell.com and @meyerweb.com discuss the results of State of CSS 2026 www.igalia.com/chats/state-...

If a child with width: 100% overflows, box-sizing: border-box won't always save you because margins sit outside the border box. As more people rely on LLMs to write code, quickly spotting issues like this is a more important skill than ever. www.youtube.com/watch?v=2pJH...

The most undervalued front-end skill right now

YouTube video by Kevin Powell

youtube.com

IT’S HAPPENING!! Safari Technology Preview has finally enabled Temporal API support!! I am unreasobaly excited by this API developer.apple.com/documentatio...

My talk on pragmatic browser support at the @pixelpioneers.co conference is now live www.youtube.com/watch?v=uOtx... I talk about Baseline, polyfills, progressive enhancement, and cover a bunch of interesting web platform features along the way.

A Pragmatic Guide to Browser Support - Rachel Andrew - Pixel Pioneers 2026

YouTube video by Pixel Pioneers

youtube.com

Erbschaftssteuer ist absurd, das Geld ist ja früher schon mal versteuert worden. Was kommt als nächstes? Dass ich beim Antiquitätenhändler für Gegenstände bezahlen muss, die früher schon mal bezahlt wurden? Dass ich Miete für eine Wohnung zahle, für die früher schon mal Miete bezahlt wurde?

Sehr gute, wichtige Podcast-Folge – auch zum Weiterleiten an Eltern, Freunde, Verwandte! #globalwarming #climateaction

Özden Terli@terliwetter.bsky.social · last mo.

Es gab viel zu besprechen…jetzt online! www.zdfheute.de/video/heute-...

Akuten Hitzeschutz für alle – jetzt unterstützen und ein Zeichen für mehr Gerechtigkeit setzen. gruene.at/hitzeschutzp...

Hitzeschutzpaket

Die extreme Hitze trifft uns alle. Aber sie trifft nicht alle gleich. Das ist hochgradig ungerecht! Denn die meisten Menschen können sich keine Klimaanlage leisten und haben kein Ferienhaus am kühlen ...

gruene.at

🔥 The new “Gap Decorations” API allows us to add borders between grid rows/columns and Flexbox children. I spent some time playing around with it and it’s a lovely new feature. 😄 You can learn more on CSS Tricks:

Gap Decorations Are Now Available, Here’s What’s New | CSS-Tricks

Today, with CSS gap decorations fully supported in Chrome and Edge, starting with version 149, you can now very easily style gaps, and with a lot of control.

css-tricks.com

About time! 🤩

IntentToShip@intenttoship.dev · last mo.

Gecko: Intent to prototype: Display Property Animations

Ach ja, man würde ja glauben, dass Menschen inmitten einer Hitzewelle und massiv heißen Monaten wenigstens nicht die Existenz der Klimakrise anzweifeln Aber selbst hier passiert das. Deshalb habe ich hier ein paar Tipps niedergeschrieben, wie man in hitzigen Diskussionen zum Klima diskutieren kann

Hitzige Diskussionen: Übers Klima sprechen

Wir müssen dran bleiben und den Ernst der Situation erklären. Hier drei Empfehlungen für solche Gespräche

steady.page

Was für ein verrückter Tag in Österreichs Wettergeschichte. Hier die heutigen Höchstwerte: 41,0° Wien Stammersdorf 40,7° Langenlebarn 40,6° St. Pölten 40,4° Bad Deutsch-Altenburg 40,4° Wien Innere Stadt 40,2° Krems 40,2° Langenlois 40,1° Wieselburg 40,0° Gars am Kamp

📝 New CSS Article! You know the <img> element, right? It's one of the most-used elements, and yet it hides a secret. 🤫 What kind of secret? Read my latest article to know about it (You will be surprised!) master.dev/blog/somethi...

Something Nobody Told You About The Image Element (It Can Overflow!)

You normally don't think of images as overflowing themselves, nor can you put anything else inside to make it overflow, but actually...

master.dev

Habe meinen neuen Newsletter verschickt „Move fast and flood everything with AI“ Über die problematische Tendenz von Tech-Konzernen, überall Kl einzubauen – selbst dort, wo sie keine gute Idee ist Den aktuellen Anlass liefert Google Earth, das erlaubte, Fake-Satellitenbilder per KI zu erstellen

Move fast and flood everything with AI

Der Google-Earth-Eklat zeigt eine problematische Tendenz: Den Wunsch von Tech-Konzernen, überall KI einzubauen – selbst dort, wo sie keine gute Idee ist.

steady.page