All blog posts

Get your nagging questions on HTML and CSS answered through articles and tutorials.


How to Make Tabs With HTML, CSS and Javascript

Tabs are a great way to organize content on a web page and make it easy for users to find what they’re looking for. In this post, we’ll show you how to create tabs using HTML, CSS, and JavaScript. Tabs HTML Structure First, let’s start with the HTML structure for... Read more

How Many Heading Tags Are There in HTML? [Answered]

HTML has six different heading tags, ranging from h1 to h6. The h1 tag is the most important and represents the main heading on a page. The h2 tag represents a subheading, and so on, with the h6 tag being the least important. They six HTML heading tags are: Here... Read more

Best Programming Languages for Web Development in 2023

Web development is a rapidly growing field, and choosing the right programming language to learn is crucial. With so many options available, it can be difficult to know where to start. In this blog post, we will go over the most popular and widely-used programming languages for web development and... Read more

CSS Border Color Tutorial[Complete Guide]

The CSS border-color property allows you to specify the color of an element’s border. You can set the color on all four borders of your element together or individually. Setting Border Color CSS The syntax for setting the border color in CSS is as follows: border-color: color | transparent; To... Read more

How Long Does it Take to Learn HTML

You can take between 3 days to 1 month to learn and practice the basics of HTML. The time you take will depend on your learning pace. So, you’re interested in learning HTML, huh? Well, good for you! It’s a valuable skill to have, and it’s not as intimidating as... Read more

How to Add Bootstrap to React App Project

Bootstrap is a popular CSS framework that provides a set of pre-designed components and layout styles that can be easily integrated into a web application. If you’re building a React app and want to use Bootstrap to style your app, there are a few different ways you can go about... Read more

How to Make a Responsive Youtube Embed In HTML & CSS

The Youtube video embed code you copy from Youtube shows a small video on all screen. It’s not responsive. With HTML and CSS, you can turn your video into a responsive youtube video. You can also just use out responsive Youtube embed generator to make your Youtube video responsive. how... Read more

How To Publish HTML Website On The Internet [3 Steps]

You can easily publish a HTML website on the internet. You will get a step by step guide on how to publish your HTML website on any website hosting server. As a bonus, you will get a list of places where you can publish your HTML website. Requirements: You should... Read more

How to Setup and Add Jekyll Categories [Simple Guide]

You can add categories to any post or page on your Jekyll. Then you can display: a list of all category names on any page you want a list of all post titles organized by their categories a list of all post titles and post excerpts Show All Category Names... Read more

What Is Bootstrap CDN Used For [Insanely Easy Guide]

A vast number of developers use Bootstrap though CDN. But what exactly is Bootstrap CDN? What is Bootstrap CDN Bootstrap CDN are Javascript and CSS links that you can use to add Bootstrap to your website instead of adding Bootstrap files to your website. Bootstrap CDN Link When a new... Read more

What Are Bootstrap Templates?[Everything You Need To Know]

Bootstrap Templates can be found on sale on different marketplaces online. You are going to dive deep on what are Bootstrap templates and how you can leverage them to help you in creating websites and web apps. What are Bootstrap Templates Bootstrap templates are website templates built using Bootstrap that... Read more

What is Bootstrap in Programming, HTML & Web Development[Complete Guide]

Have you been researching about creating websites? You might have come across Bootstrap. So, what is Bootstrap and how can you use it to create websites? Bootstrap is tool used in creating responsive website and web applications(web apps). Bootstrap is mainly concerned with the appearance of your website. If you... Read more

What are Static Websites? [Complete Beginners Guide]

Static websites are websites that takes web pages stored on a server and deliver them to the web browsers without any alterations. A static website will always server the same files to all the users. How Static Website Works A static website consists of HTML, CSS, Javascript, image, video and... Read more

What is Google Sites? [Google Sites Basics]

Google Sites is a free and straightforward website builder used to create business, portfolio, and private websites. Google Sites What Is It Google sites is a website builder owned by Google. It allows you to create websites using a drag and drop interface. No coding skills required. You can collaborate... Read more

Can You Host a Website on Google [Answered]

You can Host a website on google. Google has 3 services that can be used to host a website. Google has a wesite builder called Google sites, blogging platform called Blogger, a website application hosting platform called Google Cloud Platform and Google Firebase a realtime database. How Can You Host... Read more

Can You Host Your Own Website? [Answered]

You can successfully host your own website if you want to. Countless individuals and organisations have done it. It is not very difficult to do it if you know what you are doing. So, how can you host your own website? 4 Ways You Can Host Your Own Website 1.... Read more

Can I Host a Website On My Computer? [Answered]

Yes you can host your website on your own computer. The website hosted on your computer will be viewable by anyone on your computer. However, it will not be available on the internet. Still, you can make the website available to the whole world. But it is not worth the... Read more

Can You Host A Website For Free? [Answered]

You can host your website for free. The easiest method to host a website for free is to use a free website hosting service. Infact, there is a huge number of free website hosting services. All you have to do is to find one that meets your needs. There are... Read more

How to Create React App With Vite

You can use Vite to create a React project. Vite is a build tool that is gaining some popularity in the web development space. With Vite, you can create frontend project in React, Vue, Preact, Svelte, Lit, and Vanilla Javascript. Vite is promising a better development experience for developers. Creating... Read more

How to Create a Simple React Redux App

If you have tried using Redux with React and you are finding it hard to learn. This tutorial is for you. In this tutorial, we are not going to take advantage of Redux toolkit. I want to keep the project simple so that it can be easy to wrap your... Read more

What is Redux and Why it is Used

Redux is a Javascript library for creating, managing and accessing state across an application in a predictable way. Redux creates a store with a state that is available across all the components of a javascript application. Normally, in apps created with front-end frameworks, state is only available within the parents... Read more

How to Create React App Using Npm

The most recommended way to create a React app is to use npm. To create a react project using npm, you only need to have Node version 14 or greater. If you don’t Node js on your computer, follow the instruction on NodeJS website to install it. Install React App... Read more

How to Save Data in MongoDB Database using Nodejs

Since we can now connect to the database, lets proceed to saving data in the database. First, add the database name you intend to use to your URL. If your current URL is: const uri = "mongodb+srv://databaseadmin:<databasepassword>@cluster0.p198l.mongodb.net/?retryWrites=true&w=majority" And ‘yob-2021’ is the name of the database, then your URL should be:... Read more

Connect MongoDB With node js Using Mongoose[Local and Cloud]

You need a database driver to access a MongoDB database. In our project, we are going t use Mongoose. There are other options like native MongoDB driver. You first need to install Mongoose in you app. You can run npm install mongoose in the terminal on your project folder. Once... Read more

Creating Simple Express Server App

Express or Express.js is a web framework that runs on Node.js. It provides a set of tools that you need when creating a web server. Installing Express Locally You should already have Node.js already installed on your computer. Create a new folder with the name of your choice. This folder... Read more