FeedCity

“More” I say?

Yes, I did an experiment with making an extension to debug Anchor Positioning before:

https://front-end.social/@bramus/116213083230487150

There's a lot of complexity involved to make it work accurately … so that one ain't public (yet?).

Some more prototyping fun: this time an extension to visualize the Containing Block of an element.

It shows the element and its containing block (an element, the Viewport, or the ICB) along with some base info.

Get it here: https://chromewebstore.google.com/detail/devtools-containing-block/cfhjohibdfclahlfljknkjmcdkfkcflj

What other info would you like to see in a feature like this?

(The heavy lifting to identify the containing block is done by the https://github.com/bramus/get-containing-block package which I also created for this)

RE: https://front-end.social/@leaverou/116297807826814028

Before you blindly say 100px–200px–300px, hear me out: https://github.com/LeaVerou/blog/discussions/137#discussioncomment-16340589

(And if you really want it to be 100px–200px–300px then it’s simple: don’t type the --arg)

Authorship comes to iA Writer for Windows

Talk on View Transitions, given at the devs.gent March meetup

RE: https://mastodon.scot/@svgeesus/116280100248182454

More details on the “parsing would be hard” part in https://www.bram.us/2026/03/19/more-easy-light-dark-mode-switching-light-dark-is-about-to-support-images/ ;)

If you are in Tokyo, come see our Notebook in person at the Tsutaya Bookstore in Roppongi Hills, until April 7.

https://www.youtube.com/shorts/FSXWk_C6RZs

The Making of iA Notebook.

Follow along for a behind-the-scenes look at how our Notebook is made.

https://www.youtube.com/watch?v=NnX84UtwMc4

The making of iA Notebook

CSS light-dark() is being extended to support images.

CSS `light-dark()` is about to support images!

https://www.bram.us/2026/03/19/more-easy-light-dark-mode-switching-light-dark-is-about-to-support-images/

Shipping in Firefox 150. Starting tomorrow, available behind a flag in Chromium 148.

CSS light-dark() is being extended to support images.

Writing is hard work. Sometimes we can focus for hours without feeling any strain. Sometimes we feel exhausted before completing the first paragraph, and we don’t know why. What can we do to get—and stay—in the flow?

https://ia.net/topics/separate-writing-and-formatting

(Don't) get wet.

Today we set up a new iA pop-up at Tsutaya Roppongi.

Back in January 2022, I wrote about an exciting new CSS Working Group decision: a function to detect at-rule support using @supports at-rule(@keyword). Fast forward to today, and the CSS Conditional Rules Module Level 5 specification has solidified how this feature works and Chromium (Chrome, Edge, etc.) is about to ship it in Chromium 148!

Back in January 2022, I wrote about an exciting new CSS Working Group decision: a function to detect at-rule support using @supports at-rule(@keyword). Fast forward to today, and the CSS Conditional Rules Module Level 5 specification has solidified how this feature works and Chromium (Chrome, Edge, etc.) is about to ship it in Chromium 148!

New in Chromium 148: detect at-rule support in CSS with `@supports at-rule(@keyword)`

https://www.bram.us/2026/03/15/at-rule/

Chrome 148 is currently available on the Canary and Dev release channels. It goes stable at the end of April.

Get noodled.

RE: https://mastodon.world/@heypresents/116222571128090421

“Curiosity breeds Discovery”

I spend a fair bit of time playing with View Transitions, and bending it in all sorts of ways.

This talk compiles my insights from building some of the more wild things with VTs.

See you at All Day Hey!?

(Expect a lot of code getting thrown your way!)