Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Draggable JS – a lightweight, responsive, modern drag-and-drop library

shopify.github.io

Post reply on HN
Print view View original

101–110 of 122 posts

Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library

#101

Post by nathan_f77 »

mnutt wrote: post #99
nathan_f77 wrote: post #93

Earlier quoted context omitted.

I've been using react-dnd in my app, and it has taught me a lot about good software design. The architecture is really beautiful and powerful, but I'm finding it very hard use. The HTML5 drag/drop backend also has some serious limitations. The main thing is that HTML drag/drop can't start a drag as soon as you click the mouse. It always waits until you drag the item at least 5 pixels in any direction. And then it som…

It's possible that the 5px threshold is intentional, to prevent accidental drags while trying to click a draggable object. I've seen that happen particularly with users who have touchpads.

Yes I can see why it's a good idea in general, but it's unsuitable for any CAD applications, where you need precise control over the position of graphics or text.

Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library

#102

Post by baybal2 »

nathan_f77 wrote: post #93
cormacrelf wrote: post #92

I'm surprised nobody has mentioned react-dnd ( http://react-dnd.github.io/react-dnd/ ) in this thread yet. This library being 'modular' or 'extensible' has nothing on what you can express when you stop dealing with the DOM directly, which is the real definition of 'modern drag and drop'. The demos on Draggable JS, while pretty and colourful, are not nearly as cool as the GIFs in this collection of real-world react-dn…

I've been using react-dnd in my app, and it has taught me a lot about good software design. The architecture is really beautiful and powerful, but I'm finding it very hard use. The HTML5 drag/drop backend also has some serious limitations. The main thing is that HTML drag/drop can't start a drag as soon as you click the mouse. It always waits until you drag the item at least 5 pixels in any direction. And then it som…

DnD and MVC frameworks do not mix well.

As for this issue, try to find their code that detects dragstart and and mousedown to it

Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library

#103

Post by nathan_f77 »

nathan_f77 wrote: post #93
cormacrelf wrote: post #92

I'm surprised nobody has mentioned react-dnd ( http://react-dnd.github.io/react-dnd/ ) in this thread yet. This library being 'modular' or 'extensible' has nothing on what you can express when you stop dealing with the DOM directly, which is the real definition of 'modern drag and drop'. The demos on Draggable JS, while pretty and colourful, are not nearly as cool as the GIFs in this collection of real-world react-dn…

I've been using react-dnd in my app, and it has taught me a lot about good software design. The architecture is really beautiful and powerful, but I'm finding it very hard use. The HTML5 drag/drop backend also has some serious limitations. The main thing is that HTML drag/drop can't start a drag as soon as you click the mouse. It always waits until you drag the item at least 5 pixels in any direction. And then it som…

EDIT: Someone already wrote a mouse backend for react-dnd [1], and it seems to work really well so far. Problem solved!

[1] https://github.com/zyzo/react-dnd-mouse-backend

Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library

#105

Post by stefco_ »

mijowi wrote: post #94
stefco_ wrote: post #83

Earlier quoted context omitted.

MacBookPro7,1 (mid-2010) in Chrome! It's definitely slower than new computers, but usually I don't have trouble with nice JS libraries unless a page is drowning me in tracking software. Just tried it in safari, and it was equally slow (subjectively speaking). Let me give Firefox Quantum a whirl... EDIT: It's actually usable in the newest Firefox! Still kind of slow, but significantly better than Chrome or Safari. But…

I'm a dev and I still run Mavericks. For a while I have felt like Apple's software is getting worse and worse, so I haven't updated. I don't use Safari though, so my browser is modern (the new Firefox actually).

I actually agree about their software quality but I worry about software compatibility and unpatched vulns, and I like a few recent features, like icloud notes. So I upgrade. But I prefer the old ones in a lot of ways too.

Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library

#107

Post by KitDuncan »

qiller wrote: post #65
KitDuncan wrote: post #58

Earlier quoted context omitted.

https://github.com/RubaXa/Sortable This is what I am using. It's not perfect and was a pain in the ass to get running with Vue.js, but now I am kinda happy and my clients are as well.

vue-draggable ( https://github.com/SortableJS/Vue.Draggable ) is a nice wrapper on top of Sortable, didn’t have too many issues with it

Yeah back when I started with my app, the wrapper didn't exist. Even now it's not perfectly suited for my needs, so I am sticking with my solution.

Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library

#108

Post by JoshMnem »

ellyagg wrote: post #84
JoshMnem wrote: post #81

Earlier quoted context omitted.

> pushing a ton of deep blue in your face would not be considered good design by many. Sorry to see that you're getting downvoted. Backlit, saturated colors like that are really unpleasant for some people. Designers should take that into account. Same goes for animation on pages that are meant to be read (another trend which is definitely not accessible for many people). (Other than the color intensity, the page is g…

Everything is unpleasant for some people. Anyway, is good design that which offends the least number of people? I can't agree with that.

Would you argue that accessibility is not worth spending time on, because it only affects a relatively small number of people?

Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library

#110

Post by amelius »

kentf wrote: post #32
mxstbr wrote: post #3

This website is absolutely incredible, wow! It might well be the most beautiful open source project homepage out there. Any other entries that even come close?!

Agreed. Haters going to hate. This is art. Thank you.

It looks ok, but "art" is a bit of an overstatement. It looks like something you could find in a toys store.
Post reply on HN