Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

BHolmesDev's profile picture

Ben Holmes

44,937 subscribers

51,894 Aufrufe • vor 9 Monaten •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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

That feeling of hanging ⭐⭐⭐is top notch ✨

Daoptimist⚓🌊🔥✨

171,799 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 11 Monaten

Scroll 📜 VS ⭐ Shuriken
0:41

Scroll 📜 VS ⭐ Shuriken

Earclacks

255,078 Aufrufe • vor 28 Tagen

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 Aufrufe • vor 1 Monat

‘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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 3 Monaten

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,643 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 9 Monaten