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

101–110 of 115 posts

Re: Material Design for Bootstrap

#101

Post by FezVrasta »

tracker1 wrote: post #98
normloman wrote: post #82

Earlier quoted context omitted.

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 th…

I've tried to follow the style of the Bootswatch, in this way it's very easy for users to inject this theme in any Bootstrap website. I'm thinking about writing a separated project sharing the CSS and basing it on some grid system without Bootstrap dependencies, keeping the compatibility with Bootstrap.

Re: Material Design for Bootstrap

#102

Post by FezVrasta »

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…

I would like something like this as well. But when I've started the project (and even now) there are not good implementations in pure CSS of Material Design. Mine is the one that tries to follow the specs more than others, but I've not lot of time to dedicate to it so the process is kinda slow.

Re: Material Design for Bootstrap

#103

Post by FezVrasta »

mkohlmyr wrote: post #79
FezVrasta wrote: post #67

Earlier quoted context omitted.

This demo is intended as a clone of the Polymer demo page, and it must tell the user say "wow", not say "productive!". It's the developer that includes this framework that will have to make its app productive.

Having looked at the polymer page I see what you were going for and I can even agree with the above poster who commended your clever implementation of the animations. You even have a point saying it's on the developer. I just can't help but feel that many of these new design ideas and frameworks that are constantly posted are completely missing the mark by valuing "this looks pretty" over "this actually works". They…

Actually the bug on my demo is on the back button. The scrolling works just fine. And I'm gonna fix the back button soon.

Re: Material Design for Bootstrap

#104

Post by FezVrasta »

sumdeos wrote: post #92

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!

Thanks for the report!

Re: Material Design for Bootstrap

#105

Post by FezVrasta »

andybak wrote: post #3

Really lovely for the most part. The input boxes rather lack affordance/discoverability or whatever you want to call it. Basically - they don't look inputty enough.

They just follow the Material Design specs, and this is the purpose of this theme. One can then take this theme and customize it for its purposes.

Re: Material Design for Bootstrap

#106

Post by FezVrasta »

normloman wrote: post #83
TuringTest wrote: post #65

Earlier quoted context omitted.

The author has stated right below that some animations can be improved. Make your suggestions.

The author is on HN and commenting in this thread. So I did make my suggestions: Make the animations shorter, more subtle.

Hello, thanks. I see lot of people would prefer what you're asking, and actually the Material Design specs are not followed very well by me regarding the animations. If you'd be so kind to open an issue on the GitHub page I'll be happy to assign a priority to it and work on it when I find some time.

Re: Material Design for Bootstrap

#107

Post by FezVrasta »

warfangle wrote: post #89
Kudos wrote: post #78

Earlier quoted context omitted.

No it isn't, it's 20KB minified and gzipped. The source map file is around 250KB, so I guess you confused it for that?

Yeah, 36KB minified and zipped. That includes material.min.css, material-wfont.min.css and ripples.min.css. Un-zipped it's 253KB. But given that it fails dramatically on small-screen touch devices, the point is moot.

I'm going to release an huge update that will dramatically reduce the size (I hope) and will ad the entire color palette available.
Post reply on HN