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

31–40 of 68 posts

Re: Material Design for Bootstrap

#31

Post by Bahamut »

RubyPinch wrote: post #28
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…

polymer is done by google? --- aside: I now strongly believe that, by HTML10, no elements will be defined and everything is going to be JS, and then there is going to be a massive HTML5/6 movement, "Hey guys, did you know that its possible to get /native forms/ though the web browser? and it doesn't even require javascript, manages to support in-built validation, you can even have 3d animations, all built-in to the h…

Except that native forms are clunky and the validation is very basic. Javascript can save you some unnecessary requests to the server with quick & easy initial validation checks & allow you more control over the behavior of the page after form data submission (via xhr).

Javascript is also currently faster for animating, and can do a wider variety of animation.

Re: Material Design for Bootstrap

#32

Post by Zombieball »

mikeg8 wrote: post #25
vladikoff wrote: post #13

Earlier quoted context omitted.

http://androidto.com/

wow, i really dislike the visuals of this website

I have to agree. I like the clean design but I feel like my eyes are fighting with the page. I don't mind any of the colours individually, but all the light thin text beside bring contrasting colours was really hard to digest.

Re: Material Design for Bootstrap

#35

Post by RivieraKid »

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.

Secondly, the animations can get annoying and distracting quickly.

Re: Material Design for Bootstrap

#38

Post by FezVrasta »

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

Re: Material Design for Bootstrap

#39

Post by FezVrasta »

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.

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 :)

Re: Material Design for Bootstrap

#40

Post by FezVrasta »

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"
Post reply on HN