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

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

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

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

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

when hyunjin accidentally danced to gods menu during their... danceracha live few months before gods menu release 🤣🤣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

🇺🇸🇺🇦 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

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

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