Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 1 год назад •via X (Twitter)

Здоровье и велнесОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 2 лет назад

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 просмотров • 4 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 4 месяцев назад

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 просмотров • 5 месяцев назад

Lightning Scroll custom VFX was secretly added ⚡
0:10

Lightning Scroll custom VFX was secretly added ⚡

Deadlock Intel

60,400 просмотров • 1 месяц назад

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 просмотров • 10 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 25 дней назад

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 просмотров • 4 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

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

iOS 26 Fitness App Custom Tab Bar Using SwiftUI

Kavsoft

25,432 просмотров • 2 месяцев назад

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

Reading the Scroll of Esther in southern Lebanon.

Amit Segal

30,792 просмотров • 3 месяцев назад

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 просмотров • 1 год назад