• Translate

2/22/2016

5 Plugin Jquery Grid Untuk Membuat Desain Web

Tutorial Web Design |

Advertisement

5 Plugin Jquery Grid Untuk Membuat Desain Web Agar Lebih Indah | jQuery adalah library javascript yang sangat powerful yang bisa memudahkan developer dalam pembuatan web. Library javascript ini sangat ringan, bisa kompatibel dengan berbagai jenis browser.

Dalam pembuatan layout website biasanya desainer akan menggunakan grid agar mudah dalam pembuatan model layout, dengan grid Anda bisa dengan mudahnya membuat layout dengan model 2 kolom, 3 kolom atau lebih. Anda tidak perlu repot lagi mengurus masalah float yang terkadang sangat menjengkelkan.

Berbicara tentang jquery dan grid, ternyata terdapat banyak sekali plugin jquery yang bisa Anda manfaatkan untuk membuat layout website dengan mudah. Plugin grid bisa memungkinkan Anda membuat layout seperti Pinterest ataupun tumblr. Mereka akan bekerja seperti matrik virtual, mereka akan mengikuti kotak demi kotak.

Berikut ini adalah beberapa grid plugin untuk jquery yang bisa memudahkan Anda membuat layout website.
  • jQuery MatchHeight
    jQuery MatchHeight memungkinkan Anda untuk membuat sebuah elemen dalam website agar memiliki tinggi yang sama, karena terkadang tinggi elemen yang tidak rata akan membuatnya tampak tidak bagus dan berantakan, dengan plugin ini masalah tersebut bisa diselesaikan.



  • Photoset Grid
    Untuk versi asli dari plugin Photoset Grid ini adalah untuk membuat theme Tumblr, namun tim pengembangnya memutuskan untuk memberikan kesempatan bagi desainer untuk menggunakan plugin ini untuk desain mereka.




  • Masonry
    Web desainer mana yang tidak mengenal Masonry, plugin buatan David DeSandro ini memang makin hari makin banyak penggunanya. Dengan menggunakan plugin ini pembuatan layout website jadi lebih mudah dan terlihat modern. Masonry memiliki keunggulan dalam grid, dan Anda bisa membuat layout yang seolah terlihat berantakan dan tidak teratur namun rapih, mengikuti space yang kosong.

  • jQuery Gridly
    jQuery Gridly adalah plugin jquery yang memiliki fitur drag & drop serta bisa digunakan untuk mengubah ukuran pada grid.






  • Freewall
    Freewall adalah jquery plugin responsif yang mensupport berbagai browser (cross-browser) untuk membantu Anda membuat berbagai jenis layout, layouts yang fleksibel, layout untuk gambar, nested grid layout, layout metro style, layout seperti pinterest, dan lainnya. Selain itu disertai dengan efek animasi css yang cukup bagus.


Disclaimer: Images, Content of articles or videos that exist on the web sometimes come from various sources of other media. Copyright is fully owned by the source. If there is a problem with this matter, you can contact us here.
Disqus
Blogger
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box

No comments Add Comment

Comments not appropriate topic will sign SPAM.