iView Slider : Responsive jQuery Slider Plugin

iView Slider is a responsive jQuery slider plugin for image slider.

Aviaslider - unique jQuery slideshow plugin

Aviaslider is a unique slideshow plugin with several transition effects.

jWindowCrop : For facebook like image cropping

jWindowCrop is jQuery plugin for easy zoom and pan image cropping.

Digicrafts - Thumbnail Gallery jQuery Plugin

Digicraft is a jQuery plugin to display thumbnail gallery with XML support.

RefineSlide : jQuery Slider Plugin

RefineSlide is a slider with CSS transition and 3D trasnform support.

Friday, July 27, 2012

jQuery 1.8 rc1 released

jQuery 1.8 rc1 released
jQuery has released the first version of Release Candidate jquery library namely jQuery 1.8RC1. Yep, RC as in Release Candidate. The good news is that this release is a few days later than I expected it to be. It’s good news because we received several valuable but last-minute bug reports we were able to fix. Many thanks to those of you who took the time to try out Beta 2 with your code, and especially to those who found and reported bugs.

Wednesday, July 25, 2012

iView Slider : Responsive jQuery Slider Plugin

iView Slider is a responsive jQuery slider plugin for image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation. iView slider has 35 built-in transition effects where it is possible to define different ones on each slide item. iView Slider offers animated HTML captions with custom effects (fade, move top, move right…) and there are multiple ways to browse the slides: slideshow (optional "pause on hover"), keyboard, prev-next buttons, thumbnails, bullets. The plugin has support for responsive layouts down to mobile and it works well with touch interfaces.
iView Slider : Responsive jQuery Slider Plugin
iView Slider

Monday, July 23, 2012

jNotify : jQuery Plugin to Display Notification Easily

jNotify is a jQuery plugin for displaying animated notifications easily and only with a single line of code. Three kind of notification boxes are available in jNotify; information, success and failure and they all are entirely skinnable with CSS. This plugin is very flexible and has many options like the position of the messages, opacity of the overlay, duration of the effects, whether it will be hidden automatically or not and much more. Moreover, two callbacks methods (onCompleted and onClosed) help interacting with the functionality better.
jNotify : jQuery Plugin to Display Notification Easily
jNotify

Saturday, July 21, 2012

clueTip: A jQuery Tooltip Plugin

clueTip is a nice jQuery Tooltip Plugin which allows you to easily show a fancy tooltip when the user's mouse hovers over (or, optionally, clicks on) any element you designate in your script.Cluetip is a cross browser and supports theming. If the element includes a title attribute, its text becomes the heading of the clueTip. It comes with three themes: default, jTip, and rounded corners. User can create his/her own theme also. As of clueTip 1.1, it is Themeroller ready. There are many options in clueTip to customize the plugin.
clueTip: A jQuery Tooltip Plugin
clueTip

jquery.hovergrid : jQuery plugin for creating a grid of images which when hovered reveals caption

jquery.hovergrid is a simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption. This plugin is useful if you have lots of images to display in your page and you want to display related information about the image when hovered. You can configure the class name of each item of the grid. In HTML markup, each item would consist of one image and its caption in a hidden div placed together.
jquery.hovergrid : jQuery plugin for creating a grid of images which when hovered reveals caption
jQuery Hovergrid

Friday, July 20, 2012

jQuery.Pie : jQuery plugin to create beautiful pie chart

jQuery Pie is a simple and nice jQuery plugin to display beautiful pie chart in your website. You can either display static pie chart or you can show pie chart by animation. Percentage, radius, thickness, rotaion options are there which will help to easily create pie chart. You can assign different colors for different sections as you require. Canvas size and center point can be configured. animationSpeed is there to customize the animation speed to display pie chart.
jQuery.Pie : jQuery plugin to create beautiful pie chart
jQuery Pie

iPicture (Tooltip your images) : jQuery Plugin to create interactive pictures with extra descriptions

iPicture is a jQuery Plugin to create interactive pictures with extra descriptions. You can easily have tooltip in your images using this plugin. iPicture is easy to configure. It has configuration wizard for the setup of plugin. You can Drag n Drop tooltips for placing in image. Also it is easy to customize. It's simple to add extra icon. Choose to animate the tooltip or customize the css. iPicture works with every image size. The images can be defined in a list or in divs. Moreover it is compatible with slideshows or sliders. iPicture needs few configuration to run everywhere.
iPicture (Tooltip your images) : jQuery Plugin to create interactive pictures with extra descriptions
iPicture - Tooltip Your Images

Thursday, July 19, 2012

Ambiance Plugin for jQuery - Notification System

Ambiance is a nice jQuery plugin for notification. Ambiance allows you to create notifications on the fly by just calling the function and providing some information. If you want to override the default CSS then you can provide custom styling also. Its basic requirement is jQuery 1.7.2 +. In default, three types of notification is available; default, success and error. But you can also create your own types as well and extend it to style how you'd like. Notification may be temporary or permanent. Permanent means it will remain until page is refreshed. Timeout option is also availabe.
Ambiance Plugin for jQuery - Notification System
Ambiance Plugin for jQuery 

