Read more

Material Design Lite

Tobias Kraze
July 07, 2015Software engineer at makandra GmbH

CSS (+ some Javascript) framework, implementing Google's material design for static web pages.

Illustration book lover

Growing Rails Applications in Practice

Check out our e-book. Learn to structure large Ruby on Rails codebases with the tools you already know and love.

  • Introduce design conventions for controllers and user-facing models
  • Create a system for growth
  • Build applications to last
Read more Show archive.org snapshot

Can be used for plain websites without requiring a full blown Javascript framework, unlike the (also excellent) Polymer paper elements Show archive.org snapshot , or Angular material Show archive.org snapshot .

Prelimiary impression:

I would recommend against using it at this stage, for a couple of reasons:

  • It is much less complete than you might expect from a CSS framework. There is little support for forms elements, for example.

  • Markup is somewhat akward.

  • It does not play nicely with livereload and will constantly scroll the page to the top.

  • Using it together with a JavaScript framework requires some care, because you constantly need to "upgrade" elements with MDL.

Some other Material Design CSS + JS Frameworks with partial pending release:

Materializecss Show archive.org snapshot

Material-ui Show archive.org snapshot

Material Design for Bootstrap Show archive.org snapshot (note that this is incomplete, and free only for non-commercial projects)

"Paper" Bootstrap theme by Bootswatch Show archive.org snapshot (we also have a card about it)

Posted by Tobias Kraze to makandra dev (2015-07-07 17:55)