+11 12 1
Published 8 years ago by FrootLoops with 6 Comments
Additional Contributions:

Join the Discussion

  • Auto Tier
  • All
  • 1
  • 2
  • 3
Post Comment
  • eilyra
    +3

    That's really nice, the first though I had when I saw the material design guidelines initially was "how can I bring this into my web development?". And while the guidelines as they are can certainly be applied, a ready made framework greatly eases the process. Great news in other words! :)

  • kevino025
    +3

    I am really happy about this. Hopefully this will catch on and we'll see more websites with Material Design. I just recently saw the change to Google Music with the new Material Design and I really like it.

  • KempfCreative
    +2

    I love the design direction Google has been going since they created the idea of material design. Bringing a sense of 3D space while still embracing the opportunities (limitations) of the flat screen was truly a stroke a genius for the team at Google.

    That being said... I don't feel that this is needed. The web is already homogenized enough when it comes to design, and having a bunch of developers 'materialize' their sites for no reason other than to follow the Google design trend doesn't add anything to the inherent usability of the web. Just slapping on skins to existing designs is not the material design way. If you had to deal with a lot of interaction and multi-level app-like user flows, then this might be more appropriate (if you haven't already wireframed those interactions).

    Furthermore, do you really want your website to look like a Google property? Is that the branding you are looking for? Doubtful.

  • ddecator
    +1

    I'm very excited for this! I've been attempting a material re-design of my website, trying to primarily do it with CSS, and found some of the aspects challenging. It's a little disappointing this is still primarily meant to be imported in one batch and used to create a site from scratch, rather than make it easy to change the appearance of an existing site, but it may be possible to pull out the relevant bits from the code.

    If they could eventually break it out into "here is the chunk of code that is used for this type of element" on the guidelines website, that would be great as well (though a pain to keep updated, I'm sure). The chunks of code they show now are how to implement the elements, assuming you've imported the whole file into your site.

    • eilyra
      +3

      Hmm, maybe I'm missing something, but the Github project page does seem to have what you like to a extent. If you look through the src/ directory, you'll find the separate SASS source for different elements. This should allow you to take only the SASS sources you need and use those in your site.

      Or did you find those already and would like it to be even further modularized?

      • ddecator
        +2

        Nope, that's exactly what I was hoping for! I hadn't even thought to check github for it. Thanks for pointing that out to me!

Here are some other snaps you may like...