Contrary to my expectations of the Google team, this is possibly the most annoying, mobile-unfriendly site I've experienced in 2015.
The scrolling is horrible on iOS, no idea why. I was expecting to see some crazy animations or the usual sort of thing that hoses scrolling in iOS but it doesn't do anything. Really surprised to see the Google team release something that buggy.
The new Bootstrap.
I am glad I wasn't the only one thinking that.
Here's the related Medium post from Google Developers with some more info, too: https://medium.com/google-developers/introducing-material-design-lite-3ce67098c031
I appreciate Google's efforts to make something that's relatively easy to implement! This isn't really for us, it's for those people who want something like Bootstrap - an existing, pre-designed framework that looks decent.
The great thing about Material is that it has a bit more flexibility and personality than the standard Bootstrap themes. So you can make something relatively personal pretty quickly (see countless r/naut themes)
That horizontally scrolling mobile menu sucks though.
I really like the idea of the horizontally scrolled menu for mobile (similar to apple.com) over another modal. BUT, this one feels sticky and slow and frustrates me.
Enabling more homogeneity. (Yawn)
For me it's actually another tool I can work with. I think that like bootstrap, it's something that let's me create a website or a webapp with the same design pattern. I think it will evolve into something great and useful.
getting a bit tired of material design being the answer for EVERYTHING. Is it nice, yes! is it awesome to have everything look the same, no!
I don't like it for just one reason: It's not BEM.
The Medium article claims they use BEM generated from SASS. I'll leave it to others to determine the specifics of BEM.
"The MDL sources are written in Sass using BEM."
I give it a check, it's not really well done on BEM. BEM has an strict naming convention:
When you check the code, you see pure blocks, mostly, and some of them with the modifier itself.
I don't know, but I think that the documentation is a little confused... Maybe I has accustomed with Bootstrap Doc and the others frameworks that follow the same style.
But, Material <3
I feel like this is just another great resource to scavenge parts from. Other than that it's about as interesting as Apple Music...
- drop shadows - less is more!
- typography - a little more space, and please find another font
- hierarchy - space and separate
- icons - terribly consistency, fill strokes, all over the place
- buttons - SIDE PADDING
- drop downs - attention to off-canvas
To list a few things