Objetos arrastáveis

• Artigo sobre a criação de objetos arrastáveis em páginas interativas usando recursos de navegador amplamente compatíveis desde 2020
• O autor compartilha o código usado para tornar objetos arrastáveis tanto com entrada de mouse quanto de toque
• O autor aborda a complexidade de criar objetos arrastáveis, incluindo o tratamento de vários botões do mouse, eventos de toque com vários dedos e eventos que vão para vários destinos
• O artigo fornece uma receita básica para tornar um objeto arrastável, incluindo funções de início, fim e movimento
• O autor discute como lidar com seleção de texto e arraste de imagens dentro de elementos arrastáveis
• A solução do autor para lidar com o arraste simultâneo de vários objetos usando vários dedos ou vários mouses
• O artigo apresenta uma solução para arraste aninhado, em que um elemento arrastável contém outro elemento arrastável
• O autor fornece um componente Vue para criar elementos SVG arrastáveis
• Artigo especialmente útil para engenheiros de software que querem implementar objetos arrastáveis em aplicações web

[GN⁺]

Comentários do Hacker News

• Artigo sobre os desafios e as soluções relacionados à criação de objetos arrastáveis na programação
• O recurso de arrastar para reordenar é apontado como uma tarefa especialmente difícil devido a itens com tamanhos inconsistentes, necessidade de placeholders, detecção de bordas e algoritmos complexos de alinhamento de caixas
• O artigo é elogiado pela cobertura abrangente das armadilhas e dos gotchas relacionados a objetos arrastáveis
• O Interactjs é recomendado como uma solução pronta para uso para lidar com objetos arrastáveis em vários projetos
• São levantadas preocupações sobre a falta de acessibilidade dos objetos arrastáveis, especialmente a necessidade de controle por teclado
• O problema de latência entre o ponteiro e os objetos arrastáveis é discutido, com a previsão de movimento sendo proposta como uma solução potencial
• O autor do artigo agradece pela recepção positiva e se oferece para responder perguntas
• Um comentarista compartilha uma prática aprendida em 20 anos de experiência: tratar todos os eventos de pressionar e soltar botão como eventos de arrastar, mesmo quando não há movimento
• O site é reconhecido como útil no design de um sistema hexagonal para análise geográfica na Uber
• O site também é elogiado por suas visualizações em JavaScript, animações guiadas pelo usuário e uso eficaz de exemplos claros e limpos
• Vários comentaristas compartilham experiências pessoais sobre o que aprenderam com o site, destacando seu papel em despertar interesse por programação e aprofundar a compreensão de algoritmos
• A evolução dos objetos arrastáveis desde a era do jQuery até hoje desperta nostalgia