[{"data":1,"prerenderedAt":316},["ShallowReactive",2],{"project-21948472":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":44,"post_text":46,"what":47,"said":71,"maker_in_thread":202,"shape":211,"grid":215,"attempts":279,"same_week":280,"maker_shows":38,"maker_hidden":308,"reader_version":309,"card":310},"21948472","sscaffold-css","I combined Milligram, Skeleton, and Normalize into a single CSS project","title","Show HN: I combined Milligram, Skeleton, and Normalize into a single CSS project","https:\u002F\u002Fsscaffold-css.com\u002F","sscaffold-css.com","thaumaturgy",1578074437,2020,158,33,380,3028,13,"notable","languages","css framework","library",[21,24,25,26,27],"milligram","skeleton css","normalize css","css grid","mixed",-0.242,{"positive":31,"neutral":32,"mixed":33,"critical":34},3,7,0,8,18,{"idea":37,"docs":39,"design":41,"performance":43},{"positive":38,"critical":38},2,{"positive":40,"critical":33},1,{"positive":33,"critical":42},6,{"positive":33,"critical":33},[33,45,45,40,33,40,31,31,33,33,31,33,33,33,33,33,40,40,33,31,33,40,33,40,40,45,31,31,33,33,33,40,31],5,null,{"problem":48,"audience":46,"pricing":46,"motivation":55,"time_to_build":46,"stack":59,"openness":68,"stage":69,"team_size":70},{"value":49,"source":50,"evidence":51},"Milligram and Skeleton are unmaintained, and the maker wants an updated CSS file with the same look.","maker",[52],{"id":53,"by":11,"text":54},"21948532","I've been a fan of skeleton and then milligram for a while, but milligram has gone quiet recently and has a few issues, and skeleton has been quiet for a long time. Both of them…",{"value":56,"source":50,"evidence":57},"Milligram has gone quiet and has issues, and Skeleton has been quiet for a long time, so the maker wanted an updated version.",[58],{"id":53,"by":11,"text":54},[60],{"value":61,"source":62,"evidence":63},"CSS","inferred",[64],{"id":65,"by":66,"text":67},"21950854","alberth","I really love you have picked up from skeleton \u002F milligram. A suggestion, you might want to included a minified version of the css because it looks to be 22kb and you’ll be…","open_source","prototype","solo",{"praise":72,"objections":88,"requests":130,"questions":164,"alternatives":179},[73,81],{"value":74,"source":75,"evidence":76},"Good idea to revive two abandoned projects","commenter",[77],{"id":78,"by":79,"text":80},"21952999","40four","Good work! I like the concept of creating a new project based two formerly popular css projects that now seem to be abandoned. A nice way to pay respect to the work done by…",{"value":82,"source":75,"evidence":83},"Impressive documentation",[84],{"id":85,"by":86,"text":87},"21950900","swyx","impressive documentation for a simple “stitched together” library. you even bought a domain name! nice work.",[89,104,108,119],{"value":90,"source":75,"evidence":91},"Thin light-grey low-contrast body text is hard to read",[92,96,100],{"id":93,"by":94,"text":95},"21952200","dmitriid","Ditch the thin light-grey font on white background. I have 20\u002F20 vision and I have to attain my eyes to read the text.",{"id":97,"by":98,"text":99},"21951624","joeframbach","I can barely read that low-contrast thin font, and I have average vision.",{"id":101,"by":102,"text":103},"21951864","hinkley","``` body { color: #606c76; } ``` why. Just... why.",{"value":105,"source":75,"evidence":106},"File size is large (22kb) compared to Skeleton; no minified version yet",[107],{"id":65,"by":66,"text":67},{"value":109,"source":75,"evidence":110},"Text is oversized on some devices and the typography is off",[111,115],{"id":112,"by":113,"text":114},"21951953","Avamander","I agree, the thin font is annoying, I have no problems with vision. But for some reason it's also ridiculously big, I had to turn my browser's zoom to 67% because it was hard to…",{"id":116,"by":117,"text":118},"21953357","ComputerGuru","Skelton user here. Nice to see this effort but some issues. Your page margins are too thin on mobile and the typography is off. Line height to font size to rendered stroke width…",{"value":120,"source":75,"evidence":121},"Modern CSS Grid may make this unnecessary",[122,126],{"id":123,"by":124,"text":125},"21952922","bbmario","Do you even need stuff like this when we have CSS Grid now?",{"id":127,"by":128,"text":129},"21950438","velcrovan","I used to use skeleton until CSS Grid support became widespread.",[131,139,151,157],{"value":132,"source":75,"evidence":133},"Use higher-contrast text colors",[134,135],{"id":93,"by":94,"text":95},{"id":136,"by":137,"text":138},"21952951","deltron3030","Try #767676 (contrast ratio against #fff = AA 4.54:1), neutral gray and closest to the official minimum recommendation (4.5:1) for body text.",{"value":140,"source":75,"evidence":141},"Provide a minified version and state minified and gzipped sizes",[142,143,147],{"id":65,"by":66,"text":67},{"id":144,"by":145,"text":146},"21952472","oefrha","Suggestion: tell me up front the minimized size and minimized + gzipped size. Otherwise looks pretty good, so the size decides whether it’s lightweight enough for certain projects.",{"id":148,"by":149,"text":150},"21951920","e12e","If the idea is to edit the single file, rather than include it and an override - would it make sense to distribute a minified version? Also, what's the difference after…",{"value":152,"source":75,"evidence":153},"Make overriding and theming clearer on the homepage",[154],{"id":155,"by":149,"text":156},"21956738","> also reorganized the CSS to make it easier to override it I think this could\u002Fshould be made more clear on the homeppage. I generally prefer cascading styles (base+override) -…",{"value":158,"source":75,"evidence":159},"Replace Skeleton with Barebones",[160],{"id":161,"by":162,"text":163},"21954092","webappguy","Skeleton lib fell away and was forked and revitalized as Barebones which is better, then Skeleton had the resurgance as it were, but still, may I suggest you replace Skeleton…",[165,172],{"value":166,"source":75,"evidence":167},"What were the specific issues with Skeleton and Milligram?",[168],{"id":169,"by":170,"text":171},"21953051","CGamesPlay","What were the issues with skeleton\u002Fmilligram that you are looking to fix? I have never used either library, but have considered them both in the past.",{"value":173,"source":75,"evidence":174},"Are there other mature alternatives to Bootstrap?",[175],{"id":176,"by":177,"text":178},"21953381","wtmt","Are there other similar options, but are also mature, lean, well maintained and a good enough replacement for Bootstrap for most common components\u002Flayouts?",[180,184,191,195],{"value":181,"source":75,"evidence":182},"Barebones",[183],{"id":161,"by":162,"text":163},{"value":185,"source":75,"evidence":186},"Bulma",[187],{"id":188,"by":189,"text":190},"21953411","razemio","https:\u002F\u002Fsemantic-ui.com would come to mind. There is also a well maintained react fork available. Another one is https:\u002F\u002Fbulma.io which is less blown up.",{"value":192,"source":75,"evidence":193},"Semantic UI",[194],{"id":188,"by":189,"text":190},{"value":196,"source":75,"evidence":197},"Spectre CSS",[198],{"id":199,"by":200,"text":201},"21961244","bluejedi","Spectre css",{"comments":42,"answered":33,"key":203},[204,205,208],{"id":53,"text":54},{"id":206,"text":207},"21952308","That's a good suggestion, I'll read up on good higher-contrast colors and fix it.",{"id":209,"text":210},"21952334","FWIW I want this to work for both of you. I wanted the single file to be a good enough drop-in to get a project started, but I also reorganized the CSS to make it easier to…",{"commenters":212,"max_depth":45,"maker_replies":42,"first_comment_mins":213,"lifespan_hours":214},25,4,44,[216,218,222,224,226,228,231,233,234,237,238,240,244,247,249,252,255,256,257,259,260,262,263,265,266,268,269,270,271,273,274,275,277],[53,33,33,217,11,40],"project\u002Fneutral\u002Fidea",[219,33,45,220,221,33],"21950792","project\u002Fpositive\u002Fidea","axegon_",[85,33,45,223,86,33],"maker\u002Fpositive\u002Fdocs",[93,33,40,225,94,33],"project\u002Fcritical\u002Fdesign",[206,33,33,227,11,40],"maker\u002Fneutral\u002Fdesign",[229,33,40,225,230,33],"21953808","tobr",[65,40,31,232,66,33],"project\u002Fneutral\u002Fperformance",[148,40,31,232,149,33],[235,40,33,236,66,33],"21952244","commenter\u002Fneutral\u002Fdesign",[209,40,33,227,11,40],[155,40,31,239,149,33],"project\u002Fneutral\u002Fdocs",[241,40,33,242,243,33],"21952678","commenter\u002Fneutral\u002Fnone","hanniabu",[245,40,33,242,246,33],"21953584","iudqnolq",[248,40,33,242,243,33],"21953663",[250,40,33,242,251,33],"21953695","TeMPOraL",[253,40,33,242,254,33],"21953696","Semaphor",[97,38,40,225,98,33],[101,38,40,225,102,33],[258,38,33,227,11,40],"21952325",[136,38,31,227,137,33],[261,38,33,227,11,40],"21956363",[112,38,40,225,113,33],[264,38,33,227,11,40],"21952318",[116,31,40,225,117,33],[161,213,40,267,162,33],"project\u002Fcritical\u002Fidea",[78,45,45,220,79,33],[127,42,31,217,128,33],[144,32,31,232,145,33],[176,34,33,272,177,33],"other\u002Fneutral\u002Fnone",[188,34,33,272,189,33],[199,34,33,272,200,33],[123,276,40,267,124,33],9,[169,278,31,217,170,33],10,[],[281,285,290,294,299,303],{"id":282,"name":283,"points":284,"category":20},"21991382","Beef",533,{"id":286,"name":287,"points":288,"category":289},"21934247","Confusing Coleopterists",308,"ai",{"id":291,"name":292,"points":293,"category":20},"21951692","amazon-kinesis-video-streams-webrtc-sdk-c",251,{"id":295,"name":296,"points":297,"category":298},"21981158","jql",217,"dev_tools",{"id":300,"name":301,"points":302,"category":298},"21958986","Terrastruct",187,{"id":304,"name":305,"points":306,"category":307},"21932381","DiscoTask",126,"productivity",false,"v2",{"id":311,"name":5,"line":6,"ai":308,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":312,"top":18,"kw":313,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":314,"url":9,"mix":315,"praise":74,"objection":90,"sub":21},21948472,-0.24,[21,24,25,26,27],"055101330030000011030101153300013",[31,32,33,34],1794036585096]