Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Happy "View Transitions Level 1 support in all major browsers" Day! 🎉 With Firefox 144 now stable, everyone gets beautiful transitions with Astro ClientRouter

Astro

100,882 subscribers

201,544 views • 10 months ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

*You can make popup modals with 2 lines of HTML* Yesterday, Firefox 🔥 125 came out. This means all major browsers now support all the fantastic features of popover, which means an entire class of JavaScript libraries (and I suspect about 10% of @GitHub) is now fully obsolete.

You can make popup modals with 2 lines of HTML Yesterday, Firefox 🔥 125 came out. This means all major browsers now support all the fantastic features of popover, which means an entire class of JavaScript libraries (and I suspect about 10% of @GitHub) is now fully obsolete.

Joost de Valk

221,137 views • 2 years ago

Now is the time everyone gets to direct with Kling 3.0. It understands storytelling structure, handling shot-reverse-shot, transitions, and off-screen narration naturally in a single output.

Now is the time everyone gets to direct with Kling 3.0. It understands storytelling structure, handling shot-reverse-shot, transitions, and off-screen narration naturally in a single output.

Aria Westcott

215,639 views • 6 months ago

Another little Liveline update: multi-series support. You can now have multiple overlapping lines in one chart with per-series toggles. Same smooth loading transitions, time windows, etc. ~npm i liveline

Another little Liveline update: multi-series support. You can now have multiple overlapping lines in one chart with per-series toggles. Same smooth loading transitions, time windows, etc. ~npm i liveline

Benji Taylor

48,804 views • 6 months ago

DialKit now has css easing curve support for transitions, a number of other minor improves. And thanks to Kit Langton now works with SolidJS in addition to React. Over 25,000 weekly installs already! npm install dialkit

DialKit now has css easing curve support for transitions, a number of other minor improves. And thanks to Kit Langton now works with SolidJS in addition to React. Over 25,000 weekly installs already! npm install dialkit

joshpuckett

31,941 views • 6 months ago

Happy Independence Day, friends! To everyone in Ukraine and all around the world. With your support, and our Armed Forces, Ukraine’s future is strength and freedom. 🇺🇦

Happy Independence Day, friends! To everyone in Ukraine and all around the world. With your support, and our Armed Forces, Ukraine’s future is strength and freedom. 🇺🇦

Maria Avdeeva

24,719 views • 1 year ago

Happy Mother's Day, Mama Jones! Spencer Jones gets his first Major League hit and RBI with his family in the stands 🩷

Happy Mother's Day, Mama Jones! Spencer Jones gets his first Major League hit and RBI with his family in the stands 🩷

MLB

259,839 views • 3 months ago

For the hat trick, here's my third horrible Safari bug of the day… Registering custom properties with the right type causes this element to change height for a second on hover 👍 So I guess we can't support gradient transitions in v4 🫠

For the hat trick, here's my third horrible Safari bug of the day… Registering custom properties with the right type causes this element to change height for a second on hover 👍 So I guess we can't support gradient transitions in v4 🫠

Adam Wathan

47,993 views • 1 year ago

500 players running in the same Three.js world — still holding 60+ FPS. 😄 A few days ago I was happy with stable terrain rendering. Now the world is filled with hundreds of moving players, chunk streaming, instanced models, and smooth transitions between real chunks and placeholder terrain. This is starting to feel like an actual platform-scale game world. More soon 👀 #threejsJourney #webgl #gamedev #threejs #AI #VibeCoding

500 players running in the same Three.js world — still holding 60+ FPS. 😄 A few days ago I was happy with stable terrain rendering. Now the world is filled with hundreds of moving players, chunk streaming, instanced models, and smooth transitions between real chunks and placeholder terrain. This is starting to feel like an actual platform-scale game world. More soon 👀 #threejsJourney #webgl #gamedev #threejs #AI #VibeCoding

Ricardo de Zoete | Hammy(.eth)

31,684 views • 2 months ago

They were even more beautiful in person and all of them were so fucking nice and so happy to take pics with EVERYONE

They were even more beautiful in person and all of them were so fucking nice and so happy to take pics with EVERYONE

💍Prostitution Whore💍

201,968 views • 2 months ago

Good morning everyone ✨ POV: one day all in Winna.com trusted with my money… now we pray 😂

Good morning everyone ✨ POV: one day all in Winna.com trusted with my money… now we pray 😂

Danish 🇳🇴

63,799 views • 18 days ago

No man finds a woman like this and willingly lets her go. Your home is truly blessed, Safiya. 🤍 Please support her business she sells beautiful abayas in all styles, with something for everyone.

No man finds a woman like this and willingly lets her go. Your home is truly blessed, Safiya. 🤍 Please support her business she sells beautiful abayas in all styles, with something for everyone.

Ayshatou🥀🥀

37,870 views • 1 month ago

