Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Design Engineering Tip: If your UI has a draggable split view, don’t make users land on perfect proportions by hand. Add sensible snap points—25 / 50 / 75—and let the handle gently settle on release. Users get precision when they need it, and a calmer interface when they don’t.

Gabriel

13,508 subscribers

265,737 views • 1 month ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Design Engineering Tip: Add friction at the end of a scroll interaction. When users reach the edge of a scrollable area, the movement should not just stop instantly. A subtle resistance, bounce, or slowdown can make the interface feel more physical and less mechanical. It helps users understand that they reached a boundary without needing extra labels or visual indicators. Used carefully, this can make scrolling feel more natural and closer to how objects behave in the real world.

Design Engineering Tip: Add friction at the end of a scroll interaction. When users reach the edge of a scrollable area, the movement should not just stop instantly. A subtle resistance, bounce, or slowdown can make the interface feel more physical and less mechanical. It helps users understand that they reached a boundary without needing extra labels or visual indicators. Used carefully, this can make scrolling feel more natural and closer to how objects behave in the real world.

Gabriel

26,557 views • 4 months ago

And today for our UI design lesson, we're going to study how to feedback users when they click buttons

And today for our UI design lesson, we're going to study how to feedback users when they click buttons

shaderbunny

226,318 views • 6 months ago

Design Engineering Tip If your modal scrolls like this, you’re probably missing one CSS property: overscroll-behavior: contain; It prevents the page behind the modal from scrolling when users reach the top or bottom.

Design Engineering Tip If your modal scrolls like this, you’re probably missing one CSS property: overscroll-behavior: contain; It prevents the page behind the modal from scrolling when users reach the top or bottom.

Gabriel

30,109 views • 3 months ago

“Don’t let your dogs out in the sun,” they say. “If it’s too hot to keep your hand down for 15 seconds don’t let your dogs on it,” they say. The dogs in question: (Front door is open ftr. It is shady and cool indoors,)

“Don’t let your dogs out in the sun,” they say. “If it’s too hot to keep your hand down for 15 seconds don’t let your dogs on it,” they say. The dogs in question: (Front door is open ftr. It is shady and cool indoors,)

Geoff

47,860 views • 1 year ago

Give your users a receipt when they subscribe

Give your users a receipt when they subscribe

JP

236,031 views • 3 months ago

Now this is going to be a game changer for dApp developers. Wouldn’t it be nice, if you don’t need to worry about on boarding, while you get users that are not just anonymous wallets, but profiles 👥🫂. And you are able to only focus on the UI for your protocol?

Now this is going to be a game changer for dApp developers. Wouldn’t it be nice, if you don’t need to worry about on boarding, while you get users that are not just anonymous wallets, but profiles 👥🫂. And you are able to only focus on the UI for your protocol?

Fabian Vogelsteller

21,347 views • 1 year ago

We need cleaner UIs. Make your App look PREMIUM: step: 1: get a UI you like step 2: use Claude and skills step 3: get HAPPY users

We need cleaner UIs. Make your App look PREMIUM: step: 1: get a UI you like step 2: use Claude and skills step 3: get HAPPY users

quantum victor

105,794 views • 8 months ago

Design Engineering 101: Make drag interactions feel more intuitive and alive. Add a handle indicator, and animate scale, rotation, and shadow during the transition. Show where the item will land with an empty-space cutout.

Design Engineering 101: Make drag interactions feel more intuitive and alive. Add a handle indicator, and animate scale, rotation, and shadow during the transition. Show where the item will land with an empty-space cutout.

alyx

31,755 views • 4 months ago

Replying to @ruthradevan_ I think that there’s a general feeling between product designers and front-end developers that us UI/UX Designers throw in animations and acceptance criteria just because it feels right. Sometimes that’s true, but if you’re conservative as a designer and only throw animations in when absolutely necessary, it can make take a good design to an incredibly memorable one. Additionally, I like to say “if you can design it in Figma, you can develop it” it’s really just where is the push/pull of design to dev happening. This is also why I am really big on design to engineering relationships. If you don’t nurture the relationship with development and you don’t walk them through the reasoning for your decisions, it can easily start to become jaded. But if you handoff your designs well, help engineering when you need to, and take ownership of your mistakes or design gaps, you will be able to push for the moments that matter. btw, I ONLY design things that can work in development ❤️ #designdevelopment #productteam #productdesigner

Replying to @ruthradevan_ I think that there’s a general feeling between product designers and front-end developers that us UI/UX Designers throw in animations and acceptance criteria just because it feels right. Sometimes that’s true, but if you’re conservative as a designer and only throw animations in when absolutely necessary, it can make take a good design to an incredibly memorable one. Additionally, I like to say “if you can design it in Figma, you can develop it” it’s really just where is the push/pull of design to dev happening. This is also why I am really big on design to engineering relationships. If you don’t nurture the relationship with development and you don’t walk them through the reasoning for your decisions, it can easily start to become jaded. But if you handoff your designs well, help engineering when you need to, and take ownership of your mistakes or design gaps, you will be able to push for the moments that matter. btw, I ONLY design things that can work in development ❤️ #designdevelopment #productteam #productdesigner

Nolan

37,900 views • 3 years ago

