Live data from Hacker News

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

shopify.github.io

111–120 of 122 posts

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

#112
neat library.

somewhat off topic: took me a bit to figure out where the project was since "download" was the main go to action and to me contribute sounded like they were asking for money. I was initially disappointed because download offered up a zip file and I wanted to use a package manager. Contribute code or github repo or perhaps installation instructions and documentation might be a better way to phrase the second button.

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

#113
post #99

Earlier quoted context omitted.

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.

In the vector graphics world there is the notion of "nudging" with the arrow keys. This way you can make fine adjustments without zooming in, and you don't have to worry about sloppy clicks accidentally moving things 1 px.

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

#114
post #84

Earlier quoted context omitted.

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?

Accessibility or " really unpleasant "? You are moving the goalposts.

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

#117

Earlier quoted context omitted.

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.

In the vector graphics world there is the notion of "nudging" with the arrow keys. This way you can make fine adjustments without zooming in, and you don't have to worry about sloppy clicks accidentally moving things 1 px.

Oh yes, I have support for that too. Also Shift+arrow key to nudge a larger distance. But I just switched to a "mouse backend" for react-dnd (instead of the native drag and drop), and it does feel a lot nicer to use.

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

#118
> Let’s face it, its annoying when plugins get in the way of your personal design touch

Frankly I run into the converse problem far more; people's attempts to inflict "their personal design touch" trying to disrupt my browsing. Thankfully, the latter always wins out ;)

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

#119

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…

That sounds flawed - IMO the UX should be time based, not pixel based. It turns out when users click, it's often very easy for them to drag their mouse while doing it, 5 pixels sounds like it could still be prone to accidental drags.
Post reply on HN