Best jQuery Web Plugins & Tutorials with Demo

Gmail Style Message Inbox with jQuery & CSS

Gmail Style Message Inbox with jQuery & CSS

Today I am going to tell how to create Gmail Style Email Message Inbox Design with jQuery & CSS.  From this design you can able to

  • Add Star / Unstar Messages
  • Delete Single Message
  • Delete Multiple Messages
  • Mark as Read
  • Mark as Unread

This tutorial will bring you exactly look like gmail feature. Designers can easily integrate this code in your existing web projects.

jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.

Navi.js : jQuery Content Switcher

Navi.js : jQuery Content Switcher

Navi makes it easy to dynamically display content on your sites. Instead of cluttering up your site tree with extra files, you can easily write all of your html code for multiple pages in one file.

Navi was created to be an easy way for anyone wanting to change content. This plugin can help with the development of numerous other plugins including: tabs, pagination, image sliders, and others. Navi has serveral options to tweak and allows for loading content based on the page hash. You can call Navi on multiple elements with ease so you can have multiple content switching sections.Navi is also friendly with other plugins, and can be called on multiple objects or nested.

fartscroll.js : Everyone farts as you scroll Web page

fartscroll.js : Everyone farts as you scroll Web page

You want fart noises as you scroll? We’ve got you covered. Everyone farts. And now your web pages can too.

How to reverse Order List in HTML using jQuery

How to reverse Order List in HTML using jQuery

et’s discuss today how we can reverse an Order/Unordered List in html using jquery. We have many ways to reverse the element of any ordered/unordered list (ol or ul Tags) using jquery. Let’s use reverse() function available in jquery library.

Creating a simple jQuery plugin for Pinterest

Creating a simple jQuery plugin for Pinterest

Plugins play a great part in the success of jQuery. There are hundreds of them out there, and having the ability to create your own is a great skill to have. With all of the interest in Pinterest (no pun intended), I thought it would be a good idea to do up a quick and simple Pinterest sharing plugin for jQuery.

jQuery Text Editor

jQuery Text Editor

jQuery TE is a jQueryplugin. It is a lightweight (15.9 KB) and very useful HTML editor. And it works with WYSIWYG model.Most importantly, it can be integrated into your system in 1 minute. And you can modify it as you want in terms of interface. Even you can change the css classes.

jQuery TEworks with same performance on the most preferred browsers.And its source of the output is same as 90% on these browsers.

Creating Shout-Box Facebook Style with jQuery & PHP

Creating Shout-Box Facebook Style with jQuery & PHP

Facebook has this nice little chat box that doesn’t take up much space, and people can instantly interact with their friends, it is a cool feature to have in any website. Let’s get inspired and create an Shout Box which will look similar to Facebook chat box.

jQuery IME : jQuery Input method editor library

jQuery IME : jQuery Input method editor library

jQuery Input method editor library supporting 50+ input methods across several languages. This is jquery version of the input method tool used in Wikimedia projects. These input methods are well tested and contributed by large wikimedia community. This project is a Wikimedia foundation initiative to provide language technology tools to wider audience outside Wikimedia universe.

Storax : Web store on your website and Store data in the cloud

Storax : Web store on your website and Store data in the cloud

This jQuery plugin lets you have a light-weight online store on your website. The data about your products stays in the cloud (Parse.com). You may add products and categories using the Parse.com’s interface in excel like tables.

You can add/modify categories, subcategories, product data (Ex:Price,Link to product image) directly in the cloud and your website will show the updates right away!

However, to actually sell your products, you need a selling link for each product. This can be any third party service like Paypal,Oronjo,etc. from where users can buy your products. This link goes in your cloud database at Parse.com