Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

JohnPhamous's profile picture

JohnPhamous

22,623 subscribers

170,474 Aufrufe • vor 3 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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 Aufrufe • vor 1 Jahr

My new DS uses a technique I call: Concentric Scaling. Every nested element shares a center with the container's sides, keeping spacing perfectly aligned across every component size. The math comes from one number: the component's height.
0:19

My new DS uses a technique I call: Concentric Scaling. Every nested element shares a center with the container's sides, keeping spacing perfectly aligned across every component size. The math comes from one number: the component's height.

Dmitrii Bunin

46,646 Aufrufe • vor 2 Monaten

💥 Introducing "Zapscape" (CVE-2026-64561) A Guest-to-Host Escape in KVM/x86 exploiting a UAF in the shadow MMU's recursive "ZAP" path. Can escape to the host on x86 public clouds that expose nested virtualization. A separate vulnerability from Januscape. If you match the vulnerable conditions, apply the patch immediately. Details:
0:17

💥 Introducing "Zapscape" (CVE-2026-64561) A Guest-to-Host Escape in KVM/x86 exploiting a UAF in the shadow MMU's recursive "ZAP" path. Can escape to the host on x86 public clouds that expose nested virtualization. A separate vulnerability from Januscape. If you match the vulnerable conditions, apply the patch immediately. Details:

V4bel

30,829 Aufrufe • vor 1 Monat

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
0:18

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 Aufrufe • vor 6 Monaten

Beckham Black uses a series of jab steps to create space for the pull-up 3-pointer!
0:13

Beckham Black uses a series of jab steps to create space for the pull-up 3-pointer!

NBA Future Starts Now

26,236 Aufrufe • vor 1 Monat

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 ).
0:18

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,336 Aufrufe • vor 6 Monaten

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; }
0:14

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

86,969 Aufrufe • vor 3 Monaten

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

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 Aufrufe • vor 6 Monaten

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.
0:18

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,275,704 Aufrufe • vor 6 Monaten

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. 🔮
0:17

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,275 Aufrufe • vor 4 Monaten

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!
0:18

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 Aufrufe • vor 1 Jahr

🇺🇸🇺🇦 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
0:16

🇺🇸🇺🇦 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 Aufrufe • vor 1 Jahr

A newly discovered spider species from Australia uses its silk to craft a spring-loaded, cone-shaped death trap, which catapults its prey into the spider’s main web.
0:17

A newly discovered spider species from Australia uses its silk to craft a spring-loaded, cone-shaped death trap, which catapults its prey into the spider’s main web.

CNN

280,286 Aufrufe • vor 2 Monaten

React Aria Components v1.19.0 is out! ✨ Autocomplete now supports inline completions (e.g. mentions), and a new Popover API enables positioning relative to the cursor. Also, text inputs can now be nested inside GridList and Tree without interfering with arrow key navigation!
0:16

React Aria Components v1.19.0 is out! ✨ Autocomplete now supports inline completions (e.g. mentions), and a new Popover API enables positioning relative to the cursor. Also, text inputs can now be nested inside GridList and Tree without interfering with arrow key navigation!

Devon Govett

19,128 Aufrufe • vor 2 Monaten

Next Ghostty Tahoe PR, adding icons to menu items as recommended by the new design guidelines. A small detail, but all the small things to help Ghostty feel right at home in the new design language when we get there.
0:13

Next Ghostty Tahoe PR, adding icons to menu items as recommended by the new design guidelines. A small detail, but all the small things to help Ghostty feel right at home in the new design language when we get there.

Mitchell Hashimoto

40,969 Aufrufe • vor 1 Jahr

this OpenClaw bot finds ugly digital menus, rebuilds them as branded apps, and mails the owner a postcard with the QR...on autopilot. here's how agencies can land recurring contracts with this system: - scans every restaurant with a digital menu in real time - pulls the full menu — items, prices, photos from the live page - ranks them by how bad the design is (no photos, default font, no logo) - pulls the brand colors and font straight from the restaurant's own page - rebuilds each menu as an app, live at a QR-accessible URL - writes a postcard quoting the restaurant's actual menu quirks - mails it to the registered office addressed to the owner by first name every step from discovery to brand-matching to outreach is automated. reply "MENU" and i'll send you a free guide so you can build this too
0:10

this OpenClaw bot finds ugly digital menus, rebuilds them as branded apps, and mails the owner a postcard with the QR...on autopilot. here's how agencies can land recurring contracts with this system: - scans every restaurant with a digital menu in real time - pulls the full menu — items, prices, photos from the live page - ranks them by how bad the design is (no photos, default font, no logo) - pulls the brand colors and font straight from the restaurant's own page - rebuilds each menu as an app, live at a QR-accessible URL - writes a postcard quoting the restaurant's actual menu quirks - mails it to the registered office addressed to the owner by first name every step from discovery to brand-matching to outreach is automated. reply "MENU" and i'll send you a free guide so you can build this too

Chris

41,834 Aufrufe • vor 3 Monaten

Being in Maryland means you get to eat at Little Blue Menu by Chick Fil A and have their Lil blue menu items 😋😋😋
0:18

Being in Maryland means you get to eat at Little Blue Menu by Chick Fil A and have their Lil blue menu items 😋😋😋

Simply AJ aka Tom Bombadil

2,724,111 Aufrufe • vor 2 Jahren

Last night I ran a script to scrape every prediction market project I could find.🔭 The result: 97 projects. (all listed below). A dashboard to browse them is live below 👇
0:18

Last night I ran a script to scrape every prediction market project I could find.🔭 The result: 97 projects. (all listed below). A dashboard to browse them is live below 👇

Figo

54,848 Aufrufe • vor 1 Jahr

DESPERATION: Firefighter uses traffic cone to retrieve water from a puddle as LA is running out of water Pray for SoCal🙏
0:16

DESPERATION: Firefighter uses traffic cone to retrieve water from a puddle as LA is running out of water Pray for SoCal🙏

Breaking911

376,180 Aufrufe • vor 1 Jahr