All blog posts
Get your nagging questions on HTML and CSS answered through articles and tutorials.
How Often Should You Update Your Academic Website
15 Aug 2023 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 and relevant. In this beginner’s guide, we will explore how often you should update your academic website and... Read moreWhat to Put on an Academic Website
12 Aug 2023 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 seasoned scholar or just starting your academic journey, this beginner’s guide will help you understand what to put on your academic website... Read moreBest Personal Academic Website Builder
09 Aug 2023 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 seasoned academic aiming to share your research and expertise, choosing the right website builder is crucial. In this beginner’s guide, we’ll... Read moreHow to Center Div Inside Div [Horizontally & Vertically]
05 Aug 2023 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 this without pulling your hair out. In this guide, we’ll walk you through the steps to center a <div> inside... Read more8+ Front End Web Development Projects You Need on Your Portfolio
02 Aug 2023 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 of web development. Including a diverse range of frontend web development projects in your portfolio not only demonstrates your versatility... Read moreWhat Is A Portfolio Website? [Complete Guide]
30 Jul 2023 A portfolio website is your online portfolio – a dynamic and interactive version of a traditional resume. It’s like having a personal website where you not only talk about your skills and expertise but also provide real examples of your work. A portfolio website lets you showcase your projects visually,... Read moreHow to Make Textarea Not Resizable
26 Jul 2023 By default, most web browsers allow users to resize textareas by dragging the bottom-right corner. However, there might be situations where you want to prevent users from resizing the textarea. So, how do you stop this. The CSS resize Property The resize property in CSS controls whether an element, such... Read moreHow to Make a Contact Form Send Email Using HTML
22 Jul 2023 If you have a website and want to allow visitors to contact you easily, adding a contact form can be a great idea. In this guide, we’ll walk you through the process of creating a simple contact form in HTML that can send emails. Don’t worry if you’re not familiar... Read moreHow Long Does Github Pages Take to Update
19 Jul 2023 GitHub Pages takes anywhere from a few seconds up to 20 minutes to update successfully, depending on various factors. If you’ve made changes to your website and are eagerly waiting to see them reflected on your GitHub Pages site, read on to understand the factors that influence update times and... Read moreHow to Center a Table In CSS & HTML [Complete Guide]
15 Jul 2023 Tables are a powerful tool for organizing and presenting data on a web page. However, when it comes to styling tables, beginners often struggle with aligning them properly. One common challenge is centering a table horizontally and vertically within its container. In this comprehensive guide, we will walk you through... Read moreHow to Create a Table in HTML [Complete Guide]
12 Jul 2023 HTML tables are a fundamental part of web development. They allow you to organize and display data in a structured manner. Whether you’re creating a pricing comparison chart or presenting statistical information, knowing how to create tables in HTML is an essential skill for any beginner web developer. In this... Read moreHow To Center an Image Vertically in CSS
08 Jul 2023 Centering an image vertically can be a bit tricky, but with the right techniques, it can be achieved easily. In this tutorial, we’ll guide you through the process step by step. Method 1: Flexbox Flexbox is a powerful CSS layout module that simplifies the process of centering elements. Here’s how... Read moreHow To Horizontally Center Image in HTML & CSS
05 Jul 2023 Are you a beginner web developer struggling with aligning images in the center of your web page? Don’t worry, we’ve got you covered! In this tutorial, we’ll guide you through the process of horizontally centering an image using CSS, the styling language of the web. Step 1: Wrap Your Image... Read moreHow To Center Image in HTML and CSS [Complete Guide]
01 Jul 2023 Have you ever wondered how to perfectly center an image on a webpage using CSS? Centering an image can be a bit tricky, especially for beginners. But fear not! In this complete guide, we will walk you through the best practices to achieve a beautifully centered image on your website.... Read moreHow to Use Gitlab Pages to Deploy HTML Website Online
26 Jun 2023 GitLab Pages provides a simple and efficient way to publish static websites directly from your GitLab repository. In this article, we will guide you through the process of publishing an HTML website on GitLab Pages. Whether you’re a beginner or an experienced developer, this step-by-step tutorial will help you get... Read moreHow to Display Array of Objects in React
25 Jun 2023 When working with React, you will be required to display an array of objects in your application’s user interface. Whether you’re building a user list, a product catalog, or any other dynamic content, efficiently rendering and presenting an array of objects is a fundamental skill to master. In this article,... Read moreHow to Display JSON Data in React
24 Jun 2023 React is a popular JavaScript library for building user interfaces. It provides a powerful and efficient way to create dynamic web applications. One common task in web development is displaying data from an API or a backend server. In this article, we will explore how to display JSON data in... Read moreHow to Display a List of Images in React Js
23 Jun 2023 React is a popular JavaScript library for building user interfaces, and displaying a list of images is a common requirement in many web applications. In this article, we will explore different methods to accomplish this using React. Whether you have images stored within your application or need to fetch them... Read moreHow to Display an Image from a URL in React
22 Jun 2023 In React, displaying images from URLs is a common requirement when building web applications. Whether you want to display an image from an absolute URL or from a relative URL within the src or public folder, this article will guide you through the process. Introduction When working with React, there... Read moreHow to Display a List of Items in React
21 Jun 2023 React is a popular JavaScript library for building user interfaces. It provides a flexible and efficient way to render and update UI components. One common requirement in web development is to display a list of items in a React application. In this article, we will explore different approaches to achieve... Read moreHow to Display Text in React Js
20 Jun 2023 React.js is a popular JavaScript library for building user interfaces. One common task when developing web applications with React.js is displaying text on the screen. In this article, we will explore different ways to display text in React.js and provide you with the knowledge you need to get started. Using... Read moreHTML, CSS and Javascript Projects: Company Website
17 Jun 2023 Are you looking for a fun and engaging project to help you practice your HTML, CSS, and JavaScript skills? Look no further than the Company Website project! Project Stats Knowledge required: HTML, CSS, and Javascript Difficulty: Beginner friendly Estimated project completion time: 30 - 60 hours Skills to Practice on... Read moreWhy Do People Create Websites and Why You May Want One
11 Jun 2023 In today’s digital age, websites have become essential tools for individuals and businesses to establish their presence, reach a wider audience, and achieve their goals. But why do people create websites, and what benefits can having one bring to you? In this article, we will explore the reasons behind website... Read moreHTML, CSS and Javascript Projects: Dashboard Website
10 Jun 2023 If you’re a frontend web developer looking to build your skills, building a dashboard website is a great project to tackle. Dashboard websites are used to display and organize data in a visual way. They can be used for anything from tracking business metrics to monitoring personal fitness goals. In... Read more
Older
Newer
Front End Developer Newsletter
Receive a monthly Frontend Web Development newsletter.
Never any spam, easily unsubscribe any time.