90+ Useful jQuery Plugins for Designers and Developers

January 1st, 2010 | by 2E Editorial |

jquery-useful-plugins-designers-developers

jQuery can help design­ers and devel­op­ers cre­ate impres­sive ani­ma­tions and inter­ac­tive web­sites that are appeal­ing and acces­si­ble to the widest range of browsers.

Here are 90+ use­ful jQuery plguins focus­ing on gallery and slideshows, nav­i­ga­tions and fur­ther resources to reduce time and effort while increas­ing your audi­ence.

If you don’t want to miss out our next posts, you can Sub­scribe to the 2Experts Design Blog or fol­low us on twitter

Acces­si­bil­ity

Stylesheet and text size switcher.

Accor­dion

Accor­dion inter­face with a few variations.

AlphaNu­meric

Pre­vent users from input­ing spe­cial characters.

Ajax File Upload

Load­ing graphic dis­plays while file is uploaded.

Append­Dom

Write HTML with JavaScript, great for dis­play­ing Ajax results.

Append­Text

Con­verts text into post friendly html.

BlockUI

Cre­ate a mes­sage over­lay while block­ing user inter­ac­tion on ele­ments or the entire page.

Bogo­Fold­ers

View text through a ‘file menu’ interface.

BogoTabs

Basic tabbed interface.

Bub­ble

Demo high­lights selected table rows in groups of tables..

Cal­en­dar
Aids date entry.

Check­box manip­u­la­tion
Select, uns­e­lect and tog­gle checkboxes.

Chili

Syn­tax high­light­ing for dis­play­ing code on webpages.

Choose Com­po­nent
Select data from a table row through a modal window.

Click Menu
Gen­er­ates drop­down menus.

clueTip
Tooltips with many variations.

Color Ani­ma­tions
Add color ani­ma­tions to div backgrounds.

Color Picker
Pass in color choices and attach cus­tom events to each color block.

column­Hover
High­light table rows and columns.

colum­n­Man­ager
Add, remove and tog­gle table columns.

Con­textMenu
– Menus that show when you right click spec­i­fied elements.

Con­firmer
Adds a lis­tener to check if user con­firms their action.

Cycle

Add flash-​​like image effects to rotat­ing image galleries.

date picker
Aids date entry.

Deli­cious
Read deli­cious book­marks from a user to dis­play on a webpage.

Dimen­sions
Get accu­rate win­dow and doc­u­ment attrib­utes across browsers.

Equal­ize Columns
Make columns the same height as the longest column.

FCKEd­i­tor Plu­gin
Adds a rich text edi­tor to a textarea.

Field
Expand the abil­ity to retrieve and set val­ues in forms.

Form

Change HTML forms to sub­mit via Ajax.

Gallery Viewer
JavaScript image gallery.

getUrl­Param
Func­tion to get url parameters.

Google Feed Plu­gin
Dis­play any RSS feed to a webpage.

Gra­di­ent
Adds a gra­di­ent to a div with­out need­ing an image.

Grid Col­umn Siz­ing
Table col­umn drag­gable resizing.

Grid Row Siz­ing
Expand and col­lapse table rows.

hov­er­In­tent
Pre­vents unin­tended hover events.

idTabs
Add tabbed inter­face to a website.

Impromptu
Cre­ate modal win­dows and messages.

jQuery Local­i­sa­tion
Applies local­i­sa­tion pack­ages based on the user’s lan­guage preference.

jBox
UI dia­log widget.

jCal­en­dar
Aids select­ing of dates inline on a page.

jCarousel Lite
Sim­ple carousel for images and HTML content.

jCode­Viewer
Syn­tax high­light­ing for dis­play­ing code on webpages.

jdMenu Hier­ar­chi­cal Menu
Gen­er­ates drop­down menus.

jEd­itable
Live edit­ing of ele­ments on a webpage.

jFeed
XML feed parser.

jPan­View
Replaces big images with a zoom viewer in HTML.

jqDnR
Drag’n’Resize ele­ments on a page.

jQMaps
Inter­act with Google maps.

jqModal
Dis­play notices, dialogs, and modal win­dows in a web browser.

Treetable
Make a tree view out of an HTML table.

Tree View

Tree view controls.

Sug­gest
Add auto­com­plete to input fields.

YAV
Form val­i­da­tion library.

jqU­ploader
Pro­vides a sta­tus bar for upload­ing images.

jScroll­Pane
Cus­tomize your scrollbars.

jTagEd­i­tor

Turn a textarea into a tag editor.

jVari­a­tions
Cre­ate a con­trol panel to manip­u­late ele­ments on a page.

Key­board Nav­i­ga­tion
Dynam­i­cally deter­mine which ele­ment to focus on based on it’s posi­tion on the screen.

labelOver
Over­lay labels over an input field.

LavaLamp
Nav­i­ga­tion menu with a ‘lava’ effect.

Lazy Load
Only load images that are in the cur­rent window.

Live Query
Adds event lis­ten­ers to elements.

Masked Input
Add mask to inputs to aid user data entry (phone num­bers, etc).

Media

Unob­tru­sive con­ver­sion of stan­dard markup into rich media content.

Extra selec­tors for JQuery
Add more selec­tors to jQuery.

Mouse­wheel
Mouse­wheel event handler.

Mouse­hold Event
Add repeat­ing event as the user holds down the mouse.

Mul­ti­ple File Upload
Select mul­ti­ple files one by one as it adds to a queue list.

new­sticker
Cre­ate a fad­ing news ticker.

Pass­word Strength Meter
Indi­ca­tor to show the strength of a users password.

Pop­up­Win­dow
Cre­ates an pre­view popup of des­ti­na­tion link.

Query String Object
Use­ful for send­ing URL parameters.

Select box manip­u­la­tion
Remove and add options from a select list or drop­down in many ways.

select­Combo
Tool for mak­ing depen­dant drop­downs with Ajax.

Star Rat­ing
Gen­er­ates star rat­ing from input fields

Grid
Dynamic ajax grid control.

slide­Viewer
Image gallery as slides.

Spoil­ers
Hide con­tent behind an image until user action is taken.

table­Hover
Row and col­umn high­light­ing with variations.

table­Filter
Search box is added to each col­umn header to fil­ter table.

table­sorter
Client side table sorting.

Taconite

Eas­ily make mul­ti­ple DOM updates using the results of a sin­gle AJAX call.

Textgrad
Add gra­di­ents to whole blocks of text.

Time Entry
Sets an input field up to accept a time value.

Tooltip
Add tooltips from title page.

Val­i­da­tion

Add live val­i­da­tion to forms.

WYMed­i­tor

Web-​​based XHTML WYSIWYM editor.

Zoomi
Zoomable thumbnails.

XSLT
Trans­form XML/​XSL from JavaScript.

XAP
Ajax library.

Enjoy this Post? Sub­scribe to the 2Experts Design Blog or fol­low us on twitter

Our blog is updated reg­u­larly with con­tent related to web design, inspi­ra­tion, tuto­ri­als, word­press, free­bies and much more. If you don’t want to miss out on future posts, you can sub­scribe by RSS or Email

Sorry, comments for this entry are closed at this time.