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.


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 embed a YouTube video in full width (WordPress)?

How to embed full width YouTube video into Static HTML web page and WordPress

You can embed a YouTube video in a couple of ways. In this post, I will show you the easiest way to embed any YouTube video and make it full width. This process will work for embedding on HTML static pages, WordPress, and any other CMSs. How to embed YouTube videos? Once you open the video in your browser and follow these steps: 1. Click the “Share” link (option) Click the link “Share” at the bottom of the video. See screenshot. 2. Click on “Embed” After you click the Sharable link, you will find a couple of options to share […]

Read More →

11 best Bluehost alternatives in 2023

Bluehost is a great hosting company recommended by WordPress. Other WordPress-friendly hostings can be Bluehost alternatives. Bluehost has a wide range of hosting plans and packages, such as shared, VPS, and dedicated. Each of these plans is divided into three-quarters of other packages. This post will show you the options for better web hosting for WordPress websites and better hosting than Bluehost. I used Bluehost for 2 years, but I noticed that the current hosting package couldn’t handle my growing traffic. So, I decided to migrate my website to a different website. As a web developer, I have practical experience working […]

Read More →

3 best cheapest hosting under $3 per month

If you’re creating a new website and you’re on a tight budget, any one of the following hostings could be your best solution. There are countless web hosting companies all over the world, and there are thousands of hosting resellers out there. In this post, I will introduce three reliable hosting companies that are not resellers. So you’ll get the most out of your hard-earned money. Cheapest but reliable Namecheap World’s cheapest hosting service among all the reliable and renowned companies. $1.88/month Go to site Read review → WordPress optimized Hostinger Free Weekly Backups, Free SSL, 1 Free Domain, and Optimized hosting […]

Read More →

How to style the scrollbar using CSS?

scrollbar custom style

Do you want to make the scrollbar more colorful & exceptional? You can do it very easily with CSS. In this post, I will show you how to customize the default styles of the scrollbars. Before you move further, see the finished product in the link below. Let’s get started. Customizing the default styles of the scrollbar You can come up with many different styles and make the scrollbar exactly the way you want. In this section, I will give you an example and explain how I did it. From there you can change colors, background, size, etc. In the […]

Read More →

How to create an animated portfolio website [HTML, CSS, JS]

Animated portfolio template

If you want to take your portfolio website to the next level, then you can add animation to it. Most clients make judgments after seeing the design of your site. And the animation enhances the design experience of your website. However, we should not animate the web pages randomly and make them crazy with lots of unwanted animation that is against the user experience. So the animation should be minimal, professional, user-friendly & meaningful. If this is what you’re agreeing with then let’s get started. Before we deep dive, see the animated portfolio template that you’re going to build. See […]

Read More →

Portfolio website design with HTML CSS [source code]

portfolio website design html css

A portfolio is a great way to showcase your expertise. It also increases the chance of getting hired. I will show you a step-by-step guideline on how to design a portfolio website using only HTML, CSS & a few lines of simple JavaScript. End of this post, you will get the portfolio website source code and you’re free to edit the template as you see fit.Before we start together, see the finished product (live demo) that you are going to build. It’s completely mobile responsive, fast loading, and easy to customize the template. It shows a portfolio for a freelance […]

Read More →

How to insert an image in HTML?

Insert image in HTML document, man working on a laptop, infographic

To insert an image in your HTML document, add a <img> tag and input the file path into the src attribute. Also, adding an optional alt attribute is a best practice that I will discuss more later in this post. No matter if it’s a live website or if you’re working locally on your computer, the ultimate process is the same for inserting images into your HTML document. However, if this guide looks complex at any point, don’t worry because I will also show you everything in action in the video instructions. How to insert an image in HTML? Specify […]

Read More →

What is CSS? [history & basic concept]

CSS stands for “Cascading Style Sheets.” It’s a stylesheet language and not exactly a programming language. The history of CSS CSS was created 25 years ago. On December 17, 1996, W3C (World Wide Web Consortium) officially published it. [ref] Hakon Wium Lie (Håkon) first proposed the concept of CSS on October 10, 1994. And Bert Bos was an influencer & he is a co-creator of CSS. [ref] If you’re curious enough, check the brief history. The second version of CSS (CSS2) was released on November 04, 1997 (first public working draft). Finally, the latest version of CSS (CSS3) was published […]

Read More →

How does CSS position property work?

CSS positon property, man working with HTML CSS on computer desk

CSS position is one of the most used properties that confuses many web designers & developers. In this post, I will explain this property in depth. Hopefully, this will make things clear. Let’s get started. CSS position property There are 5 different values for the CSS position property: static, fixed, relative, absolute & sticky. The static is the default value. And the absolute is the most puzzle piece among them. Let’s discuss & make things clear. Static position As I mentioned, the static is the default value. Think of it as a normal situation on your web page. Fixed position […]

Read More →