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

if you're building a tree component, avoid dead zones... for nested itemsshow more

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

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 timeoutshow more

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

Create this layout using nested css grids and media... queries 💪show more

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

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 🚦show more

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 ).show more

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; }show more

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

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

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

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.show more

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. 🔮show more

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!show more

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...etcshow more

🇺🇸🇺🇦 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. - FRWLshow more

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

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 datashow more