Pure CSS – Yahoo

pure

Buat teman – teman web desainerss.. penulis akan memperkenalkan sebuah CSS Framework yang dibuat oleh Yahoo, yaitu Pure CSS.

Pure CSS adalah sebuah CSS Module yang dapat dimanfaatkan untuk mendevelop sebuah website. Dalam framework ini, menyediakan berbagai elemen yang dapat kita manfaatkan seperti Layout responsive, Menu, Form, tombol, Grid Base, Tabel dll.

Cara menggunakan Pure CSS sangat mudah , Anda cukup menyalin kode ini diantara <head></head>

 

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">

Misalkan Anda ingin membuat sebuah menu, cukup masukkan kode dibawah ini, dimana terdapat class :

pure-menu pure-menu-open pure-menu-horizontal

 

<div class="pure-menu pure-menu-open pure-menu-horizontal">
    <ul>
        <li><a href="#">Home</a></li>
        <li class="pure-menu-selected"><a href="#">Flickr</a></li>
        <li><a href="#">Messenger</a></li>
        <li><a href="#">Sports</a></li>
        <li><a href="#">Finance</a></li>
    </ul>
</div>

Menu akan tampil seperti gambar berikut :

purem

untuk lebih jelasnya Anda dapat mengunjungi website resminya , www.purecss.io.

Selamat Mencoba …