Discord Can’t Do This… Display a live map of your group’s Minecraft server, give or take away items, see when everyones online, let it notifyyou when people join your Minecraft server and message you directly on a Root Community and so much more on Root! Come try the command block app on Root today and join the Minecraft communities available now on Community Discovery! Tens of thousands of users are joining us on Root, don’t be shy, come join us at and make new friends and new communities today! #minecraft #companion #Discord #Alternative #Apps

Discord Can’t Do This… Display a live map of your group’s Minecraft server, give or take away items, see when everyones online, let it notifyyou when people join your Minecraft server and message you directly on a Root Community and so much more on Root! Come try the command block app on Root today and join the Minecraft communities available now on Community Discovery! Tens of thousands of users are joining us on Root, don’t be shy, come join us at and make new friends and new communities today! #minecraft #companion #Discord #Alternative #Apps

Root

50,830 views • 1 month ago

In the Arena, they are playing your game. Spawn in, complete your objective and don’t let anyone stop you with the Face Offender Set. Get a grip on the Hands-On Approach Revolver and land softly in the Arena with some Pip slippers from ÖRF!

In the Arena, they are playing your game. Spawn in, complete your objective and don’t let anyone stop you with the Face Offender Set. Get a grip on the Hands-On Approach Revolver and land softly in the Arena with some Pip slippers from ÖRF!

THE FINALS

15,375 views • 6 months ago

Don’t settle when it comes to your insurance. State Farm may have the support you need.

Don’t settle when it comes to your insurance. State Farm may have the support you need.

State Farm

3,718,212 views • 9 months ago

About Trickster and Dead by Daylight: I'm still trying to understand the point of a crosshair add-on that doesn't show at all where your shots are gonna land, especially when every hand has its own landing point Also why are crosshairs still an add-on thing and not a HUD option?

About Trickster and Dead by Daylight: I'm still trying to understand the point of a crosshair add-on that doesn't show at all where your shots are gonna land, especially when every hand has its own landing point Also why are crosshairs still an add-on thing and not a HUD option?

Ultrix (Domina Nation CEO) 🏳️‍⚧️

58,223 views • 8 months ago

Comply during a stop with federal agents. Don’t flee, don’t drive at them, don’t make split second decisions that get you shot. This isn’t complicated. When lights go on behind you, you pull over. You don’t gamble with your life

Comply during a stop with federal agents. Don’t flee, don’t drive at them, don’t make split second decisions that get you shot. This isn’t complicated. When lights go on behind you, you pull over. You don’t gamble with your life

Clown World ™ 🤡

84,187 views • 4 months ago

Dogecoin fans can tip any X account in DOGE, even one that never touched MyDoge MyDoge lets users send $DOGE tips on X by tagging MyDogeTip with the word “tip,” a handle, and an amount. The post only creates a request; nothing moves until the sender approves it in the wallet app, where they also cover the network fee. Tagged users who haven’t joined still get their tip once they set up a MyDoge Social Wallet and link the same X account, after which the sender confirms. MyDoge and DogeOS now sit under Dogecoin Labs, launched Wednesday in partnership with the Dogecoin Foundation.

Dogecoin fans can tip any X account in DOGE, even one that never touched MyDoge MyDoge lets users send $DOGE tips on X by tagging MyDogeTip with the word “tip,” a handle, and an amount. The post only creates a request; nothing moves until the sender approves it in the wallet app, where they also cover the network fee. Tagged users who haven’t joined still get their tip once they set up a MyDoge Social Wallet and link the same X account, after which the sender confirms. MyDoge and DogeOS now sit under Dogecoin Labs, launched Wednesday in partnership with the Dogecoin Foundation.

BSCN

26,382 views • 21 days ago

Found a website with 2,000+ hand-picked tools and resources for designers. It has everything from design inspiration, UI resources, mockups, icons, AI tools, no-code tools, design systems, productivity tools, and more. Really useful when you don’t want to waste hours searching across different sites. Save it for later

Found a website with 2,000+ hand-picked tools and resources for designers. It has everything from design inspiration, UI resources, mockups, icons, AI tools, no-code tools, design systems, productivity tools, and more. Really useful when you don’t want to waste hours searching across different sites. Save it for later

𝐍𝐨𝐚𝐡

16,715 views • 4 months ago

✨I built a subscription tracker with the best import on the market, so users don’t have to enter everything manually. It’s fast and works really well, so I plan to let users try it before buying PRO in upcoming updates.

✨I built a subscription tracker with the best import on the market, so users don’t have to enter everything manually. It’s fast and works really well, so I plan to let users try it before buying PRO in upcoming updates.

Dmytro Chuta

81,974 views • 7 months ago

Your PM and Developer roll their eyes when they see interfaces like that. No more because now you can make it without code. By yourself. In Rive Developers can finally focus on development, not recreating your design again. You finished it, and it’s ready for testing and deployment on real products. Here is my Shutter speed interface for the camera.

Your PM and Developer roll their eyes when they see interfaces like that. No more because now you can make it without code. By yourself. In Rive Developers can finally focus on development, not recreating your design again. You finished it, and it’s ready for testing and deployment on real products. Here is my Shutter speed interface for the camera.

Dmitry Novikov 🇺🇦

41,797 views • 1 year ago