Noam Rosenthal 🦋 nomster.bsky.social
@nomsternom
Doing web platformy stuff at @ChromiumDev (and sometimes responding to Israeli politic nonsense in Hebrew because I can't help it)
The CSS shape() function is available in Chrome M135 and Safari 184! Here is some quick documentation: developer.chrome.com/blog/css-shape…
Some time in late 2023 we started thinking that it's time to fix this old web limitation where moving elements around the DOM resets state (iframe/focus etc)... It's 2025 and about to ship! Thanks @domfarolino for leading this! So happy to help bringing this to life.
We're shipping this in Chrome 133 (stable on Feb 4th)! Read more in our latest blog post: developer.chrome.com/blog/movebefor… Huge thx to @nomsternom for help bringing this to life, partners & frameworks that helped test it, and the spec ecosystem for working with us to get it standardized!
Join us on Thursday 7th August where we'll hear from @nomsternom - web platform engineer at @Google working on @googlechrome We'll hear about several exciting new features coming to #CSS 🍕 Pizzas provided by our venue, @RunwayEast! 🍻 BYOB meetup.com/async-web-tech…
לרצות החלפת שלטון כל עוד האלטרנטיבה מהימין/מרכז זה כמו לרצות מלחמה בפקקים כל עוד לא משנים כלום בסדר העדיפויות, התקצוב, בתכנון, ובהעדפת תחבצ וכו רוצים שינוי בתנאי שהכל ישאר אותו דבר
Great post on the new CSS corner-shape property from @amit_sheen frontendmasters.com/blog/understan…
בדיוק כשאנחנו בארץ בביקור ומתחילים להתגעגע כל האזור שגדלתי בו נשרף
My ultra-talented brother is in this! youtube.com/watch?v=uZ86IC… (Playing St. Peter, 0:37 into the trailer)
... and not only that, animating corner-shapes are now available on chrome canary (*)! codepen.io/noamr/pen/KwKE… * Chrome Canary 137.0.7109.0+, with experimental features turned on * expect bugs, especially around borders/shadows/backdrop
Live from the @csswg F2F: …not only is corner-shape coming …not only do we get squircles in CSS …it will even be possible to *animate* between different corner shapes because under the hood they'll all be expressed as different params of the same function! 🤩 Props to…
My favorite use-case for attr() is setting a `view-transition-name` on a bunch of elements based on one of their HTML attributes. ``` .card { view-transition-name: attr(id type(<custom-ident>), match-element); view-transition-class: card; } ``` 👉 bram.us/2025/01/20/css…
✍️ New Article: First Look at The Modern attr() I explored the new attr() capabilities and shared my thoughts about it. Happy reading! ishadeed.com/article/modern…
Chrome 135 and Safari 18.4 support CSS shape(), which will be the solution for responsive SVG paths. Demo: codepen.io/yisi/pen/vEYGr… developer.apple.com/documentation/… Thanks @smfr @nomsternom
Responsive CSS shapes are coming drafts.csswg.org/css-shapes-2/#… Implemented in Chrome Canary & Safari Technology Preview Blog post etc. soon
One great thing about view animations is animating things that can't usually be animated. Like this toggle UI, it's just switching between flex-start and flex-end. Of course, this is using Motion's classic spring animations. examples.motion.dev/js/view-animat…
This is great news!
React is finally going to handle View Transitions first-class 🥹 import { ViewTransition } from 'react' <ViewTransition> <Component /> </ViewTransition> github.com/facebook/react…
The Future of CSS: Construct <custom-ident> and <dashed-ident> values with ident() > Uniquely name a bunch elements in CSS in one go! Instead of assigning 100 unique names through 100 declarations, write only 1 and use ident() to construct the names. brm.us/ident
So many conversations here fall into the strawman/false dichotomy zone, where one side argues against a made up extreme version of what the other side is supposedly saying, making it an easy target but not a useful discussion. Trying to avoid this myself.
The browser finally has a way to move elements. Yes, really. It took this long. Obv I had to make a video about it