Latest jQuery Plugins released in June 2013

Today we bring a list of latest jQuery plugins released in June 2013. These plugins are fresh, interesting, simple and lightweight. You may find them useful for your next project!!!

Related Post:

• 50+ Most Popular and Useful jQuery Plugins from 2012b>


• Cool jQuery Plugins released in May 2013


• Cool jQuery Plugins of March 2013

SMINT

Smint is a simple jQuery plugin that helps with the navigation on one page style websites. It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.

CollagePlus

This plugin for jQuery will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.

jQuery TourBus

Yet another jQuery tour/walkthrough plugin!

Jumble

Jumble is a jQuery plugin that jumbles up the colours of your text - and can animate them.

Progression.js

Progression.js is a jQuery plugin that gives users real time hints & progress updates as they complete forms.

Hide/show password plugin

Hide/Show Password plugin lets you easily hide and reveal the contents of a password input field. It's based on a mobile design pattern.

Draggable Background

A jQuery plugin to make background images draggable.

Feel free to contact me for any help related to jQuery, I will gladly help you.

Create Collage using jQuery

In this post, find out how to create a collage using a jQuery plugin called "CollagePlus". This plugin for jQuery will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.

Live Demo

How to use it?

// example HTML image gallery
<div class="Collage">
   <img src="example1.jpg" />
   <img src="example2.jpg" />
   <img src="example3.jpg" />
</div>

//Call jQuery plugin function to create collage.
$('.Collage').collagePlus();

CollagePlus relies on all images being loaded before it can calculate the layout. It does not run off image sizes specified in the DOM.

Official Website

Feel free to contact me for any help related to jQuery, I will gladly help you.

Best jQuery Rating Plugins

Find collection of 8 Free & Best jQuery Rating Plugins. These plugins are easy to use and can be implemented in your website for any kind of Poll, Vote or to include ratings. Enjoy!!!!

Related Post:

• 10 Free jQuery Plugin for Shopping Cart and E-Commerce website


• 6 Best jQuery Vertical & Horizontal News Ticker Plugins


• Best jQuery Clock Plugins

jQuery Raty

jQuery Bar Rating Plugin

jQuery quickie

jQuery SimpleRating plugin

jQuery Star Rating Plugin

RateIt

jRating

jQuery Rater

Feel free to contact me for any help related to jQuery, I will gladly help you.

jQuery Plugins For Language Translation

Find list of jQuery plugins which can be integrated in your website for language translation. These are useful if you are building a multilingual website which offers many language to end user. You can also use this plugins as Translator as well. Enjoy!!!

Related Post:

• 6 Best jQuery Vertical & Horizontal News Ticker Plugins


• jQuery Globalization Plugin from Microsoft


• jQuery Plugin to get Wikipedia description

jTextTranslate

Lingua Localization

jQuery-lang-js

This jQuery plugin allows you to create multiple language versions of your content by supplying phrase translations from a default language such as English to other languages.

jQuery.tr

jQuery.tr is a jQuery plugin which enables you to translate text on the client side. You can get or set the dictionary the plugin uses by calling $.tr.dictionary. It is a object made by key-value pairs, with the original sentence or string id as key, and the translated sentence as value.

Feel free to contact me for any help related to jQuery, I will gladly help you.

5 Free jQuery Image Map Marker Plugins

Here is a complied list of 5 Free jQuery image map marker plugins which are quite handy if you wish to highlight or make your maps interactive using marker. Not only maps, with these plugins you can mark any picture to make it interactive with descriptions.

Related Post:

• 5 jQuery Image Slider and Slideshow


• 5 jQuery Image Viewer Plugin for Mobile


• 5 jQuery Image Crop Plugin & Tutorials

ImageMapster

ImageMapster is a jQuery plugin that lets you activate HTML image maps without using Flash. It works just about everywhere that JavaScript does, including modern browsers, Internet Explorer 6, and mobile devices like iPads, iPhones and Androids.

jQuery Map Marker Plugin

This plugin makes it easy to put multiple markers on Map using Google Map API V3. Map Marker is very useful when you have a list of data & you want to show all of them on Map too.

