Los tooltips necesitan un retraso, y luego deben omitirlo

Tooltips need a delay, and then they need to skip it

En las páginas de listado de preguntas de FrontPrep, los tooltips aparecían instantáneamente al pasar el cursor sobre los logos de las empresas, lo que resultaba molesto. Al añadir un retraso de 200 ms, el movimiento entre logos adyacentes se volvió lento. La solución: un retraso de 200 ms para abrir, pero si el usuario pasa a otro logo dentro de una ventana de 300 ms (página 'caliente'), el tooltip se abre al instante. Este patrón, común en barras de herramientas y sitios web, mejora la experiencia de usuario. El artículo explica la implementación con React y Radix, y ofrece un skill de Claude para auditar tu código.

Un clic siempre es intencional, mientras que un hover no lo es.

Más de este día

2026-08-25