Live data from Hacker News

Beer CSS – Build material design in record time

beercss.com

51–60 of 69 posts

Re: Beer CSS – Build material design in record time

#51
post #29

Material design looks pretty dated these days. I'm wondering why people would still be using it? Is it just a taste thing or something people have been working with for a long time?

I used to use material UI for every project I made, but then I saw ShadCN/ui and immediately switched.

Re: Beer CSS – Build material design in record time

#52

This is a great project, but material design was the worst thing that Google invented and implemented. Completely tasteless, visually unappealing. Would be nice to see such a project with anything else than material design.

Like what, a ShadCN/ui version? The DX of SCNUI is already very good and LLMs are all too familiar with it, I don't see a need for anything else.

Re: Beer CSS – Build material design in record time

#53
post #35
post #31

I'm with the herd on this one: unless you're looking for a sort of "retro" feel, most designers are not reaching for Material Design.

What's your modern baseline?

ShadCN/ui. Even though everyone uses it (even more so nowadays since LLMs can't get enough of it) it is still an amazing design system and also allows a ton of customization. With the new Create [0] feature letting you customize your styling, it got even farther into the lead with DX and design.

[0] https://ui.shadcn.com/create

Re: Beer CSS – Build material design in record time

#54
post #28

Earlier quoted context omitted.

I only see a blank white page. I'd expect that people who are specifically trying to show me an interesting CSS library could make at least something show up on the page without JavaScript. As a matter of policy, I don't whitelist sites that give me neither a clear reason nor initial content.

Right, so it's some JS SPA thing as well (of course). Out of interest, do you not often find this a problem these days? I feel like there'd be a lot of sites out there that are non-functional or literally do nothing without JS.

It does still happen not infrequently on a certain sort of site which I’ll simplify to “marketing homepage”, but it’s not happening anywhere near as often as it did three years ago. I haven’t tried to assess if this is because more-sensible frameworks have gained popularity, or if the stupid frameworks support server-side rendering better now.

Gotta say, though, that I don’t think one actually misses much in such cases.

Of sites that require JS to not be blank and don’t fit into this main category, my vague feeling is that the rate hasn’t changed much.

Re: Beer CSS – Build material design in record time

#56

For a CSS design site, this looks fairly bad to my eye. I'm not any kind of UX expert, it just looks clunky: - Lots of text seems slightly offset. It's not all centered within buttons etc. - The text also doesn't seem to quite line up with the icon on said buttons (it feels relatively a little too high) - Similarly the text within the little notification popups ("New") isn't centered and hits the top of the outline -…

That's what I love about iPhone13 mini with Safari. You spot badly designed sites immediately. (This site's buttons are too wide and it bumps from left to right when scrolling sideways.) It's still a free CSS kit, but now I know there's no care behind it.

I remember how IE5 used to be the bottom rung to test a design against.

(The site renders perfectly for me in Firefox on Linux. I never owned an iPhone. I suppose whatever AI model was working on it also used a single desktop browser.)

Re: Beer CSS – Build material design in record time

#57
I guess the question for me is: Why would I want my web presence or platform to look like Android? I understand the use case for “iframes” and web based extensions of apps that use the native framework, but otherwise this reminds me up the early 2010’s where half the mobile websites tried to look like iOS apps.

Re: Beer CSS – Build material design in record time

#60
post #56

Earlier quoted context omitted.

That's what I love about iPhone13 mini with Safari. You spot badly designed sites immediately. (This site's buttons are too wide and it bumps from left to right when scrolling sideways.) It's still a free CSS kit, but now I know there's no care behind it.

I remember how IE5 used to be the bottom rung to test a design against. (The site renders perfectly for me in Firefox on Linux. I never owned an iPhone. I suppose whatever AI model was working on it also used a single desktop browser.)

They didn’t mean that Safari had a problem on rendering, but that their phone is so narrow, it often highlights pages that weren’t tested properly for mobile.

It seems the 13 mini is 375px wide, which isn’t even that narrow. The smallest I normally tested against was the width of the iPhone SE with 320px.

Post reply on HN