iPicture

iPicture is a jQuery Plugin to create interactive pictures with extra descriptions.

Maphilight

Maphilight is a jQuery plugin that adds visual hilights to image maps.

qTip

qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework.

Feel free to contact me for any help related to jQuery, I will gladly help you.

10 jQuery Shopping Cart Plugins

Find below a complied list of 10 free jQuery shopping cart plugin and tutorial that are suitable for e-commerce website. These plugins can be used for showing Product images, for image zoom, 360 degree display of product, integrate with Shopping Cart for payment, showing list of stores and for many other features.

Related Post:

• 5 Free jQuery Fullscreen Plugins


• 7 jQuery WebSite Tour Plugins


• 5 Awesome jQuery Content Slider Plugins

Smart Cart

Smart Cart is a flexible and feature rich jQuery plug-in for shopping cart. It makes the add-to-cart section of online shopping much easy and user friendly. It is compact in design, very easy to implement and only minimal HTML required.

jQuery Store Locator

This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.

jPayPalCart jQuery Plugin

jPayPalCart is a simple to integrate JQuery plugin that allows you to create a fully functioning Paypal shopping cart without using clunky server-side page refreshes. The plugin supports PayPal Website Payment Standard.

Multi-Item Slider

jQuery plugin for creating category slider, best for eCommerce websites.

Credit Card Validator

jQuery Credit Card Validator detects and validates credit card numbers. It’ll tell you the detected credit card type and whether the number length and Luhn checksum are valid for the type of card.

j360

j360 is a jQuery plugin designed to display 360 view of product using a set of images.

Ajax Paypal Cart JQuery Plugin

AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily. Support PayPal Website Payment Standard.

jQZoom

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want.

LightBox 2

Lightbox is a simple, unobtrusive script used to overlay images on top of the current page. It's a snap to setup and works on all modern browsers. It present images in a slick window, while darkening the rest of the page. It can be used to show various images of single product.

productColorizer

productColorizer is a light-weight solution for users to quickly preview a product in different colors

Feel free to contact me for any help related to jQuery, I will gladly help you.

Cool jQuery Plugins released in May 2013

Today we bring a list of latest jQuery plugins released in May 2013. These plugins are fresh, interesting, simple and lightweight. You may find them useful for your next project!!!

Related Post:

• 50+ Most Popular and Useful jQuery Plugins from 2012


• Cool jQuery Plugins of March 2013


• 200+ jQuery Plugin Collection

jQuery Swatches

This is a jQuery plugin that turns a single div into a sweet color swatch.

Magnific-Popup

Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device.

Least.js

least.js is a Random & Responsive HTML 5, CSS3 Gallery with LazyLoad.

Waterfall

Waterfall is a powerful and customizable jQuery plugin for creating dynamic and responsive Pinterest like layout which supports infinite ajax scroll.

TimeTo

timeTo is an easy-to-use and customizable jQuery plugin for creating countdown timers or digital clocks with a lot of options and callback support.

FlipClock

FlipClock.js is a jQuery plugin with CSS3 animations to add counter, timer and clock with smooth flip effect.

Zerobox

Lightweight, animated lightbox plugin for Jquery JavaScript library.

Multiple Select

Multiple select is a jQuery plugin to select multiple elements with checkboxes :).

Feel free to contact me for any help related to jQuery, I will gladly help you.

6 Best jQuery Vertical & Horizontal News Ticker Plugins

News ticker are one of the most popular ones of them in web design. It is a useful, tiny and handy feature as it can be used to display news, notification, tweets, recent/ popular posts or articles and many more things. Below you will find 6 best jQuery Vertical & Horizontal News Ticker Plugins that are perfect to implemented in your sites.

Related Post:

• 6 Best jQuery Notification Plugins


• Top 10 jQuery Popup window plugins


• Useful jQuery ToolTip Plugins

1. jQuery News Ticker

Taking inspiration from the BBC News website ticker, jQuery News Ticker brings a lightweight and easy to use news ticker to jQuery.

