Top 10 jQuery Plugin of Year 2010

Written by Kevin Liew on 31 Dec 2010
65,448 Views • Javascript

Introduction

The final roundup for all the jQuery plugins of year 2010! jQuery, the almighty javascript framework has changed our mind and ways to code javascript. Making an interactive and lively website couldn't be more easier with vast number of jQuery plugins.

In this post, I have finalized top 10 plugins that I really like throughout the year, I haven't used some of them, such as Quicksand and SlickGrid, but there are always in my mind, and I will defnitely use them if I have a chance. So, here you go, top 10 jQuery plugin of Year 2010, there is no order, sorted randomly.

  • Nivo Image Slider
    The very first slider that came with multiple transitions. It's packed with lot of features and settings to tweak and definitely one of the top jQuery plugins of year 2010.
  • Quicksand
    One of the most famous plugins of year 2010. Quicksand from Razorjack reorders and filters items with a nice shuffling animation. Some porfolio websites are using it to filter different clients and projects.
  • Masonry
    Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall. This is an awesome plugins and I have seem a lot of similar layout online.
  • Validity
    jQuery.validity is a jQuery plugin for powerful, accurate client-side form validation. It is well-organized, versatile and can easily tackle any validation problem. Of course, you will still need a server side validation.
  • Popeye
    jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.
  • TabDiv
    TabDiv lets you embed nice looking guitar tablature into your blogs and web-sites, without using any external applications. This means that you can create, edit, and share your tablature by simply editing the text-based VexTab notation in your HTML document or blog post. I put it in because I think it's original and brilliant idea for guitarist.
  • FormLabel
    This plugin allow you to display the form label inside the form element such as textarea, text field and password field. Pretty useful to create a minimal form.
  • SlickGrid
    Quite simply, SlickGrid is a JavaScript grid/spreadsheet component. SlickGrid utilizes virtual rendering to enable you to easily work with hundreds of thousands of items without any drop in performance. In fact, there is no difference in performance between working with a grid with 10 rows versus a 100'000 rows.
  • MaxImage
    This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options. Change the size of your browser to see it's effect. A lot of websites are using a massive background photo nowadays, if you wanted to do the same, this plugin will work perfectly.
  • Top Up
    TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. One of the beautiful modal window for photo gallery I have ever seen. Very elegant and it copies MacOS style.
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

5 comments
Website optimization 14 years ago
Some of these l was not even aware of
Reply
Barry La Vette 14 years ago
Gorgeous stuff. Some I've never heard of. Thank you.
Reply
Cayo Medeiros (yogodoshi) 14 years ago
Great compilation, thanks!
Reply
zohaibusman 14 years ago
great compilation and awesome list
Reply
alinouman 13 years ago
Thanks good list.
Reply