4 Superb jQuery Plugins

    written by Nikola Lazarevic

    jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. Here’s 4 superb jQuery plugins for your web design. Write less, do more!

    TN3 Gallery

    jquery image gallery
    TN3 Gallery is a full fledged HTML based customizable jQuery gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers. Powered by jQuery.

    jQuery Plugin: rf.Sparks

    This month’s jQuery plugin is one that creates an effect that I like to describe as “sparks”. We are currently using it on the Redflex splash page whilst we prepare for a new product launch.
    From a code point of view it is a reasonably simple effect to produce, all we are doing is creating a whole bunch of div’s with an image inside them, and then move them about a bit.
    The plugin is very versatile, you can create as many instances with as many images and/or speeds as you want. Please note: with large numbers of sparks you may notice a significant performance hit.

    rF:sparks

    jQuery Dropdown Search Panel

    For one of my projects recently I was playing about with search boxes and came up with a cool drop down search panel. So I thought I would share with you how I made the panel using some jQuery and CSS sprites.

    search_panel

    Use jQuery to “turn off the lights” while watching videos

    Some videos on YouTube have a cool feature called “Turn the lights down”. Basically, when you turn lights down, the entire page darkens and let you watch video as if you are in the cinema. This tutorial will show you how to implement this simple effect.

    turnoff_lights

    Make an Animated Alphabet using Keypress Events in jQuery

    By the end of this tutorial we’ll have 26 individual letter blocks which will each react to a corresponding key press. For simplicity sake this demonstration will only support lower case letters and the space bar as input.

    turnoff_lights

    Learn how to create jequery based web design with HP0-S25 web designing course and gain the best ideas and tips on web designing using 642-982 tutorials and 646-985 design guides.

     
    Authored by

    Web Designer, Blogger, M.Sc in Electronic Engineering from Nis, Serbia. Founder of webexpedition18.com. You can find me on Twitter.

    Enjoyed this story?

    Please leave your comment about this post on the comment section below. If you liked it tell your friends by tweeting it. You can also subscribe to our feed by rss or email.

7 Comments
ADD COMMENT
  • Matt Kirman says:

    May 21, 2009

    Hey, thanks for featuring my jQuery plugin. I’m going to have to have a look at the others – they look really interesting. M

  • Hezi says:

    May 21, 2009

    great ones – thanks!

  • Davi Ferreira says:

    May 21, 2009

    Nice post! Really cool plugins!

  • colaja says:

    May 21, 2009

    thanks!

  • christian says:

    May 25, 2009

    Perfecto. Ningunos de estos plugins conocía.

  • KrisBelucci says:

    June 2, 2009

    Hi, good post. I have been wondering about this issue,so thanks for posting. I’ll definitely be coming back to your site.

  • Las Vegas Web Design says:

    August 9, 2010

    Great post! Nice jquery plugins. Thank you for sharing this. Las Vegas Web Design