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

Material Design for Bootstrap

fezvrasta.github.io

Post reply on HN
Print view View original

61–68 of 68 posts

Re: Material Design for Bootstrap

#61

Post by bsimpson »

FezVrasta wrote: post #39
stephenjwatkins wrote: post #23

Earlier quoted context omitted.

After looking through Google's own material design guidelines ( http://www.google.com/design/spec/material-design/introducti... ), I find them much more pleasing than this bootstrap theme. When it comes to material design, it seems that context and execution details will play a big role in delivering an experience that looks and feels right.

My project is just a 1:1 conversion from Polymer Paper project to Bootstrap. It's still in early developement but I'm sure it will become much better in future :)

The most important aspect of Material is the layered animations. This library is missing them.

Re: Material Design for Bootstrap

#62

Post by xixixao »

RivieraKid wrote: post #35

Material design isn't very suitable for the desktop web... and I'm not even sure it will work on mobile but let's hope it will. Firstly, it's too constraining, too specific, this style could get pretty boring and bland if every app uses it. And for lots of apps (and majority of webs), different spacing, structure, etc. is optimal – forcing them to use a different spacing would lead to worsened usability and ugliness.…

I much prefer Metro to Material, but following either would lead to better experience at least for me. That said, design "once" didn't really work with Windows and it's gonna be interesting watching Google try the same.

Re: Material Design for Bootstrap

#66

Post by FezVrasta »

spankalee wrote: post #21
drcode wrote: post #10

Am I the only one who's disappointed by Google's UI library chops? How can they think it is sensible to release a UI design without having concrete, usable implementations in all the major UI frontends, including bootstrap, out of the box? The fact that someone outside of Google had to build this makes it look like Google's design guys have no credibility inside of Google, and are ignored by other Google devs.

Google released a concrete, usable set of custom elements that implement Material Design and should be usable in any framework. See the Paper Elements demo here: https://www.polymer-project.org/components/paper-elements/de... Android L is also shipping with Material Design widgets: https://developer.android.com/preview/material/index.html Google doesn't really use or promote Bootstrap (much... we're* so big I'm sure…

Actually with Bootstrap it's possible to create complex interfaces (I had written from scratch the Play Music interface with almost 1/3 of the markup needed by Google)... By the way I don't think google must release an implementation of their guidelines on every framework on the web.

Re: Material Design for Bootstrap

#67

Post by tonyplee »

FezVrasta wrote: post #40
eudoxus wrote: post #19

Don't know if you are aware of this bootstrap material design/paper theme: http://bootswatch.com/paper I personally think it matches the Google's implementation a little better, but that isn't to take away from the great work you've done. One thing I noticed off the bat, is that the buttons have a shadow on them by default, not just on hover. And the click animations are slightly better. But again, great work to you.

Buttons by default have not shadows if not on hover, to add shadows you have to add the class "btn-raised" and if you don't want them to have a shadow on hover add "btn-flat"

How does someone detect "hover" on mobile platform?

Re: Material Design for Bootstrap

#68

Post by barsonme »

FezVrasta wrote: post #38
barsonme wrote: post #2

Does anybody have any examples of actual websites being built using material design? I know Google has a bunch, and there are websites like this, but when I was thinking of a design for a website a few weeks ago, I couldn't find any good examples of a website using material design -- they were all apps, which my website was not.

I'm the developer of this project, my portfolio is built on top of it and I think matches Google material design guidelines. www.mywebexpression.com

Oh cool, thanks! Exactly what I was looking for!

I'm not sure I like the material design too much (not a slight against your designing) but I think it's more suited to application-style websites and whatnot.

That said, I appreciate the link and only time will tell... it's what I said about flat design as well, and I love flat now :)

Post reply on HN