Halo teman – teman, selamat datang di website tips dan trik Dumet School. Pada kesempatan kali ini saya akan memberikan tips dan trik tentang Mengenal Framework CSS Matrealize, apa itu matrealize..??
Ya, tentu teman – teman tahu apa itu framework yang biasa kita kenal kerangka kerja. Pada umumnya semua orang banyak menggunakan framework css bootstrap untuk membuat sebuah layout website. Dengan menggunakan framework kita dapat membuat sebuah layout lebih cepat proses pembuatannya dan juga hasilnya juga lebih maksimal. Perlu kalian ketahui, ada banyak sekali framework css namun yang paling populer saat ini adalah bootstrap yang memilki library lengkap dalam pembuatan layout website. Selain bootstrap ada juga framework yang tampilannya tidak kalah dengan bootstrap yaitu seperti pada judul artikel kali ini Mengenal Framework CSS Matrealize yang hasilnya tidak kalah dengan bootstrap, selain hasil yang bagus framework ini juga menjadikan layout website menjadi responsive cocok sekali untuk user friendly dalam sebuah tampilan website. Framework matrealize ini juga memiliki grid sistem sebanyak 12 grid, untuk mengatur responsive website. Sama dengan bootstrap yang memiliki 12 grid sistem, hanya saja sedikit berbeda dalam pemanggilan class nya.
Oke langsung saja kita coba install framework matrealize nya, teman – teman bisa kunjungi di website resminya http://materializecss.com
Kemudian teman – teman bisa klik getting started, download dan extract dalam 1 folder hingga menghasilkan beberapa file diantaranya
Kemudian kita buat file index.html nya, teman – teman bisa copy script yang ada di halaman getting started
Kemudian save dengan nama index.html dalam 1 folder file nya
Jika sudah baru kita implementasikan matrealize nya
Teman – teman ketikkan script di atas ini yang saya beri kotak berwarna merah, di mulai dengan class container -> row -> col, karena saya ingin menampilkan pada layar desktop maka saya berikan class col l12 kemudian di dalam nya saya berikan tag h5 yang saya berikan class blue-text maka hasilnya seperti gambar di bawah ini
Mudah sekali bukan, sekian pada artikel kali ini tentang Mengenal Framework CSS Matrealize kita berjumpa kembali pada artikel yang akan datang dan membahas lebih jauh framework matrealize.
Terimakasih dan sampai jumpa, semoga bermanfaat.
The post Mengenal Framework CSS Matrealize appeared first on Kursus Website Terbaik.