Wednesday, July 18, 2012

Pines Notify (pnotify) : JavaScript notifications for Bootstrap or jQuery UI

Pines Notify is a JavaScript notification plugin. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use. Pines Notify can provide non-blocking notices. This allows the user to click elements behind the notice without even having to dismiss it. Pines Notify uses either Bootstrap or jQuery UI for styling, which means it is fully and easily themeable. Pines Notify works in all major browsers and provides a consistent interface.
Pines Notify (pnotify) : JavaScript notifications for Bootstrap or jQuery UI
Pines Notify (pnotify)

Sunday, July 15, 2012

Slide Note For jQuery - notification plugin

Slide Note is a jQuery Plugin to display sliding notifications on your website or in your web application. It offers flexible positioning options, support for Ajax, CSS hooks, and more. You can fire the notification once the user scrolls to a certain point on the page. Also you can control which corner of the window into which the notification appears. The number of time for appearance of notification can also be specified. Callback options make the plugin more robust. Slide Note is compatible with Chrome, Firefox, Safari, Opera, and IE9. Although the plugin works in IE8 but is not officially supported.
Slide Note For jQuery - notification plugin
Slide Note For jQuery

Saturday, July 14, 2012

Craftyslide - A tiny jQuery slideshow plugin

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. Using Craftyslide on your site is easy. Simply create a div which houses a ul containing your list of images. Give your images a title if you want to create captions, then include the supplied JS/CSS/Image files. That's all there is to it!
Craftyslide - A tiny jQuery slideshow slider plugin
Craftyslide

jCloud - jQuery plugin for fully customizable 3D tag cloud

jCloud is a jQuery plugin for 3D tag cloud. This is a pretty neat little tag cloud that’s definitely good to take a look at, it rotates in 3D. You can control 3D rotating by scrolling the mouse. Different colors can be assigned to make the cloud beautiful and colorful. Other options are also available like radius, size, step, speed, flats, clock, areal.

Happy.js : Lightweight form validation for jQuery or Zepto.js

Happy.js is a lightweight form validation for jQuery or Zepto.js. Happy.js is really lightweight and extendable. Happy.js will validate individual fields on blur events and all fields on submit. It has good browser support like IE 6, 8 (and 8 in compat. mode, which is supposed to be like 7), FF 3.6, Chrome 7 and Safari 5. Form field will be happy if it is correctly filled and validated otherwise it will be unhappy.

Friday, July 13, 2012

How to disable submit button on form submit using jQuery

Form submission is one of the most used actions and double form submission is one of most occurred problems in web development. Rather than dealing with this problem server side, eating up your CPU process time, it is much easier and better to deal with this problem client side using JavaScript. When we talk javascript, what it a better way to write it other than using jQuery?
Consider we have this HTML form in our code:

Sharrre : jquery plugin for social media integration buttons

Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus and more. All sharing buttons are different, with Sharrre you can create uniform buttons to integrate with your designs.With Sharrre, the API buttons are called on demand and once, regardless of how many buttons you have. It is highly configurable. Sharrre is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.
Sharrre : jquery plugin for social media integration buttons
Sharrre - A plugin for sharing buttons
Home : http://sharrre.com/
Demo : http://sharrre.com/example1.html

jWindowCrop : jQuery plugin for facebook like zoom & pan image cropping

jWindowCrop is jQuery plugin which makes easy to zoom & pan image cropping. You must have seen image cropping for cover photo in Facebook. This plugin helps you to get similar effect. You can easily set the target width and height parameter in this plugin. Zooming is also available. onChange callback function is there to track the change event which will give you the coordinate of the image. smartControl option will enable or disable for hiding controls on mouseleave and appear on mouseenter.
jWindowCrop : plugin for facebook like zoom & pan image cropping
jWindowCrop

Thursday, July 12, 2012

gips : jQuery Clean & Simple Tooltips

Gips is a clean and simple jQuery tooltip plugin. Its simple, customizable, and easy to use. It also supports CSS themes. Several parameters are available like text, delay, auto hide, pause, animation speed, placement, theme and image path.
gips : jQuery Clean & Simple Tooltips


MiniTwitter jQuery Widget to grab Twitter feed

MiniTwitter is a jQuery widget which puts Twitter and your tweets on your Website or your WordPress blog. You can grab tweets from your feed or from the Twitter Search. Also you can get tweets from a list or from your favorite users. The number of tweets would be limited by Twitter Search API. A lot of options can be modified like the username, the list, the query, the limit.
MiniTwitter jQuery Widget to grab Twitter feed
Home : http://minitwitter.webdevdesigner.com/
Demo : http://minitwitter.webdevdesigner.com/

Wednesday, July 11, 2012

jQuery Hello World Tutorial

