10 Useful jQuery Plugins and Techniques

By / Nov 12, 2010 / Resources
shares

jQuery is great for enhancing a website. Whether it be by adding effects that give the site a wow factor, or by making navigation easier, jQuery can have a big impact on the way a website is perceived and used. jQuery is extremely popular among web designers and developers for it’s flexibility, ease-of-use, and of course it’s plugins. So for this post, we’ve rounded up 10 more jQuery plugins and techniques that you should find very useful.

Supersized 3.0 Plugin

jquery

This plugin produces a full screen slideshow complete with transitions, preloading, and navigation controls.

Apple-like Retina Effect

jquery

Learn how to create an Apple Retina Display magnifying effect with jQuery and CSS.

Flip!

jquery

Flip is a jQuery plugin that will flip easily your elements in four directions.

jSlickmenu

jquery

jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design. It’s fairly easy to use, highly customizable and pretty cool (and fun!) to see.

jQuery Address

jquery

The jQuery Address plugin provides powerful deep linking capabilities and allows the creation of unique virtual addresses that can point to a website section or an application state.

Overscroll

jquery

Overscroll is a jQuery plug-in that mimics the iphone/ipad scrolling experience in a browser. The plug-in adds a draggable drift to overflowed DOM elements as well as a set of fading ‘thumbs’.

jQuery Page Curl

jquery

This jQuery plugin allows you to add an interactive page curl to your website.

Contactable

jquery

Contactable is a jQuery plugin designed to make contact/feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort.

Panning Slideshow

jquery

In this tutorial you’ll take the makings of a classic slideshow, but use a different kind of transition to animate between slides.

Sliding Labels

jquery

Sliding Labels is a nifty plugin that displays text fields with the labels inside. When the field is clicks, the labels slide out allowing the user to input text.

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

10 Comments

  1. DTX Studios
    November 12, 2010

    Thanks for sharing these useful jquery plugins. Sounds good and it will be very useful.

    Reply
  2. Dainis Graveris
    November 12, 2010

    Thank you for making things like these easier to find. Sure will come in handy someday for my website. Bookmarked!

    Reply
  3. Phil
    November 12, 2010

    Thanks for using my contactable plugin. Its also available on github if anyone’s interested. Fork away!

    https://github.com/philipbeel/contactable/tree/master/contactable/

    Reply
  4. Jack McDaniel
    November 13, 2010

    I’ve used some of these. Thanks for the list.

    Reply
  5. darkgaro
    November 13, 2010

    Nice collection , I love the page curl. Actually I been looking for something like that.

    Reply
  6. Theo
    November 14, 2010

    Nice list, thanks for putting this together!

    Reply
  7. Maxime De Greve
    November 26, 2010

    jQuery is great, Just did a jQuery CSS rotation test http://smokingcow.com/t0n ! Always good to experiment with it! Didn’t know that Supersized is also upgraded!

    Reply
  8. Dawn
    January 15, 2011

    Supersized 3.0, really excited to use so I dropped it in a site I am working on and it looks great… only one problem, I can’t figure out how to stop the slideshow on the last slide. It just loops and loops. I have been at this for over 6 hours…

    Any help would be a lifesaver, I am at deadline and getting nervous I won’t be able to figure this out in time. Thanks for reading this!

    Reply
  9. Stefan
    August 10, 2011

    wow, cool jquery application very nice and thanks for the tips.

    Reply
  10. adumpaul
    November 15, 2011

    Great list.Nice of technique jquery

    Reply

Leave a Reply