Web Dev Basics

A tutorial series about the basics of web development focusing on HTML, CSS, Accessibility (a11y) and User Experience (UX).

---

This repository contains all code examples of the tiny website that is created in the tutorial series. Each version is built on top of the one before.

Articles

1. Let’s Get Started With Web Development: tutorial | code
2. Building a Small Website – First Steps: tutorial | code
3. Creating an Accessible Contact Form in HTML: tutorial | code
4. An Introduction to the Awesome World of CSS: tutorial | code
5. CSS Selectors and Their Specificity: tutorial | no code available
6. The CSS Box Model & Layout Basics: tutorial | code
7. Responsive Web Design: tutorial | code
8. A Responsive Form Layout with CSS Grid: tutorial | code
9. Responsive Images With HTML: tutorial | code
10. Creating a Dark Mode using CSS Custom Properties: tutorial | code
11. Four CSS Layout Modes and Their Use Cases: tutorial | code