FeedCity

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

Other takeaways are:

- Damn, that was fast!
- We need a way in DevTools/the web to be notified of style changes (hello, brm.us/style-observer!)
- We need a Element.getAnchor() JS method.
- The "remembered scroll offsets" are a PITA.

So. Anchor Positioning and DevTools …

I sat together with The Hype™ tonight and this is what we built in 2 hours.

Main takeaway from this experiment is that it still requires a “Subject Matter Expert” (in this case: me) to build this, instructing The Hype™ what to do (and sometimes how to do it).

Introducing `view-transitions-mock`: A non-visual Polyfill for Same-Document View Transitions

https://www.bram.us/2026/03/11/view-transitions-mock-is-a-non-visual-polyfill-for-same-document-view-transitions/

It is a spec-compliant JavaScript implementation of Same-Document View Transitions that polyfills the entire JavaScript API surface but that doesn’t do the animation bits.

View Transitions are a powerful Modern Web feature allow for smooth seamless animated transitions two between different states of a web page. They can make for a much more pleasant user experience, but as with any new web platform feature, browser support is not yet fully universal so you need to add some fallback logic to your code.

view-transitions-mock bridges that gap by polyfilling the full JavaScript API surface of Same-Document View Transitions, without the animation bits.

View Transitions are a powerful Modern Web feature allow for smooth seamless animated transitions two between different states of a web page. They can make for a much more pleasant user experience, but as with any new web platform feature, browser support is not yet fully universal so you need to add some fallback logic to your code.

view-transitions-mock bridges that gap by polyfilling the full JavaScript API surface of Same-Document View Transitions, without the animation bits.