35 jQuery Plugins & Tutorials To Efficient Your Development Skills

Author: | Posted in jQuery, jQuery Plugins, Tools 2 Comments

35 jQuery Plugins & Tutorials To Efficient Your Development Skills

jQuery is the startling as you use Plugins to perform everything to desire to achieve.It Efficient  to make your time extra move ahead. You know that JavaScript is the most wanted of the people. jQuery Plugins use for JavaScript. We have a list of jQuery plugins  and Tutorials to Efficient Your Development Skills.

I hope that jQuery Plugins & Tutorials will help you a large number and you would make your time extra easy.

Useful jQuery Plugins

bMap – jQuery Plugin

This is the first version of my first jQuery plugin, so there might be some bugs. So please provide some feedback (I already know that multiple maps on the same page can interfere with each others marker click events,

bMap - jQuery Plugin

Minimit Gallery Plugin

Minimit Gallery is a highly customizable, library agnostic plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states, in less than 10KB.

Minimit Gallery Plugin

Superfish jQuery menu plugin

Superfish is a JQuery plugin especially dedicated to menus. It allows many improvement from what you can achieve with HTML and CSS as such as hover support for IE6, animations, keyboard accessibility and more.

Superfish jQuery menu plugin

Google maps v3 plugin for jQuery and jQuery Mobile

The Google Map version 3 plugin for jQuery and jQM takes away some of the head aches from working with the Google Map API. Instead of having to use Google event listeners for simple events like click, you can use jQuery click events on the map and markers.

Google maps v3 plugin for jQuery and jQuery Mobile

AD Gallery, gallery plugin for jQuery

A highly customizable gallery/showcase plugin for jQuery.

AD Gallery, gallery plugin for jQuery

Diapo

Diapo slideshow is an open source project. You can suggest changes or improvements if you want. You can download it and use for free, you can also include it in your projects and sell it as part of a bigger work (in this case please consider a donation).

Diapo

ContextMenu plugin

ContextMenu is a lightweight jQuery plugin that lets you selectively override the browser’s right-click menu with a custom one of your own.

ContextMenu plugin

jQuery Mobile Plugin for Google Maps: Route Finder App

This tutorial has been updated to use the latest AppLaud and jQuery Google Map Plugin Version 3.

jQuery Mobile Plugin for Google Maps: Route Finder App

Collective: How to Create an Awesome Scrolling Navigation using jQuery

I was looking over the .net award nominees this week and stumbled across the flipboard.com website. I loved the scrolling navigation so much I just had to open up visual studio and try and recreate it myself. The main thing flipboard do differently is to have the logo and logo background elements move at different …

Collective: How to Create an Awesome Scrolling Navigation using jQuery

jQuery Demo: Creating A Sliding Image Puzzle Plug-In

Since I have been getting into jQuery a lot lately, what with reading the books and playing around with code, I felt I should try a more complicated type of plug-in. As such, I have created this jQuery demo plug-in which creates sliding-image puzzles based on containers that have images. Running the demo page we get this output:

jQuery Demo: Creating A Sliding Image Puzzle Plug-In

markItUp! Universal markup editor

markItUp! is not meant to be a “Full-Features-Out-of-the-Box”-editor. Instead it is a very lightweight, customizable and flexible engine made to meet the developer’s needs in their CMSes, blogs, forums or websites. markItUp! is not a WYSIWYG editor, and it never will be.

markItUp! Universal markup editor

Isotope

Isotope: An exquisite jQuery plugin for magical layouts

Isotope

Drop Menu

With this script you can make nice and interactive drop down menus. The advantage of this script is that it not only gives you the ability to make list drop down menu. You can also use a div as drop down element.

Drop Menu

jQuery Flash Plugin

A jQuery plugin for embedding Flash movies.

jQuery Flash Plugin

Response Javascript

Response JS is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites.

Response Javascript

Image Hover Move- simple and practical navigation or featured image jQuery plugin

A simple and practical navigation or featured image jQuery plugin.

Image Hover Move- simple and practical navigation or featured image jQuery plugin

jQuery Media Plugin

It can be used to embed virtually any media type, including Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF and more, into a web page.

jQuery Media Plugin

Brosho ‘Design in the Browser’ jQuery Plugin

With this Plugin you can style your markup right in your browser with a build-in element selector and CSS editor. Generate the CSS code of altered elements with one click and use it in your own stylesheet.

Brosho 'Design in the Browser' jQuery Plugin

jQuery Roundabout

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area.

jQuery Roundabout

Ideal Forms

Ideal Forms is a small framework to build powerful and beautiful online forms.

Ideal Forms

Google Buzz Widget – A jQuery Plugin

This is a jQuery widget for the brand new social network -Google Buzz- that you can embed anywhere on your webpage to integrate your Buzz stream into your page.

Google Buzz Widget – A jQuery Plugin

jQuery Quicksand

Quicksand is a very functional jQuery plugin for reordering and/or filtering items with a sleek and smooth shuffling animation.

jQuery Quicksand

jQuery LightBox

Kinda different image zooming script for those who want something fresh. Features: Automatically scales large images to fit in window, adds a nice drop shadow under the full-size image, image sets to group related images and navigate through them.

jQuery LightBox

jqFancyTransitions: jQuery Image Rotator Plugin

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

jqFancyTransitions: jQuery Image Rotator Plugin

Useful jQuery Tutorials

Full Page Image Gallery with jQuery

In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse.

Full Page Image Gallery with jQuery

jQuery and Google Maps Tutorial: #1 Basics

There are many times I want to leverage jQuery’s strengths to create a custom Google Maps mashup. In this tutorial, I will walk you through how to get started using jQuery inside the Google Maps environment. I will assume nothing, and explain each piece in detail.

jQuery and Google Maps Tutorial: #1 Basics

Image Wall with jQuery

Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture.

Image Wall with jQuery

Embellishing Your Google Map with CSS3 and jQuery

Interactive maps are neat. It’s not hard to get a basic map embedded on your page, but Google provides a rich and easy to use API for embedding and decorating maps on your web page, so there should be no excuse for boring default maps.

Embellishing Your Google Map with CSS3 and jQuery

Merging Image Boxes with jQuery

Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter …

Merging Image Boxes with jQuery

Rotating Image Slider with jQuery

In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality.

Rotating Image Slider with jQuery

Moving Boxes Content with jQuery

Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the main content area. We will use some different animation effects that we will add as options to the menu item.

Moving Boxes Content with jQuery

Power PWChecker

Power PWChecker jQueryPlugin observes passwords as users type and provide instant password strength check (Weak, Medium, or Strong). This encourages users to review their password selection and ensure that the password is strong and secure.

Power PWChecker

Overlay-like Effect with jQuery

Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of certain elements in order to make it look like as if we are covering the content with an overlay. This allows to focus certain elements in a web page while making others appear less prominent.

Overlay-like Effect with jQuery

HTML5 Ajax Contact Form With Google Maps

A php contact form that leverages the power of HTML5 , Ajax, and Google Maps.

HTML5 Ajax Contact Form With Google Maps

Animated Form Switching with jQuery

In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but instead make the new form appear within the same container, expanding or contracting to the dimensions of the new form.

Animated Form Switching with jQuery

Comments
  1. Posted by Saeed Neamati
  2. Posted by http://migo5hsqst.blogbaker.com/

Add Your Comment