JavaScript Tutorials

Turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine. It works in all modern browsers including touch devices.

In this tutorial we are making an AJAX-enabled Sticky Note system. It will give visitors the ability to create notes with a live preview, and move them around on the screen.

In this tutorial you learn how to create a JavaScript accordion script using the Document Object Model. An accordion is a useful way to squeeze lots of page content into a small space.

Highly customizable Twitter trackbacks widget to integrate tweets that mention your post into your blog. Each tweet comes with reply & retweet links to get more readers engaged in your story conversation.

If you’ve ever dropped by Behance, you’ve probably noticed their appreciate badge, with which you can show your appreciation for somebody’s creative work. In this tutorial we are making an improved version, which you can include in every page of your site with a bit of jQuery magic.

You must be thinking what’s new in this and I would say nothing much. This is yet another flash uploader created by me using few open source jquery plugins and plupload flash uploader. Check out the great set of features this uploader offers.

Turn by Turn Directions with the Google Maps API

Making a Content Slider with jQuery UI

Inspired on the Nike Better World website, this tutorial will show you how to make an awesome vertical parallax single page portfolio with jQuery and CSS

In this tutorial I will teach you, step by step, how to make a tabbed content box using HTML5, CSS3 and jQuery (with a bit of vanilla JavaScript).