Tag JavaScript

Create Responsive navigation menu bar

Create Responsive navigation menu bar

Today in this blog you’ll learn how to create a Fully Responsive Navigation Menu Bar using only HTML CSS & JavaScript. In the earlier blog, I have shared how to create a Responsive Sidebar Menu using HTML CSS & JavaScript…

Create PHP Skeleton Loading Effect With Ajax

Create PHP Skeleton Loading Effect With Ajax

Skeleton loading effect or shimmer effect is a common feature in modern websites. It is shown just before loading the data on page. The effect makes design more user friendly to replace conventional content loading feature using mysql ajax php.…

Popular CSS Frameworks for Building Good Websites

A CSS framework is a software framework created to allow for easier, more standards-compliant web design using HTML Many popular CSS frameworks are design-oriented and contain elements that can be re-used in the creation of any website or app, as…

Create simple JavaScript progress bar

A progress bar can be used to show how far along a user is in a process. HTML Code: CSS Code: JavaScript Code: Preview See the Pen JavaScript progressbar by Rashedul Hasan (@rhsuman) on CodePen.

Sidebar Menu using HTML CSS and JavaScript

In this article, you will learn how to create a responsive sidebar menu bar using HTML CSS and JavaScript. At first, I created a top bar but did not add any menu items. Just added a logo here and it…

How To Toggle Between Dark and Light Mode

Switch between dark and light mode with CSS and JavaScript. HTML Code: Use any element that should store the content you want to toggle the design for. In our example, we will use <body> for the sake of simplicity: CSS Code: Turning…

Create JavaScript Age Calculator

JavaScript offers some built-in date and time functions, which helps to calculate the age from the date (Date of Birth). Using these JavaScript methods, you can easily find the age of anyone. For this, we require a date input from…