Saturday, September 4, 2010

Facebook and Gmail Style Chat In Jquery

Everyone likes a facebook style chat and gmail style chat.Now jquery13 is Presents Facebook and Gmail Style Chat In Jquery. This Facebook and Gmail Style Chat module easy to integratev into your existing website or new website.


Thursday, September 2, 2010

Facebook Style Registration Form with jQuery

Facebook is provide very cool UI designs For Users.Many of users want to use Facebook style Registration form for our Website.Now jQuery13 is present  "Facebook Style Registration Form with jQuery".Its very easy to use.In this Post, we are going to learn from the best, and create a facebook-like sign up form.So download Demo Files and try it your self.


Facebook Style Lightbox

Facebox is a Jquery-based LightBox which can display divs,images and remote data in Facebook lightbox-style.Its is very easy to use and anyone can use this without any programmer help.Download plugin and enjoy fun with Facebox.


Sunday, August 29, 2010

5+ Fantastic jquery ajax login form

Now jquery13 coming with 5+ fantastic jquery ajax login form.This form is very easy to will easily embed this into your site.we also provide demo and download option where you can download this plugins.

1.cssjockey jquery login form with jquery and css


2.Incredible Login


3. Twitter login form


4.Ajax login Roshan


5.Ajax login with model box


6.chazzuka Ajax login Form


7. Sliding Jquery login form


Thursday, August 26, 2010

8+ cool jquery rating scripts

Now rating is very important in our Websites. Today Jquery13 collected 8+ cool jquery rating scripts for your next Websites.



jQuery Rater Plugin 

 View Demo

Simple Voting 

View Demo


Half Star Rating 

View Demo


jQuery Sort & Vote Poll 

View Demo

Voting with jQuery, Ajax and PHP 

View Demo

Star Rating Using Css Sprite 

 View Demo

Star Ratings jQuery Plugin 


View Demo

Using Form Elements rating 


View Demo

Monday, August 23, 2010

10 Jquery amazing charts and graphs

As javascript frameworks like jQuery and Mootools get more and more powerful, and browsers start to support the latest CSS capabilities, chart creation is becoming more and more of a reality outside the realm of using flash. Nowadays the need for an easy way to add interactive charts becomes essential because we are shifting from pc applications to web application. jQuery and other libraries allows to make accessible data visualization in (x)HTML, giving us this needed functionality.


Limitations: lines, points, filled areas, bars and combinations of these
From an interaction perspective, Flot by far will get you as close as possible to Flash graphing as you can get with jQuery. Whilst the graph output is pretty slick, and great looking, you can also interact with data points. What I mean by this is you can have the ability to hover over a data point and get visual feedback on the value of that point in the graph.
Flot Zoom capability
On top of this, you also have the ability to select a chunk of the graph to get data back for a particular “zone”. As a secondary feature to this “zoning”, you can also select an area on a graph and zoom in to see the data points a little more closely. Very cool.



Limitations: Pie, Line, Bar, Combination
Sparklines is my favourite mini graphing tool out there. Really great for dashboard style graphs (think Google Analytics dashboard next time you login). Because they’re so tiny, they can be included in line (as in the example above). Another nice idea which can be used in all graphing plugins is the self-refresh capabilities. Their Mouse-Speed demo shows you the power of live charting at its best.


Google Charts Plugin

Limitations: Bar, Stacked, Line, Pie, Pie 3D
The Google Charts plugin is a really easy way to implement the Google Charts API into your web application using a jQuery plugin. Whilst the API itself is pretty simple to use (the format to generate graphs is to form a complex url with multiple query string parameters), the plugin goes one step further and actually forms that complex url for you, by allowing you to set the parameters you want with simple jQuery calls:


jQuery Chart 0.21

Limitations: Area, Line, Bar and combinations of these
jQuery Chart 0.21 isn’t the nicest looking charting plugin out there it has to be said. It’s pretty basic in functionality when it comes to the charts it can handle, however it can be flexible if you can put in some time and effort into it.


Limitations: Bar, Line
jQchart is an odd one, they’ve built in animation transistions and drag/drop functionality into the chart, however it’s a little clunky – and seemingly pointless. It does generate nice looking charts if you get the CSS setup right, but there are better out there.



