pengenalan framework materialize

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(message, displayLength, className, completeCallback);
  Materialize.toast('Second message sent', 4000) // 4000 is the duration of the toas

         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 !!!