Materialize CSS - Overview

   
   
 materialize  css  
 frontend  
Article Series

Repository Overview: CSS Framework.

Repository Overview: Static Site Generator.

Table of Content

Preface

This repository is intended for beginner.

Goal: Make your own theme using Materialize

Materialize CSS tutorial, from pure html+css, to sass. Step by step, so any beginner can use this guidance.

Repository

Chapter Step by Step

Tutor 01

Adding Materialize CSS

  • Without Materialize CSS

  • Using CDN

  • Using Local

Tutor 01

Tutor 02

Using Materialize CSS: Navigation Bar

  • Simple

  • Full Featured

  • With jQuery

  • Adding Material Icon

Tutor 02

Tutor 03

Custom SASS

  • Custom maximum width class

  • Responsive gap using custom sass

Tutor 03

Tutor 04

Helper Class

  • Spacing Helper Demo

  • Altering Variables

Tutor 04

Tutor 05

HTML Box using Material Design

  • Main Blog and Aside Widget

Tutor 05

Tutor 06

Finishing

  • Blog Post Example

Tutor 06

Begin The Guidance

Thank you for cloning the repository.