正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

improving nested menus interactions uses a "prediction cone" to prevent accidentally selecting items when moving a pointer to the nested menu details below

JohnPhamous

20,755 subscribers

170,257 次观看 • 3 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

if you're building a tree component, avoid dead zones for nested items

Sensitive content

if you're building a tree component, avoid dead zones for nested items

dmytro

101,357 次观看 • 6 个月前

I guess I finally found a use case for nested buttons. It was the only way to get text truncation to work here.

I guess I finally found a use case for nested buttons. It was the only way to get text truncation to work here.

Haz

95,916 次观看 • 9 个月前

every time i go to post my take on :hover safety triangles for context menus, someone has just posted one... 🤦‍♂️ guess we're waiting again... it isn't a hard thing to implement though: - clip a pseudo element off the menu - use pointer delta instead of a timeout

every time i go to post my take on :hover safety triangles for context menus, someone has just posted one... 🤦‍♂️ guess we're waiting again... it isn't a hard thing to implement though: - clip a pseudo element off the menu - use pointer delta instead of a timeout

jhey ʕ•ᴥ•ʔ

98,663 次观看 • 3 个月前

Footage || Indian army validation cope cage using Drone-dropped munitions on a live tank and nested drones

Footage || Indian army validation cope cage using Drone-dropped munitions on a live tank and nested drones

SPADEX

18,130 次观看 • 6 个月前

Create this layout using nested css grids and media queries 💪

Create this layout using nested css grids and media queries 💪

David Mráz

14,283 次观看 • 1 年前

"w/o prediction cone" VS "w/ prediction cone"

"w/o prediction cone" VS "w/ prediction cone"

Soren

433,912 次观看 • 3 个月前

HeroUI Native RC 4 just landed! 🚀 🆕 Introducing SubMenu for nested menus 🎚️ Improved Slider Output composition 🐛 Fixes for PressableFeedback ripple & Bottom Sheet back handler Stable is almost knocking, stay ready 🚦

HeroUI Native RC 4 just landed! 🚀 🆕 Introducing SubMenu for nested menus 🎚️ Improved Slider Output composition 🐛 Fixes for PressableFeedback ripple & Bottom Sheet back handler Stable is almost knocking, stay ready 🚦

HeroUI

40,538 次观看 • 3 个月前

I bet you've never noticed this ultra-cool but rather complicated "cone of prediction" at the center of Windows context menus? It allows the system to predict that you're aiming for a flyout. Well, that's because Windows (at least in the old days) didn't do any such fanciness. It just uses a timeout of 400ms, and it's always worked pretty well. It's even adjustable (SPI_SETMENUSHOWDELAY) these days, but used to just be 80% of your double-click speed setting. So the faster your reflexes were - per that setting, at least - the shorter your menu flyout allowance. No cone needed. ( I stole this from a Raymond Chen hockey card that I keep tucked up in my 50 Mission Cap ).

I bet you've never noticed this ultra-cool but rather complicated "cone of prediction" at the center of Windows context menus? It allows the system to predict that you're aiming for a flyout. Well, that's because Windows (at least in the old days) didn't do any such fanciness. It just uses a timeout of 400ms, and it's always worked pretty well. It's even adjustable (SPI_SETMENUSHOWDELAY) these days, but used to just be 80% of your double-click speed setting. So the faster your reflexes were - per that setting, at least - the shorter your menu flyout allowance. No cone needed. ( I stole this from a Raymond Chen hockey card that I keep tucked up in my 50 Mission Cap ).

Dave W Plummer

45,254 次观看 • 3 个月前

Design Engineering Tip Consider letting textareas grow with the content instead of introducing nested scrolling. It often creates a smoother writing experience and keeps forms easier to scan. CSS: textarea { field-sizing: content; }

Design Engineering Tip Consider letting textareas grow with the content instead of introducing nested scrolling. It often creates a smoother writing experience and keeps forms easier to scan. CSS: textarea { field-sizing: content; }

Gabriel

83,413 次观看 • 15 天前

dog follows pointer + avoids collisions with no dependencies - builds the page as a graph, more subdivisions towards the text for perf - dijkstra shortest path

dog follows pointer + avoids collisions with no dependencies - builds the page as a graph, more subdivisions towards the text for perf - dijkstra shortest path

JohnPhamous

48,995 次观看 • 3 个月前

Imagine that, a page with a single landing page needing this many nested components, thank you react & next! "Achieving less by needing more®"

Imagine that, a page with a single landing page needing this many nested components, thank you react & next! "Achieving less by needing more®"

WebDevCody

74,679 次观看 • 1 年前

prediction cone/safe triangle — this is something we take so much for granted in modern day native UIs. but it's not the same for most web-based dropdown menus. it took me a while to implement this here. Amazon, macOS, Windows all implement some version of this.

prediction cone/safe triangle — this is something we take so much for granted in modern day native UIs. but it's not the same for most web-based dropdown menus. it took me a while to implement this here. Amazon, macOS, Windows all implement some version of this.

Soren

1,201,722 次观看 • 4 个月前

when hyunjin accidentally danced to gods menu during their danceracha live few months before gods menu release 🤣🤣

when hyunjin accidentally danced to gods menu during their danceracha live few months before gods menu release 🤣🤣

𐙚 Dani

180,969 次观看 • 2 个月前

Predikt Beta Platform is LIVE! 🎉 A first look at how prediction markets work when they’re unified, composable, and built for scale. More details below + link to start predicting at best rates. 🔮

Predikt Beta Platform is LIVE! 🎉 A first look at how prediction markets work when they’re unified, composable, and built for scale. More details below + link to start predicting at best rates. 🔮

Predikt

17,160 次观看 • 1 个月前

here's a tutorial onboarding interface for my Roblox game, just a few small animations have a massive impact on a menu. going to be adding more to some old menus now!

here's a tutorial onboarding interface for my Roblox game, just a few small animations have a massive impact on a menu. going to be adding more to some old menus now!

Hoofer

19,996 次观看 • 1 年前

🇺🇸🇺🇦 The LA fire department donated parts of their equipment to Ukraine. Meanwhile American firefighter uses a traffic cone to scoop up water from a puddle and try to put out the fire. - FRWL

🇺🇸🇺🇦 The LA fire department donated parts of their equipment to Ukraine. Meanwhile American firefighter uses a traffic cone to scoop up water from a puddle and try to put out the fire. - FRWL

Zlatti71

370,871 次观看 • 1 年前

Getting a few questions about the menu options. This is specifically for building inverted menus in light mode. Works for dropdown menu, select, combobox, context menu, menubar...etc

Getting a few questions about the menu options. This is specifically for building inverted menus in light mode. Works for dropdown menu, select, combobox, context menu, menubar...etc

shadcn

75,621 次观看 • 6 个月前

added to the “chen mistakenly uses other items as microphones” 😂

added to the “chen mistakenly uses other items as microphones” 😂

klau

85,587 次观看 • 1 年前

Introducing visual-json > JSON editing with human-first ergonomics – Minimalist – Embeddable – Schema-aware – Extensible – Drag and drop – Keyboard navigation – Tree view to drill into deeply nested data

Introducing visual-json > JSON editing with human-first ergonomics – Minimalist – Embeddable – Schema-aware – Extensible – Drag and drop – Keyboard navigation – Tree view to drill into deeply nested data

Chris Tate

166,797 次观看 • 3 个月前