"Right click > Inspect element" is so ingrained in muscle memory I must make intentional effort to choose anything else in the context menu.
"Right click > Inspect element" is so ingrained in muscle memory I must make intentional effort to choose anything else in the context menu.
That let's you use touch events or mouseenter/mouseleave events depending on the input, while CSS :hover remains a fallback.
My in-progress approach for hover-based interactivity: CSS :hover for non-js users. JS events for everyone else.
:hover styles are the real tricky part.
Catering to touch on websites has become more complicated with an increase in users with touchscreens and keyboard/mouse.