[{"data":1,"prerenderedAt":273},["ShallowReactive",2],{"project-4312822":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":42,"post_text":44,"what":45,"said":79,"maker_in_thread":159,"shape":161,"grid":164,"attempts":233,"same_week":234,"maker_shows":39,"maker_hidden":265,"reader_version":266,"card":267},"4312822","gridster.js","A drag-and-drop grid plugin that actually works","title","Show HN: gridster.js, a drag-and-drop grid plugin that actually works ","http:\u002F\u002Fgridster.net\u002F","gridster.net","dmarinoc",1343662752,2012,106,27,202,1677,13,"notable","languages","javascript ui library","library",[24,25,26,27],"drag and drop","grid layout","jquery plugin","widget dashboard","loved",0.333,{"positive":31,"neutral":32,"mixed":33,"critical":34},8,17,0,1,26,{"idea":37,"execution":38,"design":40,"docs":41},{"positive":33,"critical":33},{"positive":39,"critical":34},3,{"positive":33,"critical":33},{"positive":33,"critical":33},[39,39,39,39,43,39,39,34,39,33,39,39,43,39,39,39,39,39,39,43,39,39,43,43,43,43,43],5,null,{"problem":46,"audience":57,"pricing":44,"motivation":66,"time_to_build":44,"stack":71,"openness":76,"stage":77,"team_size":78},{"value":47,"source":48,"evidence":49},"Arranging items in a multi-column grid by dragging, including wide elements spanning several columns.","commenter",[50,54],{"id":51,"by":52,"text":53},"4312891","aitorciki","When the mouse pointer gets close to the bottom of the viewport while dragging an element we scroll the document. Columns are not scrolled on their own, since the whole grid is a…",{"id":55,"by":52,"text":56},"4313519","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…",{"value":58,"source":59,"evidence":60},"Developers building dashboards or layouts where element order matters.","inferred",[61,62],{"id":55,"by":52,"text":56},{"id":63,"by":64,"text":65},"4313687","benblodgett","I use something similar to allow users to manage the order in which images show up on their listings. (we provide a service for people to buy\u002Fsell cranes)",{"value":67,"source":48,"evidence":68},"Built for Ducksboard's own dashboard, since jQuery sortables could not handle wide elements.",[69,70],{"id":51,"by":52,"text":53},{"id":55,"by":52,"text":56},[72],{"value":73,"source":59,"evidence":74},"jQuery",[75],{"id":51,"by":52,"text":53},"open_source","launched","company",{"praise":80,"objections":103,"requests":117,"questions":132,"alternatives":146},[81,92],{"value":82,"source":48,"evidence":83},"Best drag-and-drop layout manager commenters have seen",[84,88],{"id":85,"by":86,"text":87},"4313950","Hikari","This is the best dnd layout manager I have seen so far and trust me I have played with a lot of them. There is of course some improvement that can be made but that is what github…",{"id":89,"by":90,"text":91},"4313070","wseymour","Wow, I've been looking for something like this for a while now, and this is _really_ impressive. Good work!",{"value":93,"source":48,"evidence":94},"Impressive, hard to build",[95,99],{"id":96,"by":97,"text":98},"4313313","bjt","Very impressive! It's not an easy thing to do (http:\u002F\u002Fmetafizzy.co\u002Fblog\u002Fmythical-drag-drop-multi-column-grid-plugin\u002F). I've been trying to fake it on a recent project for…",{"id":100,"by":101,"text":102},"4312894","ipedrazas","Well done guys! You're going to make my children very happy indeed!",[104,110],{"value":105,"source":48,"evidence":106},"No responsive window-size support",[107],{"id":108,"by":52,"text":109},"4313758","Not supported at the moment :( We've started by building something to fulfill our needs, and responsiveness wasn't in the list for a first version. Some logic is ran on browser…",{"value":111,"source":48,"evidence":112},"Drawing bugs in Safari 6",[113],{"id":114,"by":115,"text":116},"4313074","Argorak","This has very interesting drawing bugs in Safari 6 (Mountain Lion): http:\u002F\u002Fdearmacos.tumblr.com\u002Fpost\u002F28341302336\u002Fcomputer-graphics-101-drawing-rectangles-props",[118,125],{"value":119,"source":48,"evidence":120},"Resizable edges of boxes",[121],{"id":122,"by":123,"text":124},"4314202","schrijver","Nice, could be really useful for WYSIWYG web design in general. My first impulse was to try and resize the edges of the boxes, have you thought of implementing this?",{"value":126,"source":48,"evidence":127},"Responsive grid resizing",[128],{"id":129,"by":130,"text":131},"4313606","wmblaettler","Very nice! Any tips\u002Fissues 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…",[133,139],{"value":134,"source":48,"evidence":135},"Commercial use allowed under license",[136],{"id":137,"by":52,"text":138},"4313652","Sure, it's licensed under MIT :)",{"value":140,"source":48,"evidence":141},"Integration with Twitter Bootstrap layout",[142],{"id":143,"by":144,"text":145},"4312841","manuscreationis","Any examples of this integrating with Twitter Bootstraps layout?",[147,155],{"value":148,"source":48,"evidence":149},"jQuery UI draggable and sortables",[150,154],{"id":151,"by":152,"text":153},"4312862","eranation","Nice! and indeed needed... How do you handle scroll areas? can one column be independently scrolling? that was my main pain point with JQueryUI draggable... Note that your \"Fork…",{"id":51,"by":52,"text":53},{"value":156,"source":48,"evidence":157},"Masonry-style multi-column grid plugin",[158],{"id":96,"by":97,"text":98},{"comments":33,"answered":33,"key":160},[],{"commenters":162,"max_depth":39,"maker_replies":33,"first_comment_mins":163,"lifespan_hours":163},18,4,[165,169,171,172,173,175,178,180,182,184,188,190,192,193,197,200,203,205,209,211,214,216,218,220,224,228,231],[166,33,39,167,168,33],"4313475","maker\u002Fneutral\u002Fidea","simulate",[55,33,39,170,52,33],"project\u002Fneutral\u002Fidea",[122,33,39,170,123,33],[63,33,39,170,64,33],[96,34,43,174,97,33],"project\u002Fpositive\u002Fexecution",[151,176,39,177,152,33],2,"project\u002Fneutral\u002Fexecution",[51,176,39,179,52,33],"maker\u002Fneutral\u002Fexecution",[114,39,34,181,115,33],"project\u002Fcritical\u002Fexecution",[183,39,39,179,52,33],"4313087",[185,39,33,186,187,33],"4313707","commenter\u002Fneutral\u002Fexecution","spicyj",[129,163,39,189,130,33],"project\u002Fneutral\u002Fdesign",[108,163,39,191,52,33],"maker\u002Fneutral\u002Fdesign",[85,43,43,174,86,33],[194,195,39,170,196,33],"4312989",6,"jsmcallister",[198,195,39,199,52,33],"4312999","maker\u002Fneutral\u002Fdocs",[201,202,39,170,130,33],"4313635",7,[204,202,39,167,52,33],"4313673",[206,31,39,207,208,33],"4313620","project\u002Fneutral\u002Fnone","halis",[137,31,39,210,52,33],"maker\u002Fneutral\u002Fnone",[100,212,43,213,101,33],9,"project\u002Fpositive\u002Fnone",[143,215,39,189,144,33],10,[217,215,39,199,52,33],"4312872",[219,215,43,213,144,33],"4313029",[221,222,43,213,223,33],"4312979",11,"Ethervoid",[225,226,43,213,227,33],"4313025",12,"hamorim",[229,18,43,213,230,33],"4312904","ivanloire",[89,232,43,174,90,33],14,[],[235,240,245,250,255,260],{"id":236,"name":237,"points":238,"category":239},"4295714","Music for Geeks and Nerds",221,"learning_science",{"id":241,"name":242,"points":243,"category":244},"4310416","getworkdonemusic",178,"consumer_social",{"id":246,"name":247,"points":248,"category":249},"4325346","Lucid Tracker",113,"productivity",{"id":251,"name":252,"points":253,"category":254},"4303757","ggreplayz",86,"games",{"id":256,"name":257,"points":258,"category":259},"4319311","mrsamberapple.com",83,"other",{"id":261,"name":262,"points":263,"category":264},"4309337","nasa-apod-desktop",50,"creative",false,"v2",{"id":268,"name":5,"line":6,"ai":265,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":269,"top":18,"kw":270,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":271,"url":9,"mix":272,"praise":82,"objection":105,"sub":21},4312822,0.33,[24,25,26,27],"333353313033533333353355555",[31,32,33,34],1793990883778]