JavaScript Tutorials

In this tutorial, I will explain how to easily create a clock using javascript.

In this post I explain how to create a simple page layout with fixed navigation. jQuery is used to enhance usability of the the navigation even more. This includes animated scrolling and a fancy fading effect.

Here we will learn how to build "Lava Lamp" menu tabs. We will be using CSS / jQuery along with a single image to maintain a 100% stretchy rounded corners menu tab or "Lava Bubble". Works in IE6+ and all other browsers!

SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application

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

flickrBomb is an easy way for you to fill your prototypes with relevant content, and not just those dull gray placeholder images. Hover over the images and click the wrench icon to see flickrBomb in action.

Learn how to use Photoshop and jQuery to design and build a horizontal flash like navigation menu.

In this tutorial, I will show you how you can grab the value of checkboxes using jQuery and save them inside an array.

In this image gallery, I wanted to create the effect of intersecting lines to highlight the selected image in a grid like a crosshair. I used differing opacities of images horizontally across from the current image and vertically above or below the image to achieve this effect.

Larger clickable areas make for greater usability and a higher click-through rate. Here's how to expand a clickable area to an entire list item using jQuery.