jQuery Plugins Presentation

Saturday, October 2nd, 2010

We had a great presentation from Eric on Tuesday showing us a ton of jQuery plugins.  Here’s the list, so have fun!

“tipTip”
simple tool tip plugin
http://code.drewwilson.com/entry/tiptip-jquery-plugin

Please note, with tipTip, there is an IE bug that will cause the background of the tip to be transparent.   Adding the following to the CSS code will fix it:

#tiptip_content {
...
       background-color: rgba(25,25,25,0.92) !important;
       background-color: rgb(25,25,25);
...
}

“Flexigrid”
cool grid that is easy to use and looks good. But it doesn’t do editing.
http://www.flexigrid.info/
http://code.google.com/p/flexigrid/

“jqgrid”
a very full featured grid. still in development (not abandoned). not quite as simple to use as flexi but it does more.
http://www.trirand.com/jqgridwiki/doku.php

“jQuery Notes”
cool photo tagging like facebook
http://jquery-notes.rydygel.de/samples.php

“fancybox”
a slick looking lightbox. Unlike many it can display almost anything in the box.
http://fancybox.net/

lightbox
Another lightbox
http://leandrovieira.com/projects/jquery/lightbox/

jplayer
Utilizes flash or HTML5 audio tag to show a nice styled audio player.
http://www.happyworm.com/jquery/jplayer/

form plugin
Allows you to easily create ajax-ified forms.
http://jquery.malsup.com/form/

jCarousel
An image carousel.
http://sorgalla.com/projects/jcarousel/

Farbtastic
A non-scary color picker
http://acko.net/dev/farbtastic

Or here’s a colorpicker that’s more developer/designer-friendly
http://www.eyecon.ro/colorpicker/

A star-rater
http://www.m3nt0r.de/devel/raterDemo/

Keyboard-navigation
http://mike-hostetler.com/jquery-keyboard-navigation-plugin

Fullcalendar
A nice google-calendar-like calendar complete with event editing
http://arshaw.com/fullcalendar/

Nice form-tweaker to show labels inside form fields until they click on the field
http://www.csskarma.com/blog/sliding-labels-v2/

gmap
Google maps via jquery
http://gmap.nurtext.de/

jQueryUI
A nice suite of widgets with good theming capabilities
http://jqueryui.com/demos
Don’t forget to check out ThemeRoller, which can easily create styles for you.
http://jqueryui.com/themeroller/

The definitive jquery plugins list
http://plugins.jquery.com/

And to wrap up, a few articles listing a bunch of other plugins (some of them already mentioned here)
http://speckyboy.com/2010/03/01/25-amazing-and-fresh-jquery-plugins/
http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html
http://www.tutorial9.net/resources/22-beautiful-jquery-plugins-for-web-designers/
http://www.tuttoaster.com/41-remarkable-and-useful-jquery-plugins/
http://www.smashingmagazine.com/2010/04/27/45-useful-jquery-techniques-and-plugins/