Comment by sphars

8 hours ago

Some recent alternatives/successors/forks that are in the same vein as Pico

- Nimble: https://leftium.github.io/nimble.css/demo/pico.html

- Sumi.css: https://vladocar.github.io/Sumi.css/docs.html

- Blades: https://github.com/anyblades/blades

- Oat: https://oat.ink/

I was a big fan of pico! Such an inspiration. I created https://github.com/lekoala/actual-css as an attempt to get something modern yet as compatible as possible with older browsers (still ended up using popover because it's such a welcome addition to modern css). I'm still not sure modern css frameworks need to use layers (it breaks on older browsers) or anchor positioning (minimal js does the job, sometimes even better, and again: more compatible).

None of them work on older browser - https://ibb.co/album/3kJP50

Ios 13.6 in my case, which was released just 6 yrs ago, 2020. For some context, flexbox gap was added in ios14.1, released in 2021. So iOS 13.6 was still usable atleast couple of years beyond that. So such frameworks utterly failing on such browsers is hilarious, given that they market themselves as minimal.

People keep forgetting that css3 was announced in 1999. And adoption roughly started from 2010. The css3 of that time is not the same as css3 you get to see in latest browsers. These minimal css frameworks are really useless if you don’t know what css3 features you are writing and who you are targeting.

And, I Haven’t even tested those in less capable browsers like dillo or netsurf, but I doubt they will even work there.

If you start looking into browser market share, you will quickly realise that there are millions of worldwide users who can’t use the web normally.

  • > So such frameworks utterly failing on such browsers is hilarious, given that they market themselves as minimal.

    Minimal is an entirely different property to backwards compatibility.

    • When you say something is minimal, you are implying that what little you provide will also work. Which in this case is clearly not.

      motherfuckingwebsite.com is more minimal and usable than these frameworks.

      4 replies →

  • > None of them work on older browser

    There are older browsers which still get security patches?

    • They don’t unfortunately but it is a good reference for me to check how it looks on previous versions of browsers and less powerful devices. That way I know if the UI or UX needs improvement.

      ios updates unfortunately ties everything to a single batch. Unlike android. I have an older blackberry, that still gets latest app updates.

      What is even hilarious is ads render with pixel perfection on older devices. So for some reason, ad networks care about browser compatibility than devs putting the same ads on their incompatible website.

All of them failed my ten second evaluation. It's amazing how many mediocre CSS frameworks that are out there.