[{"data":1,"prerenderedAt":435},["ShallowReactive",2],{"project-23259695":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":46,"post_text":48,"what":49,"said":72,"maker_in_thread":187,"shape":189,"grid":192,"attempts":385,"same_week":399,"maker_shows":376,"maker_hidden":427,"reader_version":428,"card":429},"23259695","Blunt","A CSS Layout Framework for Minimalists","title","Show HN: Blunt – A CSS Layout Framework for Minimalists","https:\u002F\u002Fgithub.com\u002Ff-prime\u002FBlunt","github.com","max0563",1590075457,2020,131,74,472,3028,16,"notable","dev_tools","css framework","library",[21,24,25,26],"utility classes","css layout","atomic css","roasted",-0.417,{"positive":30,"neutral":31,"mixed":32,"critical":33},3,11,0,17,31,{"design":36,"idea":39,"privacy":42,"performance":43,"execution":44,"docs":45},{"positive":37,"critical":38},2,4,{"positive":40,"critical":41},1,7,{"positive":32,"critical":32},{"positive":32,"critical":38},{"positive":32,"critical":40},{"positive":32,"critical":40},[30,30,32,32,32,32,32,32,32,40,40,30,32,32,40,40,40,40,30,40,30,30,32,32,32,32,32,30,40,40,32,40,47,30,40,40,32,32,30,30],5,null,{"problem":50,"audience":48,"pricing":48,"motivation":58,"time_to_build":48,"stack":62,"openness":71,"stage":71,"team_size":71},{"value":51,"source":52,"evidence":53},"Writing repetitive layout and spacing CSS; other frameworks feel too opinionated","commenter",[54],{"id":55,"by":56,"text":57},"23261090","trynewideas","> There seem to be hundreds of these things out there. So why bother with another one? Well, I was sick of fighting with the other options. Most are overly opinionated and result…",{"value":59,"source":52,"evidence":60},"Was sick of fighting other CSS frameworks that were too opinionated or too limited",[61],{"id":55,"by":56,"text":57},[63],{"value":64,"source":65,"evidence":66},"CSS","inferred",[67],{"id":68,"by":69,"text":70},"23269199","perilunar","Minimalist? It's 17609 lines and 553 KB. The 'simple' responsive card example uses 9 divs and 33 classes. This is madness.","unknown",{"praise":73,"objections":88,"requests":131,"questions":149,"alternatives":157},[74,81],{"value":75,"source":52,"evidence":76},"Concise, easy-to-read class names",[77],{"id":78,"by":79,"text":80},"23266978","seumars","i-lv-it, rlly cncise nd easy-t-ndrstnd.",{"value":82,"source":52,"evidence":83},"Useful middle ground for simple layout helpers",[84],{"id":85,"by":86,"text":87},"23260960","uryga","from a quick look, Blunt is mostly a (big) bunch of helpers for commonly used stuff like \"lay the children out horizontally\". i'm not sure if it'll be helpful if you're not very…",[89,101,116,127],{"value":90,"source":52,"evidence":91},"Stylesheet is about 500KB, too heavy for a minimalist framework",[92,93,97],{"id":68,"by":69,"text":70},{"id":94,"by":95,"text":96},"23263497","leephillips","I’m sure this library of classes will be useful for somebody. But the stylesheet weighs in at half a megabyte.",{"id":98,"by":99,"text":100},"23268688","quickthrower2","First thought: WTF! I had to take a look. It's a case of combinatorial explosion, e.g. there is a style for every integer up to some max I didn't care to find out, for the…",{"value":102,"source":52,"evidence":103},"Inline-style-like single-rule classes bloat markup and lack hover and media query support",[104,108,112],{"id":105,"by":106,"text":107},"23261662","runarberg","Sorry if I sound snarky, but why use this if you can just write: ``` \u003Cdiv style=\"margin-inline:auto\">Center\u003C\u002Fdiv> ``` It looks like these are just single rule classes. In my…",{"id":109,"by":110,"text":111},"23262529","keb_","Your critique applies to all of these modern \"atomic CSS\" frameworks, including Tailwind, Tachyons, and BassCSS. As another user pointed out, inline style attributes lack several…",{"id":113,"by":114,"text":115},"23268936","rebotfc","Inline styles cannot do things like :hover, dont work with media queries, can't be adjusted centrally and so on.",{"value":117,"source":52,"evidence":118},"Calling it minimalist is contradictory; minimalists don't use frameworks",[119,123],{"id":120,"by":121,"text":122},"23264809","arkanciscan","Minimalists don't use frameworks",{"id":124,"by":125,"text":126},"23264557","butz","Real minimalists are using only default styles provided by browser.",{"value":128,"source":52,"evidence":129},"Opening readme rant about other frameworks is a poor first impression",[130],{"id":55,"by":56,"text":57},[132,139],{"value":133,"source":52,"evidence":134},"Provide a live example site such as GitHub Pages",[135],{"id":136,"by":137,"text":138},"23262826","chadlavi","looks like you've already got example code, you should probably make a very basic github pages example site for this as well.",{"value":140,"source":52,"evidence":141},"Purge unused classes to shrink the stylesheet",[142,145],{"id":143,"by":95,"text":144},"23273611","Yes. I assume he generated the stylesheet programmatically. I guess the intelligent way to use this would be to write some code that detects which classes are actually being used…",{"id":146,"by":147,"text":148},"23273643","EnigmaCurry","Use purgecss - https:\u002F\u002Fpurgecss.com\u002F, its the same strategy employed by tailwindcss. It will filter out all the classes you don't actually use. Tailwind is over 2MB before its…",[150],{"value":151,"source":52,"evidence":152},"How does it compare to Tailwind?",[153],{"id":154,"by":155,"text":156},"23260384","dstroot","Can someone comment on Blunt vs. Tailwind?",[158,166,173,180],{"value":159,"source":52,"evidence":160},"Tailwind CSS",[161,162],{"id":154,"by":155,"text":156},{"id":163,"by":164,"text":165},"23261122","dgut","Tailwind has a class for almost everything, which makes it quite heavy: 1600kb minified. In my experience you end up with ≤ 15kb of minified CSS after running PurgeCSS anyway, so…",{"value":167,"source":52,"evidence":168},"Tachyons",[169],{"id":170,"by":171,"text":172},"23260808","mahesh_rm","I use Tachyons (https:\u002F\u002Ftachyons.io\u002F) whenever I can, for achieving this purpose. It seems the scope is overlapping, and tachyons is a little more mature:…",{"value":174,"source":52,"evidence":175},"Bootstrap",[176],{"id":177,"by":178,"text":179},"23260679","freedomben","I did tons of web pre-CSS days (all my layouts were tables :-D) and have (clearly) been out of the scene for a long time other than the occasional CSS hacking when there wasn't…",{"value":181,"source":52,"evidence":182},"flexboxgrid",[183],{"id":184,"by":185,"text":186},"23262105","wilsonrocks","http:\u002F\u002Fflexboxgrid.com\u002F Is pretty good - similar to at least one version of bootstrap's grid, but just does the layout",{"comments":32,"answered":32,"key":188},[],{"commenters":190,"max_depth":41,"maker_replies":32,"first_comment_mins":191,"lifespan_hours":34},53,41,[193,197,199,202,206,210,213,216,220,223,225,227,229,232,234,236,238,241,243,246,247,251,255,258,260,263,266,268,270,271,273,276,277,278,280,282,284,286,289,290,291,294,297,300,303,305,309,311,315,317,318,319,321,325,329,333,335,338,341,342,346,349,352,355,356,359,362,365,368,370,373,375,378,381],[194,32,30,195,196,32],"23266165","project\u002Fneutral\u002Fdesign","jakearmitage",[78,32,47,198,79,32],"project\u002Fpositive\u002Fdesign",[200,32,40,201,99,32],"23268668","project\u002Fcritical\u002Fdesign",[203,40,32,204,205,32],"23262861","commenter\u002Fneutral\u002Fnone","1ba9115454",[207,40,32,208,209,32],"23263237","other\u002Fneutral\u002Fnone","_puk",[211,40,32,208,212,32],"23264446","dancek",[214,40,32,204,215,32],"23268562","brailsafe",[217,40,32,218,219,32],"23265497","other\u002Fneutral\u002Fidea","lxe",[221,40,32,204,222,32],"23266880","notJim",[224,40,32,204,222,32],"23266907",[226,40,32,204,79,32],"23266994",[228,40,32,204,106,32],"23267996",[230,40,32,204,231,32],"23268487","desert_boi",[233,40,32,204,106,32],"23269216",[235,40,32,204,106,32],"23267315",[237,40,32,204,222,32],"23269059",[239,40,32,204,240,32],"23269557","andrei_says_",[105,37,40,242,106,32],"project\u002Fcritical\u002Fidea",[244,37,32,204,245,32],"23261767","Ravengenocide",[109,37,40,242,110,32],[248,37,32,249,250,32],"23263038","commenter\u002Fneutral\u002Fidea","wwweston",[252,37,30,253,254,32],"23265061","project\u002Fneutral\u002Fprivacy","majewsky",[256,37,32,204,257,32],"23268177","httpsterio",[259,37,32,204,257,32],"23268195",[261,37,32,208,262,32],"23273213","darekkay",[264,37,40,242,265,32],"23268313","runawaybottle",[267,37,32,204,106,32],"23269261",[269,37,32,204,265,32],"23269390",[113,37,40,242,114,32],[68,30,40,272,69,32],"project\u002Fcritical\u002Fperformance",[274,30,32,208,275,32],"23269368","classified",[94,38,40,272,95,32],[98,38,40,272,99,32],[143,38,30,279,95,32],"project\u002Fneutral\u002Fperformance",[281,38,32,208,147,32],"23273666",[283,38,32,204,95,32],"23274066",[285,38,40,242,99,32],"23277810",[287,38,30,288,95,32],"23277937","project\u002Fneutral\u002Fidea",[146,38,30,279,147,32],[177,47,30,288,178,32],[292,47,32,208,293,32],"23260957","chrisweekly",[295,47,32,208,296,32],"23261759","woodrowbarlow",[298,47,32,299,293,32],"23265161","other\u002Fneutral\u002Fdesign",[301,47,32,208,302,32],"23261865","mstade",[304,47,32,208,178,32],"23262478",[306,47,32,307,308,32],"23263634","other\u002Fcritical\u002Fnone","DonnyV",[310,47,32,208,293,32],"23263751",[312,47,32,313,314,32],"23266176","other\u002Fneutral\u002Fpricing","zdragnar",[316,47,32,208,293,32],"23274996",[85,47,30,288,86,32],[184,47,32,208,185,32],[124,320,40,242,125,32],6,[322,41,40,323,324,32],"23270178","project\u002Fcritical\u002Fexecution","colourgarden",[326,327,40,201,328,32],"23267478",8,"keyle",[330,331,40,201,332,32],"23264406",9,"AltruisticGapHN",[170,334,32,208,171,32],10,[336,334,32,208,337,32],"23261036","TheGoodBarn",[339,334,32,208,340,32],"23265490","subpixel",[120,31,40,242,121,32],[343,344,47,198,345,32],"23264597",12,"frequentnapper",[154,347,30,348,155,32],13,"project\u002Fneutral\u002Fnone",[350,347,30,195,351,32],"23260782","lemonberry",[353,347,30,195,354,32],"23261071","Brajeshwar",[163,347,40,272,164,32],[357,347,40,201,358,32],"23262653","leviathan",[360,347,32,204,361,32],"23262979","simplify",[363,347,32,208,364,32],"23266254","welly",[366,347,32,208,367,32],"23267289","type0",[369,347,32,208,364,32],"23269981",[371,347,32,208,372,32],"23268661","hit8run",[374,347,32,208,364,32],"23269980",[136,376,30,377,137,32],14,"project\u002Fneutral\u002Fdocs",[55,379,40,380,56,32],15,"maker\u002Fcritical\u002Fdocs",[382,379,47,383,384,32],"23261863","maker\u002Fpositive\u002Fidea","lucideer",[386,389,392,395,396],{"id":387,"t":388,"points":40,"comments":37},"23214138",1589740617,{"id":390,"t":391,"points":47,"comments":32},"23228729",1589838254,{"id":393,"t":394,"points":37,"comments":32},"23240685",1589924888,{"id":4,"t":12,"points":14,"comments":15},{"id":397,"t":398,"points":30,"comments":32},"24774882",1602669140,[400,405,410,414,418,423],{"id":401,"name":402,"points":403,"category":404},"23324598","Obsidian",1087,"productivity",{"id":406,"name":407,"points":408,"category":409},"23312339","Bear",685,"web_saas",{"id":411,"name":412,"points":413,"category":404},"23295989","Wiper",574,{"id":415,"name":416,"points":417,"category":20},"23282207","LaTeX.css",515,{"id":419,"name":420,"points":421,"category":422},"23283880","neut",456,"languages",{"id":424,"name":425,"points":426,"category":404},"23255732","newscatcher",420,false,"v2",{"id":430,"name":5,"line":6,"ai":427,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":431,"top":18,"kw":432,"maker":11,"domain":10,"tier":19,"attempts":47,"strip":433,"url":9,"mix":434,"praise":75,"objection":90,"sub":21},23259695,-0.42,[21,24,25,26],"3300000001130011113133000003110153110033",[30,31,32,33],1794036590809]