Drag किए जा सकने वाले ऑब्जेक्ट

 (redblobgames.com)
4 पॉइंट द्वारा GN⁺ 2023-09-30 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • 2020 से व्यापक रूप से समर्थित browser features का उपयोग करके interactive pages में drag किए जा सकने वाले objects बनाने पर एक लेख
  • लेखक ने वह code साझा किया है जिसका उपयोग mouse और touch input दोनों के साथ objects को drag योग्य बनाने में किया गया
  • लेखक drag किए जा सकने वाले objects बनाने की जटिलताओं पर चर्चा करते हैं, जैसे कई mouse buttons को संभालना, कई उंगलियों के touch events, और कई destinations तक जाने वाले events
  • लेख में objects को drag योग्य बनाने की basic recipe दी गई है, जिसमें start, end, और move functions शामिल हैं
  • लेखक drag किए जा सकने वाले elements के भीतर text selection और image drag को संभालने के तरीकों पर चर्चा करते हैं
  • कई उंगलियों या mouse का उपयोग करके एक साथ कई objects को drag करने के लिए लेखक का समाधान
  • लेख में nested drag के लिए समाधान दिया गया है, जहाँ एक drag योग्य element के भीतर दूसरा drag योग्य element शामिल होता है
  • लेखक drag योग्य SVG elements बनाने के लिए एक Vue component प्रदान करते हैं
  • web applications में drag किए जा सकने वाले objects implement करना चाहने वाले software engineers के लिए यह लेख विशेष रूप से उपयोगी है

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2023-09-30
Hacker News राय
  • प्रोग्रामिंग में drag करने योग्य objects बनाने से जुड़ी चुनौतियों और समाधानों पर लेख
  • अलग-अलग आकार के items, placeholder की ज़रूरत, edge detection, और जटिल box alignment algorithms की वजह से drag-to-reorder को खास तौर पर मुश्किल काम बताया गया है
  • drag करने योग्य objects से जुड़े pitfalls और 'gotchas' की व्यापक कवरेज के लिए लेख की सराहना की गई है
  • Interactjs को विभिन्न projects में drag करने योग्य objects संभालने के लिए एक 'out-of-the-box' समाधान के रूप में सुझाया गया है
  • drag करने योग्य objects में accessibility की कमी, खासकर keyboard control की ज़रूरत, को लेकर चिंता जताई गई है
  • pointer और drag करने योग्य objects के बीच lag की समस्या पर चर्चा की गई है, और movement prediction को संभावित समाधान के रूप में सुझाया गया है
  • लेख के लेखक ने सकारात्मक प्रतिक्रिया के लिए आभार व्यक्त किया है और सवालों के जवाब देने की पेशकश की है
  • एक commenter ने 20 साल के अनुभव से सीखा हुआ एक तरीका साझा किया: movement न होने पर भी सभी button press और release events को drag events की तरह मानना
  • साइट को Uber में geographic analysis के लिए hexagonal system डिज़ाइन करने में उपयोगी माना गया है
  • साइट की JavaScript visualization, user-driven animation, और स्पष्ट व साफ उदाहरणों के प्रभावी उपयोग के लिए भी प्रशंसा की गई है
  • कई commenters ने साइट से सीखे अपने व्यक्तिगत अनुभव साझा किए और बताया कि इसने coding में रुचि जगाने और algorithms की समझ गहरी करने में मदद की
  • jQuery के दौर से अब तक drag करने योग्य objects के विकास ने nostalgia जगाया है