Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

MVP.css – Minimalist stylesheet for HTML elements

andybrewer.github.io

Post reply on HN
Print view View original

11–20 of 122 posts

Re: MVP.css – Minimalist stylesheet for HTML elements

#11

Post by encryptluks2 »

eyelidlessness wrote: post #9
encryptluks2 wrote: post #2

It is hard to take any stylesheet seriously when their website doesn't even properly use meta color scheme tags. Also, their examples are like the opposite of normal element approaches to what you're trying to accomplish. for quote attribution? How does that even make sense?

> It is hard to take any stylesheet seriously when their website doesn't even properly use meta color scheme tags. I did my best looking at the source in my mobile browser, thinking they’d somehow misused the meta theme-color feature, but they haven’t used that at all. It seems your gripe is that they haven’t provided dark mode styles. Which is a reasonable gripe (and I provide them for my site even though I prefer l…

Yes, my gripe is that they are not using a prefers-color-scheme so that my browser properly uses dark mode and that some of the elements they use are not best practice. It is fair to say that I am not the most constructive person in doing so, but I also feel that by offering it as a framework they should already be aware of this.

Re: MVP.css – Minimalist stylesheet for HTML elements

#12

Post by swyx »

i collect these CSS frameworks for fun! here's my list:

### Drop-in CSS Frameworks

preview some of these with https://sites.yax.com/

- [Spectre.css](https://picturepan2.github.io/spectre/getting-started/instal...)

- https://latex.vercel.app/

- https://purecss.io/

- https://picocss.com/

- https://gdcss.netlify.app/ (inspired by UK design system)

- https://simplecss.org/demo

- https://ajusa.github.io/lit/

- https://screencss.com/

- https://andybrewer.github.io/mvp/

- https://github.com/xz/new.css

- https://github.com/oxalorg/sakura

- https://native-elements.dev/

- https://watercss.kognise.dev/

- https://luxacss.com/

- https://jenil.github.io/chota/

- https://chr15m.github.io/DoodleCSS/ hand drawn look

- https://github.com/susam/spcss

- https://elementcss.neocities.org/

- https://codepen.io/web-dot-dev/pen/abpoXGZ the base classes for web.dev/learn/csss

- https://open-props.style/ css variables framework - "tailwind without tailwind"

- https://github.com/alvaromontoro/almond.css classless css framework. [thin fonts] (https://news.ycombinator.com/item?id=30497165).

- Collections of even more:

  - https://github.com/dohliam/dropin-minimal-css

  - https://github.com/dbohdan/classless-css

  - https://github.com/ubershmekel/cssbed (https://www.cssbed.com/)

  - https://thesephist.github.io/paper.css/ and https://thesephist.github.io/blocks.css/
full list here: https://github.com/sw-yx/spark-joy/blob/master/README.md#dro...

Re: MVP.css – Minimalist stylesheet for HTML elements

#14

Post by russellbeattie »

Not putting your page header and footer inside the element is a giant pain in the ass. Both ways are semantically correct and accessible, but putting them inside the main gives you more flexibility to control your page margins/padding for various display sizes and lets you set up a grid for the whole page.

Re: MVP.css – Minimalist stylesheet for HTML elements

#15

Post by catchmeifyoucan »

I love mvp.css This made shipping my side project so much easier. I like that it’s opinionated and gets you going fast. You’re not really spending time picking colors, and you can focus on the content.

This is the landing page I built: https://figmage.com

Re: MVP.css – Minimalist stylesheet for HTML elements

#16

Post by notatoy »

This reminds me of a css switcher project I found on GitHub [1] while I was messing around with classless style sheets. Makes it just so easy to switch and select. Embed in your html page, select an item from the drop down and see what it does to the page, when you’re happy, remove ! Simple. Genius. Wonder why I never thought of it.

Also has a demo page [2] to try it out

[1]: https://github.com/dohliam/dropin-minimal-css

[2]: https://dohliam.github.io/dropin-minimal-css/

Re: MVP.css – Minimalist stylesheet for HTML elements

#17

Post by psnehanshu »

catchmeifyoucan wrote: post #15

I love mvp.css This made shipping my side project so much easier. I like that it’s opinionated and gets you going fast. You’re not really spending time picking colors, and you can focus on the content. This is the landing page I built: https://figmage.com

Looks interesting!

Re: MVP.css – Minimalist stylesheet for HTML elements

#18

Post by laundermaf »

Having such a stylesheet not automatically work in dark mode defeats the purpose. It says "no classes" but then it demands that you add an invalid attribute on your HTML to trigger it. OK, that's a no for me.

Source: https://github.com/andybrewer/mvp/issues/76#issuecomment-121...

Re: MVP.css – Minimalist stylesheet for HTML elements

#19

Post by awb »

laundermaf wrote: post #18

Having such a stylesheet not automatically work in dark mode defeats the purpose. It says "no classes" but then it demands that you add an invalid attribute on your HTML to trigger it. OK, that's a no for me. Source: https://github.com/andybrewer/mvp/issues/76#issuecomment-121...

Author of MVP.css here.

Dark mode is a really cool CSS feature, but it requires a level of maintenance that goes above and beyond an MVP IMO, so I decided to remove support for it.

I had it included originally, but it meant 2x the QA and 2x the icons in some cases.

If it’s important to you there are other libraries that might be a better fit.

Re: MVP.css – Minimalist stylesheet for HTML elements

#20

Post by doodlesdev »

swyx wrote: post #12

i collect these CSS frameworks for fun! here's my list: ### Drop-in CSS Frameworks preview some of these with https://sites.yax.com/ - [Spectre.css]( https://picturepan2.github.io/spectre/getting-started/instal... ) - https://latex.vercel.app/ - https://purecss.io/ - https://picocss.com/ - https://gdcss.netlify.app/ (inspired by UK design system) - https://simplecss.org/demo - https://ajusa.github.io/lit/ - https://s…

> https://chr15m.github.io/DoodleCSS/ hand drawn look

Just found the stylesheet for my website's redesign, thank you :)

I'm surprised that Tacit is missing from the list though. When it comes to modern design using classless CSS my order of preference is normally water.css, tacit, and then MVP.css. It just looks great and uses the HTML5 semantic elements to their full potential.

Post reply on HN