28 Useful Plugins jquery for Developers and Designers

Written by on May 19, 2012 in Ajax-Jquery, Resources - No comments

mainjquerymainimagesdesignfront

jQuery is a JavaScript library that is CSS3 compliant and supports many cross-browser features. The jQuery framework is extensible and very nicely handles DOM manipulations, CSS, animations, communications to server requests, document transversal and event handling.

Real Shadow

Real Shadow Tool for web designers

jQuery Plugin that casts photorealistic shadows. Perfect for eye-catching demos and landing pages.

 jQuery Mapz

Maps-new-cool-jquery-plugins-2011

With Mapz you can easily create draggable image maps by just calling one function and by using some simple and clean HTML mark-up.

Simple jQuery Image Hover Effect

Image-hover-new-cool-jquery-plugins-2011

This is a simple technique to animate an image when hovering using jQuery’s animate() effect.

Cubism.js

Cubism.js Tool for web designers

Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources. Cubism is available under the Apache License on GitHub.

 Simple jQuery Fluid Thumbnail Menu Bar

Fluid-thumbnail-new-cool-jquery-plugins-2011

The idea of a fluid thumbnail bar is simple: create a list of thumbnails within a space where the overflow can be flipped through page by page.

The Heads-Up Grid

he Heads-Up Grid is an overlay grid for in-browser website development, built with HTML + CSS + JavaScript.

Storage.js

Storage.js Tool for web designers

Simple HTML5 page edits. Storage.js uses the new HTML5 contenteditable attribute and localStorage to bring you HTML5 awesomeness. Storage.js was formerly known as Storagify

jQuery Masonry

A dynamic layout plugin for jQuery The flip-side of CSS floats

tablecloth.js

tablecloth.js Tool for web designers

We’ve all been there. Either you’re redesigning a large site or working on a completely new one… styling tables is typically tedious and time-consuming. If you’d rather spend your valuable time making the other elements of your site pretty, use tablecloth to do the heavy lifting.

jqFloat.js – A Floating Effect with jQuery

jqFloat.js – A Floating Effect with jQueryTool for web designers

jqFloat.js is a jQuery plugin that able to make any HTML objects appear to be “floating” on your web page. It helps create simple floating animation and make your websites come alive with these little “floating” object.

scrolldeck

A jQuery plugin for making scrolling presentation decks

elFinder

elFinder Tool for web designers

elFinder is an open-source file manager for web, written in JavaScript using jQuery UI. Creation is inspired by simplicity and convenience of Finder program used in Mac OS X operating system.

JQVMa

JQVMa Tool for web designers

JQVMap is a jQuery plugin that renders Vector Maps. It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, Chrome, Opera and Internet Explorer 9. Legacy support for older versions of Internet Explorer 6-8 is provided via VML.

jQuery Image Gallery

Image-gallery-new-cool-jquery-plugins-2011

Image Gallery with Lightbox effect and slideshow functionality for jQuery UI.

jquery-countdown

jquery-countdown Tool for web designers

CreateJS

CreateJS Tool for web designers

CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. These libraries are designed to work completely independently, or mixed and matched to suit your needs. The CreateJS Suite is comprised of: EaselJS, TweenJS, SoundJS, PreloadJS, and Zoë.

pep.jquery.js

pep.jquery.js Tool for web designers

Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery’s animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.

Supersized – Full Screen Background Slideshow jQuery Plugin

Supersized is a fullscreen background slideshow built using the jQuery library.

stroll.js – because it scrolls, and trolls

stroll.js – because it scrolls, and trolls Tool for web designers

DropKick

Dropkick-new-cool-jquery-plugins-2011

Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making the menu look good.

RoyalSlider – Touch-Enabled jQuery Image Gallery

RoyalSlider is easy to use jQuery image gallery with animated captions and touch support for mobile devices. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.

 jQuery Resize And Crop

Crop-resize-new-cool-jquery-plugins-2011

jQuery Resize And Crop (jrac) is a jQuery plugin that build a viewport around a given image permitting a person to visually resize an image and place a crop. Then it is possible to use the coordinates data for any purpose.

skrollr

skrollr Tool for web designers

Fixie.js

Fixie.js Tool for web designers

Fixie.js is an open source tool that automatically adds filler content to HTML documents. Adding lorem ipsum text to HTML documents involves copy-pasting, manual editing, and increasingly unwieldy code.

Knob

Knob Tool for web designers

jQuery NailThumb

jQuery NailThumb Tool for web designers

Create thumbnails easily from high-res images, without any distortion, with one line of code. You can even decide thumbnail dimensions directly from CSS. Integrates prefectly with any media gallery, even more usefull in dynamic web application when you can face any shape or size.

CSS arrow please

css arrow please Tool for web designers

Related posts:

30 Free PSD Music Player UI for Download
15 Best of Website Speed Testing Tools
32 Excellent jQuery Tutorials
13 Cool jQuery Countdown Scripts
 

About the author

Makara is web designer and he writing about graphic and web design, social media, blogging and freelancing and features articles on 1stepwebdesign.com

Leave a Reply

About us

1st step web design is a web blog that aims provide to designers, bloggers and webdesigner such as useful tricks, tools,colour, tutorials and inspirational artworks.....