8500+ Best jQuery Plugins & Tutorials with jQuery Demo examples 2019

FileDrop : Cross-browser JavaScript Drag & Drop file upload

August 18, 2012 | Ajax, Drag & Drop

FileDrop is a lightweight JavaScript class for easy-to-use file uploading that works out of the box.Self-contained cross-browser pure JavaScript class for Drag & Drop and AJAX (multi) file upload.

Features:

Cross-browser – supports Firefox 3.6, Internet Explorer 6, Google Chrome 7, SRWare Iron 4, Apple Safari 5 and Opera 11.61.
Self-contained & tiny – just 470 lines of code; 8 KiB when minified, 3.5 KiB when gzipped.
Various callbacks – on progress, on done, on error and on many other events.
Graceful degradation using IFrame fallback.
Multiple file selection.
Any number of independent FileDrops.

Read More Demo

jQuery Searchable Map Template with Google Fusion Tables

August 18, 2012 | Maps, Other API, Plugins

You want to put your data on a searchable, filterable map. This is a free, open source tool to help you do it.

Features :

clean, full screen layout
new mobile and tablet friendly using responsive design
address search (with variable radius)
geolocation (find me!)
new RESTful URLs for sharing searches
results count (using Google’s Fusion Tables API)
ability to easily add additional search filters (checkboxes, sliders, etc)
all done with HTML, CSS and Javascript – no server side code required

Read More Demo

Triple Panel Image Slider in jQuery & CSS3

August 17, 2012 | CSS2 / CSS3.0, Slider

In this tutorial we will create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, we will slide in the respective next image in each panel. We’ll be using CSS 3D Transforms with perspective and CSS Transitions.

Read More Demo

Picanim – jQuery image hover effect pulgin

August 17, 2012 | Image Effects, Plugins, Premium

Picanim is jQuery plugin used to bring stylish image hover.

Features:

27+ unique hover effects
include: such as grayscale blur transparent fadeIn slice fold boxRandom boxRandom boxDiagional…
small size,just 3kb after gziped
cross browser
you can easliy config the effect with a lot of options
also support the img tag with a specific width or height
easy to use
can show tooltip on image
with mouseout reverse effect

Read More Demo

Spritespin : jQuery Plugin for Sprite Animation

August 17, 2012 | Animation, Plugins, Slider

Spritespin is a jQuery plugin that enables sprite animation in your website.

It takes an array of images or a stiched sprite sheet and is able to play these images frame by frame. This results in an animation. The aim of this plugin is to provide a 360 degree view of some kind of product. There is no flash needed. Everything is done with javascript and the jQuery framework.

Features:

Animation using spritesheets or image arrays
Plenty of option parameters
Api interaction
Simple mouse interaction
Custom behavior tweaking
Support for touch devices
Easy to integrate
No flash

Read More Demo

Build a User Settings Dropdown Menu with jQuery

August 17, 2012 | Menus

There are many social networking websites designed with a specific layout in mind. User profile pages are some of the more complex designs included with a community-based network. You’ll often have access to edit user profile settings, subscriptions, and e-mail options. I want to create such a simple menu for a minimalist Digg-style layout.

In this tutorial I have actually built two working demo pages. The first runs on jQuery to fade the menu in and out as you hover. The 2nd demo is built using just CSS effects which display the submenu using the :hover selector. It’s even easier to combine both methods for legacy support – however at that point I’d recommend the CSS-only methodology. But you can see for yourself in the live demo examples and build this yourself by following my code below.

Read More Demo

jBar : jQuery Plugin call to Action Bar

August 16, 2012 | Plugins, Web

jBar is a simple and lightweight jQuery notification banner I’ve created which is an alternative to the Hellobar. It allows you to create a simple call to action and bring it forward for the user to see at the top of your website. The user can then toggle the visibility of the bar by clicking the ribbon.

Read More Demo

nobtrusive Slider Control/HTML5 Input Range Polyfill

August 16, 2012 | Core Java Script, Forms, HTML5, Slider

An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution.

The script can be used as an HTML5 input range polyfill solution
Introduces a gradient filled “range bar” for quick visual feedback
iOS Touch screen friendly
Arrives with a new CSS3 skin that degrades gracefully in older browsers
A small network footprint – only two HTTP requests and a total size (minified and gzipped) of about 11k
Unobtrusive & namespace friendly
Conforms to the WAI-ARIA defined role of “slider”
Keyboard accessible
Mousewheel compatible
Responsive design friendly

Read More Demo

trunk8 : Text truncation extension to jQuery

August 16, 2012 | Plugins, Text Effect

trunk8 is a text truncation extension to jQuery. When applied to a large block of text, trunk8 will cut off just enough text to prevent it from spilling over.

Unlike conventional truncation that just limits the character length of text, trunk8 measures the content area for spill-over and intelligently chooses the text that best fits in the given space.

Read More Demo

Photon : JS CSS 3D Lighting Engine

August 15, 2012 | Animation, CSS2 / CSS3.0, Plugins

Photon is a experimental javascript CSS 3D Lighting Engine.

Read More Demo

Features :

jQuery Plugins Tags