Google Material design framework
leaf.kortes.se
Google Material design framework
1–10 of 21 posts
Re: Google Material design framework
#2The source of Google's inspiration for reference:
Re: Google Material design framework
#3This isn't really material, but more of a "I've copied the colors and misused them."
A huge part of material is animations and behaviors and this doesn't have it. Simplest example is buttons. Go to http://www.google.com/design/ and over over the more button (or anything else that's clickable). You'll see it elevate a bit as if to come up and meet your cursor. Compare that to the buttons from the toolkit.
Re: Google Material design framework
#4This isn't really material, but more of a "I've copied the colors and misused them." A huge part of material is animations and behaviors and this doesn't have it. Simplest example is buttons. Go to http://www.google.com/design/ and over over the more button (or anything else that's clickable). You'll see it elevate a bit as if to come up and meet your cursor. Compare that to the buttons from the toolkit.
I agree. But you gotta start somewhere. The first step is to just recreate the components.
Feel free to contribute with your ideas and add some neat CSS3 animations to the framework.
Re: Google Material design framework
#5i really really wish this is on bootstrap. why reinvent the wheel? why not enhance it?
Re: Google Material design framework
#6There's already a full implementation here: http://www.polymer-project.org/docs/elements/paper-elements....
Re: Google Material design framework
#7i really really wish this is on bootstrap. why reinvent the wheel? why not enhance it?
Why would it use bootstrap ?
It doesn't make sense to use it when you know exactly how things are supposed to look and looks are quite different (inputs for example).
Having more choices is nicer.
Re: Google Material design framework
#8i really really wish this is on bootstrap. why reinvent the wheel? why not enhance it?
Couldn't somebody just as easily just build a Bootstrap theme built off of Google's Material Design principles? Hell, you actually just gave me an idea, haha.
Re: Google Material design framework
#9This isn't really material, but more of a "I've copied the colors and misused them." A huge part of material is animations and behaviors and this doesn't have it. Simplest example is buttons. Go to http://www.google.com/design/ and over over the more button (or anything else that's clickable). You'll see it elevate a bit as if to come up and meet your cursor. Compare that to the buttons from the toolkit.
Conceivably a company could spend a million dollars on implementation and upkeep without using a pre written framework. The amount of detailed rules and yes/no's really is excessive. Besides telling designers animation acceleration behaviors it includes specifications on what kind of photographs are acceptable or not.
Just like a religion telling people how, what, and when to eat the whole thing almost comes across as a compliance test. It is more absurd because user interface design is art. It is also a fundamental piece of branding: how magazines, web sites, and software communicate their differentiations to their user base.
As someone who pays a hell of a lot of attention to user interface design, and has run continuous A/B tests for years to millions of people, some of the elements are questionable. If you implement them you will confuse a sizable number of users. It looks good, but does not come across as one of those things like where Google tests multiple shades of a single color to see which works the best.
Re: Google Material design framework
#10Would be cool to have all Metro/ios/Google design styles merged to one Bootstrap theme and then just on some LESS or JS I could switch view to different device.