Mvp.css – build your landing page with only semantic HTML

Re:Mvp.css – build your landing page with only semantic HTML by chrismorgan on Saturday November 21, 2020 @04:35AM (#25168691)

My issue with it is that it’s saying that only semantic HTML will be used in mvp.css. Thus, divs and spans and class attributes are forbidden (again, in mvp.css). I am not finding fault with semantic HTML elements (I choose my own markup very carefully), but with this abuse of semantic HTML elements—so that the touted “semantic HTML” is actually “HTML with incorrect (or at best convoluted and dubious) semantics”.

If you’re wanting a lightweight starting point for rapid prototyping, <div class="card"> is much nicer and more obvious than sticking an <aside> inside… hang on, was it an <article> or a <section> that I had to put it inside to make it a card?

So largely I’m saying that for something targeting the space mvp.css is targeting, rabidly avoiding classes is a bizarre and pretty much indefensible choice.

[ Parent | on HN ]

Re:Mvp.css – build your landing page with only semantic HTML by smichel17 on Saturday November 21, 2020 @08:15AM (#25169555)

I built a site using this framework recently and that's exactly what I did.

Copied the css file into my source

    s/aside/\.card/g

Tada!

I viewed mvp.css as a starting point that'll get something looking nice enough on top of my raw html, and then I can (did) make tweaks from there.

[ Parent | on HN ]