Design a Attractive Custom 404 Page

A 404 page is what a user sees when they try to reach a non-existent page on your site. Its not necessary that you always find the page you wanted to surf. Sometimes, users have to come... Read more »

Simple Password Strength Meter using CSS and JavaScript

User authentication and login are now an integral part of the web applications nowadays. Most sites or applications would ask user to sign up at first and then authenticate them with login... Read more »

How to wrap text around image using HTML and CSS ?

Normally while designing webpage we will need to use images and text within. Sometimes, we also might need to wrap the text around the image as shown in the image above. In... Read more »

Design Full Page Overlay Advertisement using HTML, CSS and JavaScript

Most of the websites nowadays are attracted to full page overlay ads for promoting third party as well as their own content in the websites. In this article,  we have a code... Read more »

How to create Go To Top button in a Webpage ?

In this article we will be learning to create a Go To Top Button in our webpage. We will show a Go To Top button in our webpage if user is not... Read more »

Simple Responsive YouTube Video Embeds

YouTube has become very popular among all user groups in recent times. Be it informative, factual videos or the comedy and entertainment ones, we all are a huge fan of YouTube. With... Read more »

Show Sticky Footer when User Scroll Down using CSS and JavaScript

In this post, we are going to design a sticky footer section which can be used as an Advertisement Slot. The sticky footer will be visible only when user scrolls down. Once... Read more »
On/Off Toggle Switch using CSS and JQuery

On/Off Toggle Switch using CSS and JQuery

In this post, we are going to design an On/Off Toggle Switch using HTML, CSS and JQuery.   Full Source Code for On/Off Toggle Switch : <style type="text/css"> .onoff{ height: 20px; padding:2px... Read more »

Show toast/snackbar in a webpage using CSS and JavaScript

In this post, we will be learning to display a simple toast message or snackbar in a webpage using CSS, HTML and JavaScript. Full Source Code :   <style> #snakbar{ visibility:hidden; min-width:250px;... Read more »