Live data from Hacker News

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

shopify.github.io

41–50 of 122 posts

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

#41

Earlier quoted context omitted.

Use force touch, unfortunately there was no time to add visual guidelines for it. Let me know if it works

Force touch works, but why is the interaction different from other browsers?

unfortunately, force touch is not supported by all Macs. it's unfortunate that this doesn't work in the battery-saving browser of choice for a lot of people (myself included), because the website is gorgeous.

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

#42
post #37

I recently build a drag & drop feature for a customer with http://interactjs.io/ . The example page might not be as flashy, but it seems more reliable across browsers.

Your example is not running smooth for me, it has a slight delay when moving elements.

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

#43
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?!

Yep, also those subtle sound effects make it really enjoyable to just drag & drop those blocks for fun

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

#44
post #37

I recently build a drag & drop feature for a customer with http://interactjs.io/ . The example page might not be as flashy, but it seems more reliable across browsers.

While not as beautiful, your library is a lot more performant to be sure. After throttling my CPU by 6x, everything still felt really smooth with interactjs, while Shopify's lib began to choke. There are pretty big differences though. Shopify offers swapping and sorting, and even supports feature like force touch.

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

#45
post #38

Earlier quoted context omitted.

Use force touch, unfortunately there was no time to add visual guidelines for it. Let me know if it works

I'm a long time Mac user but didn't realized that my Macbook has force touch functionality until now. Cannot see how 'force touch' adds any value, though.

> Cannot see how 'force touch' adds any value, though.

I guess if you want to scroll the page instead of dragging elements - having force touch helps distinguish two actions. I know it's different but in google maps for example it's super annoying when instead of scrolling down the page - the map iframe is trying to zoom out.

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

#46

Why would they showcase the drag and drop coupled with this intriguing isometric block UI? It really takes the focus away from the core functionality of the library. I was totally focused on how the blocks interact. It's not anywhere close to the type of apps I build so the examples do not really give me a feel how well it may work for typical CRUD use cases.

> Why would they showcase the drag and drop coupled with this intriguing isometric block UI?

Because it looks and feels awesome!? :-)

Seriously though, I didn't think it took that much away from the core functionally. I quite enjoyed testing the limits of the functionality with the demo.

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

#48
post #45
post #38

Earlier quoted context omitted.

I'm a long time Mac user but didn't realized that my Macbook has force touch functionality until now. Cannot see how 'force touch' adds any value, though.

> Cannot see how 'force touch' adds any value, though. I guess if you want to scroll the page instead of dragging elements - having force touch helps distinguish two actions. I know it's different but in google maps for example it's super annoying when instead of scrolling down the page - the map iframe is trying to zoom out.

Not sure I follow, scrolling and dragging are two completely different gestures? Overloading scroll to mean zoom is problematic, but that's not happening here. You need to click "deeper" than usual for seemingly no reason. Fwiw I also thought the page was broken in Safari, never used force touch before on a website except to preview links.

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

#49
post #37

I recently build a drag & drop feature for a customer with http://interactjs.io/ . The example page might not be as flashy, but it seems more reliable across browsers.

This works much better in my Android phone (Nexus 5 with chrome dev) than the OP
Post reply on HN