Noam Rosenthal

If you ever struggled with understanding if your CSS performance issues are coming from style calculation or from layout, LoAF's styleDuration and layoutDuration is shipping in Chromium 158 to help with that groups.google.com/a/chromium.o...

Things I hope to push forward at TPAC: - Declarative fragment / client side include - declarative skeleton/shell - CSS navigation matching - parser/patch reflection in mutation observers - responsive image improvements - connection allowlists - focusreset - CSS module imports Gonna be interesting!

Happy World Browser Day! I've long used "long live the web" as my motto/tagline, so today I published a blog post explaining what this phrase means to me: longlivetheweb.org/not-a-manife...

I'm attracted to new CSS and web things to play with like a moth to a flame. Here are the rankings I submitted on @webdevs.firefox.com's Interop 2027 feature ranking web app: vale.rocks/micros/20261...

📝 New Post: Recursion is DEAD and HTML killed it. daverupert.com/2026/10/html...

After a decade at Cloudinary, I am looking work. I'm a web developer who's done a lot of devrel, too. I'm good at the front of the front end, great at browsers and standards and deeply understanding and explaining technical topics, and the stem of my T-shaped skills is: "images, on the internet".

Connection Allowlists announcement blog post has been published. developer.chrome.com/blog/connect...

An leftover-free way to hide an element while streaming (chrome only atm, but not for long hopefully) <div> <?start name="buffy" ?> <style>@scope { display: none }</style> <?end ?> <!-- stream the content --> <!-- remove the temp style --> <template for=buffy></template> </div>

One of the things that we at Chrome have been thinking about is a way to do declarative route and navigation matching **in CSS**. Together with @nomster.bsky.social and @dbaron.org I’ve been working on it for the past few months, and next week we’ll be presenting our work at the CSSWG F2F meeting.

Thanks @joe.trusktr.io ! Also check out the explainer: github.com/w3c/csswg-dr...

Some of the features I have worked on: - Deferred fetching (fetchLater) - Deferred navigation commit (precommitHandler) - Deferred page swap (two phase view transition) - Deferred HTML updates (<template for>) What is the next thing to defer?

📝 New CSS Article! I wrote about border-shape. A super powerful feature! You might think I'm exaggerating but I am not. css-tricks.com/get-ready-fo... This is just a tiny overview of its potential. Stay tuned for more articles/demos that will blow your mind (I am still not exaggerating!)

The first part of Declarative Partial Updates (`<template for>` out-of-order HTML) is now available, unflagged, in Chrome 150!! developer.chrome.com/release-note... The second part (the new JS setting APIs, include the streaming ones) we're still working on the spec side, but maybe for Chrome 152?

Who said range sliders need to be straight and boring?! Hey CSS, distort the line! 〰️ css-tip.com/wiggly-range... Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)

Some #cssday photos: @ohhelloana.blog and me, with @meyerweb.com ; a feral crowd of Dutch CSS enthusiasts; @rgadellaa.bsky.social from OWA and me; 4 rival browser chums: @nomster.bsky.social from Chrome, @jakearchibald.com from Firefox, me, and glamorous @patrickbrosset.com from the Edge.

Main #cssday takeaway: web UI is alive and kicking and I love working on it.

@developer.chrome.com Chrome DevRel Team doing some very interesting feedback session on navigation matching at #CSSday. A lot of food for thought. A lot of folks interested 😅 place is packed

Out-of-order streaming HTML is coming to a browser near you! This means you can stream HTML to the browser in any order, which enables web apps to send the most important HTML first, regardless of where it is in the document. This is huuuuuge! 🧵1/3

An AI dystopia is going to look less like terminator/matrix (an evil sentient thing) and more like Brazil (a buggy bloated dysfunctional mess) But maybe neither I donno just sharing random thoughts

Excited to go to @cssday.nl next week as part of the Google team... haven't been to a proper developer conference for 3 years (when speaking at ReactNext 2023) so I really miss the vibe.

Declarative partial updates. Barry Pollard and Noam Rosenthal introduce processing instructions and new setHTML(), appendHTML(), streamHTML() methods for inserting HTML out of order into specific document locations. #html #api developer.chrome.com...

So here's an interesting little thing or 2 @nomster.bsky.social , @foolip.org , and myself have been cooking up—along with lots of help from others!: developer.chrome.com/blog/declara... This could lead to some VERY interesting changes in how we write web pages. Would love to hear your thoughts!

When shape-outside meets `shape()`, it sparks endless inspiration. As always, @cgqaq.bsky.social has implemented it in Chrome 149 (coming next week)! We’ll be bringing even more amazing CSS features to Chrome, so stay tuned. The Codepen is below👇 Thanks to @una.im @nomster.bsky.social for their help

here is the new CSS Border shape API this is going to unlock so many sick new designs

OoooOOooh! Guess what! As of Chrome 149, shape() works in shape-outside! So you can really *shape* your UI's 😉* rect() and xywh() are also supported for shape-outside in Chrome 149 codepen.io/una/full/ogz... *(just let me have my Mom joke)

Everyone is building things that build things that build things. Who's actually building a thing?

💡 CSS Tip! We've just had the release of @developer.chrome.com 147, which means border-shape was enabled by default! 👀 css-tip.com/border-shape/ Another property to create CSS shapes, but not only that! We can do a lot of fancy stuff with it. Many cool demos/articles are on the way 🤩

"Fixed Safari gesture support to prevent pages that should not be able to scroll, such as with explicit overflow: hidden, from unexpectedly scrolling. (163660111)" Sounds like a bug I've spent ages working around, 10 years ago when at Wix... I wonder if it fixes it! webkit.org/blog/17862/w...

I've created a little AI skill called "web archeologist". It helps trace back existing standards to their original discussions & rationale, rummaging through github, browser bug trackers, old W3C mailing lists, IRC logs etc. github.com/noamr/web-ar... Happy for feedback/bugs/improvements!

Let's wobble the web

I'm planning to be there!

Out of context reminder: The "CORS errors" we get when we develop a page that accesses localhost are what prevents random untrusted webpages from making calls to open HTTP ports on our computer.

Firefox is joining the shape() game 🤩 It's a good time for some blobs: css-generators.com/blob/ Or maybe a nice wavy divider: css-generators.com/wavy-divider/ And stay tuned for another generator and more shapes next week! 🤫

border-shape is coming. Enough with the rectangular web!

Element-Scoped View Transitions are gonna be **SO GOOD** There’s still some details to settle, but the main thing is there: run VTs on a subtree of the DOM, allowing parallel VTs. And with `view-transition-scope` you can limit the scope of `view-transition-name` values, allowing VTs to be nested.