JavaScript Tutorials — Using Third Party Libraries

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 this tutorial we will make a nice curtains opening animation using jQuery with some additional effects. This animation is extremely easy to be made and i really like it, i hope you will too.

We are going to create a Google Wave-like history slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread. You are free to modify it and download the source code.

To be more precise, we’re going to look at some of the functions used in the ‘Finding’ section of jQuery’s Traversing methods.

In honor of Blog Action Day, we’ll be building our very own jQuery Eco-Dome plus thermometer control.

Facebook style photo tagging with jQuery, Ajax and Joomla. We keep track of, and show, the positions of multiple people in the same picture.

In this tutorial we are going to create a pure jQuery & CSS twitter ticker which utilizes Twitter’s Search API.