Recent Blogs

How To Add A Delay In Javascript - SetTimeout Method

Author: Sameer Saini Date Published: February 25, 2022

There are some scenarios where we have to delay the execution of a method by a few milliseconds or a few seconds. A few use-cases of this could be delaying the disappearance of an alert or warning message by a few seconds. Another example could be redirecting a webpage to another webpage and telling the user that this webpage will be redirected in X number of seconds.

Read More

Javascript Get Element By Class

Author: Sameer Saini Date Published: February 24, 2022

In a reactive website, you would need Javascript to interact with the DOM and dynamically add, delete or change elements. In such a case, you would have to select an element. You can select an element by its tag but then this selection will select all the elements for that tag. So sometimes you need to assign classes to elements and then make a selection of specific classes.

Read More

How To Redirect To Another Webpage URL In Javascript

Author: Sameer Saini Date Published: February 23, 2022

There are so many scenarios where we want to redirect from the current webpage to a URL that is in the same domain or sometimes on another domain. This can be redirected to a web page after login or registration. Javascript provides a few different ways through which we can redirect to a different URL or a webpage.

Read More

Add A Button OnClick Event In HTML and Javascript

Author: Sameer Saini Date Published: February 23, 2022

Buttons in HTML perform an action. This can be submitting a form, starting or stopping an operation, triggering a process, or just visually changing the website. All of the above happens when the user clicks a button. HTML and Javascript together provide us the functionality where you can add buttons to the website and then use Javascript to trigger the button.

Read More

Full Screen Overlay Navigation Bar Using HTML, CSS and JAVASCRIPT [Free Source Code]

Author: Sameer Saini Date Published: February 21, 2022

In this blog post, we are going to create a fancy navigation bar using HTML, CSS, and Javascript. This navigation menu would be not just a regular navbar, but, a full-screen overlay navigation menu. This will be a responsive navigation bar menu that will be responsive for both mobile and desktop displays. It will be really fun to code this and navigation bars like these create an amazing impression of your website in the user's head.

Read More

Create A Countdown Timer Using HTML, CSS and Javascript - Free Source Code

Author: Sameer Saini Date Published: February 19, 2022

A countdown timer as we have seen in many places including one in our mobile phones is a timer that ticks backward from a given time to zero. A countdown timer has several benefits in real life too. This can be used as an alarm to see if food is properly cooked or not, to track activity, and numerous other things. Although we have a countdown timer in our mobile phone, creating a countdown timer from scratch using HTML, CSS and Javascript can be so much fun. This can be a mini project that you can add to your portfolio.

Read More

Animated Full Page Search Bar Using HTML, CSS and Javascript

Author: Sameer Saini Date Published: February 18, 2022

Medium and Big enterprise-level websites all require a search functionality in their website so that users can search for something particular across their website. This search functionality provides a pleasant user experience and users land straight to the resource they are looking for. In this blog post, we will create an animated full-page search bar for our website using HTML, CSS, and Javascript. First, we will start by creating the HTML and CSS for the header which has the search button in the header.

Read More

Toggle Password Visibility Using HTML, CSS and Javascript [Source Code]

Author: Sameer Saini Date Published: February 18, 2022

You might have come across this functionality in so many websites, where you see a toggle button that toggles the password visibility for you. Some websites have this as a "Show Password" button, some have a "Password Eye" icon which suggests you can click or hover over it and you will be able to see the password you typed. This "Toggle Password Visibility" is an amazing functionality when you have to give a final look at the password that you just typed.

Read More

Create and Embed Google Maps To Your Website - Google Maps Javascript API Tutorial

Author: Sameer Saini Date Published: February 07, 2022

In so many versatile ways, almost every website needs maps in some shape or form. The use cases for these could be infinite. Business websites use maps to show their business location to let potential customers where they are located. On the medical side, we are seeing maps used to show clusters of covid cases for regions and countries. I know this is sad but technology helps us to protect ourselves better. So now that we know how maps could be so important in websites when we think about maps, the first thing that comes to our mind is Google Maps. Google maps have taken over the maps market by far.

Read More