In an ironic twist, I was playing around with this and switching tabs trying to check out on a Shopify store, and my browser crashed.
Draggable JS – a lightweight, responsive, modern drag-and-drop library
51–60 of 122 posts
Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library
#52Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library
#53This 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?!
It's a very very nice design. A tiny tiny amount of the brutalism trend but with a comfy spirit. Surprising.
Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library
#54Cute examples, but nothing useful as far as building out a drag and drop UI. I assume this is being used on the Shopify template editor and not a new web game engine they're working on... would love to see examples that are a bit more practical. It also took me a while to even realize the landing page was interactive. A good DnD UI should make it clear to the user what pieces are interactive.
Same experience here - I scrolled up and down that page many times looking for a 'Demo' link, and it was only by chance that I clicked and dragged a block and realised "Oh, these block thingies are more than just decorative art!".
And to echo your other point - I am actually currently looking for a good drag and drop library for our web app. I would really like to see a more 'boring' demo which demonstrates some sort of Kanban board like functionality, dragging images or text blocks between boxes. I also want to see ability to restrict dropping or sorting etc. on a granular level.
The current 'demo' is cute, but not really translatable to my concept of what I want. I am more likely to dismiss this library as a games engine rather that something that could be used in an enterprise tool based on my experience to date.
Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library
#55Why 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.
I really like the page, but I think that there could be a section with much clearer real-world use cases would be helpful, especially if it showed the actual syntax. There's not even a link to the documentation (though it's in the README if you click "Contribute").
Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library
#56I 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.
How do both of these compare with https://github.com/bevacqua/dragula ?
Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library
#57Earlier quoted context omitted.
> 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.
I was referring about the 3d touch on iPhones. Maybe safari on mac and on iphone share something in them which makes 3d touch on iphone act like a force touch on macs.
Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library
#58Cute examples, but nothing useful as far as building out a drag and drop UI. I assume this is being used on the Shopify template editor and not a new web game engine they're working on... would love to see examples that are a bit more practical. It also took me a while to even realize the landing page was interactive. A good DnD UI should make it clear to the user what pieces are interactive.
Same experience here - I scrolled up and down that page many times looking for a 'Demo' link, and it was only by chance that I clicked and dragged a block and realised "Oh, these block thingies are more than just decorative art!". And to echo your other point - I am actually currently looking for a good drag and drop library for our web app. I would really like to see a more 'boring' demo which demonstrates some sort…
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.
Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library
#59Earlier 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.
Force click to preview a link is really awesome
Re: Draggable JS – a lightweight, responsive, modern drag-and-drop library
#60This 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?!
Not sure why it matters that it's an open source project homepage? If treated as a webpage in general among all other webpages, the design isn't that special. It's not awful, but pushing a ton of deep blue in your face would not be considered good design by many.
I appreciate the minimalism they're going for, the thick borders and that they aren't afraid of color, but the blue is too much. This trend of one-page fancy-scrolls grew from catering to mobile devices. On average, it seems like their only goal is to avoid bad design on mobile and ignore all other devices. These giant scrolling minimalist pages are often bad design on desktop, mediocre design on tablets and ok design on mobile.
Do not forget that webpages at their core are about information design. I just had to scroll almost 8 pages in order to read a few paragraphs and most of the paragraphs didn't have the information that was interesting to me.
The page that really had the information I wanted was hidden behind a "Contribute" button which makes no sense and you have to scroll all the way back up to the top to get to if you've read down to the bottom.
The style it's going for is fine, but I'm not sold on it being good information design for all devices, if any. :/