Live data from Hacker News

Material Design for Bootstrap

fezvrasta.github.io

11–20 of 68 posts

Re: Material Design for Bootstrap

#11
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-...

Re: Material Design for Bootstrap

#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 gone into creating this, but on a fundamental level I don't feel this is a good step in interface design.

Re: Material Design for Bootstrap

#13
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://androidto.com/

Re: Material Design for Bootstrap

#14
post #11
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-...

That front page renders horribly in FireFox.

http://i.imgur.com/kfYvuiX.jpg

Re: Material Design for Bootstrap

#15
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://www.polymer-project.org/docs/elements/material.html

Re: Material Design for Bootstrap

#16
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.

You're not the only one thinking that.

The ionic team is helping build angular specific material components. Google should have cleaned up its own stuff here.

Re: Material Design for Bootstrap

#17
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.

Re: Material Design for Bootstrap

#18
post #4

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

I've started to create a version of it in React: http://sanderspies.github.io/react-material/

For now I wouldn't use it in production (broken build, not complete, etc.) - but it might be a start for what you want.

Re: Material Design for Bootstrap

#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.

Post reply on HN