silverwind
Improve Drag & Drop
Our drag & drop feels quite janky sometimes, and there needs to be better UI feedback for it. I'll try to integrate draggability, which should make the D&D code more readable through events and the interactions smoother.
I think that we are doing a great job of UX in our drag and drop, there is just a lot less movement and change in ours.
Maybe some border-width transitions on hover or something would make ours more "exciting." like the demo.
On Fri, Nov 21, 2014 at 4:25 PM, silverwind [email protected] wrote:
After I'd seen this demo http://tympanus.net/Development/DragDropInteractions/, I knew there was room for improvement :)
— Reply to this email directly or view it on GitHub https://github.com/silverwind/droppy/issues/217#issuecomment-64047937.
Yeah, small things like this. I still think there's something wrong in our event handling. Dragging a file over folders is pretty choppy, presumably because we're hitting a CPU limit.
Also, I think I'll implement the dropzones you suggested earlier.
Okay, does drag and drop also work on touch devices?
This might be a good opportunity to implement that too.
On Fri, Nov 21, 2014 at 4:37 PM, silverwind [email protected] wrote:
Yeah, small things like this. I still think there's something wrong in our event handling. Dragging a file over folders is pretty choppy, presumably because we're hitting a CPU limit.
Also, I think I'll implement the dropzones you suggested earlier.
— Reply to this email directly or view it on GitHub https://github.com/silverwind/droppy/issues/217#issuecomment-64049183.
Ours doesn't, that library I'm intending to use provides it, including multi-touch. :+1:
I think I'll ditch most if not all current D&D code at this point and start fresh. dragdrop.js has a few abstractions which should make that code more readable. I wonder why that library wasn't released as standalone yet.
There's a bit of a challenge on mobile: Scrolling. When a touch starts over a file and goes up or down, how to decide wether to drag or scroll? I'm not sure what the best solution to this is.
Late to the conversation, but I dont think drag and drop are intuitive capabilities for touch applications. I would not expect to be able to drag and drop when using a mobile device. On Nov 30, 2014 2:10 PM, "silverwind" [email protected] wrote:
I think I'll ditch most if not all current D&D code at this point and start fresh. dragdrop.js https://github.com/codrops/DragDropInteractions/blob/master/js/dragdrop.js has a few abstractions which should make that code more readable.
— Reply to this email directly or view it on GitHub https://github.com/silverwind/droppy/issues/217#issuecomment-64998193.
If you were to implement dragging and dropping on touch, I would mimick the Windows Phone start menu drag and drop tiles.
Holding down on an app tile for a couple seconds lifts it up and clearly shows that you are moving or reordering the tiles. On Dec 1, 2014 2:44 AM, "Cole Lawrence" [email protected] wrote:
There's a bit of a challenge on mobile: Scrolling. When a touch starts over a file and goes up or down, how to decide wether to drag or scroll? I'm not sure what the best solution to this is.
Late to the conversation, but I dont think drag and drop are intuitive capabilities for touch applications. I would not expect to be able to drag and drop when using a mobile device. On Nov 30, 2014 2:10 PM, "silverwind" [email protected] wrote:
I think I'll ditch most if not all current D&D code at this point and start fresh. dragdrop.js https://github.com/codrops/DragDropInteractions/blob/master/js/dragdrop.js has a few abstractions which should make that code more readable.
— Reply to this email directly or view it on GitHub https://github.com/silverwind/droppy/issues/217#issuecomment-64998193.
I think once files are selected, we can activate touch-based drag&drop for the area of selected files (or just the filename), while the rest of the page reacts to scroll events normally.