Membuat Tampilan Web ala Pinterest

Saya suka tampilan web Pinterest yang bisa menampilkan blok-blok kecil yang meskipun berbeda ukuran namun bisa tertata dengan rapi secara otomatis. Dulu saya menganggap untuk membuatnya cukup rumit karena biasanya web dengan banyak blok seperti ini hanya bisa dibuat dalam kolom-kolom yang harus diisi berurutan dari atas ke bawah. Akibatnya antara kolom satu dengan yang lain sulit untuk disesuaikan panjangnya. Namun beberapa waktu yang lalu saya akhirnya menemukan bahwa ternyata sekarang sudah banyak library JavaScript yang menyediakan fungsi tersebut. jQuery Masonry adalah salah satunya yang sudah saya coba sendiri dan ternyata sangat mudah menggunakannya. Cukup dengan memasukkan library tersebut ke dalam halaman web yang kita buat, mendefinisikan id div yang akan digunakan oleh blok dan kemudian memasukkan konten-konten ke dalam blok yang bisa dilakukan secara otomatis menggunakan PHP. Selamat mencoba!

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: