Show HN: gridster.js, a drag-and-drop grid plugin that actually works • Hacker News Board

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#11

Post by hamorim » Mon, Jul 30, 2012, 4:10 PM UTC

Nice! Really cool!

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#12

Post by manuscreationis » Mon, Jul 30, 2012, 4:10 PM UTC

aitorciki wrote: post #4

manuscreationis wrote: post #2

Any examples of this integrating with Twitter Bootstraps layout?

Hi there. The only current integration of the tool is Ducksboard, where we use it to handle widgets arrangement. The documentation is pretty extensive anyway, it should be easy to integrate anywhere.

Thanks, I may end up taking a look at this...

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#13

Post by wseymour » Mon, Jul 30, 2012, 4:17 PM UTC

Wow, I've been looking for something like this for a while now, and this is _really_ impressive. Good work!

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#14

Post by Argorak » Mon, Jul 30, 2012, 4:17 PM UTC

This has very interesting drawing bugs in Safari 6 (Mountain Lion):

http://dearmacos.tumblr.com/post/28341302336/computer-graphi...

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#15

Post by aitorciki » Mon, Jul 30, 2012, 4:20 PM UTC

Argorak wrote: post #14

This has very interesting drawing bugs in Safari 6 (Mountain Lion): http://dearmacos.tumblr.com/post/28341302336/computer-graphi...

Oops, no Mountain Lions around, was tested and worked ok on Lion's Safari.

Will have a look at what can be done, thanks :)

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#16

Post by bjt » Mon, Jul 30, 2012, 5:00 PM UTC

Very impressive! It's not an easy thing to do (http://metafizzy.co/blog/mythical-drag-drop-multi-column-gri...).

I've been trying to fake it on a recent project for Stanford's recent HCI online class (see http://btubbs.github.com/slapdash/), but Gridster looks much nicer. Will be switching.

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#17

Post by simulate » Mon, Jul 30, 2012, 5:26 PM UTC

What are some example use cases? Judging from comments so far, several people need this and plan to use it but I'm having a difficult time thinking of use cases, other than puzzle games.

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#18

Post by aitorciki » Mon, Jul 30, 2012, 5:31 PM UTC

simulate wrote: post #17

What are some example use cases? Judging from comments so far, several people need this and plan to use it but I'm having a difficult time thinking of use cases, other than puzzle games.

We built it for our own product, Ducksboard. Users can build their own metrics dashboards by adding widgets and arranging them as they like.

That's the use case: being able to arrange/sort a set of widgets by dragging and dropping them in an grid. Puzzles, dashboards, image collections, think of any thing built of visuals elements where order counts.

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#19

Post by wmblaettler » Mon, Jul 30, 2012, 5:45 PM UTC

Very nice! Any tips/issues on making it responsive to the window size? Having just viewed at the demo and not really digging into the code, I am not sure if this is rather obvious or not. Thanks!

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#20

Post by halis » Mon, Jul 30, 2012, 5:47 PM UTC

Very nice, does the license allow this to be used in a commercial project?