JavaScript

Facebook Like - Timeline Design

Submitted by alpha_luna on

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.

Password Strength Checker

Submitted by rinvizle on
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.

How to Create Swipe Responsive Navigation Menu

Submitted by alpha_luna on
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.

How to Create Dropdown Navigation with jQuery and CSS

Submitted by alpha_luna on
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

Submitted by alpha_luna on

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.

Sticky Top Navigation Menu using jQuery Plugin

Submitted by alpha_luna on

Sticky Top Navigation Menu using jQuery Plugin

This is another tutorial for jQuery menu plugin that our navigation menu stick at the top of our page when the user scrolling down our created page. This plugin also provides other function that to know the user what they are currently viewing on the page corresponding to the stick navbar menu.

How to Create Slide Out Navigation Panel using jQuery

Submitted by alpha_luna on
In this tutorial, we are going to create Slide Out Navigation Panel using jQuery. This is a jQuery menu plugin that creating off-screen side panel menu navigation that every time you click the trigger it will slide out from the left side of your simple page that you created and your body content will move to the right of your page.

How to Calculate Years Between Two Dates in jQuery

Submitted by janobe on
When you are struggling to calculate your age by your date of birth, now here's a solution to your problem. In this tutorial, I will teach you how to Calculate Years Between Two Dates in jQuery. This is a simple yet powerful method of calculating date interval by years. Simply follow the step by step guide below.

Let's get started:

Step 1. Create a landing page and name it "index.php". Step 2.

Flip Effect: Log In and Sign Up

Submitted by mark gerryl mi… on
Simple login and sign up form built in bootstrap. A flip effect to change from login form to signup form. Easier to direct to other forms without reloading the page. Another way than using the tab class. Hope you like it. Sample Source Code This simple source code for the Log In Form for the user, where they can type their username and password to log in​. LOGO Forgot Password LOG IN Sign in with
Subscribe to JavaScript