Material Design Hello World Tutorial


materialdesign

Google’s Material Design have become a buzz-word. Everybody discuss it, however, hello world tutorial is very rare.  Here is a super quick start tutorial which I have prepared for you.  You don’t require download and install anything. The code is direct works over CDN.

Material design is a philosophy of design user interface. To apply it your project you can use frameworks like Materialize, MUI and Material Design Lite. My favorite is Materalize.

materialize

Tutorial

Step-1: Look at this codepen page. I have prepared it for you. You can play it on live.

Step2:  Review and understand philosophy of material design from this page

Step3: Download the codes in Step-1 then try to apply Icons, Carousel, Navbar, Footer, Cards, Collections and other ready-to-use components. It is super easy.

Enjoy

Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s