✨Happy #PortfolioDay✨ I am Ezgi, a freelance 3D artist loving everything stylized! I just finished my studies and finally have time to participate again with my graduation project😊🦋 Excited to see everyone's beautiful art all day long🎉

✨Happy #PortfolioDay✨ I am Ezgi, a freelance 3D artist loving everything stylized! I just finished my studies and finally have time to participate again with my graduation project😊🦋 Excited to see everyone's beautiful art all day long🎉

Ezgi☂️

29,756 views • 3 years ago

The final word from this man! 🇮🇹 “I just wanted to thank you all for your support today and the atmosphere in the stadium. We are all happy, I am happy with my first goal and we are pleased with the win. Now we just need to carry on like this. All the best and thanks once again!”

The final word from this man! 🇮🇹 “I just wanted to thank you all for your support today and the atmosphere in the stadium. We are all happy, I am happy with my first goal and we are pleased with the win. Now we just need to carry on like this. All the best and thanks once again!”

Newcastle United

1,402,266 views • 3 years ago

The fuel situation in Russian occupied Crimea continues to spiral, with residents searching all day and night, now resorting to filling cars with only 1 liter borrowed from other drivers.

The fuel situation in Russian occupied Crimea continues to spiral, with residents searching all day and night, now resorting to filling cars with only 1 liter borrowed from other drivers.

Jay in Kyiv

133,090 views • 2 months ago

🎉HAPPY MF BIRTHDAY TO ME🎉 Chapter 31 of this thing called LIFE. Everything in Life is truly so beautiful, the ups, the downs, the struggles, the wins. It’s all part of our journey on this earth. May god bless me with many more years.🫶🏽

🎉HAPPY MF BIRTHDAY TO ME🎉 Chapter 31 of this thing called LIFE. Everything in Life is truly so beautiful, the ups, the downs, the struggles, the wins. It’s all part of our journey on this earth. May god bless me with many more years.🫶🏽

Hector Marchena

35,809 views • 1 year ago

you can create a sticky navbar that morphs when you scroll with pure CSS, no JS or animation libraries required 𝚑𝚎𝚊𝚍𝚎𝚛 { 𝚌𝚘𝚗𝚝𝚊𝚒𝚗𝚎𝚛-𝚝𝚢𝚙𝚎: 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚝𝚊𝚝𝚎; 𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗: 𝚜𝚝𝚒𝚌𝚔𝚢; 𝚝𝚘𝚙: 𝟶; } @𝚌𝚘𝚗𝚝𝚊𝚒𝚗𝚎𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚝𝚊𝚝𝚎(𝚜𝚝𝚞𝚌𝚔: 𝚝𝚘𝚙) { .𝚗𝚊𝚟-𝚋𝚊𝚛 { 𝚖𝚊𝚡-𝚠𝚒𝚍𝚝𝚑: 𝟻𝟼𝚛𝚎𝚖; 𝚋𝚘𝚛𝚍𝚎𝚛-𝚛𝚊𝚍𝚒𝚞𝚜: 𝟶.𝟽𝟻𝚛𝚎𝚖; 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚛𝚐𝚋(𝟸𝟻𝟻 𝟸𝟻𝟻 𝟸𝟻𝟻 / 𝟶.𝟿𝟸); } } the browser now knows when a sticky element is stuck, all triggered by one container query available only in chromium browsers only, no firefox or safari which is a shame

you can create a sticky navbar that morphs when you scroll with pure CSS, no JS or animation libraries required 𝚑𝚎𝚊𝚍𝚎𝚛 { 𝚌𝚘𝚗𝚝𝚊𝚒𝚗𝚎𝚛-𝚝𝚢𝚙𝚎: 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚝𝚊𝚝𝚎; 𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗: 𝚜𝚝𝚒𝚌𝚔𝚢; 𝚝𝚘𝚙: 𝟶; } @𝚌𝚘𝚗𝚝𝚊𝚒𝚗𝚎𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚝𝚊𝚝𝚎(𝚜𝚝𝚞𝚌𝚔: 𝚝𝚘𝚙) { .𝚗𝚊𝚟-𝚋𝚊𝚛 { 𝚖𝚊𝚡-𝚠𝚒𝚍𝚝𝚑: 𝟻𝟼𝚛𝚎𝚖; 𝚋𝚘𝚛𝚍𝚎𝚛-𝚛𝚊𝚍𝚒𝚞𝚜: 𝟶.𝟽𝟻𝚛𝚎𝚖; 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚛𝚐𝚋(𝟸𝟻𝟻 𝟸𝟻𝟻 𝟸𝟻𝟻 / 𝟶.𝟿𝟸); } } the browser now knows when a sticky element is stuck, all triggered by one container query available only in chromium browsers only, no firefox or safari which is a shame

Manu Arora

113,112 views • 3 months ago