Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 ✨

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

145,970 subscribers

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

Kavsoft

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

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇
0:14

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

Derek Briggs

14,903 görüntüleme • 1 yıl önce

the fact that Caleb is the type of person to scroll his phone using both his index finger and his thumb is somehow incredibly fitting
0:10

the fact that Caleb is the type of person to scroll his phone using both his index finger and his thumb is somehow incredibly fitting

Sparrow 🍎 HAPPY 兄VERSARY🐆

62,743 görüntüleme • 5 ay önce

In #Kotlin 1.9, instead of using the "until" infix function to create a range that's exclusive on its upper bound, you can use the new open-ended range operator... or as I like to call it, the alligator operator.
0:15

In #Kotlin 1.9, instead of using the "until" infix function to create a range that's exclusive on its upper bound, you can use the new open-ended range operator... or as I like to call it, the alligator operator.

Dave Leeds

34,165 görüntüleme • 2 yıl önce

BREAKING: You can now edit Grok Imagine creations on the web using a prompt. Type the edit you want and get two new versions in seconds. Try it now!
0:18

BREAKING: You can now edit Grok Imagine creations on the web using a prompt. Type the edit you want and get two new versions in seconds. Try it now!

DogeDesigner

44,342 görüntüleme • 6 ay önce

🚨🇷🇺🇺🇦 BREAKING - The Russians are consistently “panicking”. According to the occupiers’ military Telegram channels, Ukraine is now intensively — almost nightly — using domestically produced Neptune-type cruise missiles together with long-range kamikaze drones to strike targets in Crimea, primarily air-defense systems, their radars, and military facilities. Those reports say the northwestern part of the peninsula remains under heavy and continuous pressure from Ukrainian long-range FPV and Lancet-like loitering munitions (a Ukrainian analogue referred to as a BULAVA-type drone). 🔵 The information also claims that Ukraine’s Main Intelligence Directorate (HUR) may be preparing limited landing/raid operations to hit Russian logistics lines and disrupt Russian reserves in various directions. According to some sources, Ukrainian diversionary networks inside Crimea are becoming more active, and there are even claims that Ukraine plans to begin using long-range underwater (submersible) drones. See the latest updates with us: Visioner
0:17

🚨🇷🇺🇺🇦 BREAKING - The Russians are consistently “panicking”. According to the occupiers’ military Telegram channels, Ukraine is now intensively — almost nightly — using domestically produced Neptune-type cruise missiles together with long-range kamikaze drones to strike targets in Crimea, primarily air-defense systems, their radars, and military facilities. Those reports say the northwestern part of the peninsula remains under heavy and continuous pressure from Ukrainian long-range FPV and Lancet-like loitering munitions (a Ukrainian analogue referred to as a BULAVA-type drone). 🔵 The information also claims that Ukraine’s Main Intelligence Directorate (HUR) may be preparing limited landing/raid operations to hit Russian logistics lines and disrupt Russian reserves in various directions. According to some sources, Ukrainian diversionary networks inside Crimea are becoming more active, and there are even claims that Ukraine plans to begin using long-range underwater (submersible) drones. See the latest updates with us: Visioner

Visioner

551,944 görüntüleme • 8 ay önce

How do you turn a type specimen into an experience? For Exat, Studio Size pushed the typography showcase beyond the static page, using scroll, motion, and interaction to reveal the logic, range, and character of Hot Type's most ambitious typeface yet:
0:15

How do you turn a type specimen into an experience? For Exat, Studio Size pushed the typography showcase beyond the static page, using scroll, motion, and interaction to reveal the logic, range, and character of Hot Type's most ambitious typeface yet:

Codrops

22,058 görüntüleme • 2 ay önce

A Bangladeshi man is urinating into the seawater from one ship. At the same time, on another ship, some Bangladeshis are taking that same water in buckets, washing utensils with it, and even using it to cook food.
0:15

A Bangladeshi man is urinating into the seawater from one ship. At the same time, on another ship, some Bangladeshis are taking that same water in buckets, washing utensils with it, and even using it to cook food.

Saffron Chargers

16,380 görüntüleme • 1 ay önce

Based on the WWDC 2026 leaks, I tried to recreate the iOS 27 revamped Siri interaction inside the Dynamic Island in swift ui with lots of different settings and some custom shaders. And yeah, if it’s like that, it will be kinda boring going from a rainbow like ui to a monochrome one.
0:14

Based on the WWDC 2026 leaks, I tried to recreate the iOS 27 revamped Siri interaction inside the Dynamic Island in swift ui with lots of different settings and some custom shaders. And yeah, if it’s like that, it will be kinda boring going from a rainbow like ui to a monochrome one.

Tykra

37,223 görüntüleme • 13 gün önce

In the Residencial del Lago area, SEDENA forces opened fire on a CDS/CH armored vehicle using long-range weapons and a Browning machine gun mounted on a DN-XI.
0:20

In the Residencial del Lago area, SEDENA forces opened fire on a CDS/CH armored vehicle using long-range weapons and a Browning machine gun mounted on a DN-XI.

Cartel Watch

