MobilyMap

As per web developer perspective jQuery always ahead to present interactive and creative results in website designs, and developer always hunger about useful jquery plugins that offers an advantage to have a improved user usability and knowledge but also it provides website visitors a truly pleasant impression of the site. Web Developers know that what a helping and creative working with jQuery (Javascript library) can be there, particularly the suitability of useful plugins. In this roundup, we arrange “Be a Professional Developer Using Ultimate jQuery Plugins” that have most demand while using modern web page designs. You’ll find that these ultimate jquery plugins offer a extensive variety of web functionalities, you must have a look into it.

HTML5 File Uploads with jQuery

Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.

HTML5 File Uploads with jQuery

MotionCAPTCHA – Stop Spam, Draw Shapes

MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas Harmony procedural drawing tool by Mr Doob and the $1 Unistroke Gesture Regonizer algorithm (and the more recent Protractor algorithm improvement), requiring users to sketch the shape they see in the canvas in order to submit a form.

MotionCAPTCHA – Stop Spam, Draw Shapes

jQuery Strong Password Plugin: Power PWChecker

Today, we are discussing implementation of secure passwords with Power PWChecker, which is a free jQuery plugin to ensure secure passwords for users. This simple jQuery plugin can be integrated seamlessly with any online form (sign up form/ user registration form) to check password strength and give users clues for creating strong and secure passwords.

jQuery Strong Password Plugin: Power PWChecker

liteAccordion – a horizontal accordion plugin for jQuery

liteAccordion is a horizontal accordion plugin that only weighs 4.5kb, and the themes don’t use any background images.

liteAccordion - a horizontal accordion plugin for jQuery

Craftyslide

Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.

Craftyslide

Shiny Knob Control with jQuery and CSS3

In this tutorial we will be writing a jQuery plugin for creating a shiny knob control. Aptly named knobKnob, this plugin will use CSS3 transformations and jQuery’s new event handling methods to give visitors of your website a new way of interactively choosing a value from a range.

Shiny Knob Control with jQuery and CSS3

jQuery Credit Card Validation Plugin: Smart Validate

Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction. Smart Validate supports the following credit cards.

jQuery Credit Card Validation Plugin: Smart Validate

jQuery PointPoint – A Plugin For Pointing To Things

In this tutorial, we will be writing a jQuery plugin that will help you draw users’ attention to a specific part of the page, in the form of a small arrow that is displayed next to their mouse cursor. This can be useful for pointing to missed form fields, buttons that need to be pressed, or validation errors that need to be scrolled into view.

jQuery PointPoint – A Plugin For Pointing To Things

Diapo

Diapo is a free and open source jQuery slideshow plugin. You can recommend changes or enhancements if you wish.

Diapo

Free Multi-Node Range and Data Slider: JQ Slider

First of all, what is your greatest development challenge as developer of software application? Nah, I am not talking about those pressing deadlines or frequently changing business requirements. I am asking about things that make you scratch your head all through your development lifecycle.

Free Multi-Node Range and Data Slider: JQ Slider

Activity Indicator

Activity Indicator is a jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML.

Activity Indicator

How to Block Adblock

With this friendly jQuery plugin you can easily blog Block Adblock.

How to Block Adblock

Shuffle Letters Effect: a jQuery Plugin

In this short tutorial we will be making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.

Shuffle Letters Effect: a jQuery Plugin

Elastislide – A Responsive jQuery Carousel Plugin

With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousels structure into a container with a fluid width will also make the carousel fluid.

Elastislide – A Responsive jQuery Carousel Plugin

Bubble Slideshow Effect with jQuery

Today we will be building a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow. And as the code will be completely modular, you will be able to easily use it and modify it.

Bubble Slideshow Effect with jQuery

SLIDORION

Slidorion is a combination of an image slider and an accordion. It displays beautiful images along with a variable length description. With images linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.

SLIDORION

Response Javascript

Response JS is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve media progressively via HTML5 data attributes. Its object methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.

Response Javascript