Limitations: Bar and Stacked Bar
Tuftegraph sells itself as “pretty bar graphs that you would show your mother”. It comes close, Flot is prettier, but Tufte does lend itself to be very lightweight. Although with that comes restrictions – there are few options to choose from, so you get what you’re given. Check it out for a quick win bar chart.

 jQuery Visualize Plugin
jQuery Visualize Plugin is the perfect plugin if you have a table and want to generate a chart out of it. It offers different types of charts such as Bar, Area, Pie & Line charts.

Type of Charts: Bar, Area, Pie & Line.
Requirements: jQuery, excanvas (included)
Browser Support: IE6*, IE7*, IE8*, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9.
* HTML 5 canvas element is not supported by IE but Google maintains a library that translates canvas scripting into VML, allowing it to work in all versions of internet explorer.
License: MIT and GPL licenses



Highcharts is a really impressive jQuery Chart Library. In a few words Highcharts is compatible with most Browsers and even the iPhone; numerous chart types are supported; it is a dynamic plugin because you can add, remove and modify series, axes or points at any time after chart creation and you can load data from external files; tooltip labels are also supported which is great for detailed information in a point of a chart; zooming and last but not least all text labels can be rotated in any angle.

Line and column example

Columns with rotated labels
Type of Charts: Bar, Area, Areaspline , Pie, Line, Spline, Column & Scatter.
Requirements: jQuery or MooTools
Browser Support: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9 and iPhone!
License: Creative Commons Attribution  Non-Commercial 3.0 License. Free for personal website, a school site or a non-profit organization. For a single commercial Website the license costs $80.


jqPlot did not catch my eye at first glance but after further research I found it to be one of the best and free jQuery chart library. Numerous graphical options are available you can even add shadows and interact per drag&drop in the charts! It even automatically computes trend lines. We could compare it to highcharts in terms of features and functionality.

Type of Charts: Bar, Pie & Line.
Requirements: jQuery
Browser Support: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9 and Google Chrome.
License: MIT and GPL version 2 licenses

Sunday, August 22, 2010

20 Fantastic jQuery Plugins

1. jSocialize – jQuery version of mooSocialize!

Description: This is the jQuery version of the phenomenal mooSocialize (which was, obviously, built on the mooTools framework).
jSocialize allows you to integrate your bookmarks for every post on your blog, website etc.
By clicking the jSocialize button, a window will appear, which lets you choose your favorite Social Bookmarking Network. Having a thumbnail of each service beside the link, it’s easy to see and find the one of your liking.
It then opens up the page in a hovered layer. Click the X and the window closes.
Try the Demo you will love this.
Demo and Download: jSocialize Demo and Download Page.
Compatability: It’s been tested in Firefox, IE7 and Opera 9+.
Note: This is also available as a WP plugin.


2. jQuery Virtual Tour

Description:jQuery Virtual Tour allows you to add interactivity and transform a panoramic image into a virtual tour.
This is a pretty cool plugin that will give your readers a lot more detail within your image galleries. Recommended.
Demo: jQuery Virtual Tour Demo.
Download: jQuery Virtual Tour Download.


3. jQuery Shoutbox

Description:This shoutbox is a chat-like feature for your website that allows people to quickly leave messages without any form of user registration. As with most ajax there is no need for refresh making the effect very smooth. Unlike other shoutboxes this integrates seemlessly into your theme by styling the CSS file.
Screehshot: jQuery Shoutbox Screenshot.
Download: jQuery Shoutbox Download.
Developer: Ajaxdaddy.


4. Coda Bubble Tooltip

Description: This script will help you recreate the amazing puff popup bubble effect as seen on Inessence this is probably the best tooltip script I have seen. Its not a script for every site, but implemented properly it would look amazing.
Demo: Coda Bubble Demo.
Download: Coda Bubble Download.


5. Flexigrid – Data Grid/Table

Description: This is a lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
Features: Resizable columns ; Resizable height and width ; Sortable column headers ; Cool theme ; Can convert an ordinary table ; Ability to connect to an ajax data source (XML and JSON[new]) ; Paging ; Show/hide columns ; Toolbar (new) ; Search (new) ; Accessible API.
Demo: Flexigrid Demo.
Download: Flexigrid Download.