2. Totem

Totem is a jQuery plugin that lets you create an animated vertical ticker. Totem makes vertical tickers easy to implement by turning a list of items into an animated ticker that auto-advances and specifying anchors for stop, start, next, and previous navigation links.

3. Modern News Ticker [Paid]

Modern News Ticker is a modern, powerful, flexible, fast, easy to use and customize news ticker. It offers a varied number of features while still being lightweight and very easy to work. It comes with 4 different effects, 4 different layouts and 15 different themes.

4. jQuery – Easy ticker Plugin

jQuery easy ticker is a news ticker like plugin, which scrolls the list infinitely. It is highly customizable with lot of features and it is cross browser supported.

5. liScroll

liScroll is a jQuery plugin that transforms any given unordered list into a scrolling News Ticker

6. vTicker

vTicker is easily added to your existing web page by including jQuery, the vTicker plug-in javascript file and then by simply calling the vTicker plug-in with the selector(s) you wish to create a vTicker with.

Feel free to contact me for any help related to jQuery, I will gladly help you.

How to make multiple select dropdown list using jQuery

In this post, find a jQuery plugin called "Multiple Select" which allows to make/create/convert a simple dropdown list to multiple select/multi-select dropdown. "Multiple Select" is a jQuery plugin to select multiple elements with checkboxes :).

Related Post:

• jQuery and ASP.NET DropDownList


• How to add images in DropDown List Items using jQuery


• jQuery to get dropdown values in comma separated list

Options:

• Default option allows to show checkbox.


• Ability to grouping elements


• Features to show multiple items in single row


• Select All options


• Feature to show placeholder

Browser Compatibility:

• IE 7+


• Chrome 8+


• Firefox 10+


• Safari 3+


• Opera 10.6+

This plugin also provides events to disable and enable the dropdown element.

Official Website

Feel free to contact me for any help related to jQuery, I will gladly help you.

Change the Page Mood based on Time of Day using jQuery

The post title "Change the Web Page Mood based on time of Day using jQuery" is quite interesting!!! Isn't it? Yes, you can very easily do it now with jQuery. Based on time, you can change the back-color, font-color of your webpage so that it provides a good user experience. For example, a white background in afternoon is perfect and if the same page is viewed in night then black background will make things pretty.

Related Post:

• jQuery Plugin to display In line related info


• Alert user while typing invalid domain name using jQuery


• Provide Distraction free view of web pages using jQuery

jQuery Plugin "Aware.js" will allow you to do exactly the same. Aware.js is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader's behavior without requiring login, authentication, or any server-side processing.

See Demo below. All you need to do is to change the time using slider and see how it works.



Along with this feature, the plugin also allows to drastically alter the layout an otherwise static page in three different ways based on the reader's personalized relationship with the content.

Official Website

Feel free to contact me for any help related to jQuery, I will gladly help you.

Split an image into strips using jQuery

In this post, find out about a jQuery plugin that gives your images a bit of WOW! Yes, this jQuery plugins allows to split the image into any number of strips.

PicStrips adds a little style to your images to help them stand out from the crowd. You can split your images into any number of strips, specify the white space between each strip and also the amount of vertical white space added at the top and bottom of alternate strips.

Related Post:

• 5 Superb jQuery Image Gallery Plugins


• 5 Amazing jQuery Image Navigation Tutorial


• Create thumbnail from images using jQuery


• How to crop image using jQuery

How to use it?

It's very easy to use. All you need to do is to make call to picstrips method on your image which you want to split into strips.

$("#imgStrip").picstrips({
    splits: 7,
    hgutter: '10px',
    vgutter: '20px',
    bgcolor: '#fff'
});

Options

This plugin currently supports 4 different options (as specified in above sample code).

• splits - The number of strips you want to split the image into.


• hgutter - The horizontal gutter between each strip.


• vgutter - The vertical gutter overlayed at the top and bottom of alternate strips.


• bgcolor - The background colour of the vertical overlays (defaults to white).

Official Website

Feel free to contact me for any help related to jQuery, I will gladly help you.