Photobooth with PHP, jQuery and CSS3

In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.

Photobooth with PHP, jQuery and CSS3

jQuery News Ticker

Ever wanted to display the latest news on your website in a sort of “headline news” way. Well, this jQuery News Ticker plugin will not only display your latest news it can also be loaded in from an RSS feed. This would allow you to display news from any website which has an RSS feed. Pretty cool!

jQuery News Ticker

jQuery Timelinr

This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, etc..

jQuery Timelinr

Circular Content Carousel with jQuery

Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out.

Circular Content Carousel with jQuery

Making a Custom Facebook Wall with jQuery Templates

In this tutorial, we are going to create our own version of Facebook’s wall. We will be using Facebook’s Graph API with jQuery, and the template plugin. The jQuery.tmpl plugin will allow us to define templates within our page, and convert the posts we’ve obtained from the API into a real HTML page.

Making a Custom Facebook Wall with jQuery Templates

MobilyMap

MobilyMap is a jQuery plugin (7KB) that can create a Google Maps-like, draggable interface from any image.

MobilyMap

jQuery Letterings

This awesome little jQuery plugin creates eye catching fonts, typical called web typography! It’s lightweight, easy to use and can really transform that ugly looking heading you’ve always hated into something quite spectacular. There is also a CSS3 fall back for those people who might (for some unknown reason) have JavaScript disabled.

jQuery Letterings

Sausage

Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document. The best way to understand how Sausage works is to view some examples.

Sausage

Item Blur Effect with CSS3 and jQuery

Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them. The item in focus will scale up. This will create some kind of “focus” effect that drwas the attention to the currently hovered item.
Item Blur Effect with CSS3 and jQuery

Shutter Effect Portfolio with jQuery and Canvas

In today’s tutorial, we will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect. This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website.

Shutter Effect Portfolio with jQuery and Canvas

leanModal

leanModal is a simple jQuery modal plugin that works with your CSS. You can use it to create sign up forms, basic content modals, and more.

leanModal

Reveal

Reveal is a lightweight plugin that lets you easily create modal windows.

Reveal

jQuery Page Peel

This little jQuery plugin which does exactly what it says on the tin – creates a page peel! This is a little page animation which sits at the top right hand of the screen and when the mouse hovers it the page “peels” down and reveals the content behind it.

jQuery Page Peel

Mosaic

Mosaic automatically generates sliding boxes & captions, allows slide & fade animations with custom directions, and preloads images within boxes.

Mosaic

XML-driven Vertical News Scroller Script using HTML and jQuery: vScroller

Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also allows you to add dynamic content to otherwise static web pages.

XML-driven Vertical News Scroller Script using HTML and jQuery: vScroller

Lateral On-Scroll Sliding with jQuery

After getting the request, we are going to show you how to create a “slide-in on scroll” effect. You’ve probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed La Moulade. The main idea is to laterally slide in elements depending on the scroll position of the document.
Lateral On-Scroll Sliding with jQuery

Typography Effects with CSS3 and jQuery

Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with CSS3 animations and transitions and we’ll explore some of the possibilites.

Typography Effects with CSS3 and jQuery

Making a Flickr-powered Slideshow

Today we will be developing a jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets. The plugin will be using Flickr’s APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events.

Making a Flickr-powered Slideshow

jQuery Simple Modal

SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

jQuery Simple Modal

jQuery.Smart3D

A nice jQuery Plugin that uses several images to create the illusion of a 3D scenario using the parallax effect.

jQuery.Smart3D

jQuery Sliding Content Bar Plugin: PushUp Content Bar

It is a smart and quick content bar that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushUp Content Bar is easy to customize and strong enough to rely upon.

jQuery Sliding Content Bar Plugin: PushUp Content Bar

Portfolio Image Navigation with jQuery

Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in all 2D ways (horizontal/vertical). Either the arrows or the little boxes below the current image can be used in order to navigate.

Portfolio Image Navigation with jQuery

Animated Text and Icon Menu with jQuery

Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.

Animated Text and Icon Menu with jQuery