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

Beer CSS – Build material design in record time

beercss.com

Post reply on HN
Print view View original

61–69 of 69 posts

Re: Beer CSS – Build material design in record time

#61

Post by zahlman »

CamouflagedKiwi wrote: post #37
zahlman wrote: 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.

I agree with the sibling comment that it's been worse in the past.

But it also tends to correlate with types of sites that I'm not especially interested in anyway.

Well, except the image hosts. Webmasters who claim that their site's primary purpose is to display static images, who cannot or will not just use a normal tag, are beneath contempt.

Re: Beer CSS – Build material design in record time

#63

Post by efilife »

troupo wrote: post #34
CamouflagedKiwi wrote: post #23

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 -…

> For a CSS design site, this looks fairly bad to my eye. I'm not any kind of UX expert, it just looks clunky: Front page says "Build material design in record time", so it's on par with actual Material Design which is all that, and more. Here's a small thread I collected some time back: https://threadreaderapp.com/thread/1643607965935476737.html

everything here looks fine to me. what should I be looking for?

Re: Beer CSS – Build material design in record time

#64

Post by troupo »

efilife wrote: post #63
troupo wrote: post #34

Earlier quoted context omitted.

> For a CSS design site, this looks fairly bad to my eye. I'm not any kind of UX expert, it just looks clunky: Front page says "Build material design in record time", so it's on par with actual Material Design which is all that, and more. Here's a small thread I collected some time back: https://threadreaderapp.com/thread/1643607965935476737.html

everything here looks fine to me. what should I be looking for?

At how things are actually aligned with respect to each other.

E.,g. in forms all icons are aligned to the top of the input fields they are related to. In titles almost nothing is visually aligned with the center of the title text: the hamburger and the arrows are lower. In menus triangles/arrows are below the visual center of the text. Headers for some reason offset from the left etc.

The results is a disjointed collection of elements that are just crudely assembled together with no rhyme or reason.

Re: Beer CSS – Build material design in record time

#66

Post by albedoa »

bbg2401 wrote: post #18
jgalt212 wrote: post #15

Earlier quoted context omitted.

Are you being a troll, or is there a trend afoot to ignore mobile rendering?

The trend is people releasing barely conceived software and products written by language models, backed by equally thoughtless marketing materials written by language models.

I have a suspicion that he was not asking in good faith. We'll see!

Re: Beer CSS – Build material design in record time

#67

Post by leo1983 »

pavlov wrote: post #10

For a UI framework landing page, this looks impressively bad on mobile. Big Arial at random sizes. No margins, no grid, component examples scattered all over the screen.

This is not a landing page. Its a tech demo page. And is very impressive, because they render ALL components and variations in just one page, at same time, getting a highscore on lighthouse, without errors or warnings on W3C HTML validator too. They delivered a high quality code.

Re: Beer CSS – Build material design in record time

#68

Post by nikolay »

CamouflagedKiwi wrote: post #23

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 -…

I agree. In Chrome, vertical and horizontal padding aren't even; some text is a pixel or two offset.

Re: Beer CSS – Build material design in record time

#69

Post by matraic »

doodlesdev wrote: post #8

I'm impressed that, in the meanwhile, Google has already thrown into the grave not one, but two different implementations of Material Design in the web: Material Design Lite [0] and Material Components for the Web [1], bot of which never managed to actually be competitive UI libraries. edit: Actually, they've thrown a total of _three_ implementations into the grave, as MWC is in maintenance mode already [2]. [0]: htt…

Agreed! Given the state of Material Design for the web, I'd ended up rolling my own implementation using native web components via Lit. Personally, I love Material Design and the expressive enhancements they've done, but I was hard pressed to find a good alternative with all the bells and whistles.
Post reply on HN