Objets glissables

• Article sur la création d’objets glissables sur des pages interactives à l’aide de fonctionnalités de navigateur largement prises en charge depuis 2020
• L’auteur partage le code utilisé pour rendre des objets déplaçables à la fois avec la souris et par saisie tactile
• L’auteur aborde la complexité de la création d’objets glissables, notamment la gestion de plusieurs boutons de souris, des événements tactiles à plusieurs doigts et des événements allant vers plusieurs destinations
• L’article fournit une recette de base pour rendre un objet glissable, avec les fonctions de démarrage, de fin et de déplacement
• L’auteur explique comment gérer la sélection de texte et le glisser d’images à l’intérieur d’éléments glissables
• L’auteur propose sa solution pour gérer le glisser simultané de plusieurs objets avec plusieurs doigts ou plusieurs souris
• L’article fournit une solution pour le glisser imbriqué, lorsqu’un élément glissable en contient un autre
• L’auteur fournit un composant Vue pour créer des éléments SVG glissables
• Article particulièrement utile pour les ingénieurs logiciels qui souhaitent implémenter des objets glissables dans des applications web

[GN⁺]

Commentaire Hacker News

• Un article sur les défis et les solutions liés à la création d’objets déplaçables en programmation
• Le drag-to-reorder est présenté comme une tâche particulièrement difficile en raison d’éléments aux tailles incohérentes, de la nécessité de placeholders, de la détection des bords et d’algorithmes complexes d’alignement de boîtes
• L’article est salué pour sa couverture exhaustive des pièges et des « gotchas » liés aux objets déplaçables
• Interactjs est recommandé comme solution prête à l’emploi pour gérer les objets déplaçables dans divers projets
• Des inquiétudes sont soulevées concernant le manque d’accessibilité des objets déplaçables, en particulier la nécessité de contrôles au clavier
• Le problème de latence entre le pointeur et l’objet déplaçable est discuté, avec la prédiction du mouvement proposée comme solution potentielle
• L’auteur de l’article remercie pour les réactions positives et propose de répondre aux questions
• Un commentateur partage une pratique apprise en 20 ans d’expérience : traiter tous les événements d’appui et de relâchement des boutons comme des événements de glisser-déposer, même lorsqu’il n’y a pas de mouvement
• Le site est reconnu comme utile chez Uber pour concevoir un système hexagonal destiné à l’analyse géographique
• Le site est également salué pour ses visualisations JavaScript, ses animations pilotées par l’utilisateur et l’usage efficace d’exemples clairs et soignés
• Plusieurs commentateurs partagent leur expérience personnelle de ce qu’ils ont appris sur le site, en soulignant son rôle pour susciter l’intérêt pour le code et approfondir la compréhension des algorithmes
• L’évolution des objets déplaçables depuis l’époque de jQuery jusqu’à aujourd’hui suscite la nostalgie