PEGENALAN FRAMEWORK MATERIALIZE
Di dunia pemrograman, banyak dari para programmer web sekarang yang banyak menggunakan framework untuk memudahkan mereka membuat project website mereka, dari sekian banyak framework CSS seperti ,
Bootstrap , Skeleton , Flat UI , dll. pasti kalian belum pernah atau baru tahu tentang framework yang satu ini. Framework ini dibuat oleh Alvin Wang dan teamnya berdasarkan konsep
"kekinian" seperti tema flat dll. Menurut saya ini framework yang paling bagus mungkin menurut anda bagaimana .... mungkin bisa diceritakan ..heheheh.. .. .OK Framework ini memiliki fitur fitur berbeda , mungkin saja framework lain punya kali ya.... Materialize ini sebenarnya sudah diakuisisi Google .. coba saja kalian mencoba framework ini gk heran website punya google yang lain mirip mirip dah tools nya kyk Framework ini ... , Materialize ini memiliki kelebihan yaitu bisa menggunakan SASS ataupun yg lain dan juga pastinya JQUERY. Mungkin kalian bisa cekidot langsung di official website nya
www.materializecss.com.
Ok langsung cekidot fitur fitur yang ditawarkan seperti ..
- Components
- CSS
- Javascript
- Mobile
disini saya akan memberikan Fitur fitur yang menurut saya itu baru berikut daftar nnya
1. Color
color ini gampang hanya memanggilnya lewat kelas kelasnya seperti ini
<div class = "black lighten-3">Hitam </div>
bisa dilihat kan ini sangat gampang sekali berikut gambar Screenshotnya
2. Card
card ini memudahkan untuk membuat konten dengan model kartu seperti gambar di bawah ini
berikut baris kodenya
<div class="row">
<div class="col s12 m6">
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<span class="card-title">Card Title</span>
<p>I am a very simple card. I am good at containing small bits of information.
I am convenient because I require little markup to use effectively.</p>
</div>
<div class="card-action">
<a href="#">This is a link</a>
<a href="#">This is a link</a>
</div>
</div>
</div>
</div>
3. Parallax
ini mencapurkan background konten dengan gambar tapi saat di scroll akan memiliki keceptannya seperti ini demonya
4. Scrollfire
fitur ini seperti saat kita menscroll objek halaman nanti akan muncul animasinya seperti fadein , SlideLeft , dll. berikut demonya
5. Pushpin
fitur yang ditawarkan ini seperti saat kita menscroll nanti akan memunculkan bagian bagian tertentu , daripada bingung mending lihat demonya
6. FeatureDiscovery
fitur ini bisa digunakan saat ada pengunjung baru yang bingung akan toolbar toolbar website kita. Berikut demonya
7. Toast
yaitu fitur seperti aplikasi di android seperti gambar di bawah
hanya dengan sebaris kode javascript ini
Materialize.toast('Second message sent', 4000)
atau dengan tag html ini
<a class="btn" onclick="Materialize.toast('First message sent', 4000)">Toast!</a>
dan masih banyak lagi, mungkin bisa cekidot di official websitenya ,
untuk e-booknya bisa didownload secara gratis di sini tapi semuanya bahasa inggris...hehehe
Ok sekian dari saya mohon maaf hanya ini yang saya bagikan , karena prinsip saya
learn new for share . Salam Programmer
ADS HERE !!!