Mengenal Framework CSS Matrealize
Halo teman – teman, selamat datang di laman tips dan trik Source Code Aplikasi. Di kesempatan kali ini saya akan memberikan tips dan trik mengenai Mengenal Framework CSS Matrealize, apa itu matrealize..??
Ya, tentu teman – teman tahu apa itu framework yang biasanya kita kenal kerangka kerja. Di umumnya seluruh orang banyak menggunakan framework css bootstrap bagi merancang sebuah layout laman. Dengan menggunakan framework kita dapat merancang sebuah layout lebih cepat proses pembuatannya dan pun hasilnya pun lebih maksimal. Perlu kalian ketahui, ada banyak sekali framework css namun yang sangat populer dikala ini ialah bootstrap yang memilki library komplit pada penyusunan layout laman. Selain bootstrap ada pun framework yang tampilannya tak kalah dengan bootstrap yaitu seperti di judul artikel kali ini Mengenal Framework CSS Matrealize yang hasilnya tak kalah dengan bootstrap, selain hasil yang bagus framework ini pun menjadikan layout laman menjadi memiliki tampilan yang dinamis cocok sekali bagi user friendly pada sebuah tampilan laman. Framework matrealize ini pun mempunyai grid aplikasi sebanyak 12 grid, bagi mengatur memiliki tampilan yang dinamis laman. Sama dengan bootstrap yang mempunyai 12 grid aplikasi, hanya saja sedikit berbeda pada pemanggilan class nya.
Oke seketika saja kita coba install framework matrealize nya, teman – teman dapat kunjungi di laman resminya http://materializecss.com
Kemudian teman – teman dapat klik getting started, unduh dan extract pada 1 folder hingga menghasilkan beberapa file diantaranya
Kemudian kita bikin file index.html nya, teman – teman dapat copy script yang terdapat di halaman getting started
Kemudian save dengan nama index.html pada 1 folder file nya
Apabila telah 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 di layar desktop karenanya saya berikan class col l12 kemudian di pada nya saya berikan tag h5 yang saya berikan class blue-text karenanya hasilnya seperti gambar di bawah ini
Gampang sekali bukan, demikianlah di artikel kali ini mengenai Mengenal Framework CSS Matrealize kita berjumpa kembali di artikel yang akan datang dan membahas lebih jauh framework matrealize.
Terimakasih dan hingga jumpa, semoga bermanfaat.
Sumber https://kursuswebsite.org