[{"data":1,"prerenderedAt":526},["ShallowReactive",2],{"project-22681270":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":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":44,"post_text":47,"what":48,"said":93,"maker_in_thread":232,"shape":242,"grid":247,"attempts":488,"same_week":489,"maker_shows":45,"maker_hidden":518,"reader_version":519,"card":520},"22681270","MVP.css","Minimalist stylesheet for HTML elements","title","Show HN: MVP.css – Minimalist stylesheet for HTML elements","https:\u002F\u002Fgithub.com\u002Fandybrewer\u002Fmvp","github.com","awb",1585101250,2020,471,91,57,3028,2,"legend","dev_tools","css stylesheet","library",[24,25,26,27,28],"css framework","classless css","minimal css","html styling","stylesheet","mixed",0.349,{"positive":32,"neutral":33,"mixed":34,"critical":33},25,10,0,45,{"idea":37,"docs":40,"design":41,"execution":43},{"positive":38,"critical":39},12,3,{"positive":34,"critical":18},{"positive":42,"critical":39},5,{"positive":18,"critical":18},[39,34,34,34,45,42,34,45,42,42,39,42,34,42,42,42,39,34,34,34,34,45,34,42,42,42,34,42,42,46,39,39,45,42,39,45,39,39,39,42],1,4,null,{"problem":49,"audience":65,"pricing":47,"motivation":75,"time_to_build":47,"stack":79,"openness":90,"stage":91,"team_size":92},{"value":50,"source":51,"evidence":52},"Styling plain HTML quickly without adding classes or heavy frameworks","commenter",[53,57,61],{"id":54,"by":55,"text":56},"22683350","fevangelou","@awb Your approach is smart and the HTML is a breeze to read. What a fresh change from the class-itis of frameworks like Tailwind! Although the targeting is MVPs as you also…",{"id":58,"by":59,"text":60},"22682144","deft","So cool. I hate how I have to add so much markup to my basic html just to get bulma looking good, I don't know what I'm doing as a designer but I have an idea of the layout I…",{"id":62,"by":63,"text":64},"22681716","quickthrower2","This is classy! I've been looking for someone to create a SMALL css \"framework\" for this kind of thing, and here it is. Thanks!",{"value":66,"source":67,"evidence":68},"Developers building MVPs, side projects, and simple sites","maker",[69,72],{"id":70,"by":11,"text":71},"22681700","You can definitely put it into production. It's just not a \"pixel-perfect, cross-browser, fully tested on all devices back to iPhone 4\" kind of stylesheet. It's a \"looks decent…",{"id":73,"by":11,"text":74},"22684656","Thanks for the feedback! > you could consider using custom HTML tags to allow for inserting new tags in the mix for better positioning\u002Flayout, typography and more. That might…",{"value":76,"source":67,"evidence":77},"Help people launch quickly to test ideas, hackathons and side projects",[78],{"id":70,"by":11,"text":71},[80,86],{"value":81,"source":82,"evidence":83},"CSS","inferred",[84],{"id":85},"post",{"value":87,"source":82,"evidence":88},"HTML",[89],{"id":85},"open_source","launched","unknown",{"praise":94,"objections":126,"requests":152,"questions":179,"alternatives":194},[95,108,115],{"value":96,"source":51,"evidence":97},"Simple, quick to adopt and good-looking with no classes",[98,99,100,104],{"id":58,"by":59,"text":60},{"id":62,"by":63,"text":64},{"id":101,"by":102,"text":103},"22683070","pachico","I find this project wonderful. Front-end has become sophisticated and the learning curve to someone like me, who does only backend projects, is too steep to have a decent…",{"id":105,"by":106,"text":107},"22684439","Blaiz0r","This is exactly what every project should start with, instead of wasting time and bytes on a framework.",{"value":109,"source":51,"evidence":110},"Clever button-style links using a and em\u002Fstrong selectors",[111],{"id":112,"by":113,"text":114},"22682235","jake-low","The markup for the callout buttons\u002Flinks on the example page [0] is just \u003Ca href=\"#\">\u003Cem>Button text\u003C\u002Fem>\u003C\u002Fa> (for outlined) and \u003Ca href=\"#\">\u003Cstrong>Button text\u003C\u002Fstrong>\u003C\u002Fa> (for…",{"value":116,"source":51,"evidence":117},"Free license and lightweight",[118,122],{"id":119,"by":120,"text":121},"22686621","heavyset_go","I really like this. Thanks for sharing it and releasing it under a free license!",{"id":123,"by":124,"text":125},"22682569","axegon_","Immediately starred(even if I never use it)!!! I love that more and more people are making these simplistic and minimalistic frontend stylesheets and steering clear of the whole…",[127,138,145],{"value":128,"source":51,"evidence":129},"Not suited to every site; overrides styles and limits customisation",[130,134],{"id":131,"by":132,"text":133},"22685897","arkanciscan","I don't understand why people use css frameworks. This stylesheet will make your site look like this other site. Cool, but what if I want to make my site look different than…",{"id":135,"by":136,"text":137},"22682185","bArray","KISS - Keep It Simple Stupid Half the reason why most websites look awful is because somebody tried to be too clever and missed an edge case. Basic HTML renders fine in most cases.",{"value":139,"source":51,"evidence":140},"Samp and code styling is incorrect and breaks without stylesheet",[141],{"id":142,"by":143,"text":144},"22682697","chrismorgan","The treatment of \u003Csamp> in mvp.css is incorrect. It’s treating \u003Ccode> as inline monospace, \u003Csamp> as block monospace, and completely ignoring \u003Cpre>, which is actually block…",{"value":146,"source":51,"evidence":147},"Demo page wording about design was condescending",[148],{"id":149,"by":150,"text":151},"22683098","d3sandoval","This is a great idea but the sentence on the demo \u002F example page really irks me, \"cross design off your list and get back to working on the hard stuff\" I think I know what you…",[153,168,175],{"value":154,"source":51,"evidence":155},"Rendered sample of every element for reference",[156,160,164],{"id":157,"by":158,"text":159},"22682292","jrandm","I suggest giving a link to the rendered version of the quickstart sheet or some other \"at a glance\" list of the rendered elements. While I appreciate the dogfooding and clever…",{"id":161,"by":162,"text":163},"22682900","blueset","Very glad to see another classless CSS stylesheet appeared! It’d be great if there is a rendered sample of each element next to the tag in the listing, and also some sample full…",{"id":165,"by":166,"text":167},"22683794","thrownaway954","maybe i'm missing something here, but I see 2 fails here. 1. i'm using firefox and the select dropdown isn't styled so it looks like the plain old unstyled select. 2. i don't see…",{"value":169,"source":51,"evidence":170},"Support prefers-color-scheme dark mode",[171],{"id":172,"by":173,"text":174},"22683361","rickdeveloper","This is really cool. I'm amazed the demo page is 100% written in HTML without additional CSS (apart from MVP.css, of course). Two things I think could be improved: 1. You should…",{"value":176,"source":51,"evidence":177},"Use a CDN for the stylesheet",[178],{"id":172,"by":173,"text":174},[180,187],{"value":181,"source":51,"evidence":182},"Is it intended for production use or only prototypes",[183],{"id":184,"by":185,"text":186},"22681641","bluejekyll","> An MVP is a temporary site, it doesn't have to be and shouldn't be perfect. Ok, it got me hook on the just use the standard tags concept, but the above quote implies, this…",{"value":188,"source":51,"evidence":189},"Why the quickstart template loads as a text file",[190],{"id":191,"by":192,"text":193},"22685039","subpixel","Is the quickstart template supposed to render? It loads as a txt file for me.",[195,203,210,217,225],{"value":196,"source":51,"evidence":197},"water.css",[198,202],{"id":199,"by":200,"text":201},"22682294","thunderbong","This is is really nice. I usually go for water.css [0] which had been posted in Show HN here earlier [1]. But the use of \u003Csection> and \u003Casides> really helps in placing elements…",{"id":157,"by":158,"text":159},{"value":204,"source":51,"evidence":205},"Drop-in minimal CSS collection",[206],{"id":207,"by":208,"text":209},"22683281","dohliam","Great work! I've added this to the list at dropin-minimal-css [0], so you can compare this with other minimal classless frameworks here [1]. (Hint: if you use the bookmarklet,…",{"value":211,"source":51,"evidence":212},"Picnic CSS",[213],{"id":214,"by":215,"text":216},"22687068","naasking","Neat. Picnic CSS is similar in spirit [1]. [1] https:\u002F\u002Fpicnicss.com\u002F",{"value":218,"source":51,"evidence":219},"Bootstrap and Bulma",[220,224],{"id":221,"by":222,"text":223},"22686393","jypepin","I think this is great. Remember the days when you simply had to add bootstrap to your website to make it look great? Now I feel like anytime I start a new project and want to add…",{"id":58,"by":59,"text":60},{"value":226,"source":51,"evidence":227},"W3C Core Styles",[228],{"id":229,"by":230,"text":231},"22683252","myfonj","Isn't this the exact usage CSS was intended for? Also for reference, behold W3C Core Styles (since 1997): https:\u002F\u002Fwww.w3.org\u002FStyleSheets\u002FCore\u002F ```…",{"comments":233,"answered":39,"key":234},8,[235,238,241],{"id":236,"text":237},"22684617","Author here. I'm a designer and it wasn't meant to be denigrating, but more of a statement that launching is hard and that it's OK to be embarrassed by the design of your MVP so…",{"id":239,"text":240},"22685547","I wasn't aware of Sakura until now, but several people here and Reddit mentioned it. I love it's simplicity as well. Great job!",{"id":73,"text":74},{"commenters":243,"max_depth":244,"maker_replies":233,"first_comment_mins":245,"lifespan_hours":246},67,6,76,111,[248,250,254,256,259,262,265,268,271,273,275,277,281,285,288,292,294,298,301,304,306,309,311,314,318,321,322,325,328,330,332,335,337,340,343,346,347,349,350,354,356,359,361,364,366,369,371,373,375,377,380,383,386,389,391,392,396,399,401,403,406,410,413,415,417,420,422,424,428,430,431,434,438,440,443,447,449,453,455,459,461,463,466,468,470,473,475,477,479,482,484],[229,34,39,249,230,34],"project\u002Fneutral\u002Fidea",[251,34,34,252,253,34],"22684008","other\u002Fneutral\u002Fnone","rident",[255,34,34,252,230,34],"22684419",[257,34,34,252,258,34],"22684726","tenaciousDaniel",[260,34,34,252,261,34],"22688838","rhizome",[263,34,34,252,264,34],"22685030","romellem",[266,34,34,252,267,34],"22685515","thomascgalvin",[269,34,34,252,270,34],"22686292","sebazzz",[272,34,34,252,230,34],"22686564",[274,34,34,252,230,34],"22686954",[149,45,45,276,150,34],"project\u002Fcritical\u002Fdocs",[278,45,42,279,280,34],"22683647","project\u002Fpositive\u002Fidea","nkozyra",[282,45,34,283,284,34],"22683703","commenter\u002Fneutral\u002Fdesign","danso",[286,45,34,283,287,34],"22685036","throwaway55554",[289,45,34,290,291,34],"22685309","commenter\u002Fneutral\u002Fnone","mosselman",[236,45,34,293,11,45],"maker\u002Fneutral\u002Fdesign",[295,45,39,296,297,34],"22685346","project\u002Fneutral\u002Fdocs","defrex",[299,45,45,276,300,34],"22687961","mhd",[302,45,34,283,303,34],"22698618","Griffinsauce",[112,18,42,305,113,34],"project\u002Fpositive\u002Fdesign",[307,18,42,279,308,34],"22682487","oxalorg",[239,18,34,310,11,45],"maker\u002Fpositive\u002Fnone",[312,18,42,313,308,34],"22719433","project\u002Fpositive\u002Fnone",[315,18,45,316,317,34],"22685830","project\u002Fcritical\u002Fidea","mrec",[319,18,34,290,320,34],"22686125","bigmanwalter",[207,39,42,313,208,34],[323,39,34,252,324,34],"22685031","wmeredith",[326,39,34,252,327,34],"22685741","gyrgtyn",[329,39,34,290,208,34],"22717304",[331,39,34,290,327,34],"22720521",[333,39,42,313,334,34],"22686191","mstade",[336,39,42,313,222,34],"22686425",[338,46,42,313,339,34],"22681732","kevmo314",[341,46,42,279,342,34],"22681823","40four",[344,46,39,296,345,34],"22681826","airstrike",[54,42,42,279,55,34],[73,42,34,348,11,45],"maker\u002Fneutral\u002Fidea",[157,244,39,296,158,34],[351,352,34,252,353,34],"22682583",7,"holler",[355,352,34,252,158,34],"22682622",[357,352,34,252,358,34],"22683565","tannhaeuser",[360,352,34,252,158,34],"22686850",[362,352,34,252,363,34],"22683711","e12e",[365,352,34,252,158,34],"22686916",[367,352,34,252,368,34],"22683756","detaro",[370,352,34,252,158,34],"22686827",[372,352,34,252,368,34],"22687140",[374,352,34,252,158,34],"22688341",[142,352,45,376,143,34],"project\u002Fcritical\u002Fexecution",[378,352,34,252,379,34],"22682938","kohtatsu",[381,352,34,252,382,34],"22682984","qw",[384,352,34,385,11,45],"22684683","maker\u002Fneutral\u002Fnone",[387,233,39,296,388,34],"22682005","glacials",[199,390,42,305,200,34],9,[221,33,42,279,222,34],[393,394,34,252,395,34],"22681710",11,"meesterdude",[397,394,34,252,398,34],"22681881","ser0",[400,394,34,252,395,34],"22684249",[172,38,42,402,173,34],"project\u002Fpositive\u002Fexecution",[135,404,34,405,136,34],13,"other\u002Fneutral\u002Fdesign",[407,404,34,408,409,34],"22683204","commenter\u002Fneutral\u002Fperformance","williamdclt",[411,404,34,412,11,45],"22685580","project\u002Fpositive\u002Fperformance",[62,414,42,279,63,34],14,[58,416,42,279,59,34],15,[418,416,34,290,419,34],"22683448","rozhok",[101,421,42,279,102,34],16,[161,423,39,296,162,34],17,[425,426,39,296,427,34],"22683880",18,"jujodi",[184,429,39,249,185,34],19,[70,429,34,249,11,45],[432,429,45,316,433,34],"22686807","andrei_says_",[435,436,42,279,437,34],"22682196",20,"daxfohl",[131,439,45,316,132,34],21,[441,439,34,290,442,34],"22685952","Ghjklov",[444,439,34,445,446,34],"22689221","other\u002Fneutral\u002Fidea","runarberg",[105,448,42,279,106,34],22,[450,451,42,305,452,34],"22682553",23,"ww520",[119,454,42,279,120,34],24,[456,32,45,457,458,34],"22685534","project\u002Fcritical\u002Fdesign","projektfu",[214,460,39,249,215,34],26,[191,462,45,376,192,34],27,[464,462,34,465,11,45],"22685562","maker\u002Fneutral\u002Fexecution",[123,467,42,279,124,34],28,[165,469,45,457,166,34],29,[471,469,42,305,472,34],"22684832","progre",[474,469,45,457,166,34],"22685047",[476,469,34,293,11,45],"22685597",[478,469,39,249,166,34],"22685686",[480,469,42,402,481,34],"22686090","cfv",[483,469,42,305,472,34],"22686121",[485,486,42,313,487,34],"22682518",30,"FailMore",[],[490,495,500,505,510,514],{"id":491,"name":492,"points":493,"category":494},"22687086","bingetogether.com",515,"consumer_social",{"id":496,"name":497,"points":498,"category":499},"22685011","Skynet Simulator",500,"games",{"id":501,"name":502,"points":503,"category":504},"22676040","Screen",406,"productivity",{"id":506,"name":507,"points":508,"category":509},"22650725","findcovidtesting.com",305,"infrastructure",{"id":511,"name":512,"points":513,"category":20},"22659216","Zoom Redirector",279,{"id":515,"name":516,"points":517,"category":504},"22640054","Emvi",263,false,"v2",{"id":521,"name":5,"line":6,"ai":518,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":522,"top":18,"kw":523,"maker":11,"domain":10,"tier":19,"attempts":34,"strip":524,"url":9,"mix":525,"praise":96,"objection":128,"sub":21},22681270,0.35,[24,25,26,27,28],"3000150155350555300001055505543315313335",[32,33,34,33],1794036587930]