27,889 görüntüleme • 1 ay önce

Animate MetaHumans in real time using performances performances captured from most webcams and a wide range of smartphones. Or make some noise and generate real-time animation solely from an audio source, MetaHuman Animator now captures the emotion of a speaker, combining this with the plausible head movement feature for more lifelike results:
0:17

Animate MetaHumans in real time using performances performances captured from most webcams and a wide range of smartphones. Or make some noise and generate real-time animation solely from an audio source, MetaHuman Animator now captures the emotion of a speaker, combining this with the plausible head movement feature for more lifelike results:

Unreal Engine

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

What are you doing on this #SelfCareSaturday? Me and the BFF Chef are in the kitchen using some of my gifted ingredients #AsEverOfficial from the Duchess to make fresh lemon 🍋 custard as seen on #FindingItaly and using the edible flowers from #WithLoveMeghan
0:40

What are you doing on this #SelfCareSaturday? Me and the BFF Chef are in the kitchen using some of my gifted ingredients #AsEverOfficial from the Duchess to make fresh lemon 🍋 custard as seen on #FindingItaly and using the edible flowers from #WithLoveMeghan

Sophia A. Nelson

21,528 görüntüleme • 1 yıl önce

If you are using my UI or are using Cooldown Manager Centered, a new experimental feature just dropped allowing you to see your keypress overlay on the Cooldown Manager! My Free Midnight UI available:
0:10

If you are using my UI or are using Cooldown Manager Centered, a new experimental feature just dropped allowing you to see your keypress overlay on the Cooldown Manager! My Free Midnight UI available:

Luxthos

65,451 görüntüleme • 4 ay önce

Custom styles for Infographics are rolling out TODAY! With 10 (!) preset options and the ability to create your own, choose from editorial, clay, brick, fan favorite kawaii 😻, and more! Turn your complex source material into beautiful, easy-to-read visuals with a single click.
0:19

Custom styles for Infographics are rolling out TODAY! With 10 (!) preset options and the ability to create your own, choose from editorial, clay, brick, fan favorite kawaii 😻, and more! Turn your complex source material into beautiful, easy-to-read visuals with a single click.

NotebookLM

259,549 görüntüleme • 3 ay önce

SwiftUI introduced a new modifier on iOS 26+ that essentially removes the thumb from the Slider and transforms it into a draggable progress bar. Currently, there’s no way to adjust the size of the progress bar. However, by using the scale and other modifiers, we can create a progress bar that is similar to the iOS Volume slider! Modifier: sliderThumbVisibility()
0:10

SwiftUI introduced a new modifier on iOS 26+ that essentially removes the thumb from the Slider and transforms it into a draggable progress bar. Currently, there’s no way to adjust the size of the progress bar. However, by using the scale and other modifiers, we can create a progress bar that is similar to the iOS Volume slider! Modifier: sliderThumbVisibility()

Kavsoft

22,675 görüntüleme • 7 ay önce

‼️‼️🇷🇺🇺🇦 BREAKING – Reports suggest growing Russian alarm. Military-linked Telegram channels of the occupiers state that Ukraine is now carrying out near-nightly strikes on Crimea, employing domestically developed Neptune-type cruise missiles along with long-range kamikaze drones. The main targets are Russian air-defense systems, radar installations, and other military infrastructure. According to these accounts, the northwestern part of the peninsula is under sustained and intense pressure from Ukrainian long-range FPV drones and Lancet-style loitering munitions — including a Ukrainian-made version referred to as a BULAVA-type drone. 🔵 Additional claims point to the possibility that Ukraine’s Main Intelligence Directorate (HUR) is preparing limited amphibious or raid-style operations to disrupt Russian logistics and reserves. Some sources further allege that Ukrainian underground networks in Crimea are stepping up their activity, and that Kyiv may soon deploy long-range underwater (submersible) drones. See the latest updates with us:The threat of missiles and drones
0:17

‼️‼️🇷🇺🇺🇦 BREAKING – Reports suggest growing Russian alarm. Military-linked Telegram channels of the occupiers state that Ukraine is now carrying out near-nightly strikes on Crimea, employing domestically developed Neptune-type cruise missiles along with long-range kamikaze drones. The main targets are Russian air-defense systems, radar installations, and other military infrastructure. According to these accounts, the northwestern part of the peninsula is under sustained and intense pressure from Ukrainian long-range FPV drones and Lancet-style loitering munitions — including a Ukrainian-made version referred to as a BULAVA-type drone. 🔵 Additional claims point to the possibility that Ukraine’s Main Intelligence Directorate (HUR) is preparing limited amphibious or raid-style operations to disrupt Russian logistics and reserves. Some sources further allege that Ukrainian underground networks in Crimea are stepping up their activity, and that Kyiv may soon deploy long-range underwater (submersible) drones. See the latest updates with us:The threat of missiles and drones

The threat of missiles and drones

136,489 görüntüleme • 8 ay önce

Been using these for years and comes in a huge pack on Amazon!
0:15

Been using these for years and comes in a huge pack on Amazon!

JEMMA'S CAKES 🍰

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