mobile menu trigger, icon

Category: Web Development

I write about web development because I am a web developer. The writings could help other developers & anybody who want to do it themselves. Or anyone who got stuck at a certain point and I may give it an answer.

I already got some feedback (blog comments) from readers who said that my guideline helped them to solve their problems.

In this web development topic, I discuss the following things: Domain, Web Hosting, Google Analytics, Google Search Console, Localhost, FTP, CMS, and programming.

Also, I post case studies very frequently. See one of my case studies that shows why most websites fail »

By the way, if you don’t know, I also help people to create their websites. If you want to redesign your existing website or want to create a new one, feel free to reach out.

I wrote a short history of CSS. If you’re interested, check the post after. It also covers some other basic questions. Most of the CSS posts are experimental and include source code. These explain how to achieve something with CSS. Also, they contain my personal explanations and even videos where necessary.


How to create a video preloader on your website (Static, Divi, Elementor)?

Create video preloader on website

If you want to create a video preloader on your website, this post will walk you through the complete process. Also, I showed you four different examples of how to create the preloader on a static HTML website, Divi, Elementor pro website, and how to exit the preloader dynamically with DOM (content) fully loaded. I used the same technics with a slightly different approach depending on the CMS (WordPress), page builders, etc. What is actually a preloader? In simple words, a preloader is a content that is visible until the webpage finishes loading. And it disappears after the DOM (content) […]

Read More →

HTML boilerplates for different types of projects (downloadable)

HTML boilerplates

An HTML boilerplate is the startup code of your projects. These boilerplates are a very basic skeleton & code sample that is not too educational. You don’t have to memorize these. So you can copy & paste a boilerplate template to your project and start writing your code to make a static website. Alternatively, you can generate boilerplate code using the shortcut key in your text editor. However, I have listed different types of HTML boilerplates. You can download or copy them with one click. See the “Table of Contents” to find your desired project type and click any of […]

Read More →

Create a responsive navigation menu using HTML, CSS & JS

Responsive navigation and hamburger menu

If you’re trying to create a responsive navigation menu that works well on all screen sizes, this post will walk you in the right direction. Aside from the responsive header, you’ll also learn how to create a simple hamburger menu for smaller screen sizes. End of this post, the source code is available for download. Before you start building the navigation menu, see the demo in the link below. How to create responsive header navigation & hamburger menu? In this example, I will use HTML, CSS & a few lines of JavaScript. As you saw on the live demo, the […]

Read More →

How to open a link in a new tab in HTML

Clicking a link and opening it in a new tab

If you created a static HTML web page and inserted links, they will open in the same window after you click any of them. This is the default behavior of any web browser. But if you want to open a link in a new tab, you have to specify _blank in the target attribute. In this post, I will show you how to do it and also discuss some other security concerns & their fixes. Let’s get started. How to open HTML links in a new tab? As I mentioned earlier, you need to specify _blank inside the target attribute. […]

Read More →

What’s the difference between the design & development of a website?

Difference between web design & development

The web design and web development look very similar. And we often use both these two terms to mention building a website. But what’s the difference between these two? And whether these two are the same thing or not. What is the difference between web design & web development? Before understanding the differences, first, we have to understand what they are. What is a web design? Web design refers to the design aspects of a website. Such as layout, color, font, user experience, user interface, etc. A web designer can design a website in two different ways: using graphic tools […]

Read More →

How to transfer a website from one Bluehost account to another?

How to transfer a website from one Bluehost account to another?

The process of transferring a website from one Bluehost account to another Bluehost account is the same except for the assigning domain. If your website is/was hosted on Bluehost and if you want to transfer it to another Bluehost account, you will face the following issue while assigning the domain to the new account. The domain “[your-domain]” is currently an Addon domain on the “[another-domain]” account. Please type the “[another-domain]” password to verify your ownership of the domain. OR You can also verify ownership of the domain using the EPP authorization code, which must be obtained from your current registrar. […]

Read More →

Do you need SiteLock Security on Bluehost?

SiteLock Security on Bluehost

Bluehost has 22 add-ons to their marketplace and “SiteLock Security” is one of them. It’s a third-party tool that searches for threats and fixes websites if there are any security issues. Bluehost is partnered with SiteLock and they offer this security service to their clients. After the “Codeguard Basic,” this SiteLock Security is one of the most discussed add-ons among all other package extras. You will find this “SiteLock Security” add-on on the Bluehost dashboard. If you’re an existing Bluehost customer, you will find it in their marketplace. After you log in to your Bluehost account, navigate to “Marketplace → […]

Read More →

Does Bluehost Codeguard Basic worth it?

Bluehost codeguard basic

Bluehost will upsell when you buy their hosting. These are included in the Bluehost package extras. These are Codeguard Basic, SiteLock Security Essential, Bluehost SEO Tools Start, and Single Domain SSL. As you see in the screenshot below. Now the question is, is it worth buying the extra add-ons on Bluehost? In this post, I will discuss briefly “Codeguard Basic” and give you valuable information to decide whether is it worth buying or not. But who I am to explain if it’s worth buying the Codeguard? What is the authoritativeness of my word about Bluehost? Before I answer, please note […]

Read More →

How to cancel your Bluehost account?

How to cancel Bluehost account

You can cancel your Bluehost account at any time. However, there are two types of cancellation scenarios. The first type of cancellation is canceling your Bluehost subscription within the first 30 days and getting a full refund. And the second type of cancellation is canceling the Bluehost subscription after the trial period ends. In this type of cancellation, you won’t get any money back. In this post, I will walk you through the steps of canceling your Bluehost account for both cases. Note that a money-back guarantee or refund does not apply for domains. If you cancel within the trial […]

Read More →

How to remove a website from your Bluehost account?

How to delete a website from Bluehost account

There are various reasons for taking down a website. However, if you want to completely remove a website from your Bluehost account, this post will walk you through the right process. How to remove a website from Bluehost? Login to your Bluehost account, go to “My Sites” and find the website that you want to remove. Underneath each site, you’ll find a button called “Manage site.” Click on this “Manage site” button of the website that you want to delete. On the next screen, click the “Settings” tab as you see on the screenshot below. Scroll down until you find […]

Read More →