🔥The 9th Round of Easy Loan, Earn $40 Reward is in progress❗️ ⏰ Promotion Period: January 15th - Feburary 15th, 2025 👉 Register now and check more details at gate.io/campaigns/358

The browser finally has a way to move elements. Yes, really. It took this long. Obv I had to make a video about it

Oh dear. This literally says "Original language: English", with the letters reversed.

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

This is great news!

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…

Responsive CSS shapes are coming drafts.csswg.org/css-shapes-2/#… Implemented in Chrome Canary & Safari Technology Preview Blog post etc. soon

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 Dominic Farolino for leading this! So happy to help bringing this to life.

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 Noam Rosenthal 🦋 nomster.bsky.social

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…

... 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

My ultra-talented brother is in this! youtube.com/watch?v=uZ86IC… (Playing St. Peter, 0:37 into the trailer)

The CSS shape() function is available in Chrome M135 and Safari 184! Here is some quick documentation: developer.chrome.com/blog/css-shape…

בדיוק כשאנחנו בארץ בביקור ומתחילים להתגעגע כל האזור שגדלתי בו נשרף

Great post on the new CSS corner-shape property from Amit Sheen frontendmasters.com/blog/understan…

לרצות החלפת שלטון כל עוד האלטרנטיבה מהימין/מרכז זה כמו לרצות מלחמה בפקקים כל עוד לא משנים כלום בסדר העדיפויות, התקצוב, בתכנון, ובהעדפת תחבצ וכו רוצים שינוי בתנאי שהכל ישאר אותו דבר