Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

next-view-transitions

asidorenko_'s profile picture

Alex Sidorenko

35,216 subscribers

114,981 görüntüleme • 2 yıl önce •via X (Twitter)

EğitimBilim & TeknolojiKomedi
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Matt Wood profil fotoğrafı
Matt Wood2 yıl önce

This has been my favorite update of the year. 🙂

Jotagep profil fotoğrafı
Jotagep2 yıl önce

Great, really smooth

Juan profil fotoğrafı
Juan2 yıl önce

@rauchg @midudev Así se usaría

by oyindamola. profil fotoğrafı
by oyindamola.2 yıl önce

will definitely start using this

Bao Loc Tran Le profil fotoğrafı
Bao Loc Tran Le2 yıl önce

Amazing 😯

Krishna Singh profil fotoğrafı
Krishna Singh2 yıl önce

Interesting 🩵

louisetyne profil fotoğrafı
louisetyne2 yıl önce

@pioloebarle

Oscar Cornejo profil fotoğrafı
Oscar Cornejo2 yıl önce

Hi @leeerob and when any update to work better with View Transitions API in #Nextjs?

Sagar Jani profil fotoğrafı
Sagar Jani2 yıl önce

Does it make navigation faster/smoother ?

Em Ha Tuan profil fotoğrafı
Em Ha Tuan2 yıl önce

There is a nice feature. Hopefully, the API will be fully supporting for all browser in the future

Benzer Videolar

First look at Next.js' experimental View Transitions support ✨ Powered by Next 15.2 and unstable_ViewTransition
0:35

First look at Next.js' experimental View Transitions support ✨ Powered by Next 15.2 and unstable_ViewTransition

Maxi Ferreira

83,744 görüntüleme • 1 yıl önce

View Transitions in Next.js 15.2
0:21

View Transitions in Next.js 15.2

Alex Sidorenko

65,135 görüntüleme • 1 yıl önce

Playing with view transitions in the web
0:25

Playing with view transitions in the web

Marvin Schwaibold

27,574 görüntüleme • 3 ay önce

Like View Transitions? Astro Photo Gallery is a fresh View Transitions + Astro template by Maxi Ferreira and I. Try our demo & links on 🚀
0:43

Like View Transitions? Astro Photo Gallery is a fresh View Transitions + Astro template by Maxi Ferreira and I. Try our demo & links on 🚀

Addy Osmani

79,779 görüntüleme • 2 yıl önce

Create Smooth Page Animations With View Transitions 🔄
0:56

Create Smooth Page Animations With View Transitions 🔄

Frontend Masters 💻✨

11,536 görüntüleme • 1 yıl önce

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →
1:24

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →

Chrome for Developers

114,534 görüntüleme • 6 ay önce

"Always great grid - CSS grid + :has() + view transitions" by Adam Argyle
0:20

"Always great grid - CSS grid + :has() + view transitions" by Adam Argyle

CodePen.IO

79,784 görüntüleme • 1 yıl önce

Wanna see a 90-second speed run of on-page View Transitions?
1:35

Wanna see a 90-second speed run of on-page View Transitions?

Chris Coyier

145,861 görüntüleme • 2 yıl önce

View Transitions with CSS linear() to create a light flicker effect 💡
0:35

View Transitions with CSS linear() to create a light flicker effect 💡

jhey ʕ•ᴥ•ʔ

265,736 görüntüleme • 1 yıl önce

Yoooo CSS view transitions are incredible! This is like 100 lines. Wild. 🤯
0:25

Yoooo CSS view transitions are incredible! This is like 100 lines. Wild. 🤯

Devon Govett

120,760 görüntüleme • 1 yıl önce

Como usar (y personalizar) las View Transitions en Next.js 15.2 🤝
1:01

Como usar (y personalizar) las View Transitions en Next.js 15.2 🤝

goncy.tsx

11,163 görüntüleme • 1 yıl önce

If you thought we were done with View Transitions, guess again! Chrome is working on “Scoped View Transitions” which allow you to scope a VT to a subtree of the DOM. This unlocks things like concurrent VTs and prevents layering issues. Thread on 🦋:
0:28

If you thought we were done with View Transitions, guess again! Chrome is working on “Scoped View Transitions” which allow you to scope a VT to a subtree of the DOM. This unlocks things like concurrent VTs and prevents layering issues. Thread on 🦋:

Bramus

23,371 görüntüleme • 9 ay önce

No more page refreshes in Astro projects! 🤩 Experimental view transitions: animate between pages like iPhone apps 👀
3:29

No more page refreshes in Astro projects! 🤩 Experimental view transitions: animate between pages like iPhone apps 👀

Ben Holmes

82,258 görüntüleme • 2 yıl önce

Crea animaciones entre páginas con 5 líneas de código. Te presento las View Transitions de CSS:
1:10

Crea animaciones entre páginas con 5 líneas de código. Te presento las View Transitions de CSS:

Miguel Ángel Durán

33,893 görüntüleme • 1 yıl önce

been spending some time getting deeper into UIKit, building out custom view transitions and neat UI patterns as practice
0:35

been spending some time getting deeper into UIKit, building out custom view transitions and neat UI patterns as practice

yh

48,692 görüntüleme • 1 yıl önce

this is stunning.. the animations and transitions on the xiaomi car dashboard are next level..
0:25

this is stunning.. the animations and transitions on the xiaomi car dashboard are next level..

Aurelien

13,004 görüntüleme • 1 yıl önce

#CSS Neue Bento ✅ grid layout ✅ :has() quantity queries ✅ aspect-ratio container queries ✅ view transitions for flare
0:48

#CSS Neue Bento ✅ grid layout ✅ :has() quantity queries ✅ aspect-ratio container queries ✅ view transitions for flare

Adam Argyle

127,962 görüntüleme • 2 yıl önce

View Transition Types are newly baseline! These make it easier to build transitions that are specific to particular situations. Also, we have some new View Transition DevTools in Firefox 147…
1:33

View Transition Types are newly baseline! These make it easier to build transitions that are specific to particular situations. Also, we have some new View Transition DevTools in Firefox 147…

Firefox for Web Developers

15,394 görüntüleme • 4 ay önce

⚽️ 2v1s & Transitions Subscribe to our drill library to view hundreds of specialised & adaptable animated training activities ↙️ 💻
0:21

⚽️ 2v1s & Transitions Subscribe to our drill library to view hundreds of specialised & adaptable animated training activities ↙️ 💻

The Coaches Zone

15,211 görüntüleme • 1 yıl önce

We now have view transitions enabled by default on iOS 18 🎉 There are still some rough edges and some back navigation transitions are not yet correct. Perhaps Safari needs some fixes so I’m checking the code 🧐
0:38

We now have view transitions enabled by default on iOS 18 🎉 There are still some rough edges and some back navigation transitions are not yet correct. Perhaps Safari needs some fixes so I’m checking the code 🧐

Danny Moerkerke

10,842 görüntüleme • 1 yıl önce