Objetos arrastrables

• Artículo sobre cómo crear objetos arrastrables en páginas interactivas usando funciones del navegador ampliamente compatibles desde 2020
• El autor comparte el código usado para hacer que los objetos se puedan arrastrar tanto con mouse como con entrada táctil
• El autor aborda la complejidad de crear objetos arrastrables, como el manejo de varios botones del mouse, eventos táctiles con varios dedos y eventos que van a múltiples destinos
• El artículo ofrece una receta básica para hacer que un objeto sea arrastrable, incluyendo funciones de inicio, fin y movimiento
• El autor analiza cómo manejar la selección de texto y el arrastre de imágenes dentro de elementos arrastrables
• El autor presenta su solución para manejar cómo arrastrar varios objetos al mismo tiempo usando varios dedos o varios mouse
• El artículo ofrece una solución para el arrastre anidado, donde un elemento arrastrable contiene otro elemento arrastrable
• El autor proporciona un componente de Vue para crear elementos SVG arrastrables
• Artículo especialmente útil para ingenieros de software que quieran implementar objetos arrastrables en aplicaciones web

[GN⁺]

Comentarios de Hacker News

• Un artículo sobre los desafíos y las soluciones relacionadas con la creación de objetos arrastrables en programación
• Se señala que arrastrar para reordenar es una tarea especialmente difícil debido a elementos de tamaño inconsistente, la necesidad de placeholders, la detección de bordes y algoritmos complejos de ajuste de cajas
• El artículo es elogiado por su cobertura integral de las trampas y los "gotchas" relacionados con los objetos arrastrables
• Se recomienda Interactjs como una solución lista para usar para manejar objetos arrastrables en varios proyectos
• Se plantean preocupaciones sobre la falta de accesibilidad de los objetos arrastrables, en particular la necesidad de controles por teclado
• Se discute el problema de la latencia entre el puntero y los objetos arrastrables, y se propone la predicción de movimiento como una posible solución
• El autor del artículo expresa su agradecimiento por la respuesta positiva y ofrece responder preguntas
• Un comentarista comparte una práctica aprendida en 20 años de experiencia: tratar todos los eventos de presionar y soltar botones como eventos de arrastre, incluso cuando no hay movimiento
• Se reconoce que el sitio es útil para diseñar en Uber un sistema hexagonal para análisis geográfico
• El sitio también es elogiado por sus visualizaciones en JavaScript, las animaciones impulsadas por el usuario y el uso eficaz de ejemplos claros y limpios
• Varios comentaristas comparten experiencias personales de aprendizaje con el sitio, destacando su papel para despertar el interés por la programación y profundizar la comprensión de algoritmos
• La evolución de los objetos arrastrables desde la era de jQuery hasta hoy provoca nostalgia