[{"data":1,"prerenderedAt":305},["ShallowReactive",2],{"project-12421804":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":33,"aspects":34,"strip":40,"post_text":43,"what":44,"said":73,"maker_in_thread":177,"shape":183,"grid":187,"attempts":267,"same_week":268,"maker_shows":31,"maker_hidden":297,"reader_version":298,"card":299},"12421804","Mobi.css","A lightweight, flexible CSS framework that focuses on mobile","title","Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile","https:\u002F\u002Fgithub.com\u002Fxcatliu\u002Fmobi.css","github.com","xcatliu",1472945846,2016,91,32,420,2264,19,"notable","dev_tools","css framework","library",[21,24,25,26],"mobile css","flexbox","lightweight css","roasted",-0.242,{"positive":30,"neutral":31,"mixed":30,"critical":32},2,1,6,11,{"idea":35,"design":36,"performance":38,"execution":39},{"positive":31,"critical":30},{"positive":37,"critical":30},0,{"positive":37,"critical":30},{"positive":37,"critical":37},[31,37,41,42,31,31,31,37,37,37,37,37,31,37,37,37,37,41,41,37,37,37,37,42,31,37,37,37,37,37,37,37],3,5,null,{"problem":45,"audience":54,"pricing":43,"motivation":43,"time_to_build":43,"stack":58,"openness":72,"stage":72,"team_size":72},{"value":46,"source":47,"evidence":48},"Lightweight CSS base for building mobile-focused web pages","maker",[49,51],{"id":50},"post",{"id":52,"by":11,"text":53},"12422522","I think the question is who is your target customer. If you are building a website that focus on mobile user, it's no need to design and test for desktop. In this case Mobi.css…",{"value":55,"source":47,"evidence":56},"Developers building mobile-focused websites",[57],{"id":52,"by":11,"text":53},[59,64],{"value":60,"source":61,"evidence":62},"CSS","inferred",[63],{"id":50},{"value":65,"source":66,"evidence":67},"SCSS","commenter",[68],{"id":69,"by":70,"text":71},"12423588","watchdogtimer","I like how simple and lightweight this framework is. The idea of setting all top margins to 0 makes it easier to adjust things, too. But I don't like the idea of having to…","unknown",{"praise":74,"objections":83,"requests":121,"questions":128,"alternatives":141},[75],{"value":76,"source":66,"evidence":77},"Simple and lightweight; top margins set to 0 makes adjustment easier",[78,79],{"id":69,"by":70,"text":71},{"id":80,"by":81,"text":82},"12424729","chowes","Not sure why this seems to be getting a lot of negativity. I really like this. I'm going to try it out with my next weekend project.",[84,95,106,110],{"value":85,"source":66,"evidence":86},"Small frameworks like this are increasingly unnecessary now that flexbox is widely supported",[87,91],{"id":88,"by":89,"text":90},"12422875","sleazebreeze","Now that flexbox is widely supported, I don't really see a huge reason to bother with a framework like this. Bootstrap and other frameworks had a reason to exist several years…",{"id":92,"by":93,"text":94},"12426476","NathanCH","I would argue that big frameworks like Bootstrap still have a reason to exist because they provide interactive, component based functionality. It's actually small frameworks like…",{"value":96,"source":66,"evidence":97},"The container-side sidebar hiding on mobile is opinionated and narrow",[98,99,102],{"id":88,"by":89,"text":90},{"id":100,"by":89,"text":101},"12425201","Apologies for the tone in my previous comment. I guess it came off pretty harsh. Good work on creating and releasing something to the public. Upon looking again today, I like the…",{"id":103,"by":104,"text":105},"12422612","Kequc","Skeleton is perfect. https:\u002F\u002Fgithub.com\u002Fdhg\u002FSkeleton\u002Fblob\u002Fmaster\u002Fcss\u002Fskeleton.css It's tiny, simple, and so easy that if you read it and understand it, you could write it again…",{"value":107,"source":66,"evidence":108},"Requires Ruby and Node just to work with the SCSS file",[109],{"id":69,"by":70,"text":71},{"value":111,"source":66,"evidence":112},"Flexbox lacks support on older Android and IE9",[113,117],{"id":114,"by":115,"text":116},"12423681","pritambarhate","This depends on flexbox. As per CanIUse flexBox is fully supported only on Android 4.4 and above. However as per: https:\u002F\u002Fdeveloper.android.com\u002Fabout\u002Fdashboards\u002Findex.html More…",{"id":118,"by":119,"text":120},"12423798","skrebbel","Also IE9, which is used by many people, especially at work, who's computers are stuck on Windows 7.",[122],{"value":123,"source":47,"evidence":124},"Consider removing the container-side component",[125],{"id":126,"by":11,"text":127},"12423086","Thanks for your feedback. Actually Bootstrap v4 provides an opinion to use flex box instead of the traditional grid. http:\u002F\u002Fv4-alpha.getbootstrap.com\u002Fgetting-started\u002Fflexbox\u002F I…",[129,134],{"value":130,"source":66,"evidence":131},"Why is container-side part of the framework and why put it on the side?",[132,133],{"id":88,"by":89,"text":90},{"id":126,"by":11,"text":127},{"value":135,"source":66,"evidence":136},"Which CSS frameworks do people actually use day to day?",[137],{"id":138,"by":139,"text":140},"12422409","sotojuan","I see a lot of these \"CSS frameworks\" pop up, but which ones do people actually use day to day? Not criticizing the author—this looks cool and I'll give it a try, but I see a lot…",[142,148,155,163,170],{"value":143,"source":66,"evidence":144},"Bootstrap",[145,146,147],{"id":138,"by":139,"text":140},{"id":103,"by":104,"text":105},{"id":126,"by":11,"text":127},{"value":149,"source":66,"evidence":150},"Skeleton",[151,152],{"id":103,"by":104,"text":105},{"id":153,"by":11,"text":154},"12423041","Skeleton is good, but not prefect on mobile. You can try it on your iPhone http:\u002F\u002Fgetskeleton.com As I tried, scrolling in a scroll-view (the overflow:auto section) is not…",{"value":156,"source":66,"evidence":157},"Tachyons",[158,159],{"id":138,"by":139,"text":140},{"id":160,"by":161,"text":162},"12423263","cel1ne","I use http:\u002F\u002Ftachyons.io\u002F for everything and couldn't be happier. It gives you lots of singe-purpose classes that you mix and match. And most importantly it gives you a…",{"value":164,"source":66,"evidence":165},"Foundation",[166],{"id":167,"by":168,"text":169},"12422616","szensius","I don't know about more obscure but I've frequently used Foundation and like it. It doesn't feel as bloated at Bootstrap. I haven't used Bootstrap in awhile, so maybe it's gotten…",{"value":171,"source":66,"evidence":172},"Flexboxgrid",[173],{"id":174,"by":175,"text":176},"12422675","jazoom","I believe Foundation has a flexbox mode. There's also this: http:\u002F\u002Fflexboxgrid.com I just use whatever I want and use LostGrid in flexbox mode for my grids.",{"comments":42,"answered":178,"key":179},4,[180,181,182],{"id":126,"text":127},{"id":153,"text":154},{"id":52,"text":53},{"commenters":184,"max_depth":178,"maker_replies":42,"first_comment_mins":185,"lifespan_hours":186},26,190,21,[188,190,192,194,198,199,201,202,206,210,211,214,217,219,221,223,224,225,228,230,233,237,239,242,244,248,250,254,255,257,261,264],[88,37,31,189,89,37],"project\u002Fcritical\u002Fidea",[126,37,37,191,11,31],"maker\u002Fneutral\u002Fdesign",[100,37,41,193,89,37],"project\u002Fmixed\u002Fdesign",[195,37,42,196,197,37],"12424290","project\u002Fpositive\u002Fidea","fizzbatter",[92,37,31,189,93,37],[114,31,31,200,115,37],"project\u002Fcritical\u002Fperformance",[118,31,31,200,119,37],[203,31,37,204,205,37],"12423814","commenter\u002Fneutral\u002Fnone","carc1n0gen",[207,31,37,208,209,37],"12423892","other\u002Fneutral\u002Fnone","ergo14",[138,30,37,208,139,37],[212,30,37,208,213,37],"12422476","franciscop",[215,30,37,208,216,37],"12422580","JusticeJuice",[103,30,31,218,104,37],"project\u002Fcritical\u002Fdesign",[153,30,37,220,11,31],"project\u002Fneutral\u002Fnone",[222,30,37,204,104,37],"12425128",[167,30,37,208,168,37],[160,30,37,208,161,37],[226,41,41,220,227,37],"12422514","brudgers",[69,178,41,229,70,37],"project\u002Fmixed\u002Fexecution",[231,178,37,204,232,37],"12423700","dqv",[234,42,37,235,236,37],"12422494","other\u002Fneutral\u002Fidea","Scarbutt",[52,42,37,238,11,31],"maker\u002Fneutral\u002Fidea",[240,42,37,208,241,37],"12422687","kingkool68",[80,32,42,243,81,37],"project\u002Fpositive\u002Fnone",[245,246,31,218,247,37],"12422569",7,"huphtur",[249,246,37,238,11,31],"12423000",[251,252,37,208,253,37],"12422615",8,"simplify",[174,252,37,208,175,37],[256,252,37,208,11,31],"12422816",[258,259,37,208,260,37],"12423325",9,"rhabarba",[262,259,37,208,263,37],"12423816","supercoder",[265,259,37,208,266,37],"12424837","naasking",[],[269,274,278,283,288,293],{"id":270,"name":271,"points":272,"category":273},"12404871","Duet",396,"web_saas",{"id":275,"name":276,"points":277,"category":273},"12427505","Postacard",218,{"id":279,"name":280,"points":281,"category":282},"12431724","HN Chat",180,"consumer_social",{"id":284,"name":285,"points":286,"category":287},"12441302","sdees",100,"security_privacy",{"id":289,"name":290,"points":291,"category":292},"12424738","Txt.wav",98,"creative",{"id":294,"name":295,"points":14,"category":296},"12421042","Grumbles.js","languages",false,"v2",{"id":300,"name":5,"line":6,"ai":297,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":301,"top":18,"kw":302,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":303,"url":9,"mix":304,"praise":76,"objection":85,"sub":21},12421804,-0.24,[21,24,25,26],"10351110000010000330000510000000",[30,31,30,32],1794036547292]