JavaScript Tutorials

We are going to make a draggable sort & vote poll powered by jQuery and PHP. After the vote is submitted, a friendly CSS chart will display how the results are ranked.

In part 2 of our tutorial we hop straight into jQuery to start adding some functionality to our Simple Website Instant Messaging system

In this tutorial we will make an amazing effect i saw on a portfolio of an australian designer which is so great i had to write a tutorial about it. Here it is…

We are using the Twitter API and the newly released lists, to create a fan page widget that allows your visitors to include themselves in a specially crafted fan list in your account.

Learn the basics of jQuery so that you can understand what's going on for part 2 of our Simple Website Instant Messenger tutorial!

At some point you may need to create a draggable element within your web application. This is great functionality, however you may want or find that you need the element to stay in place after being dragged around. In this tutorial I will show you how to easily drag an element and make it stick, even after a page reload, by grabbing and storing its X and Y coordinates.

I was recently asked by a reader to recommend a helpful content slider plugin. No doubt, there are a bunch of excellent options available -- some which are, perhaps, too excellent! With so much flexibility comes extra weight; especially when sometimes you only need a simple slide or fade transition. So I figured, why not build a simple custom plugin that will get the job done?

Tutorial on how to create a Facebook style chat with the help of jQuery and Joomla.

In “How to Easily Create a JavaScript Framework, Part 3,” we discussed “Waiting Until the DOM Loaded”, “How to Modify “setStyle()”, “Set and Get Values from Input Elements”, and “Fun Effects: “fadeIn()” and “fadeOut().” In this week’s post, I will complete the “VOZ” JavaScript Framework tutorial series, and I will add a few new methods for dealing with a JavaScript Framework.

This tutorial will show you how to create a infinite carousel script with jQuery. It also have a simple autorotate script that will rotate items in the carousel.