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.

The most common mistakes that website owners make

Why your website does not work, post thumbnail

Many website owners make common mistakes when creating and optimizing content for their websites. I will reveal those mistakes in this post. Probably, you’re also making at least one or more of them. Let’s see them one by one. Common mistakes for website content creation and SEO optimization In this context, content creation means writing for your blog posts & pages, and inserting/creating images/videos and other digital assets. SEO optimization refers to the acts that most people do for ranking high on search results. Some of these are honest mistakes (not intentional) but time-wasting, and some of them are intentional […]

Read More →

How to create outstanding content for your roofing website?

Roofing website content post thumbnail

Creating perfect content for your roofing website can be hard and time-consuming. It can be also challenging sometimes even if you have been working as a roofing contractor for a long time. But how do I know? Well, this is what I found while working for my clients. I have one client who had been using totally garbage content from 2010 to October 2023. In this post, I will explain the two main aspects: What you’ll get after reading this post? Here are the benefits you can get from this post: Let’s get started. How can you achieve perfect copywriting […]

Read More →

Roofing website template for download (responsive)

Roofing website template post thumbnail

This post will give you a static template for your roofing website. I built this template from scratch. You can use it for free. Also, you can convert this template or create the same layout on WordPress, Squarespace, Wix, etc. This template is unique, mobile responsive, fast loading, easy to manage/edit & professional. This will be an inspiration for anyone who needs a roofing website. If you don’t have enough budget to buy a theme or template or if you don’t want to spend money, you can download this template and create your roofing website within half an hour. Moreover, […]

Read More →

How to create a perfect roofing website that gets clients for you?

Create a roofing website

A roofing website can be a great source of clients if you build it right and emphasize the important aspects. Throughout 2023 & beyond, I designed & developed a couple of websites for roofers & property maintenance businesses in North America. During this development process, I learned a lot about this business and its main workflow. I saw how smart people are consistently grabbing customers. At the same time, I also saw some other people wasting their time & money on less important things. Before you begin, see the topics in the table of contents below. It will give you […]

Read More →

Create a landing page using HTML, CSS & JS (source code included)

Landing page template HTML, CSS, JS

A landing page is a great opportunity to get leads and make sales. It also helps the visitors to navigate through different content of your website. Your prospects get a clear idea about what you do and why they should interact with you. In this post, I will show you how to create a perfect landing page using only HTML, CSS & a small amount of JavaScript. I also have added a link to download the full template. Before you get started, see the live demo of the finished page that you’re going to build. Did you like it (live […]

Read More →

What is a responsive website?

what is a responsive website?

A responsive website is a layout that adapts all screen sizes such as mobile phones, tablets, desktops, etc. It does not require any extra effort for the end users to view the website on any device. A responsive website automatically fits the device viewport no matter what is the width & height. For example, a three-column layout on a desktop automatically breaks into one column on mobile. And the visitors don’t have to scroll horizontally on a smaller screen. Back in the 2000s, websites were made only for one screen size (such as large devices). So visitors had to scroll […]

Read More →

How to add Google fonts to your website?

Adding Google Fonts to website

To add Google fonts to your website, visit and choose the font(s) that you want to use. Note that you can choose multiple fonts at the same time. Also, you can select different font styles such as font weights like 400, 600, etc. For your inspiration, see Google font pairs (combination). Choose a font you want to use Anyway, once you’re on the home page, click any of the fonts. For example, Roboto is an example. After clicking a font, it will take you to the detail page. From there, you can choose/select as many styles as you want. […]

Read More →

How to create a static coming soon page? (template included)

Coming soon template HTML, CSS & JavaScript

To create a coming soon template or page, the most important part is the countdown timer. You can come up with any styles but your audience may want to see the remaining time to go live. In this post, I will show you how to create a static coming soon page only using HTML & CSS. I used a few lines of JavaScript only for the countdown timer. You can download the template & use it on your projects for free. Before you start, see the live preview of the coming soon page that you are going to build. If […]

Read More →

How to create a ribbon inside pricing cards (only HTML & CSS)?

Ribbon with pricing cards

In this post, I will show how you can create a simple ribbon in pricing cards. Also, I will give you a downloadable template that contains 3 pricing cards and a ribbon. In the real world, the ribbon is used only with one card/item that you want to highlight. And this is what I built in this post. Around the web, you’ll get many ribbon samples. But the problem happens when you try to implement them on your own projects. This is just because most of the samples are created with a blank HTML div that has a specific width […]

Read More →

How to create a resume using HTML CSS (template included)?

Resume built with HTML CSS

In this post, I will show you how to create a resume or CV (curriculum vitae) using HTML & CSS. Also, I will give you the downloadable template so you can edit the information and quickly get started. The template I built for this post is completely mobile responsive. I will also tell you why this digital resume is essential and how you can host your resume online for free & how you’ll get a shareable URL from GitHub Pages. Also, I will show you how you can create a JPG/PNG/PDF of your resume. Let’s get started. Create a resume […]

Read More →