JavaScript Tutorials

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

Learn how to create a multilevel dropdown menu with CSS and jQuery

Detailed tutorial on creating, styling and scripting your own HTML/CSS tabs, while making code re-usable creating a lightweight jQuery plugin.

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

I remember me always trying to figure out how to make a page scroll to certain section of a website. I mean it was like magic when I first came across it. I was stun! I later tried to find tutorials on how to do it and let me tell you I had no luck. In this tutorial I will teach you how to add a nice anchor link scroll effect to your website using jquery/ HTML.

A handy snippet which can be used to detect if the enter key is pressed using jQuery

A useful button to have on any webpage is a back to top button. An easy solution for the web user to get back to the top without scrolling. Check out this code snippet which will show you how to do it.

With the invention of various parallax libraries for websites, nowadays, parallax effect could be created by anyone. In fact, this tutorial will simplify your job adding this remarkable effect to your website. This tutorial will use the famous "Skrollr.js" parallax library for demonstration. Happy learning!

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!

Toggle expanded and hided on or off with a nice animation. This is different from an accordion since more than one item can be expanded at one time.