All blog posts

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

Advertisement


Drawflow Tutorial: 3. Add Nodes Through Drag and Drop

In the last tutorial, we covered how to programmatically add and connect nodes using editor.import(). Now, let’s make things more interactive by enabling users to drag and drop nodes into the canva... Read more


Drawflow Tutorial: 2. Automatically Show Nodes When Page Loads

In our first tutorial, we set up Drawflow, created a canvas, and added a simple “Hello World” node. Now, let’s move forward and explore how to add multiple nodes that are connected to each other r... Read more


Drawflow Tutorial: 1. How to Set Up Drawflow

Drawflow is a JavaScript library that makes creating interactive, visual workflows on the web easy. If you’ve explored its documentation, you might have found it detailed but a bit challenging to ... Read more


Is Google Sites Good For Portfolio[Answered]

Google Sites can be a good option for creating a portfolio website, especially for those who prioritize simplicity, ease of use, and cost-effectiveness. However, it may not be the best choice for e... Read more


Jekyll Alternatives for Your Unique Website Needs

Jekyll has long been a popular choice. However, it’s not the only option out there. Whether you’re looking for more features, a different workflow, or simply want to explore what else is available... Read more


Hugo Alternatives: Finding the Right Fit for Your Website

While Hugo has gained popularity as a static site generator, it’s important to explore alternatives to ensure your project’s needs are fully met. Whether you’re seeking simplicity, robust features... Read more


The Ultimate Guide To CMS For Static Site Generators

Static site generators (SSGs) have gained considerable popularity for their simplicity, speed, and security benefits. However, managing content with traditional SSGs often involves editing files o... Read more


How To Add A Page & Subpage In Google Sites[3 Methods]

You can add a page to Google Sites in 3 different ways Creating a New Page Click on the pages tab located on the right hand side. Click on Add(+) sign at the bottom. You will be prompted to... Read more


Freelance Web Development Niches List

The most useful advice I ever got as a new freelance web developer was to specialize in a niche. Niching helped me get my first 5 clients who were looking for freelancers with my specific skills. ... Read more


How To Delete A Page In Google Sites

Follow these 6 steps to delete a page on your Google Sites website. Click on the pages tab locate on the right hand side. Find the page you want to delete from the list of pages. Hover your ... Read more


CSS Tutorial For Beginners With Examples

CSS stands for Cascading Style Sheets. Web developers use it to control the design and layout of a website. With CSS, you can change the colors, fonts, spacing, and more. It’s what makes a plain HT... Read more


How To Get Started As A Freelance Web Developer

I started freelancing as a web developer September 2022 and it was a huge and confusing challenge. I have learnt alot from my experience. The good news is that you only need two key ingredients to... Read more


What Is A Website CMS [All You Need To Know]

A website Content Management System (CMS) is a user-friendly tool that allows you to build and update your website’s content with zero coding knowledge. You can create and manage the content of yo... Read more


What Is A Website Builder [Fundamentals For Beginners]

A website builder is like a digital toolbox that helps you create your own website without needing to know complicated coding or programming. It’s a user-friendly tool designed for people who may n... Read more


What is a Website Domain Name Name: A Beginner's Guide

A website domain is the address of a website on the internet. It’s what you type into the address bar of your web browser to visit a specific site. Think of it as your home’s street address – it he... Read more


What is Website Hosting: A Beginner's Guide

Creating a website is an exciting venture, but there’s more to it than just designing web pages. One crucial aspect that often puzzles beginners is website hosting. In simple terms, website hostin... Read more


What is a Website? A Simple Guide for Beginners

In this simple guide, we’ll break down the basics and make the concept of a website easy to understand. What Exactly is a Website? A website is a group of one or more web pages which are accessib... Read more


13 Popular Types Of Websites In The World [With Examples]

Websites have become integral part of establish a unique online presence for individuals and businesses. As a web developer, you may be wondering, how many types of website are there? There are a ... Read more


What Is A Personal Website? [Best Guide For Beginners]

A personal website is like your own virtual home on the internet. It’s a dedicated online space that you can customize to represent who you are, what you’re passionate about, and what you do. It’s... Read more


How to Make a Responsive Iframe for Embedding a Full Web Page

If you’ve ever wanted to embed a full web page into your site using an <iframe>, you’ve probably run into the challenge of making it responsive. An <iframe> is essentially a window to ... Read more


How Often Should You Update Your Academic Website

Creating an academic website is a crucial step in establishing your online presence as a scholar, researcher, or educator. However, once you’ve set up your website, it’s essential to keep it fresh ... Read more


What to Put on an Academic Website

In today’s digital age, having a well-structured academic website is essential for academics looking to share their research, connect with peers, and showcase their expertise. Whether you’re a seas... Read more


Best Personal Academic Website Builder

In today’s digital age, having a personal academic website can significantly boost your online presence and professional profile. Whether you’re a student looking to showcase your work or a season... Read more


How to Center Div Inside Div [Horizontally & Vertically]

When it comes to web development, centering a <div> inside another <div> both horizontally and vertically can be a bit tricky. However, with a few simple techniques, you can achieve thi... Read more


8+ Front End Web Development Projects You Need on Your Portfolio

Are you a frontend web developer looking to showcase your skills and attract potential clients or employers? Building a portfolio that highlights your expertise is crucial in the competitive field... Read more