Noam Rosenthal
@nomster.bsky.social
Web platform engineer @ Chrome
Does this line fetch foo.png or not?
new Range().createContextualFragment(
'<img src="foo.png">'
);
Currently, HTML standard says it doesn't, Chromium/Gecko/WebKit implementations say it does.
new Range().createContextualFragment(
'<img src="foo.png">'
);
Currently, HTML standard says it doesn't, Chromium/Gecko/WebKit implementations say it does.
December 11, 2025 at 3:06 PM
Does this line fetch foo.png or not?
new Range().createContextualFragment(
'<img src="foo.png">'
);
Currently, HTML standard says it doesn't, Chromium/Gecko/WebKit implementations say it does.
new Range().createContextualFragment(
'<img src="foo.png">'
);
Currently, HTML standard says it doesn't, Chromium/Gecko/WebKit implementations say it does.
Reposted by Noam Rosenthal
🎉 And we're live! 🎉
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
CSS Wrapped 2025
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
chrome.dev
December 8, 2025 at 5:08 PM
🎉 And we're live! 🎉
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
Reposted by Noam Rosenthal
We've been working on a few proposals we'd like to bring to the web platform to make it easier to have more seamless navigations between pages.
@nomster.bsky.social @foolip.org and @dbaron.org presented these at W3C TPAC annual meeting last week
More details here:
github.com/WICG/declara...
1/6 🧵
@nomster.bsky.social @foolip.org and @dbaron.org presented these at W3C TPAC annual meeting last week
More details here:
github.com/WICG/declara...
1/6 🧵
GitHub - WICG/declarative-partial-updates
Contribute to WICG/declarative-partial-updates development by creating an account on GitHub.
github.com
November 19, 2025 at 8:49 PM
We've been working on a few proposals we'd like to bring to the web platform to make it easier to have more seamless navigations between pages.
@nomster.bsky.social @foolip.org and @dbaron.org presented these at W3C TPAC annual meeting last week
More details here:
github.com/WICG/declara...
1/6 🧵
@nomster.bsky.social @foolip.org and @dbaron.org presented these at W3C TPAC annual meeting last week
More details here:
github.com/WICG/declara...
1/6 🧵
I do understand the appeal of this:
const [loading, loading] = useState(false);
<div style={backgroundColor: loading ? "yellow" : "green"}>
But this, as well as utility classes, means that your scripts are bloated with style concerns.
const [loading, loading] = useState(false);
<div style={backgroundColor: loading ? "yellow" : "green"}>
But this, as well as utility classes, means that your scripts are bloated with style concerns.
November 16, 2025 at 5:37 PM
I do understand the appeal of this:
const [loading, loading] = useState(false);
<div style={backgroundColor: loading ? "yellow" : "green"}>
But this, as well as utility classes, means that your scripts are bloated with style concerns.
const [loading, loading] = useState(false);
<div style={backgroundColor: loading ? "yellow" : "green"}>
But this, as well as utility classes, means that your scripts are bloated with style concerns.
Have you ever avoided using an a11y feature because of issues involved with IDREFs being global, or encountered bugs due to this?
Please let us know! We have a meeting to discuss this next Wednesday (at TPAC) and would love to hear your stories, especially if they impacted users.
cc @lea.verou.me
Please let us know! We have a meeting to discuss this next Wednesday (at TPAC) and would love to hear your stories, especially if they impacted users.
cc @lea.verou.me
November 7, 2025 at 12:20 PM
Have you ever avoided using an a11y feature because of issues involved with IDREFs being global, or encountered bugs due to this?
Please let us know! We have a meeting to discuss this next Wednesday (at TPAC) and would love to hear your stories, especially if they impacted users.
cc @lea.verou.me
Please let us know! We have a meeting to discuss this next Wednesday (at TPAC) and would love to hear your stories, especially if they impacted users.
cc @lea.verou.me
Reposted by Noam Rosenthal
Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?
TPAC 2025 - Hybrid meeting
Our major event of the year gathers our community for thought-provoking discussions and coordinated work.
www.w3.org
November 6, 2025 at 9:44 AM
Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?
Reposted by Noam Rosenthal
With all the excitement of (Same-Document) View Transitions (and more VT features) becoming Baseline Newly available (yay! 🎉), one might overlook the inclusion of the moveBefore() method.
This method is a pretty big deal as it allows you to move elements around the DOM while preserving their state.
This method is a pretty big deal as it allows you to move elements around the DOM while preserving their state.
October 15, 2025 at 9:57 AM
With all the excitement of (Same-Document) View Transitions (and more VT features) becoming Baseline Newly available (yay! 🎉), one might overlook the inclusion of the moveBefore() method.
This method is a pretty big deal as it allows you to move elements around the DOM while preserving their state.
This method is a pretty big deal as it allows you to move elements around the DOM while preserving their state.
Yay another corner-shape article! Keep them coming!
What Can We Actually Do With corner-shape? | CSS-Tricks share.google/sTQD2Jh8vvzE...
What Can We Actually Do With corner-shape? | CSS-Tricks share.google/sTQD2Jh8vvzE...
What Can We Actually Do With corner-shape? | CSS-Tricks
When I first started messing around with code, rounded corners required five background images or an image sprite likely created in Photoshop, so when
share.google
September 13, 2025 at 11:18 AM
Yay another corner-shape article! Keep them coming!
What Can We Actually Do With corner-shape? | CSS-Tricks share.google/sTQD2Jh8vvzE...
What Can We Actually Do With corner-shape? | CSS-Tricks share.google/sTQD2Jh8vvzE...
corner-shape documentation is now available on mdn!
developer.mozilla.org/en-US/docs/W...
developer.mozilla.org/en-US/docs/W...
corner-shape - CSS | MDN
The corner-shape shorthand CSS property specifies the shape of a box's corners, within the area specified by its border-radius property value.
developer.mozilla.org
September 11, 2025 at 1:35 PM
corner-shape documentation is now available on mdn!
developer.mozilla.org/en-US/docs/W...
developer.mozilla.org/en-US/docs/W...
Reposted by Noam Rosenthal
If you thought we were done with View Transitions, guess again!
A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.
This unlocks things like concurrent transitions and prevents layering issues.
developer.chrome.com/blog/scoped-...
A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.
This unlocks things like concurrent transitions and prevents layering issues.
developer.chrome.com/blog/scoped-...
September 10, 2025 at 2:09 PM
If you thought we were done with View Transitions, guess again!
A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.
This unlocks things like concurrent transitions and prevents layering issues.
developer.chrome.com/blog/scoped-...
A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.
This unlocks things like concurrent transitions and prevents layering issues.
developer.chrome.com/blog/scoped-...
What if some client-side browsing features were part of the web platform?
Direct CSS reflection of URL state, snappy pending/optimistic UI, URL-to-scroll-snap binding, and some basic same-document navigation use cases, with JS being only an option.
github.com/WICG/declara...
Inviting feedback!
Direct CSS reflection of URL state, snappy pending/optimistic UI, URL-to-scroll-snap binding, and some basic same-document navigation use cases, with JS being only an option.
github.com/WICG/declara...
Inviting feedback!
github.com
September 3, 2025 at 7:13 PM
What if some client-side browsing features were part of the web platform?
Direct CSS reflection of URL state, snappy pending/optimistic UI, URL-to-scroll-snap binding, and some basic same-document navigation use cases, with JS being only an option.
github.com/WICG/declara...
Inviting feedback!
Direct CSS reflection of URL state, snappy pending/optimistic UI, URL-to-scroll-snap binding, and some basic same-document navigation use cases, with JS being only an option.
github.com/WICG/declara...
Inviting feedback!
Reposted by Noam Rosenthal
Hi all 👋 We're gearing up for 2026 planning soon (UI capabilities and Interop)
Do you work on a UI library or framework? I want to hear from you and your experiences/needs. Message me!
Do you work on a UI library or framework? I want to hear from you and your experiences/needs. Message me!
August 26, 2025 at 3:28 PM
Hi all 👋 We're gearing up for 2026 planning soon (UI capabilities and Interop)
Do you work on a UI library or framework? I want to hear from you and your experiences/needs. Message me!
Do you work on a UI library or framework? I want to hear from you and your experiences/needs. Message me!
IDs in HTML are designed to be unique, yet from a quick HTTP archive query it seems like an order of magnitude of 45% of HTML responses in July 2025 had duplicates.
Perhaps we should embrace that IDs being unique is a lost battle.
Perhaps we should embrace that IDs being unique is a lost battle.
August 28, 2025 at 12:00 PM
IDs in HTML are designed to be unique, yet from a quick HTTP archive query it seems like an order of magnitude of 45% of HTML responses in July 2025 had duplicates.
Perhaps we should embrace that IDs being unique is a lost battle.
Perhaps we should embrace that IDs being unique is a lost battle.
Reposted by Noam Rosenthal
We're exploring streaming HTML into an element in github.com/WICG/declara... but you can already emulate it with some JS that feeds a parser of a detached document and moves elements as they appear. cc @nomster.bsky.social
github.com
August 23, 2025 at 3:52 PM
We're exploring streaming HTML into an element in github.com/WICG/declara... but you can already emulate it with some JS that feeds a parser of a detached document and moves elements as they appear. cc @nomster.bsky.social
Periodic reminder: a brand new DOM on top of canvas is an idea that floats every so often and would not work. The edge cases already baked into HTML are vast and reproducing all of them in a shiny new thing is futile.
We can't go over it, we can't go under it, we've got to go through it.
We can't go over it, we can't go under it, we've got to go through it.
August 13, 2025 at 11:42 AM
Periodic reminder: a brand new DOM on top of canvas is an idea that floats every so often and would not work. The edge cases already baked into HTML are vast and reproducing all of them in a shiny new thing is futile.
We can't go over it, we can't go under it, we've got to go through it.
We can't go over it, we can't go under it, we've got to go through it.
Can you name a native mobile app that gives you the feeling of "I wouldn't be able to build this on the mobile web" from the UI / UX quality perspective?
I am sure there are lots but looking for inspiration of where to look.
I am sure there are lots but looking for inspiration of where to look.
August 6, 2025 at 9:16 PM
Can you name a native mobile app that gives you the feeling of "I wouldn't be able to build this on the mobile web" from the UI / UX quality perspective?
I am sure there are lots but looking for inspiration of where to look.
I am sure there are lots but looking for inspiration of where to look.
Reflecting on the "Extensible web manifesto" from '13 and about the balance between high/low-level web features, and what "prioritize low-level+JS polyfills" means in 2025, especially when mobile is considered.
I don't know how to flatten these thoughts to a hot take, so just sharing this for now.
I don't know how to flatten these thoughts to a hot take, so just sharing this for now.
August 6, 2025 at 7:44 PM
Reflecting on the "Extensible web manifesto" from '13 and about the balance between high/low-level web features, and what "prioritize low-level+JS polyfills" means in 2025, especially when mobile is considered.
I don't know how to flatten these thoughts to a hot take, so just sharing this for now.
I don't know how to flatten these thoughts to a hot take, so just sharing this for now.
Just found out that some fun Typescript experiment I tinkered with ~7 years ago when at Wix was forked, productized and the fork now gets thousands of weekly npm downloads because it's a dependency of something I wasn't familiar with called "rxdb". I love open source!
github.com/wix-incubato...
github.com/wix-incubato...
GitHub - wix-incubator/as-typed: Ambient mapping from JSON schema to typescript
Ambient mapping from JSON schema to typescript. Contribute to wix-incubator/as-typed development by creating an account on GitHub.
github.com
July 7, 2025 at 9:22 PM
Just found out that some fun Typescript experiment I tinkered with ~7 years ago when at Wix was forked, productized and the fork now gets thousands of weekly npm downloads because it's a dependency of something I wasn't familiar with called "rxdb". I love open source!
github.com/wix-incubato...
github.com/wix-incubato...
Reposted by Noam Rosenthal
📝 New CSS Article!
Closing this series with a fourth part where I am exploring two more shape() commands.
This powerful feature will soon be available in all the browsers so don't miss the opportunity to learn about it and master it!
Closing this series with a fourth part where I am exploring two more shape() commands.
This powerful feature will soon be available in all the browsers so don't miss the opportunity to learn about it and master it!
The shape() function's close and move commands may not be ones you reach for often, but are incredibly useful for certain shapes. @css-only.dev has examples.
css-tricks.com/better-css-s...
css-tricks.com/better-css-s...
Better CSS Shapes Using shape() — Part 4: Close and Move | CSS-Tricks
This is the fourth post in a series about the new CSS shape() function. So far, we’ve covered the most common commands you will use to draw various shapes,
css-tricks.com
July 7, 2025 at 6:37 PM
📝 New CSS Article!
Closing this series with a fourth part where I am exploring two more shape() commands.
This powerful feature will soon be available in all the browsers so don't miss the opportunity to learn about it and master it!
Closing this series with a fourth part where I am exploring two more shape() commands.
This powerful feature will soon be available in all the browsers so don't miss the opportunity to learn about it and master it!
Reposted by Noam Rosenthal
✨ New article: Understanding CSS corner-shape and the Power of the Superellipse!
A deep dive into the new property, and a little dig into the math behind it, with lots of cool examples, but they only work on Chrome 139+.
🔗 Check it out on @frontendmasters.com: frontendmasters.com/blog/underst...
A deep dive into the new property, and a little dig into the math behind it, with lots of cool examples, but they only work on Chrome 139+.
🔗 Check it out on @frontendmasters.com: frontendmasters.com/blog/underst...
June 23, 2025 at 6:44 PM
✨ New article: Understanding CSS corner-shape and the Power of the Superellipse!
A deep dive into the new property, and a little dig into the math behind it, with lots of cool examples, but they only work on Chrome 139+.
🔗 Check it out on @frontendmasters.com: frontendmasters.com/blog/underst...
A deep dive into the new property, and a little dig into the math behind it, with lots of cool examples, but they only work on Chrome 139+.
🔗 Check it out on @frontendmasters.com: frontendmasters.com/blog/underst...
Reposted by Noam Rosenthal
The #Palestinian & #Jewish #Israelis of @standing-together.bsky.social stand determinedly in the growing space between binary positions, building a better future of #Justice, #Equality & #Peace from the grassroots. Learn about the movement at this event in #Brighton on 13.07.25 @ukfost.bsky.social
June 20, 2025 at 5:45 AM
The #Palestinian & #Jewish #Israelis of @standing-together.bsky.social stand determinedly in the growing space between binary positions, building a better future of #Justice, #Equality & #Peace from the grassroots. Learn about the movement at this event in #Brighton on 13.07.25 @ukfost.bsky.social
Reposted by Noam Rosenthal
📝 New CSS Article!
Guess who's writing again about CSS shapes? 🫣
This time, I am exploring the corner-shape property. A new tool to easily draw shapes.
frontendmasters.com/blog/drawing...
⚠️ No browser support yet but a good opportunity to know about this powerful feature and get ready for it!
Guess who's writing again about CSS shapes? 🫣
This time, I am exploring the corner-shape property. A new tool to easily draw shapes.
frontendmasters.com/blog/drawing...
⚠️ No browser support yet but a good opportunity to know about this powerful feature and get ready for it!
June 18, 2025 at 6:34 PM
📝 New CSS Article!
Guess who's writing again about CSS shapes? 🫣
This time, I am exploring the corner-shape property. A new tool to easily draw shapes.
frontendmasters.com/blog/drawing...
⚠️ No browser support yet but a good opportunity to know about this powerful feature and get ready for it!
Guess who's writing again about CSS shapes? 🫣
This time, I am exploring the corner-shape property. A new tool to easily draw shapes.
frontendmasters.com/blog/drawing...
⚠️ No browser support yet but a good opportunity to know about this powerful feature and get ready for it!
Reposted by Noam Rosenthal
💡 CSS Tip!
Save this code for the future. It will be the easiest way to create hexagon shapes and ... 🥁🥁🥁 ... it works with border! 🤩
css-tip.com/hexagon/
The magic? The new corner-shape property!
Save this code for the future. It will be the easiest way to create hexagon shapes and ... 🥁🥁🥁 ... it works with border! 🤩
css-tip.com/hexagon/
The magic? The new corner-shape property!
June 12, 2025 at 11:02 AM
💡 CSS Tip!
Save this code for the future. It will be the easiest way to create hexagon shapes and ... 🥁🥁🥁 ... it works with border! 🤩
css-tip.com/hexagon/
The magic? The new corner-shape property!
Save this code for the future. It will be the easiest way to create hexagon shapes and ... 🥁🥁🥁 ... it works with border! 🤩
css-tip.com/hexagon/
The magic? The new corner-shape property!
Reposted by Noam Rosenthal
Blink: Intent to Ship: CSS Corner shaping (corner-shape, superellipse, squircle)
Blink: Intent to Ship: CSS Corner shaping (corner-shape, superellipse, squircle)
Blink: Intent to Ship: CSS Corner shaping (corner-shape, superellipse, squircle)
groups.google.com
June 11, 2025 at 5:11 PM
Blink: Intent to Ship: CSS Corner shaping (corner-shape, superellipse, squircle)
Reposted by Noam Rosenthal
The CSS shape() function's arc and curve commands might produce similar looking results at first glance, but they're quite different and there's a big "it depends" when you use one or the other.
@css-only.dev with a great explanation and examples, as always…
css-tricks.com/better-css-s...
@css-only.dev with a great explanation and examples, as always…
css-tricks.com/better-css-s...
Better CSS Shapes Using shape() — Part 3: Curves | CSS-Tricks
This is the third article in a series about the CSS shape() function. We've covered drawing lines and arcs in previous articles and, this time, we look specifically at the curve command and how to use...
css-tricks.com
June 6, 2025 at 1:59 PM
The CSS shape() function's arc and curve commands might produce similar looking results at first glance, but they're quite different and there's a big "it depends" when you use one or the other.
@css-only.dev with a great explanation and examples, as always…
css-tricks.com/better-css-s...
@css-only.dev with a great explanation and examples, as always…
css-tricks.com/better-css-s...