Live data from Hacker News

Chonky Menu Re-Creation

nathanmanousos.com

31–40 of 97 posts

Re: Chonky Menu Re-Creation

#32
post #13

This is great -- all the way up to the point where you have to hold and drag. The usability on a laptop goes out the window as you realize you can't accelerate past the edge of your touchpad. Getting to the top item in the menu -- maybe even the most important item -- is extremely hard. You rapidly become limited to the number of items you can have in this menu. Tap-or-swipe-to-open, and tap-or-swipe-to-close have ra…

Yeah the hold and drag interaction model sure looks fancy but isn't very ergonomic. On mobile, you're fighting to stretch to the top item, with a mouse it's very unintuitive, and with a trackpad forget about it. Tap to open makes more sense in every scenario. It's an accessibility nightmare

Re: Chonky Menu Re-Creation

#33
post #16
post #13

This is great -- all the way up to the point where you have to hold and drag. The usability on a laptop goes out the window as you realize you can't accelerate past the edge of your touchpad. Getting to the top item in the menu -- maybe even the most important item -- is extremely hard. You rapidly become limited to the number of items you can have in this menu. Tap-or-swipe-to-open, and tap-or-swipe-to-close have ra…

> The usability on a laptop goes out the window as you realize you can't accelerate past the edge of your touchpad. Getting to the top item in the menu -- maybe even the most important item -- is extremely hard. You rapidly become limited to the number of items you can have in this menu. Not really. Put a second finger at the bottom of the touchpad, then release the first finger (without dragging while both fingers a…

Just because it’s second nature to you does not mean it’s user friendly.

Especially when you can fix it by just keeping the menu open.

Re: Chonky Menu Re-Creation

#34
post #16
post #13

This is great -- all the way up to the point where you have to hold and drag. The usability on a laptop goes out the window as you realize you can't accelerate past the edge of your touchpad. Getting to the top item in the menu -- maybe even the most important item -- is extremely hard. You rapidly become limited to the number of items you can have in this menu. Tap-or-swipe-to-open, and tap-or-swipe-to-close have ra…

> The usability on a laptop goes out the window as you realize you can't accelerate past the edge of your touchpad. Getting to the top item in the menu -- maybe even the most important item -- is extremely hard. You rapidly become limited to the number of items you can have in this menu. Not really. Put a second finger at the bottom of the touchpad, then release the first finger (without dragging while both fingers a…

If you have to explain how to use it…

Re: Chonky Menu Re-Creation

#35
post #28

(op here) Sorry this doesn't work on Android, I don't have any Android devices so I haven't tested it there, I think there are some differences in the way pointer events are handled that are messing it up. If it doesn't work for you, please have a look at the video where I demonstrate and talk through everything: https://www.youtube.com/watch?v=1VgrdLfDozo

I'm on Android Chrome 116 and I scrolled all the way to the bottom and wow that was a responsive component!

Super fast and buttery smooth animation. I'm impressed

Re: Chonky Menu Re-Creation

#36
Feature Policy: Skipping unsupported feature name “accelerometer”. chonky-menu

Feature Policy: Skipping unsupported feature name “autoplay”. chonky-menu

Feature Policy: Skipping unsupported feature name “clipboard-write”. chonky-menu

Feature Policy: Skipping unsupported feature name “encrypted-media”. chonky-menu

Feature Policy: Skipping unsupported feature name “gyroscope”. chonky-menu

Feature Policy: Skipping unsupported feature name “picture-in-picture”. chonky-menu

Re: Chonky Menu Re-Creation

#40
post #36

Feature Policy: Skipping unsupported feature name “accelerometer”. chonky-menu Feature Policy: Skipping unsupported feature name “autoplay”. chonky-menu Feature Policy: Skipping unsupported feature name “clipboard-write”. chonky-menu Feature Policy: Skipping unsupported feature name “encrypted-media”. chonky-menu Feature Policy: Skipping unsupported feature name “gyroscope”. chonky-menu Feature Policy: Skipping unsup…

[deleted]
Post reply on HN