Learn and Discover Open Source with Daily Genuine Experience. From Coding, Front End, Back End, Database, and Static Site Generator.
 
 

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

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.