JavaScript

In this article, we are going to learn how to create Simple jQuery Time Picker on your web page. We are going to use simple and lightweight jQuery plugin to create this. It consists a 24-Hour or 12-Hour format from your time picker to your text field when the user clicks on. Download the full source code below then try it.

Fullscreen Viewer Image Gallery

If you are looking for Fullscreen Viewer Image Gallery then you are at the right place. This simple project, it will allow the user to create a simple responsive kind of photo gallery.

In this tutorial, we are going to learn how to create Magnifying Glass to Zoom the Image. This simple project, created using magnify.js. It is easy and simple to use kind of jQuery plugin to have a magnifying glass effect in the image.

If you are looking for the Tooltip Animation Plugin for jQuery then you are at the right place. This tutorial, we are going to create tooltip plugin on your web page. We are going to use HTML, CSS, and jQuery to create this and the feature is to have an animated effect.

Facebook Like - Timeline Design

In this tutorial, we are going to create Facebook Like - Timeline Design using jQuery and CSS. We all know, timeline design already exist on a social networking site and it's called Facebook. In this case, we are going to discuss how to design timeline in our web page in a simple and easiest way using jQuery, CSS, and JSON file for the data.

This tutorial we will teach you how to construct a Password Strength Checker that gives the users feedback as to whether their password has sufficiently met the complexity requirements. A strong password is critical to account security and this tutorial teaches you how to design a system that gauges password strength using jQuery.

In this tutorial, we are going to learn how to create Flat Sliding Top Notification using jQuery. In this simple tutorial, we are going to use the overHang.js to complete this work. overHang.js is a small jQuery plugin that can help us to create a flat style.

If you are looking for Swipe Responsive Navigation Menu then you are at the right place. This is a mobile friendly swipe navigation menu in your page. We are going to use responsively jQuery navigation plugins which we will be going to collapse your navigation menu then the swipe function will run.

In this tutorial, we are going to learn how to create Dropdown Navigation with jQuery and CSS. This simple work can help you to build a beautiful yet powerful drop down navigation menu in your created page. This work built using nested HTML lists and a help of the jQuery’s plugin like slide down and slide up animations and using CSS.

Auto Hides Fixed Top Navigation Menu

Today, we are going to create Auto Hides Fixed Top Navigation Menu with jQuery and CSS. We are going to use the basic jQuery plugins to do this kind of tutorials. Using it, we create fixed top navigation menu in the header of the page and it will autohide the menu when the user scrolls down the window but it will show it out again when it scrolling up the window again.