[{"data":1,"prerenderedAt":332},["ShallowReactive",2],{"project-6964955":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":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":44,"post_text":46,"what":47,"said":59,"maker_in_thread":191,"shape":198,"grid":201,"attempts":294,"same_week":295,"maker_shows":31,"maker_hidden":324,"reader_version":325,"card":326},"6964955","Bijou","A small (less than 2 kb) CSS framework","title","Show HN: A small (less than 2 kb) CSS framework","http:\u002F\u002Fandhart.github.io\u002Fbijou\u002F","andhart.github.io","J-H",1388021860,2013,79,36,316,1739,19,"notable","languages","css framework","library",[21,24,25,26],"responsive grid","lightweight css","css grid","debated",-0.114,{"positive":30,"neutral":31,"mixed":32,"critical":33},6,2,4,10,22,{"design":36,"idea":38,"docs":39,"execution":41,"pricing":42},{"positive":31,"critical":37},5,{"positive":31,"critical":32},{"positive":40,"critical":40},0,{"positive":40,"critical":40},{"positive":40,"critical":43},1,[43,43,40,40,40,43,40,45,43,43,40,43,45,40,45,40,40,37,40,40,37,43,45,40,40,43,40,45,37,37,43,40,37,37,43,45],3,null,{"problem":46,"audience":46,"pricing":46,"motivation":46,"time_to_build":46,"stack":48,"openness":57,"stage":58,"team_size":58},[49],{"value":50,"source":51,"evidence":52},"CSS","inferred",[53],{"id":54,"by":55,"text":56},"6965998","OGC","a) This is rididiculous b) It isn't \"even less than 2 kb\" file 2 lines (1 sloc) 2.594 kb (https:\u002F\u002Fgithub.com\u002Fandhart\u002Fbijou\u002Fblob\u002Fmaster\u002Fcss\u002Fbijou.css)","open_source","unknown",{"praise":60,"objections":89,"requests":131,"questions":153,"alternatives":165},[61,81],{"value":62,"source":63,"evidence":64},"Small size and simple, clean design","commenter",[65,69,73,77],{"id":66,"by":67,"text":68},"6965170","Rogerh91","I like it. Definitely gets the point of \"KISS\".",{"id":70,"by":71,"text":72},"6965203","aliirz","This is nice, will definitely use it in my next project.",{"id":74,"by":75,"text":76},"6965727","sodafountan","It has a very nice flat design to it, I like it. I might just use it and possibly extend it at some point.",{"id":78,"by":79,"text":80},"6964964","prodigium","Well, I'm impressed. Looks sort of like an old bootstrap.",{"value":82,"source":63,"evidence":83},"Useful for simple projects",[84,88],{"id":85,"by":86,"text":87},"6966311","brickmort","i love these things. super simple and super basic, yet still serves an effective purpose. nice job.",{"id":70,"by":71,"text":72},[90,105,116,127],{"value":91,"source":63,"evidence":92},"A 10-column grid is an odd choice; 12 is more common",[93,97,101],{"id":94,"by":95,"text":96},"6965247","akcreek","Why a 10 column grid? 12 makes much more sense to me since it is divisible by 2, 3, 4 and 6 while 10 is only divisible by 2 and 5. 12 gives more options with hardly any…",{"id":98,"by":99,"text":100},"6965411","ivanhoe","Yup, that's a really weird choice. The most common layouts are the ones with 3 or 4 equal sized columns, and I just don't see how one would use this grid to do that?",{"id":102,"by":103,"text":104},"6966219","deanclatworthy","Nice work, although a little useless right now. It would be nice if your browser support was a little more informative than \"The latest versions of Chrome, FF, Safari\". What…",{"value":106,"source":63,"evidence":107},"Not needed as a framework; plain CSS is enough",[108,112],{"id":109,"by":110,"text":111},"6965215","granttimmerman","At this point\u002Fsize, why do you even need a 'framework'? I think anybody who wants to adopt this kit and modify it a bit might as well just code the css themselves.",{"id":113,"by":114,"text":115},"6965531","moeedm","Most of you people are very smart, and I'm sure code very complex apps\u002Fservices. Seriously, you can write this much CSS on your own. You don't need a framework.",{"value":117,"source":63,"evidence":118},"Tables break on small screens",[119,123],{"id":120,"by":121,"text":122},"6965205","sekasi","The tables are a bit busted on the smallest breakpoint, but other than that it's pretty awesome for the size. Well played sir.",{"id":124,"by":125,"text":126},"6965108","CisSovereign","Very nice. Although the tables mess of the responsiveness a bit. Don't compress fully.",{"value":128,"source":63,"evidence":129},"Size claim under 2 kb is inaccurate; file is 2.594 kb",[130],{"id":54,"by":55,"text":56},[132,142,149],{"value":133,"source":134,"evidence":135},"Switch to a 12-column grid","maker",[136,139],{"id":137,"by":11,"text":138},"6966898","Honestly, it was a choice I made late in the night. I think I'm going to rework it now to be 12 columns.",{"id":140,"by":11,"text":141},"6966907","Thanks for all the very good points. I really need to do some more testing on other browsers, and then I'll be able to give a minimum requirement. So that will definitely be part…",{"value":143,"source":63,"evidence":144},"Make columns stack on mobile",[145],{"id":146,"by":147,"text":148},"6966625","armageddon","The columns should probably break down and resize to 100% for mobile devices - your 420px container. I'm not sure what will fit in a the one, two, and three width columns...…",{"value":150,"source":63,"evidence":151},"State browser support and a minimum baseline",[152],{"id":102,"by":103,"text":104},[154,158],{"value":155,"source":63,"evidence":156},"Why use a 10-column grid",[157],{"id":94,"by":95,"text":96},{"value":159,"source":63,"evidence":160},"How would one use this framework in practice",[161],{"id":162,"by":163,"text":164},"6966094","nawitus","How would one even use this 'framework'? One would imagine that the first step is to design the web site, then implement it, and it's unlikely that the design looks similar to…",[166,173,180,184],{"value":167,"source":63,"evidence":168},"Simple-Grid",[169],{"id":170,"by":171,"text":172},"6965567","adamwilcox","I use Simple-Grid. 12 Columns, 1140px, and smaller than this at 1.7 kb- http:\u002F\u002Fthisisdallas.github.io\u002FSimple-Grid\u002F",{"value":174,"source":63,"evidence":175},"Pure",[176],{"id":177,"by":178,"text":179},"6965096","CharlesW","This is neat! It also seems worth noting Yahoo's excellent Pure (http:\u002F\u002Fpurecss.io\u002F) here, too. It's a tiny bit larger with a few more features, but modular and fairly…",{"value":181,"source":63,"evidence":182},"Bootstrap",[183],{"id":78,"by":79,"text":80},{"value":185,"source":63,"evidence":186},"Topcoat",[187],{"id":188,"by":189,"text":190},"6965181","gry","Adobe Topcoat [http:\u002F\u002Ftopcoat.io\u002F] provides metrics. The \"optimized\" CSS is growing, and becoming an interesting space. edit: clarity",{"comments":37,"answered":31,"key":192},[193,194,195],{"id":137,"text":138},{"id":140,"text":141},{"id":196,"text":197},"6965233","Oops, thanks for pointing that out. Will definitely fix that as soon as possible. Thanks for the kind words!",{"commenters":199,"max_depth":45,"maker_replies":37,"first_comment_mins":32,"lifespan_hours":200},30,20,[202,204,205,209,212,214,218,219,222,224,225,229,230,234,238,240,242,246,248,249,250,253,257,260,262,264,265,267,269,272,274,278,281,283,287,290],[94,40,43,203,95,40],"project\u002Fcritical\u002Fdesign",[98,40,43,203,99,40],[206,40,40,207,208,40],"6966807","other\u002Fneutral\u002Fnone","snarfy",[210,40,40,207,211,40],"6966987","blablabla123",[137,40,40,213,11,43],"maker\u002Fneutral\u002Fdesign",[215,40,43,216,217,40],"6968073","maker\u002Fcritical\u002Fdesign","lowboy",[170,43,40,207,171,40],[220,43,45,221,217,40],"6968080","project\u002Fneutral\u002Fidea",[109,31,43,223,110,40],"project\u002Fcritical\u002Fidea",[113,45,43,223,114,40],[226,45,40,227,228,40],"6965793","commenter\u002Fneutral\u002Fidea","rangibaby",[162,45,43,223,163,40],[231,45,45,232,233,40],"6965921","project\u002Fmixed\u002Fidea","hrktb",[235,45,40,236,237,40],"6967593","commenter\u002Fcritical\u002Fnone","thatthatis",[102,32,45,239,103,40],"project\u002Fmixed\u002Fdocs",[140,32,40,241,11,43],"maker\u002Fneutral\u002Fdocs",[243,37,40,244,245,40],"6965243","other\u002Fneutral\u002Fidea","Edmond",[78,30,37,247,79,40],"project\u002Fpositive\u002Fdesign",[177,30,40,207,178,40],[188,30,40,207,189,40],[66,251,37,252,67,40],7,"project\u002Fpositive\u002Fidea",[254,255,43,223,256,40],"6966377",8,"UUMMUU",[120,258,45,259,121,40],9,"project\u002Fmixed\u002Fexecution",[196,258,40,261,11,43],"maker\u002Fneutral\u002Fexecution",[263,258,40,261,11,43],"6965374",[146,33,43,203,147,40],[266,33,40,213,11,43],"6966889",[124,268,45,259,125,40],11,[70,270,37,271,71,40],12,"project\u002Fpositive\u002Fnone",[74,273,37,247,75,40],13,[275,276,43,203,277,40],"6967518",14,"somesay",[279,276,40,280,217,40],"6968076","commenter\u002Fneutral\u002Fdesign",[85,282,37,252,86,40],15,[284,285,37,271,286,40],"6967775",16,"garrettdreyfus",[54,288,43,289,55,40],17,"project\u002Fcritical\u002Fpricing",[291,288,45,292,293,40],"6966032","project\u002Fneutral\u002Fnone","rplnt",[],[296,301,306,311,315,319],{"id":297,"name":298,"points":299,"category":300},"6996398","hash-n-slash",261,"dev_tools",{"id":302,"name":303,"points":304,"category":305},"6985700","aeipsapps.tumblr.com",206,"games",{"id":307,"name":308,"points":309,"category":310},"6993981","Vidpresso",154,"creative",{"id":312,"name":313,"points":314,"category":300},"6969897","LightPaper for Mac",132,{"id":316,"name":317,"points":318,"category":310},"6984496","Dave Sapien",131,{"id":320,"name":321,"points":322,"category":323},"6966004","postcards.lekevicius.com",109,"consumer_social",false,"v2",{"id":327,"name":5,"line":6,"ai":324,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":328,"top":18,"kw":329,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":330,"url":9,"mix":331,"praise":62,"objection":91,"sub":21},6964955,-0.11,[21,24,25,26],"110001031101303005005130010355105513",[30,31,32,33],1793990901098]