Built a small web app over the weekend as I was needing a super simple way of framing screenshots.
https://t.co/SmqjnW2pMK
Still a few things I want to add, but figured it was worth sharing now.
The safe triangle / aim guard
Invisible by design, essential by experience.
The first of many "oh dang, menus are deep" moments while building @bazza_ui menu from scratch.
⊙ Cursor movement → user intent
⊙ Keep menu open, block sibling highlights
⊙ Cancel on intent change
effortlessly and seamlessly transition between text with <TextMorph/>
built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework ✨
→ https://t.co/09ko4KaK9Z
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.
When I was young, I stumbled upon a television channel that was showing a test pattern. I was immediately fascinated by its visual appearance, which was very colourful and high-contrast.
PBTfans No Signal is currently available on @KBDfans
hook this 3D CSS card up to device rotation? sure! 👨🍳
tip: use the DevTools "Sensors" emulator with "Custom Orientation" to debug/refine before taking it to a real device 👇