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

51–60 of 68 posts

Re: Material Design for Bootstrap

#51

Post by [deleted] »

stephenjwatkins wrote: post #23
nwh wrote: post #12

So "Material Design" is "Flat Design" with shadows? I'm not sure I can quite get used to this particular theme at all. The colors are pretty gaudy, the main action buttons (brown and purple) particularly are almost unreadable to me. I couldn't find the input boxes at all even though they had a header, they just parse as horizontal rules rather than something I can click on an add text. I respect the effort that has g…

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.

[deleted]

Re: Material Design for Bootstrap

#52

Post by strongbuilding »

maxmcd wrote: post #11
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.

http://chat.cc is mostly material design outside the signup page. https://www.dropbox.com/s/hk24p7rjillampz/Screenshot%202014-...

Friendly disclaimers please, seeing as this is your company.

Re: Material Design for Bootstrap

#53

Post by nickcolley »

drcode wrote: post #9
oakleon wrote: post #4

Any chance you would take contract work to do the same thing with react.js from facebook. It could be open source

Newbie question: Do bootstrap themes like this work in react-bootstrap? http://react-bootstrap.github.io/

Yeah sure, react-bootstrap has all the normal bootstrap classes so as long as you theme it right you'll be sorted.

Re: Material Design for Bootstrap

#54

Post by drcode »

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…

It seems like it would be painful to use from react, which seems like a "major framework".

I'm not saying Google has any obligations to offer more code to support materials design... I'm just saying the impact of their design work is going to be limited because of it. (That certainly might be on purpose,I suppose)

Re: Material Design for Bootstrap

#55

Post by drcode »

ryanwatkins wrote: post #17
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.

They've released preview documentation of a design centered around an unreleased OS and you are upset they don't have Google implementations in all the other non-google UI frameworks already? Its early days, they're clearly doing this first with Android L, Web Components (polymer-project.org) and Angular (material.angularjs.org). And you're upset the implementation for Bootstrap is not done by Google? Boo hoo.

Google can do whatever they like, it just doesn't seem like they're using their available resources to accomplish a serious goal they seem to have (helping materials design become an impactful design language) and it will be interesting to see how the future of this design effort plays out.

Re: Material Design for Bootstrap

#56

Post by spankalee »

drcode wrote: post #54
spankalee wrote: post #21

Earlier quoted context omitted.

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…

It seems like it would be painful to use from react, which seems like a "major framework". I'm not saying Google has any obligations to offer more code to support materials design... I'm just saying the impact of their design work is going to be limited because of it. (That certainly might be on purpose,I suppose)

Why would it be difficult to use from React? I haven't used React myself, but if it can produce DOM, it can use custom elements.

Re: Material Design for Bootstrap

#59

Post by pron »

nwh wrote: post #12

So "Material Design" is "Flat Design" with shadows? I'm not sure I can quite get used to this particular theme at all. The colors are pretty gaudy, the main action buttons (brown and purple) particularly are almost unreadable to me. I couldn't find the input boxes at all even though they had a header, they just parse as horizontal rules rather than something I can click on an add text. I respect the effort that has g…

> So "Material Design" is "Flat Design" with shadows?

... and bright colors, yeah.

But it's really just a return to early 90s GUI design (flat, high-contrast, shadows): http://files.vforum.vn/2013/T08/img/diendanbaclieu-98580-tur...

Re: Material Design for Bootstrap

#60

Post by owenversteeg »

Hmm. Overall I like it, but I have some gripes:

- The inputs don't look like inputs.

- The animations on the navbars are really strange.

- The breadcrumbs are really out of place.

- So are the labels and panels. The colors are entirely wrong.

- Selects look weird.

- The contrast on the buttons at the top is atrocious. If I turn down my brightness I can't read the button text.

Other than that, it looks good.

Post reply on HN