New Practical jQuery Plugins, Tools and Tutorials of July 2012


When you are dealing with web design, jQuery is turned to unlimited source of learning and irreplaceable assistant in all your web projects. With the help of jQuery many complicated techniques and modifications become more simple and easy to use, and these facts prove the main motto of jQuery – ”write less, do more”. Presented here materials will cover different aspects of jQuery, from various plugins to many helpful tools and tutorials. You’ll learn how to make refine slider, Pinterest pin, profile picture grabber, real shadow and much more. We hope that this fresh collection of jQuery tools, plugins and tutorials will be in great use for everybody who wants to practice his/her skills and apply them in various web projects. Look through this helpful stuff and use it in your work!

Create jQuery Pinterest Pin It Plugin

This plugin looks for all images, and wrap it inside a container that come with a pinterest Pin it button. So, your visitor just have to hover above the image they want, and pin it straight away.

* * *

RefineSlide

A slider with CSS transition & 3D transform support, it comes with Javascript fall back fade transition, and responsive down to mobile scale.

* * *

Lake.js Plugin

The main principle of this plugin is that it takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.

* * *

jQuery Notification Plugin

This jQuery plugin makes it easy to create alert messages as an alternative the standard alert dialog. The notifications can be positioned many predefined positions such as top, bottom, top left, or a top or bottom bar.

* * *

Sharre – Social Media Buttons jQuery Plugins

Sharre is a social media plugin that allow you to create widget sharing for most famous social media widgets.

* * *

SeuratJS Plugin

SeuratJS is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code. It does this by extacting color data from an image of your choice and rebuilding the original with filled graphical primitives in SVG.

* * *

jSignature Plugin

jSignature is a JavaScript widget that simplifies creation of a signature capture field in a browser window, allowing a user to draw a signature using mouse, pen, or finger.

* * *

SigmaJS Plugin

Sigma.js is an open-source lightweight JavaScript library to draw graphs, using the HTML canvas element.

* * *

Real Shadow Plugin

Real Shadow plugin allows you to create ultra realistic shadow, making any object or picture effective and professionally-designed.

* * *

jQuery Profile Picture Grabber Plugin

jQuery Profile Picture Grabber Plugin can grab your profile picture from your favorite social networks which can be a huge time saver alternative to uploading a picture when setting a profile picture for a web application or registering on a website.

* * *

fc.tape Plugin

Widget supports options to adjust smoothness and animation speed as well as methods to control animation behavior.

* * *

ddSlick Plugin

A free light weight jQuery plugin that allows you to create a custom drop down with images and description.

* * *

Testing Cookie Plugin jsFiddle

This plugin helps you to test cookies and use it as an online editor for snippets build from HTML, CSS and JavaScript. Using this approach, JavaScript developers can very easily isolate bugs.

* * *

JSHint Tool

Online JS Error Detector detects errors and potential problems in JavaScript code.

* * *

jQuery Tools Scrollable Image Gallery

The main mechanism of this tool is that a user clicks on a thumbnail and is presented with the larger image within the image container as usual.

* * *

jQuery.Pep.Js

A lightweight plugin for kinetic-drag on mobile or desktop.

* * *

Custom CSS Buttons & jQuery Events Tutorial

This tutorial helps you to build CSS buttons and jQuery events in a simple and clear way, making any website that has an original look stands out from the rest.

* * *

Share this post: