10 Really Fresh and Cool jQuery Plugins to Spice Up Your Website or Blog

March 19, 2010 · 26 comments

by Lars

10 Really Fresh and Cool jQuery Plugins to Spice Up Your Website or Blog

jQuery is a regular topic for posts at tripwire magazine and it is really because there constantly are new releases of useful plugins that readers can benefit from and should know about – and because I’m generally a great fan of jQuery and like to keep an eye on what is going on. This post provides 10 just released but really cool and useful plugins for jQuery. Check the list out as it is very likely that you will find new stuff here that you can’t resist using to spice up your website or blog.


ElegantThemes
ThemeForest

Advertisement

YoxView

YoxView is a free image viewer for websites. It’s written in javascript using jQuery and is available as a jQuery plugin. The transition between images is looking really great and the plugin is really worth checking out if you need a image viewer on your site. (Released March 8th, 2010)

image

spritely

jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on the main page, and dynamic scrolling backgrounds. Check out the gallery to see this awesome script in action! Spritely is brand new (March 2010)

image

TinyTips

TinyTips is a very lightweight jQuery plugin that gives the ability to add tooltips to pretty much any element on a page. Thoroughly documented and designer friendly. Released February 4th 2010.

image

TipTip

TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS. It’s also only 3.5kb minified!

image

jQuery Ajax Upload

This solution ditch the upload button in favor of a save button and fire the AJAX upload event as soon as a file is selected. The image is processed server side and a thumbnail is loaded onto the existing page. We now have a visual representation (imagine that) of the image we selected. This is particularly useful in larger forms when many fields will be submitted with a single action. It allows the user to review the form before pressing save and see what image (or images) they selected.

image

jQuery outside events

With jQuery outside events you can bind to an event that will be triggered only when a specific “originating” event occurs outside the element in question. For example, you can click outside, double-click outside, mouse-over outside, focus outside (and over ten more default “outside” events). Also, if an outside event hasn’t been provided by default, you can easily define your own. Let’s say you have a modal dialog. In addition to a standard “close dialog” button, you want the user to be able to click anywhere outside the dialog to close it. Instead of creating a background overlay that the user must click on, you can just use this plugin!

image

PicNet Table Filter

This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table. This plugin will create the filters in a row in the THEAD element of the table so this needs to be added if it is not already there. Entering filter criteria works fine and table is instantly updated.

image

jQuery Keyz Plugin

The purpose of this plugin is to easily facilitate the end user to create and hook key presses for their own use. Usually you would need to know what key links with which keycode etc.

image

Create Simple Jquery Right Click Cross browser Vertical Menu

Creating right click with the help of jquery is real easy and can be implemented very quickly.This is a good tutorial and the result looks great and you should check out.

image

jqisotext

jqIsoText is jQuery plugin for displaying your text with pseudo-isometric effect.

image

{ 15 comments… read them below or add one }

Tony September 30, 2011 at 3:04 pm

Cool plugins!

Reply

Brett Widmann November 3, 2010 at 3:34 am

very nice plugins. Thanks for sharing!

Reply

Orth Otic October 11, 2010 at 9:20 am

Hee Hee. I used to create hot air balloon sprites on my Commodore 64 in about 1980. Not unlike your ‘spritely’ app. Ahh the good old days – saved ‘em all on an audio tape….

Reply

tama38 October 8, 2010 at 11:21 pm

this is very cool and useful , Thanks

Reply

Graphic Chick Brisbane August 27, 2010 at 6:41 am

I haven’t used this till now…very cool.

Reply

cool desktop backgrounds August 23, 2010 at 5:07 pm

jquery is a great way to freshen up a site. nice list.

Reply

Aman August 9, 2010 at 8:59 am

Cool List!!

I created myself a jquery plugin. It would be cool.

please see here:-
http://jquery13.blogspot.com/2010/08/with-jquery-becoming-ever-more-popular.html

Best Regards
Aman

Reply

Egyptian Costume | Egyptian Costumes October 9, 2010 at 8:35 pm

Hi Aman, I would like to try this on my Olive Oyl Costume Page. Where do I put my code.

$(‘img’).insetBorder({
inset : 10,
borderColor : ‘#ffffff’,
speed : 250,
borderType : ‘solid’
});

Reply

Lisa July 28, 2010 at 7:36 am

Awesome Plugins Vox view is the best

Reply

Amy Gordon July 7, 2010 at 4:27 pm

Cool plugins!! thanks so much for the info :)

Reply

Laura Myob June 15, 2010 at 7:38 am

These are great, thank you very much!

I think I’ll use the New Hotness :) Cheers!

Reply

Devoted Domains Web Design Services May 27, 2010 at 6:31 pm

Fantastic list with some very useful plugin tools, thanks guys!

Reply

Samantha April 6, 2010 at 10:20 pm

thanks for sharing these really cool and fresh plugins!

Reply

Beth McLain | Web Designer March 18, 2010 at 6:00 pm

Some are repeated but Great list!
I liked YoxView, thanks for share.

Reply

Egyptian Costume | Egyptian Costumes October 4, 2010 at 5:24 am

I share the same view as Beth. I will go and try YoxView right now!

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 11 trackbacks }

Previous post:

Next post:


Web Analytics