MVP.css on HackerShow

Dev tools

css stylesheet

SHOW HN2020

Legend

Minimalist stylesheet for HTML elements

Shown by awb on Mar 25, 2020. Click the card to turn it over.

471points

91comments

#57of 3,028 in 2020

Top 2%of 2020 by points

How HN took it

MixedNo clear lean

25 positive, 10 neutral or asking, 0 mixed, 10 critical, out of 45 comments about the project. Thread score +0.35.

Idea: 12 for, 3 againstDesign: 5 for, 3 againstExecution: 2 for, 2 againstDocs: 0 for, 2 against

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

Simple, quick to adopt and good-looking with no classes
From 4 comments
- 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…
  deft on HN
- 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!
  quickthrower2 on HN
- 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…
  pachico on HN
- This is exactly what every project should start with, instead of wasting time and bytes on a framework.
  Blaiz0r on HN
Clever button-style links using a and em/strong selectors
From 1 comment
- The markup for the callout buttons/links on the example page [0] is just <a href="#"><em>Button text</em></a> (for outlined) and <a href="#"><strong>Button text</strong></a> (for…
  jake-low on HN
Free license and lightweight
From 2 comments
- I really like this. Thanks for sharing it and releasing it under a free license!
  heavyset_go on HN
- 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…
  axegon_ on HN

Not suited to every site; overrides styles and limits customisation
From 2 comments
- 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…
  arkanciscan on HN
- 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.
  bArray on HN
Samp and code styling is incorrect and breaks without stylesheet
From 1 comment
- The treatment of <samp> in mvp.css is incorrect. It’s treating <code> as inline monospace, <samp> as block monospace, and completely ignoring <pre>, which is actually block…
  chrismorgan on HN
Demo page wording about design was condescending
From 1 comment
- This is a great idea but the sentence on the demo / 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…
  d3sandoval on HN

Rendered sample of every element for reference
From 3 comments
- 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…
  jrandm on HN
- 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…
  blueset on HN
- 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…
  thrownaway954 on HN
Support prefers-color-scheme dark mode
From 1 comment
- 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…
  rickdeveloper on HN
Use a CDN for the stylesheet
From 1 comment
- 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…
  rickdeveloper on HN

Is it intended for production use or only prototypes
From 1 comment
- > 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…
  bluejekyll on HN
Why the quickstart template loads as a text file
From 1 comment
- Is the quickstart template supposed to render? It loads as a txt file for me.
  subpixel on HN

water.css
From 2 comments
- 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 <section> and <asides> really helps in placing elements…
  thunderbong on HN
- 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…
  jrandm on HN
Drop-in minimal CSS collection
From 1 comment
- 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,…
  dohliam on HN
Picnic CSS
From 1 comment
- Neat. Picnic CSS is similar in spirit [1]. [1] https://picnicss.com/
  naasking on HN
Bootstrap and Bulma
From 2 comments
- 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…
  jypepin on HN
- 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…
  deft on HN
W3C Core Styles
From 1 comment
- Isn't this the exact usage CSS was intended for? Also for reference, behold W3C Core Styles (since 1997): https://www.w3.org/StyleSheets/Core/ ```…
  myfonj on HN