• Home
  • About
  • Portfolio
  • Link Exchange
  • Contact
12 Jul 2012
8

jQuery Masonry : Sebuah Plugin Layout dengan jQuery

by cssweaver
Roleartikel, jquery, website tool

jQuery Masonry adalah plugin untuk jQuery layout. Pikirkan Masonry sebagai sisi lain dari CSS floats. Sedangkan floats mengatur elemen horizontal dan vertikal, Masonry mengatur  secara vertikal kemudian horizontal. Hasilnya tidak meninggalkan celah vertikal antara unsur-unsur ketinggian yang bervariasi, seperti sebuah masonry pas seperti batu di dinding. Masonry akan bekerja dengan semua elemen struktural: div’s, lists, p’s, spans.

jquery-layout-masonry

Tidak ada pengaturan atau pilihan dalam  plugin. Sebaliknya, semua properti jarak dapat diatur dengan CSS. Properti hanya diperlukan untuk Masonry  bekerja adalah untuk lebar dari elemen child. Elemen child harus harus memiliki lebar yang sama untuk menghindari tumpang tindih.

Saya juga mencoba memakainya di hepi andi galery

source : jquery-masonry

Related Posts

  • WYSIWYG dan WYSIWYM: Keuntungan dan Kerugian dari Editor Teks
  • WP Theme Generator : Membuat Tema WordPress Tanpa Coding
  • WordPress Anti-Spam Plugins
  • Woorank : Mempelajari Website dengan Sekali Klik
  • Website Layouts: 50 Photoshop Tutorial Profesional
Share This
8 Responses to jQuery Masonry : Sebuah Plugin Layout dengan jQuery
  1. Blog Pendidikan

    July 13, 2012 at 2:57 am
    Reply

    wah,…senang dengan blog ini,semua isi tips, tutorial, pengetahuan tentang desain sebuah website. ifo yang bagus nih sobat,
    theks…udah berkunjung

    • CSSweaver

      July 13, 2012 at 9:07 am
      Reply

      terimakasih kunjungannya juga sob..
      semoga berguna yah tips dan tutorialnya hhe…

  2. Alul Stemaku

    July 17, 2012 at 4:50 pm
    Reply

    blog mas wisnu artikelnya mantap”…
    di tunggu artikelnya tentang inspirasi design..

    • CSSweaver

      July 18, 2012 at 9:51 am
      Reply

      hehhehe iyah makasi yah udah berkunjung :D .. oke deh kk…

  3. april

    October 26, 2012 at 1:58 pm
    Reply

    keren mas, saya juga mau pake, tapi kok ada kata2 masonry, jadi ragu jangan2 freemasonry lewat teknology. . . hahaaa *cuma suudzon dikit. . .

    • CSSweaver

      October 27, 2012 at 7:21 am
      Reply

      haha itu nama jquerinya.. dari dulu namanya gitu…

  4. koprilia

    March 5, 2013 at 1:28 am
    Reply

    tutorial cara pasang Plugin Layout dengan jQuery gimana yah?

    • cssweaver

      March 5, 2013 at 2:34 am
      Reply

      markup aaj htmlnya gan dan jangan lupa include jquery library dan cssnya…^_^

Cancel Reply
Leave a Reply





Categories

  • Article
  • CSS
  • CSS3
  • Dictionary
  • Download
  • Freebies
  • Graphic Design
  • HTML5
  • Infographic
  • jQuery
  • PSD Web Design
  • User Interface
  • Web Design
  • Web Design Inspiration
  • Website Tool
  • Wordpress

Archives

  • May 2013 (18)
  • April 2013 (24)
  • March 2013 (26)
  • February 2013 (25)
  • January 2013 (33)
  • December 2012 (27)
  • November 2012 (21)
  • October 2012 (25)
  • September 2012 (21)
  • August 2012 (35)
  • July 2012 (44)
  • June 2012 (42)
  • May 2012 (37)
  • April 2012 (59)
  • March 2012 (45)

Recent Posts Widget

Kumpulan Resource CSS3 Animasi dan Transisi
April 19, 2013
Contoh Website Musik Unik untuk Band dan Musisi #46
April 11, 2013
Membuat Animasi Tab Konten dengan CSS3
March 28, 2013
Website Tools untuk Membatu Membuat Web Design Responsive
March 26, 2013
Merancang Website yang Fleksibel
March 20, 2013

Popular Posts

Cara Buat Slider Gambar menggunakan jQuery dan CSS3
57 Comments
Kumpulan Blogger Theme Anime [Freebies]
42 Comments
30 Design Keren untuk Halaman 404 Error
42 Comments
Kumpulan Plugin jQuery Image dan Sliders [Tutorial and Freebies]
36 Comments
25+ Contoh Website HTML5 dan CSS3 Terbaru #015
26 Comments

Recent Comments

  • DiMam on Sliding Image Panels dengan CSS3
  • rifki on Kumpulan Resource CSS3 Animasi dan Transisi
  • cssweaver on HTML5 : Kumpulan Tutorial Dasar untuk Pemula, dan Daftar Semua Tag HTML5
  • cssweaver on Membuat Audio Player dengan Menggunakan JQuery, HTML5 dan CSS3 [Tutorial]
  • Basyiri Rahmanto on Membuat Audio Player dengan Menggunakan JQuery, HTML5 dan CSS3 [Tutorial]

Backlink




Top Web-Design Sites


© Copyright 2012, Designed by CSS-weaver wkurniadhi@gmail.com