[{"data":1,"prerenderedAt":378},["ShallowReactive",2],{"project-8043058":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":34,"aspects":35,"strip":43,"post_text":45,"what":46,"said":98,"maker_in_thread":211,"shape":221,"grid":224,"attempts":342,"same_week":343,"maker_shows":245,"maker_hidden":370,"reader_version":371,"card":372},"8043058","Shoelace.io","Visual Bootstrap Grid Builder and Teacher Beta","title","Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta","http:\u002F\u002Fshoelace.io\u002F","shoelace.io","eflowers",1405529714,2014,158,46,156,2272,7,"notable","dev_tools","css grid builder","web_app",[24,25,26,27],"bootstrap grid","responsive grid","grid builder","less mixins","mixed",0.263,{"positive":31,"neutral":31,"mixed":32,"critical":33},11,3,4,29,{"execution":36,"design":38,"idea":39,"docs":42},{"positive":37,"critical":32},1,{"positive":37,"critical":37},{"positive":40,"critical":41},6,0,{"positive":41,"critical":41},[32,41,32,32,41,41,37,32,41,32,41,44,44,32,41,41,41,44,32,32,44,32,41,32,32,41,44,44,32,41,44,41,44,44,41,32,41,32,37,37],5,null,{"problem":47,"audience":54,"pricing":45,"motivation":70,"time_to_build":45,"stack":74,"openness":95,"stage":96,"team_size":97},{"value":48,"source":49,"evidence":50},"Hard to visualise and learn Bootstrap grid layouts","maker",[51],{"id":52,"by":11,"text":53},"8043809","Nope. This is all it does and all it is planned to do. There may be more features to extend the way it works, but it's strictly a grid tool and learning tool, not a builder. I…",{"value":55,"source":56,"evidence":57},"Developers and non-technical people learning Bootstrap grids","commenter",[58,62,66],{"id":59,"by":60,"text":61},"8043124","coderzach","This is great! It's always so hard to explain how bootstrap css and html work to non-technical people.",{"id":63,"by":64,"text":65},"8043460","bitroliest","As a backend engineer, this is fantastic. Thank you!",{"id":67,"by":68,"text":69},"8044200","schmidtc","Thank you! I've been trying to get my head around responsive grids for a while and after using this for 2 minutes I finally \"get it\".",{"value":71,"source":49,"evidence":72},"Make Bootstrap grids easier to visualise and learn, unlike WYSIWYG builders",[73],{"id":52,"by":11,"text":53},[75,81,85,89],{"value":76,"source":49,"evidence":77},"ClojureScript",[78],{"id":79,"by":11,"text":80},"8043195","You're welcome. Saving is broke right now. Be sure to check out the Less Mixin mode where you can name your rows and columns and use pure Less to make the grids. Fun fact - it's…",{"value":82,"source":49,"evidence":83},"Bootstrap",[84],{"id":52,"by":11,"text":53},{"value":86,"source":49,"evidence":87},"Less",[88],{"id":52,"by":11,"text":53},{"value":90,"source":49,"evidence":91},"Heroku",[92],{"id":93,"by":11,"text":94},"8044588","Yeah, an bug from posting this in a hurry and problems deploying it from github to heroku. Fixing it tonight =D","unknown","beta","team",{"praise":99,"objections":117,"requests":149,"questions":183,"alternatives":195},[100,113],{"value":101,"source":56,"evidence":102},"Useful for explaining and learning grid concepts",[103,107,108,109],{"id":104,"by":105,"text":106},"8044012","lominming","Really nicely done. I do not really see it in my workflow much because typing is faster than dragging around for me now and I am pretty familiar with grid concepts, but this will…",{"id":59,"by":60,"text":61},{"id":67,"by":68,"text":69},{"id":110,"by":111,"text":112},"8043762","seivan","This was really useful, thank you! I've always had a hard time visualising the grids. Is there anyway I can add text, images and buttons? Mostly for testing layouts.",{"value":114,"source":56,"evidence":115},"Dragging and snapping feel polished",[116],{"id":104,"by":105,"text":106},[118,128,135,142],{"value":119,"source":49,"evidence":120},"Nested containers or rows not supported",[121,124],{"id":122,"by":11,"text":123},"8044600","Nesting is the next on the roadmap once we get around to it. The Clojure for this is super complex, it was a ton of work making it \"unbreakable\" (as if). We're in a good spot to…",{"id":125,"by":126,"text":127},"8043899","tcfunk","I like how no one really answered this question, but just pointed out that you asked it incorrectly. I would like to know this as well...without the ability to create nested…",{"value":129,"source":49,"evidence":130},"Save and live preview were broken at launch",[131,132],{"id":79,"by":11,"text":80},{"id":133,"by":11,"text":134},"8045550","For anyone still reading - I fixed the save\u002Fpreview feature, its really cool. Example: http:\u002F\u002Fshoelace.io\u002F#2aed04bc819c4c7da28a",{"value":136,"source":56,"evidence":137},"Site broken in China due to Google Code hosted JS",[138],{"id":139,"by":140,"text":141},"8045610","tianshuo","The site is broken for China, since the prettify js code is hosted on Google Code.",{"value":143,"source":56,"evidence":144},"Offset bug allows sticky offsets",[145],{"id":146,"by":147,"text":148},"8044693","lowmagnet","Offset appears to be 'sticky' in that sm-offset-0 is possible by dragging the left most cell offset bar to the right then drag the whole thing left. Really nice visualization;…",[150,161,165,169,176],{"value":151,"source":56,"evidence":152},"Support nesting rows and columns",[153,157],{"id":154,"by":155,"text":156},"8043606","radicality","This is great! I can't figure out how to nest containers though, is this supported?",{"id":158,"by":159,"text":160},"8044336","zapt02","+1, nesting would be the killer feature",{"value":162,"source":56,"evidence":163},"Add text, images and buttons",[164],{"id":110,"by":111,"text":112},{"value":166,"source":56,"evidence":167},"Support Zurb Foundation grid",[168],{"id":104,"by":105,"text":106},{"value":170,"source":56,"evidence":171},"Support older browsers",[172],{"id":173,"by":174,"text":175},"8063202","S4M","This is pretty awesome! One suggestion: would it be possible to add old browsers as well? I am working on an app that doesn't render well on older versions of Firefox. I'll use…",{"value":177,"source":56,"evidence":178},"Re-arrange columns and clearer column labels",[179],{"id":180,"by":181,"text":182},"8044819","jitl","Is there a way to re-arrange columns? I couldn't get negative pulls to work :(. I think bigger column names, or different column colors would improve the usability once you have…",[184,188],{"value":185,"source":56,"evidence":186},"Can you nest containers or rows",[187],{"id":154,"by":155,"text":156},{"value":189,"source":56,"evidence":190},"Can column type be changed from lg to xs",[191],{"id":192,"by":193,"text":194},"8043594","larme","Can you change the column type from lg to others like xs?",[196,203,207],{"value":197,"source":56,"evidence":198},"JetStrap",[199],{"id":200,"by":201,"text":202},"8044389","jxm262","This is awesome! I'll definitely start using this. I've seen JetStrap before for building the full UI. But this is great for alot of my uses.",{"value":204,"source":49,"evidence":205},"Bootply",[206],{"id":52,"by":11,"text":53},{"value":208,"source":56,"evidence":209},"Zurb Foundation grid builder",[210],{"id":104,"by":105,"text":106},{"comments":212,"answered":40,"key":213},13,[214,217,220],{"id":215,"text":216},"8044759","That's a bug. Offset inheritance and reverse-inheritance was a real bugger of logic. Will fix.",{"id":218,"text":219},"8043776","You'd never nest containers using bootstrap. Do you mean rows\u002Fcols?",{"id":122,"text":123},{"commenters":222,"max_depth":33,"maker_replies":212,"first_comment_mins":31,"lifespan_hours":223},31,114,[225,227,229,231,232,233,237,240,242,243,244,246,248,252,253,255,257,261,264,267,272,276,279,282,286,287,289,292,296,299,303,305,306,308,310,313,315,317,319,324,325,328,331,333,337,338],[146,41,32,226,147,41],"project\u002Fmixed\u002Fexecution",[215,41,41,228,11,37],"maker\u002Fneutral\u002Fexecution",[180,41,32,230,181,41],"project\u002Fneutral\u002Fdesign",[154,37,32,230,155,41],[218,37,41,230,11,37],[234,37,41,235,236,41],"8043817","other\u002Fneutral\u002Fdocs","lpsz",[238,37,32,230,239,41],"8043820","jaunkst",[125,37,37,241,126,41],"project\u002Fcritical\u002Fdesign",[158,37,32,230,159,41],[122,37,41,228,11,37],[104,245,32,226,105,41],2,[133,32,41,247,11,37],"maker\u002Fpositive\u002Fexecution",[249,33,44,250,251,41],"8043479","project\u002Fpositive\u002Fidea","ohitsdom",[59,44,44,250,60,41],[173,40,44,254,174,41],"project\u002Fpositive\u002Fexecution",[139,18,37,256,140,41],"project\u002Fcritical\u002Fexecution",[258,18,41,259,260,41],"8045718","commenter\u002Fneutral\u002Fnone","est",[262,18,41,259,263,41],"8045927","Gigablah",[265,18,41,259,266,41],"8045838","yzzxy",[268,269,44,270,271,41],"8044016",8,"project\u002Fpositive\u002Fnone","benbristow",[273,274,32,230,275,41],"8043878",9,"manug102",[277,274,32,230,278,41],"8043949","DoubleMalt",[280,274,41,281,11,37],"8044739","maker\u002Fneutral\u002Fdesign",[283,284,44,250,285,41],"8046209",10,"kanakiyajay",[110,31,32,230,111,41],[52,31,41,288,11,37],"maker\u002Fneutral\u002Fidea",[290,31,32,291,111,41],"8043976","project\u002Fmixed\u002Fdesign",[293,31,32,294,295,41],"8044000","project\u002Fneutral\u002Fdocs","shaunxcode",[297,31,41,298,11,37],"8044722","project\u002Fneutral\u002Fexecution",[300,301,44,250,302,41],"8044362",12,"jetro223",[304,301,41,259,11,37],"8044578",[200,212,44,250,201,41],[192,307,32,230,193,41],14,[309,307,41,230,11,37],"8043787",[311,307,44,312,193,41],"8044073","project\u002Fpositive\u002Fdesign",[314,307,41,281,11,37],"8044725",[67,316,44,250,68,41],15,[63,318,44,270,64,41],16,[320,321,44,322,323,41],"8043174",17,"maker\u002Fpositive\u002Fnone","ldec",[79,321,41,228,11,37],[326,321,32,298,327,41],"8043576","findjashua",[329,321,41,330,11,37],"8043774","maker\u002Fneutral\u002Fnone",[332,321,32,298,295,41],"8044124",[334,335,37,256,336,41],"8044045",18,"yellowapple",[93,335,41,228,11,37],[339,340,37,256,341,41],"8045280",19,"punkmouse",[],[344,348,352,357,361,365],{"id":345,"name":346,"points":347,"category":20},"8036648","Pangoly",778,{"id":349,"name":350,"points":351,"category":20},"8016307","Breach",405,{"id":353,"name":354,"points":355,"category":356},"8042051","Papa Parse",363,"languages",{"id":358,"name":359,"points":360,"category":20},"8028704","Tools of the Trade",321,{"id":362,"name":363,"points":364,"category":20},"8023713","cv",252,{"id":366,"name":367,"points":368,"category":369},"8037633","Realm (YC S11)",188,"data",false,"v2",{"id":373,"name":5,"line":6,"ai":370,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":374,"top":18,"kw":375,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":376,"url":9,"mix":377,"praise":101,"objection":119,"sub":21},8043058,0.26,[24,25,26,27],"3033001303055300053353033055305055030311",[31,31,32,33],1794036520130]