(review?) Material Design for Bootstrap

[FezVrasta]

Hello,

I’m developing a Bootstrap theme following the Google principles known as Material Design.

I’m trying to keep the theme more CSS-only possible but some Javascript currently is needed.

I’d like to know what do you think about it and if you have advices…

GitHub page: https://github.com/FezVrasta/bootstrap-material-design
Demo page: http://fezvrasta.github.io/bootstrap-material-design/

Thank you!

[mediamichael]

I like it. Keep going!

[brandon]

Very nice. It looks very sharp and consistent with Google principles.

[Jerba]

I really like it! I’m especially fond of the spiral focus effect on the navigation bars.

[FezVrasta]

Thank you guys! In the latest days I’m getting lot of stars on my repository, not sure why, but it incentives me to work more on this project and try to make it complete as soon as possible. I’ve also started to get help from other developers which are forking my project.

At the moment the two main problems I’m facing are a bug with my pure-js implementation the ripple effect buttons, if you click on a button fastly, some ripple get stuck and doesn’t fade out…
The second problem is about LESS and the mixin I’m using to generate color variations of each component, there is an open issue for this.

Would be awesome if someone could help me with these troubles.

[shaneisme]

Thumbs up!

[bigchirv]

I’ve found this URL to Codepen with a bunch of examples implementing many of the Material Design stuff:

http://codepen.io/search?q=google+material&limit=all&depth=everything&show_forks=false

Maybe that can help you on your work.

Cheers.

[Ilan Firsov]

Very nice, great stuff!
I don’t really like the drop shadow on the buttons, the drop shadow in Google’s design is a bit smaller (image), but other than that great work. I’ll keep my eye on this

[mk7]

Very Nice… :)

[Vice]

I’m not very fond of Bootstrap in general but I that’s quite the brilliant theme you’ve made.

Just 3 quick notes:
– I’m not sure, but I don’t think action buttons have the same ‘touch surface’ interaction regular buttons have.
– Your dropdowns don’t quite match the spec though. When pressed, the list’s background should start at the arrow and move outwards, the label should remain in place while the list ‘expands’ around it. (http://www.google.com/design/spec/components/menus.html#menus-usage)
– The progress bar is nothing like Material Design, but I’m guessing you’re still working on that one ;)

Keep up the good work!

[Author]

Posts