Tutorial by Examples | RIP Tutorial

Download

There are two ways to use MaterializeCSS, either you can download the files on your system or use the files from CDN (Content Delivery Network). Download files Download the Materialize Package. Download the Materialize SASS Package. Install via NPM: npm install materialize-css Install via Bow...

materializecss • Getting started with materializecss

Setup

Once you've downloaded the files, extract your them into your designated directory. You'll notice that there are two sets of the files. The min means that the file is "compressed" to reduce load times. These minified files are usually used in production while it is better to use the unmin...

materializecss • Getting started with materializecss

Templates

These are the simplest starter pages with a Header, Call-to-Action, and Icon Features. Starter TemplateParallax TemplateDemo or DownloadDemo or Download

materializecss • Getting started with materializecss

Web Page Using Materializecss

Here is an example of a basic page using the Materialize CSS framework which incorporates the grid system and materialboxed. <!DOCTYPE html> <html> <head> <title>Materializecss Example webpage</title>  <link href="ht...

materializecss • Getting started with materializecss

How can I compile my Sass

This section is only relevant if you work with the Sass version of Materialize. First, you need to install Sass in your working directory: gem install sass When you have Sass installed on your project and you want to update your output .css file, you need to use the following command: sass sas...

materializecss • Getting started with materializecss

Using MaterializeCSS with Angular

There are many ways to use MaterializeCSS framework. Few things to keep in mind before going to installation It is not a CSS only framwork, though it has CSS name in it. We can use its SCSS too It is not built for Angular It is a component framework too built on jquery. Though we are not supp...

materializecss • Getting started with materializecss