JavaScript Tutorials

A countdown timer is a great way to let your visitors know when an important date is coming up (like when a new feature on your website will be added). In this tutorial we'll show you how to make a countdown timer to a specific date. Overall this script is very easy to implement and takes just 30 lines of code.

We are going to manipulate data which we get from Date object constructor. Using the date object and some of its methods, you can create your own JavaScript clock customized to our needs. First of all we define variable var currentDate=new Date() and create a date object. An advantage of using objects is that objects can hold multiple values, where variables can only keep one value at a time. And then using above method get the required parameter stored in variable.

Slide In and Slide Out Navigation Menu is the most popular and dynamic way to create and display navigation menus many new and modern websites uses this kind of menus.In this tutorial we will create a Slide In and Slide Out Navigation Menu using jQuery and CSS.

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

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

Making your menu bar fix to the top of the page is something that’s been done a lot. However what if you don’t want to start your menu out as being fixed to the top? And how do you make your menu look different from its original state when you make it fix to the top of the screen?

From creating the PHP file to customizing the CSS, we will guide you across the several steps before you can complete this fancy floating bar ready to be implemented on your website and where you can place several elements, including social icons, information and more.

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

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.

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.