Overview

In this module, we'll learn how to scaffold and design a websites using HTML and CSS. We'll learn about:

• HTML — The markup language used to create the structure and content for websites.

• CSS — The styling language used to define the layout, spacing, colors, fonts, and more for websites.

• Accessible Design — Designing for users with a wide range of abilities and disabilities, focusing on removing barriers to access and ensuring usability for everyone.

External Resources for Learning

• [CSS Tricks] Design Principles for Developers: Processes and CSS Tips for Better Web Design

• [CSS Tricks] A guide to Flexbox

• [Youtube] Learn flexbox the easy way (Kevin Powell)

Chapters

• 1. HTML

• 2. CSS

• 3. The Box Model and Positioning

• 4. Flexbox

• 5. Grid & Media Queries

• 6. Forms

• 7. Accessibility (a11y)

• Personal Portfolio Project

• Cheatsheet