Big Arial at random sizes. No margins, no grid, component examples scattered all over the screen.
edit: Actually, they've thrown a total of _three_ implementations into the grave, as MWC is in maintenance mode already [2].
[0]: https://github.com/google/material-design-lite
[1]: https://github.com/material-components/material-components-w...
[2]: https://github.com/material-components/material-web/discussi...
I understand design can have many goals, but surely it should atleast feel like ... something good? I've never once used a Google interface and felt anything good.
But it's familiar, so I can't really be that mad at the people who continue to use it. As often as Google makes things that break their own rules, and as much as Samsung deep-fries Material into a fine dust, people still know that the low-contrast pill-shaped thing is a button.
Has anything come along since Material that was aesthetically better and ergonomically better and equally well-supported across platforms?
Some animations are painfully slow, though. After opening a menu[0], it takes a long time to close once you click outside.
How well does it work without JS? I assume that's how the ripple effect is implemented.
[0] - https://www.beercss.com/#:~:text=Menus,-code
Edit: they have documented what works and what doesn't with JS disabled here : https://github.com/beercss/beercss/blob/main/docs/JAVASCRIPT...
That file hasn't been updated in a while. Not sure if nothing has changed since then, or if it's outdated.
The whole website feels like a weird hallucination…
Not sure pros/cons vs MUI?
IOW, a screenshot when you scroll it to the "right" spot looks clean and balanced. Personally, I think it's a bad UX decision, but also easy to scroll past once you know.
They are clean and well-designed if implemented correctly:
- 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
- The colours have poor contrast. I don't have any vision impairment but the peach colour doesn't feel distinct enough from the purple/lavender to me. (It's better in light mode when the peach turns to a stronger red).
- On that note, maybe yellow was not the best background for the beer badge when most of the glass is yellow with a bit of white.
I don't know if there's something that makes this render any differently for me than anyone else. I'm using Chrome though so I wouldn't have thought it'd be especially unusual.
(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.
(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.)
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.
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.
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.
In any case it's not a great look if they want to encourage adoption of their tools!
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