Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.

addyosmani's profile picture

Addy Osmani

391,970 subscribers

33,113 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

View Transitions API + Next.js:
0:11

View Transitions API + Next.js:

Lee Robinson

87,358 görüntüleme • 1 yıl önce

I created this gooey text effect animation using View Transitions and the blur + contrast method
0:13

I created this gooey text effect animation using View Transitions and the blur + contrast method

Kevin Grajeda

172,261 görüntüleme • 1 yıl önce

A first look at View Transitions working in Safari!
0:15

A first look at View Transitions working in Safari!

Addy Osmani

105,952 görüntüleme • 2 yıl önce

View Transitions are coming to WP Admin in WordPress 7.0!
0:14

View Transitions are coming to WP Admin in WordPress 7.0!

Felix Arntz

14,392 görüntüleme • 5 ay önce

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

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

Astro

201,430 görüntüleme • 8 ay önce

New Astro + View Transitions demo ✨ This time using React Three Fiber to render an animated 3D model that persists across page-navigations.
0:18

New Astro + View Transitions demo ✨ This time using React Three Fiber to render an animated 3D model that persists across page-navigations.

Maxi Ferreira

125,776 görüntüleme • 2 yıl önce

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.
0:13

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.

Chrome for Developers

72,972 görüntüleme • 2 ay önce

Fluid state transitions for the new, experimental Next.js Error Overlay
0:10

Fluid state transitions for the new, experimental Next.js Error Overlay

rauno

91,525 görüntüleme • 1 yıl önce

Did you know you can use view transitions with iframes? This is all you need: <iframe transition:name={exampleName}>
0:14

Did you know you can use view transitions with iframes? This is all you need: <iframe transition:name={exampleName}>

Astro

19,543 görüntüleme • 1 yıl önce

shared element transitions [document] exploring layers and interactive dismissal patterns in this new view controller transition love giving the user small hints when they are mid-gesture - in this case "I'll dismiss if you let go!"
0:05

shared element transitions [document] exploring layers and interactive dismissal patterns in this new view controller transition love giving the user small hints when they are mid-gesture - in this case "I'll dismiss if you let go!"

Kristian Wagner

16,199 görüntüleme • 1 yıl önce

Nuxt Movies Demo now leverages the browser View Transitions API 🪄 Source code is open source on
0:13

Nuxt Movies Demo now leverages the browser View Transitions API 🪄 Source code is open source on

Nuxt

383,134 görüntüleme • 3 yıl önce

new examples in the next version of react-native-screen-transitions. These just showcase the scrollview + gesture based transitions.
0:19

new examples in the next version of react-native-screen-transitions. These just showcase the scrollview + gesture based transitions.

Ed

57,166 görüntüleme • 11 ay önce

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.
0:18

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.

Noman

26,710 görüntüleme • 28 gün önce

This is how the new spectator camera transitions looks like in-game.
0:16

This is how the new spectator camera transitions looks like in-game.

Thour

782,812 görüntüleme • 8 ay önce

After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀 CodePen.IO
0:10

After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀 CodePen.IO

Aysenur

83,697 görüntüleme • 2 yıl önce

A year ago view transitions were tricky to implement right Today, I used this skill + $2 in credits to near one-shot this 🤯 Do I ship it to skills sh?
0:13

A year ago view transitions were tricky to implement right Today, I used this skill + $2 in credits to near one-shot this 🤯 Do I ship it to skills sh?

Andrew Qu

57,665 görüntüleme • 2 ay önce

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira
0:14

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira

Addy Osmani

104,209 görüntüleme • 3 yıl önce

How many transitions can you count??
0:15

How many transitions can you count??

ravengriim

186,213 görüntüleme • 1 yıl önce

My favorite dj transitions #djtransition #djtransitions #transitions
0:10

My favorite dj transitions #djtransition #djtransitions #transitions

TheSwingNation

22,206 görüntüleme • 1 yıl önce