If you are into programming, then you must have known 'Hello World'. It is common that tutorial on any programming starts with 'Hello World'. This post is also one of them.  In this article you will learn to include jQuery in the page and alert some text.

First you need to include jQuery on the pages where you want to take advantage of it. You can download jQuery library from its official website. [Download Page]. You can either download Production version or Development version. Production version is compressed and minified and suitable for live website. For testing and development, you can use Development version.
After downloading the library file, you can now include it using script tag in <head> section.
<script type="text/javascript" src="jquery-1.7.2.js"></script>

If you dont want to download jQuery file locally then there is another alternative also. You can directly use it from the CDN. In this the source in the script tag would be the link of CDN.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Now lets plunge in to jQuery. Wrapping javascript code in the ready event function is best practice for working with jQuery. It will wait for the document to be fully loaded and ready, before working with it.
jQuery(document).ready(function(){  
 alert('Hello World');
});

Put the above code inside script tag and run the page. If everything all right then you will see the alert box with text 'Hello World'.

You can also use $ instead of jQuery in the code. '$' is the shorthand of 'jQuery'.

After completing this, you are now ready to dive into the awesome world of jQuery.

Cheers !!!

JQUERY 1.8 BETA 2 RELEASED

It’s been a crazy few weeks around jQuery Central, what with the release of Beta 1 and the jQuery Conference in San Francisco following that. Fear not! Between all the travel, conferences, meetings, and blog posts about the future of jQuery, we’ve actually managed to write some more code. As proof, here is jQuery 1.8 Beta 2:
http://code.jquery.com/jquery-1.8b2.js
This is the critical section in the program where we call on you, the jQuery community, to help us bring this one home. Use Beta 2 with old browsers, new browsers, red browsers and blue browsers. (That’s IE6, Chrome Canary, Opera, and Internet Explorer, respectively.) Test this file with all your code, please test it well in every mode. Did something break in Beta 2? Please tell us now before we’re through!
With assistance from those of you who tested Beta 1, we found a few bugs and squashed them. We can’t emphasize enough how important it is for us to get feedback from you as you test with these beta versions. We don’t like releasing final versions that cause problems when you drop them into your web pages, and the way to prevent that is to test with the beta and let us know about problems in advance.
To see change-log in detail. visit this.
Src : JQUERY 1.8 BETA 2 RELEASED

Backbone Notifier - jQuery notification plugin

Backbone Notifier is a powerful and flexible framework for displaying and controlling dialog notifications built on top of jQuery, Backbone.js and Underscore.js. It currently has large number of options to customise the timing, style, size & position with even more features being added in the future. Includes styles that are fully customizable and don’t require extra CSS and can be extended thanks to smart modules architecture.
Backbone Notifier - jQuery notification plugin
Backbone Notifier - jQuery notification plugin

Wookmark jQuery plugin

The Wookmark jQuery Plugin automatically arrange and creates a dynamic box grid layout that responds to your browser size. It is great for showcasing large amounts of content in a minimalistic and stylish way. Optional adjustable options are also available to make the plugin flexible like container, offset(vertical and horizontal distance between items) and item width (width of a single grid item).
Wookmark jQuery plugin
Wookmark jQuery plugin

Tuesday, July 10, 2012

zCarousel : A crossfading carousel jQuery plugin

zCarousel is a crossfading carousel jQuery plugin. It is simple and easy to use. Captions can be shown in the slideshow and it supports HTML tags also. In this, images are stretched to fit the width of the carousel, and vertically centered in that space. The 'offset' option adds a vertical offset.

Sunday, July 8, 2012

RefineSlide - jQuery Slider plugin

RefineSlide is a slider with CSS transition & 3D trasnform support. It comes with Javascript fall back fade transition, and responsive down to mobile scale. It has good browser support (IE7+). It also allows HTML captions. Not only simple and semantic markup makes it attractive but also it is free !


Tuesday, July 3, 2012

Notify : Notification with a style - jQuery Notification

Notify is a jQuery Notification Plugin which adds simple notifications bars that you can use on your website and application to assist users while they fill in forms, navigate through pages or interact with interface.

Notify : Notification with a style - jQuery Notification
Notify can be easily plugged into any website or web application and offer a lot of

jQuery 1.8 beta released : Whats Coming and Going

jQuery 1.8 beta released
Customization is key to the just announced beta 1.8 version of the jQuery JavaScript library. It is now possible to exclude modules from jQuery using a new build system based on grunt; this allows developers to drop modules for ajax, css, dimensions, effects or offset, depending on what their web application actually needs, reducing

Sunday, July 1, 2012

jQuery 2.0 to drop support for older IE versions

jQuery 2.0 to drop support for older IE versions
The developers of the widely used cross-browser JavaScript library jQuery have announced that they will be dropping support for all versions of Internet Explorer prior to IE 9 with the release of jQuery 2.0 in early 2013. In a blog posting, the jQuery team says that support for older versions of the browser

 
back to top