6. Humanized Messages

Description: Humane Messages is a system for displaying and temporarily logging non-modal messages, for use in web applications. It’s simply a large and translucent message that’s displayed over the contents of your screen. They fade away when the user takes any action. In practice, the message is both noticeable yet unobtrusive.
Demo: Humanized Messages Demo.
Download: Humanized Messages Download.


7. Img Notes

Description: A simple way to display notes over images when you roll your mouse over the image. This is not unlike the jQuery Virtual Tour, but a lot simpler to use.
Demo: Img Notes Demo.
Download: Img Notes Download.


8. Featured Content Glider

Description:This script lets you painlessly showcase new or featured contents on your page, by turning ordinary pieces of HTML content into an interactive, “glide in” slideshow. For the ultimate in the ability to customize its look, the pagination links are also ordinary links that you define on the page, but with special CSS class names inserted when it should perform a certain task. Visit the homepage to read about all the features. Excellent.
Demo: Featured Content Glider Demo.
Download: Featured Content Glider Download.


9. Anti-aliased Rounded corners with JQuery


Description:This is a variation of the very good jQuery plugin CurvyCorners, smaller file (in at 15kb) and runs a lot faster.
Demo: Anti-aliased Rounded corners Demo.
Download: Anti-aliased Rounded corners Download.


10. jqDnR – Minimalistic Drag’n'Resize

Description:jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. jqDnR provides the all the basic elastic functionality most dialogs will need. Basic and simple and easy to use.
Demo: Anti-aliased Rounded corners Demo.
Download: Anti-aliased Rounded corners Download.


11. jScrollPane

Description: jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style. You can easily control the apperance of the custom scrollbars using simple CSS.
Demo: jScrollPane Demo.
Download: jScrollPane Download.


12. jQuery Date Picker

Description: This jQuery plugin allows you to easily add “date picker” calendars to you HTML forms. These calendars make it much quicker, easier and less error prone for people to input certain types of dates.
Demo: jQuery Date Picker Demo.
Download: jQuery Date Picker Download.


13. jQZoom

Description: jQZoom allows you to realize a small magnifier window close to the image or images on your web page easily. Great for an image gallery.
Demo: jQZoom Demo.
Download: jQZoom Download.


14. jQuery Star Rating Plugin

This is a fully degradable plugin that creates the Star Rating interface based on a simple form structure. Simple and easy, I love it.
Demo, Download and Details: jQuery Star Rating Plugin Homepage.


15. jquery.combobox

jquery.combobox is an unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s).
Features: Easy to set up ; Control over style of combobox using CSS ; Supports keyboard navigation ; Cross-browser support with Firefox 2, IE 6 and Opera 9 ; Different style of animation for dropdown ; Original Select html control is still available for access and control and reflects the user’s selection ; Works the same with forms and server-side form processing, retaining the original control’s ID and updated values.
Demo, Download and Details: jquery.combobox Homepage.


16. Scrollable HTML table

This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer rows (if you need them) in TFOOT section.
Demo, Download and Details: Scrollable HTML table Homepage.


17. Accessible News Slider

Accessible News Slider is only 2KB compressed! I love this, very smooth, small file, and rich in detail. Its easy to install as well. Perfect.
Demo, Download and Details: Accessible News Slider Homepage.


18. Damn Small Rich Text Editor v0.2

This piece of code creates a Rich Text Editor (“RTE”) from an IFRAME element.This script’s purpose is to provide enough basic functionality while having the smallest footprint possible.
Demo, Download and Details: Damn Small Rich Text Editor v0.2 Homepage.


19. jFlow 1.2 – The Ultra-lightweight Fluid Content Slider

jFlow is a widget to make your content slides. One popular alternative that exists out there is coda-slider. jFlow is super lightweight because it is only 2kb minified!
Demo, Download and Details: jFlow 1.2 – The Ultra-lightweight Fluid Content Slider Homepage.


20. Easy jQuery Pull Quotes

Pull quotes, lift-out quotes, or call-outs are a handy method of drawing reader’s attention to a section of text. This enhances large blocks of text so the user could skim read them without missing the really important parts.
Demo, Download and Details: Easy jQuery Pull Quotes Homepage.