ProjectVisBug icon indicating copy to clipboard operation
ProjectVisBug copied to clipboard

add a plugin to simulate average finger size vs element touch target size?

Open hchiam opened this issue 11 months ago • 2 comments

below is a screenshot of a blue hand dragging an item: (the item is smaller than the average index finger width, so on mobile/touchscreen, it can be hidden from view - e.g., might be a problem for precise placing of pins on maps)

bookmarklet code: https://github.com/hchiam/learning-js/blob/main/bookmarklets/visualizeFingerTouch.js

demo/explanation/setup: https://www.youtube.com/watch?v=uKZj8gHar7w

i'm also curious to know if there's interest in adding something like this to devtools, since the default touch "circle" size seems too small in chrome devtools - @addyosmani

hchiam avatar Nov 01 '24 20:11 hchiam