Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

⭐ overscroll-behavior: contain is the key to native-feeling scroll views

BHolmesDev's profile picture

Ben Holmes

44,937 subscribers

51,894 görüntüleme • 9 ay önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

THANK YOU FOR THE LOVE ❤️ The trailer of #STAR hits 2 Million views in 24 hours, #StarTrailer - #STARfromMay10 #STARMOVIE ⭐ #KAVIN #ELAN #YUVAN #KEY
0:25

THANK YOU FOR THE LOVE ❤️ The trailer of #STAR hits 2 Million views in 24 hours, #StarTrailer - #STARfromMay10 #STARMOVIE ⭐ #KAVIN #ELAN #YUVAN #KEY

Elan

42,529 görüntüleme • 2 yıl önce

CSS scroll to decrypt 🤖 The trick is translating text on scroll within a clipped element ✨ (Watch 🎞️) .char { animation: t both steps(10); animation-timeline: --heading; animation-range: contain calc(var(--i) * 1%)...; } @​keyframes t { to { translate: 0 calc(100% - 1lh);}}
0:47

CSS scroll to decrypt 🤖 The trick is translating text on scroll within a clipped element ✨ (Watch 🎞️) .char { animation: t both steps(10); animation-timeline: --heading; animation-range: contain calc(var(--i) * 1%)...; } @​keyframes t { to { translate: 0 calc(100% - 1lh);}}

jhey ʕ•ᴥ•ʔ

264,537 görüntüleme • 1 yıl önce

To me, native visualization tools are key for a speedy development cycle! By native I mean "inside the application". For example, this is the importance sampling visualization for the light controls I posted yesterday:
0:33

To me, native visualization tools are key for a speedy development cycle! By native I mean "inside the application". For example, this is the importance sampling visualization for the light controls I posted yesterday:

Max Liani

19,167 görüntüleme • 2 yıl önce

That feeling of hanging ⭐⭐⭐is top notch ✨
0:35

That feeling of hanging ⭐⭐⭐is top notch ✨

Daoptimist⚓🌊🔥✨

171,799 görüntüleme • 1 yıl önce

User experience is key - that's why the best projects are building on Scroll. 📜 Catch Raza and explain how Scroll enables economic security through validity proofs. 🔐
1:22

User experience is key - that's why the best projects are building on Scroll. 📜 Catch Raza and explain how Scroll enables economic security through validity proofs. 🔐

Scroll

134,556 görüntüleme • 1 yıl önce

Dire Warning: Tucker Carlson suggests Israel is actively trying to pull the United States into war with Iran. “It's possible that the US government is trying to find a way to contain the behavior of its closest ally, Israel.” Watch:
1:03

Dire Warning: Tucker Carlson suggests Israel is actively trying to pull the United States into war with Iran. “It's possible that the US government is trying to find a way to contain the behavior of its closest ally, Israel.” Watch:

TCN

108,177 görüntüleme • 4 ay önce

Why Mother Tongue/Native Language is Important to Civilization and World Views of People. Using Yorùbá as context.
7:42

Why Mother Tongue/Native Language is Important to Civilization and World Views of People. Using Yorùbá as context.

THINK YORUBA FIRST

12,907 görüntüleme • 1 yıl önce

Scroll 📜 VS ⭐ Shuriken
0:41

Scroll 📜 VS ⭐ Shuriken

Earclacks

255,078 görüntüleme • 1 ay önce

He is not feeling safe in America, but still doesn’t want to go back to India. Pajeeta what is this behavior?
1:04

He is not feeling safe in America, but still doesn’t want to go back to India. Pajeeta what is this behavior?

کیڑےمکوڑے

11,687 görüntüleme • 1 ay önce

‘When you’re feeling Down’ it’s good to laugh and avoid the Doom Scroll🤪🤣🤣🤣
1:13

‘When you’re feeling Down’ it’s good to laugh and avoid the Doom Scroll🤪🤣🤣🤣

Stu thats all you get🇺🇸🏴󠁧󠁢󠁥󠁮󠁧󠁿

36,068 görüntüleme • 2 ay önce

WATCH: King Misuzulu KaZwelithini of the Zulu nation cautions foreign nationals living in the province to stop misbehaving. He says freedom is not key to wayward behavior - KZN Tonight Podcast
1:16

WATCH: King Misuzulu KaZwelithini of the Zulu nation cautions foreign nationals living in the province to stop misbehaving. He says freedom is not key to wayward behavior - KZN Tonight Podcast

Sihle Mavuso

53,460 görüntüleme • 5 ay önce

Great way to acclimate your children towards a healthier real life/Social Media balance. Having a plan to discourage scroll addiction is key to avoiding self conflict.
2:19

Great way to acclimate your children towards a healthier real life/Social Media balance. Having a plan to discourage scroll addiction is key to avoiding self conflict.

®️SheLuv

105,102 görüntüleme • 9 ay önce

Reasons why native Americans support Palestine 🇵🇸. What is happening to Native Americans is the same thing happening to Palestinians. It’s called settler colonialism and the elimination of the Native to take the land.
1:01

Reasons why native Americans support Palestine 🇵🇸. What is happening to Native Americans is the same thing happening to Palestinians. It’s called settler colonialism and the elimination of the Native to take the land.

Irlandarra

43,860 görüntüleme • 10 ay önce

Who would have thought a plain black scroll could contain something this beautiful? Pure magic! 💜
1:13

Who would have thought a plain black scroll could contain something this beautiful? Pure magic! 💜

Mann

119,071 görüntüleme • 2 ay önce

Braden Frager - the Lincoln native - sends Nebraska basketball to the Sweet 16. "It's an unbelievable feeling..." #Huskerrs KETV NewsWatch 7
0:39

Braden Frager - the Lincoln native - sends Nebraska basketball to the Sweet 16. "It's an unbelievable feeling..." #Huskerrs KETV NewsWatch 7

Lauren Michelson

10,535 görüntüleme • 3 ay önce

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?
0:25

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

110,696 görüntüleme • 8 ay önce

Carousels just got a major glow up 💅 New CSS primitives let you build carousels that are interactive at first paint. Easily add native scroll buttons, scroll markers, & scroll snap effects to turn a simple layout into a full story →
1:26

Carousels just got a major glow up 💅 New CSS primitives let you build carousels that are interactive at first paint. Easily add native scroll buttons, scroll markers, & scroll snap effects to turn a simple layout into a full story →

Chrome for Developers

46,450 görüntüleme • 6 ay önce

Rick Rizzs is feeling the love on the South Side 🥹 A tip of the cap to the Chicago White Sox for honoring the Chicago native during his final season behind the mic.
0:56

Rick Rizzs is feeling the love on the South Side 🥹 A tip of the cap to the Chicago White Sox for honoring the Chicago native during his final season behind the mic.

Seattle Mariners

30,614 görüntüleme • 1 ay önce

I kept skipping this in past React Native projects because there was never enough time to do it right. Not this time. Meet HeroUI native Scroll Shadow. Comments have interesting details 👇
0:24

I kept skipping this in past React Native projects because there was never enough time to do it right. Not this time. Meet HeroUI native Scroll Shadow. Comments have interesting details 👇

Volodymyr

33,893 görüntüleme • 9 ay önce