MaterializeCSS Article

Introduction

Materialize (otherwise known as MaterializeCSS) is a modern responsive front-end framework based on Material Design.

Materialize can be used with CSS and Sass.

Features

Material is the metaphor - The metaphor of material defines the relationship between space and motion. The idea is that the technology is inspired by paper and ink and is utilized to facilitate creativity and inovation. Surfaces and edges provide familiar visual cues that allow users to quickly understand the technology beyond the physical world.

Bold; graphic, intentional - Elements and components such as grids, typography, color, and imagery are not only visually pleasing, but also create a sense of hierarchy, meaning, and focus. Emphasis on different actions and components create a visual guide for users.

Motion provides meaning - Motion allows the user to draw a parallel between what they see on the screen and in real life. By providing both feedback and familiarity, this allows the user to fully immense him or herself into unfamiliar technology. Motion contains consistency and continuity in addition to giving users additional subconscious information about objects and transformations.

Pros/Cons

Materialize CSS has its pros and cons:

Pros	Cons
Materialize CSS framework is very opinionated about the UI or UX design elements behaviour and how they interact visually.	Materialize CSS does not support some old web browsers.
Materialize CSS is great for creation of material design which is offered out of the box.	CSS files in Materialize CSS are very large in size and heavy.
Good documentation	There are reports of Materialize not being able to use flexbox in IE10+.
Responsive	Certain nesting of elements is handled properly by Materialize CSS.

Extra Programs

CSS Frameworks: Bootstrap, Bulma, Pure CSS, Kube
CSS Relateables: PostCSS, Less, SASS
Front End Web Techs: HTML, CSS, JS
Web Design Techniques

Sources

Summary

In conclusion:

MaterializeCSS is a good framework to have in your arsenal. It is not tha popular but isnt that hard to learn. However the files it contains are quite heavy. Consider using this in your next website.