I had one HTML5 drag and drop target that wasn't working in webkit browsers, but worked fine in Firefox. Took a little while to find this tidbit which explains the bug:
"For security purposes, the getData method can be called only from within the ondrop event handler"
-- Apple webkit documentation
https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/SafariJSProgTopics/DragAndDrop.html
--
#webdev #webkit #DragAndDrop
https://dev.to/wolfmath/drag-and-drop-with-react-519m - building a #DragAndDrop component in #React with no other dependencies. Nice work https://github.com/wolf-math.
Implementing supportive educational #UX in every step of digital product development, even for my not so digital friends :thisisfine:
#HowTo #draganddrop on beloved #excalidraw
#ux #howto #draganddrop #excalidraw
Sliding toys (https://sliding.toys/) some fun sliding puzzles in the browser. I gave the 8 puzzle a try, and, let's face it, I'm bad at this, like, 100 moves, for sure you beat me!
#DragAndDrop #Fun #BrowserGames
#draganddrop #fun #browsergames
Dragging windows from-to joined screens works double-ways from screen 2 to 1 and the wrong way from 1 to 2 #multiplemonitors #2204 #draganddrop
#multiplemonitors #draganddrop
#draganddrop from #terminal using #dragon and #tmux
https://blog.meain.io/2022/terminal-drag-and-drop/
#draganddrop #terminal #dragon #tmux
Wrote my first use of web #DragAndDrop tonight. I'm using #SolidJS for the main editing UI, so I wasted yesterday's coding trying to find+use a native D&D library for that, but stable object identity + #VanillaJS turned out to be much simpler than decoding those libraries' documentation.
#draganddrop #solidjs #vanillajs
react users, you have no excuse not to implement accessible drag and drop now. The addon is released in the open source domain by discord, but it has a quite permissive license, so I don't see why not to use it if it's there
https://github.com/discord/react-dnd-accessible-backend
#discord #accessibility #react #draganddrop
#draganddrop #react #accessibility #discord
#medium #OneZero "The Future of Coding Is ‘No Code’ -- Drag-and-drop tools make anyone a maker" #debugger #NoCode #LowCode #DragAndDrop #NotConvincing #OwenWilliams #Source #Code #Dev ...https://onezero.medium.com/the-future-of-coding-is-no-code-3fdbd35ac15b
#medium #OneZero #debugger #nocode #lowcode #draganddrop #NotConvincing #OwenWilliams #source #code #dev
#medium #OneZero "The Future of Coding Is ‘No Code’ -- Drag-and-drop tools make anyone a maker" #debugger #NoCode #LowCode #DragAndDrop #NotConvincing #OwenWilliams #Source #Code #Dev ...https://onezero.medium.com/the-future-of-coding-is-no-code-3fdbd35ac15b
#dev #code #source #OwenWilliams #NotConvincing #draganddrop #lowcode #nocode #debugger #OneZero #medium
Dragon Drop - Accessible drag and drop list reorder solution by Harris Schneiderman. His list reorder module Dragon Drop is keyboard and assistive technology accessible thanks to live regions. https://github.com/schne324/dragon-drop #Front #DragAndDrop #JS by @theHarrisius@twitter.com
teaching chemistry...
#teaching #chemistry #touchscreen #microphone #draganddrop #classroom #interface #animatedgif
#chemistry #touchscreen #microphone #draganddrop #classroom #interface #animatedgif
teaching chemistry...
#teaching #chemistry #touchscreen #microphone #draganddrop #classroom #interface #animatedgif
#chemistry #touchscreen #microphone #draganddrop #classroom #interface #animatedgif
teaching chemistry...
#teaching #chemistry #touchscreen #microphone #draganddrop #classroom #interface #animatedgif
#teaching #chemistry #touchscreen #microphone #draganddrop #classroom #interface #animatedgif
teaching chemistry...
#teaching #chemistry #touchscreen #microphone #draganddrop #classroom #interface #animatedgif
#teaching #chemistry #touchscreen #microphone #draganddrop #classroom #interface #animatedgif
drag and drop...
#draganddrop #gui #windows #microsoft #trash #computer #disappear #animatedgif
#gui #computer #disappear #animatedgif #windows #microsoft #trash #draganddrop