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

Previous post:

Next post:


Web Analytics