Material Design for Bootstrap • Hacker News Board

Re: Material Design for Bootstrap

#91

Post by Raphael » Wed, Dec 10, 2014, 5:17 PM UTC

oneeyedpigeon wrote: post #64

Guillaume86 wrote: post #35

I find it strange there's so many different material design implementations (for the web, no idea how it's going on in android), shoudn't at least the CSS be centralized to avoid uneccesary efforts and then provide specialized packages for things like bootstrap, jQuery UI themes, angular, react etc that all use the same base CSS? I know it's probably utopic but it looks like there's a lot of "wasted" energy in these…

If Google released their own, then presumably these would mostly disappear. I guess Google's focus right now is on Android, although elements of Material design are appearing on things like Google Docs, so they'd think they'd release that publicly, just as Twitter did with Bootstrap.

https://www.polymer-project.org/docs/elements/material.html

Google has released this, for those brave enough to use web components.

Re: Material Design for Bootstrap

#92

Post by sumdeos » Wed, Dec 10, 2014, 5:18 PM UTC

Seems like there is a bug in the number validation example. When non-numeric data is entered, the floating label moves back into the input field making it very difficult to read. This is on Chrome.

Other than that, this looks pretty cool; I particularly like the floating label animations. I may have to give it a try in my next project!

Re: Material Design for Bootstrap

#93

Post by cpayne624 » Wed, Dec 10, 2014, 5:21 PM UTC

Kudos wrote: post #30

What's with the non-commercial licence?

? Seems pretty clear to me.

Re: Material Design for Bootstrap

#94

Post by sesutton » Wed, Dec 10, 2014, 5:21 PM UTC

desdiv wrote: post #44

Kudos wrote: post #30

What's with the non-commercial licence?

Kudos is referring to this: This program is free software: you can redistribute it and/or modify it under the terms you can find below. You can use this software for free only for no-profit projects. If you'd like to use this software in a commercial project you may contact the author (Federico Zivolo) of the software and ask for his permission and fulfill his conditions.

The no commercial license definitely makes it not free (as in speech) software. This definitely killed my interest.

Edit- I also think the license should be noted much more prominently otherwise its going to bite people.

Re: Material Design for Bootstrap

#95

Post by danbucholtz » Wed, Dec 10, 2014, 5:49 PM UTC

This is really nice. Great work! Ignore the haters - you're on the right track with this. Most of the people giving you guff are not the type that create things - they're the ones who pretend to create things.

Re: Material Design for Bootstrap

#96

Post by chimeracoder » Wed, Dec 10, 2014, 5:51 PM UTC

kfinley wrote: post #80

FezVrasta - Nice work! I'm curious about your choice of license[0]. I've been considering the use of a non-commercial license for a project I'm working on. Would you mind discussing: 1. Your motivation for the choice. Is it to prevent people from reselling the theme? 2. The impact, if any, that the choice has had on adoption. With the popularity of the project, it doesn’t seem to be an issue. In your experience are u…

Yeah, I really love this project, but I have to say I generally avoid using non-free libraries when developing[0]. (To give one specific use case: if I would like to create a FOSS website, this means that I cannot use this library and provide the whole result under a single free license.)

That aside, this looks really well-done! I already have a lot of sites built around Bootstrap, so I may give this a test drive later today.

[0] Free-as-in-freedom, which includes the freedom to use software for any purpose (so a non-commercial use requirement makes the software non-free).

Re: Material Design for Bootstrap

#97

Post by tracker1 » Wed, Dec 10, 2014, 5:54 PM UTC

Other than menus (which don't follow material design guidelines), and modals... I don't think the designer really understands how material design is supposed to work.

I'd been thinking that it would be nice to see a material design theme go into bootstrap.. I like that VezVrasta has integrated the color pallet but not sure how well integrated it is.

I would say that the Jumbotron, wells, etc shouldn't be raised materially, and that the shadow effect should probably simple be a sub-class used by the JS based overlays, which should then follow the material design guidelines.

Nice effort, but I think it's not quite right.

Re: Material Design for Bootstrap

#98

Post by tracker1 » Wed, Dec 10, 2014, 6:00 PM UTC

normloman wrote: post #82

thewarrior wrote: post #77

OP don't listen to all the haters in this thread. This is absolutely gorgeous and fluid smooth , atleast on Desktop. I can see this becoming very popular in the months ahead. And why all the hate for the animations ? They are well thought out and provide context . Design is continuously evolving and Material Design will also evolve to overcome some of its shortcomings such as a lack of information density and a rathe…

Why the hate? Some of us have been around for a long time and seen the same UI mistakes repeated over and over. This approach to animation seems to take something that wasn't broken in the first place, and replace it with something worse. On most sites today, I put my cursor over a button and it lights up or fades on hover. If I click it or touch it, it depresses. That's plenty of affordance. I don't see how replacin…

The kind of effect you're talking about goes against material design... actually a lot of what is in the theme breaks the guidelines and their intent.

I'm disappointed that this project didn't start as a fork of bootstrap, then the changes applied. It really seems like a designer trying to make a money play off of other's efforts. I can't be certain that is the case, but that is definitely the feel I get, and even then it seems to be only halfway there with the shadows applied to elements they don't belong in.

Re: Material Design for Bootstrap

#99

Post by [deleted] » Wed, Dec 10, 2014, 6:13 PM UTC

thewarrior wrote: post #75

izolate wrote: post #4

I hope this doesn't take off. If bootstrap wasn't annoying enough, we'll soon have this abomination on every MVP site. Animation for animation's sake. Design for design's sake. This is just tacky.

I hope this Picasso thing doesn't take off. If Van Gogh wasn't annoying enough we'll soon have this cubism abomination in every museum. Beauty for beauty's sake. Art for art's sake. This is just tacky.

[deleted]

Re: Material Design for Bootstrap

#100

Post by FezVrasta » Wed, Dec 10, 2014, 7:09 PM UTC

kfinley wrote: post #80

FezVrasta - Nice work! I'm curious about your choice of license[0]. I've been considering the use of a non-commercial license for a project I'm working on. Would you mind discussing: 1. Your motivation for the choice. Is it to prevent people from reselling the theme? 2. The impact, if any, that the choice has had on adoption. With the popularity of the project, it doesn’t seem to be an issue. In your experience are u…

Hello.

1. I've used this license because I wanted to give something for free for people that was looking for this kind of theme. The restriction about commercial projects is because I don't want people to resell my theme and because I think that if someone is going to earn something using my work I should get something in exchange.

2. This license seems not a problem, users use it anyway following the terms.

3. Usually I negotiate individually.