Membuat Desain Web Responsive dengan Materializecss

Assalamu'alaikum Wr. Wb.

Sudah tau gak apa itu materializecss ?
Materializecss adalah sebuah framework css buatan google yang tergolong baru. Saat artikel ini dibuat versinya saja masih v0.96.1 (download materializecss v0.96.1), wow masih fresh dan akan terus berkembang. Saya suka dengan materializecss karena desainnya sudah sesuai dengan material desainnya google (pastilah kan yang buat google sendiri, hehe). Framework ini simple, elegan dan pastinya responsive seperti framework yang lebih populer lebih dahulu yaitu bootstrap.

Pada tutorial saya kali ini saya akan membuat desain halaman web responsive dengan menggunakan materializecss. Screenshot simplenya bisa dilihat dibawah :


Untuk belajar materializecss lebih dalam lagi bisa Anda pelajari langsung pada dokumentasi webnya di alamat materializecss.com.

Karena tutorialnya berbentuk video, jadi jangan lupa setting dulu kualitas videonya menjadi HD agar lebih jelas.

Untuk melihat bagaimana cara membuat desain web responsive dengan materializecss video-nya bisa dilihat dibawah :

Gimana keren bukan ?
Jika ada yang ingin ditanyakan silahkan tinggalkan pertanyaan di komentar dibawah. Jangan lupa like dan share artikel serta video kami.

Note :
Jangan lupa tambahkan init.js dan jquery.js.
- Link download materializecss v0.96.1
- Salah satu link referensi jQuery.js
- Isi file init.js :
   (function($){
    $(function(){
     $('.button-collapse').sideNav();
    });
   })(jQuery);

Baca tutorial selanjutnya : Membuat CRUD dengan PHP Mysqli Prosedural

Baca jugaMembuat CRUD dengan PHP Mysqli OOP

Semoga bermanfaat, happy coding :)
Wassalamu'alaikum Wr. Wb.

Info

Just load it!