Skip to content
Critical Web Design Wiki

0.0 Context

Overview
Introduction to the book

Context

Section titled “Context”

A screenshot of clickclickclick.click The website, clickclickclick.click is an example of critical web design. It presents a simple button when it loads. Then a recorded voice and text in the interface slowly informs the user that their actions are not only being recorded, but measured, scored, and represented as achievements.

0.1 How This Book Is Organized

Section titled “0.1 How This Book Is Organized”
  1. Context
  2. Modules
  3. Active Learning
  4. Teaching Guide
  5. Chapter Summaries (see individual chapters)

0.2 Technical Requirements

Section titled “0.2 Technical Requirements”
  1. Install Chrome Web browser: https://www.google.com/chrome
  2. Create a Github account https://github.com
  3. Create a Figma account and install the desktop app https://figma.com
  4. (optional) Install VS Code editor: https://visualstudio.microsoft.com/downloads

alt text Wikimedia Foundation User Agent Breakdown by desktop (left) and mobile (right)

Statcounter graph showing Chrome in the lead. Statcounter Browser Market Share Worldwide Jan 2009 - June 2023”

0.3 Conventions and Resources

Section titled “0.3 Conventions and Resources”

Find all Critical Web Design book examples and exercise assets in the Github repository. Including…

  • An Errata with information about and submitting errors
  • A Wiki with additional resources
  • Discussions where you can share your work and see what other readers have created.

A twitter post naming several essential but fake web development tools A tongue in cheek post on the plethora of and speed at which web frameworks change

Aside Style Guide

Section titled “Aside Style Guide”
Excerpt
A short summary of each article.