Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Let’s design a custom scroll indicator using the newly released scroll APIs in iOS 18!

_Kavsoft's profile picture

Kavsoft

24,556 subscribers

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

Sağlık & İyilikEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨
0:17

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

jhey ʕ•ᴥ•ʔ

113,025 görüntüleme • 2 yıl önce

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇
0:18

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇

Kavsoft

20,540 görüntüleme • 4 ay önce

Scroll indicator prototype in Figma inspired by the iPhone 16’s new camera button 🍏
0:11

Scroll indicator prototype in Figma inspired by the iPhone 16’s new camera button 🍏

Musab Alfawal

137,154 görüntüleme • 1 yıl önce

The spell animation of the newly added Mass Ressurection Scroll on CN Titan Reforged Realm. The scroll costs 56g to make.
0:12

The spell animation of the newly added Mass Ressurection Scroll on CN Titan Reforged Realm. The scroll costs 56g to make.

NasDa

209,834 görüntüleme • 4 ay önce

There isn’t a single line of SwiftUI here, this is a pure UIKit implementation on iOS 18. A fully custom navigation bar that hooks into the nearest UIScrollView to show the scroll-edge effect only once the user starts scrolling. Buttons are fully custom and display a nice brightness effect (CAFilter) when touched.
0:14

There isn’t a single line of SwiftUI here, this is a pure UIKit implementation on iOS 18. A fully custom navigation bar that hooks into the nearest UIScrollView to show the scroll-edge effect only once the user starts scrolling. Buttons are fully custom and display a nice brightness effect (CAFilter) when touched.

Julien Sagot

30,282 görüntüleme • 5 ay önce

iOS 26 Beta 4 adds a dynamic tint to the Notification Center as you scroll through notifications!
0:13

iOS 26 Beta 4 adds a dynamic tint to the Notification Center as you scroll through notifications!

Brandon Butch

144,587 görüntüleme • 10 ay önce

Lightning Scroll custom VFX was secretly added ⚡
0:10

Lightning Scroll custom VFX was secretly added ⚡

Deadlock Intel

60,400 görüntüleme • 1 ay önce

iOS 26.4 is out and they still haven’t fixed this album scroll bug in Apple Music
0:11

iOS 26.4 is out and they still haven’t fixed this album scroll bug in Apple Music

tyler

53,054 görüntüleme • 2 ay önce

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️
0:14

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️

Kavsoft

25,587 görüntüleme • 3 ay önce

Experimenting with scroll effects using shaders 💫 Made using Metal + SwiftUI.
0:18

Experimenting with scroll effects using shaders 💫 Made using Metal + SwiftUI.

A. Hassan

60,675 görüntüleme • 4 ay önce

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓
0:11

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓

Tim Wilson

51,213 görüntüleme • 24 gün önce

Codex can algo get better at SwiftUI animations with the right skills, like the one available in the Build iOS Apps plugin. For example, ask for a scroll reveal animation!
0:15

Codex can algo get better at SwiftUI animations with the right skills, like the one available in the Build iOS Apps plugin. For example, ask for a scroll reveal animation!

Thomas Ricouard

48,242 görüntüleme • 2 ay önce

Good or Bad Level Design? The player is forced to exploit the auto-scroll + temporary invincibility to reach a pipe that is completely sealed in. #nesdev
0:15

Good or Bad Level Design? The player is forced to exploit the auto-scroll + temporary invincibility to reach a pipe that is completely sealed in. #nesdev

Matt Hughson (NES & Game Boy Developer)

71,940 görüntüleme • 1 yıl önce

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀
0:12

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

David Mráz

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

Last week's release of Flutter 3.13 introduced new APIs for creating widgets that scroll in two dimensions. Now, you can see them in action with TableView! 🤩 Check out the two_dimensional_scrollables package on
0:12

Last week's release of Flutter 3.13 introduced new APIs for creating widgets that scroll in two dimensions. Now, you can see them in action with TableView! 🤩 Check out the two_dimensional_scrollables package on

Flutter

66,467 görüntüleme • 2 yıl önce

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙
0:17

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

jhey ʕ•ᴥ•ʔ

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

iOS 26 Fitness App Custom Tab Bar Using SwiftUI
0:19

iOS 26 Fitness App Custom Tab Bar Using SwiftUI

Kavsoft

25,432 görüntüleme • 2 ay önce

Reading the Scroll of Esther in southern Lebanon.
0:11

Reading the Scroll of Esther in southern Lebanon.

Amit Segal

30,792 görüntüleme • 3 ay önce

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);
0:10

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);

jhey ʕ•ᴥ•ʔ

77,042 görüntüleme • 1 yıl önce