THE WEB, ONE PIECE AT A TIME
Read the code.
Understand
the why.
A practical lexicon for people who build websites. Clear explanations, useful examples, and the small details that make a big difference.
<!doctype html>
<html lang="en">
<head>
<title>A little curiosity</title>
</head>
<body>
<h1>Hello, possibility.</h1>
<p>Start with understanding.</p>
</body>
</html>What would you like to understand?
30 guides · Built from the basicsHTML
Structure the content. Give every element a purpose.
08 guides · Explore →#CSS
Shape the page. From the box model to responsive layouts.
08 guides · Explore →{ }JavaScript
Add behaviour. Understand what happens and why.
08 guides · Explore →~/Debugging
Find the small mistake behind the big problem.
02 guides · Explore →AaAccessibility
Build pages more people can read and use.
01 guides · Explore →◧Web Design
Make thoughtful choices about type, space and layout.
01 guides · Explore →↗SEO
Help readers and crawlers discover your work.
01 guides · Explore →/Hosting
Understand how your files become a website.
01 guides · Explore →SMALL MISTAKE. BIG DIFFERENCE.
Something looks wrong. Where do you start?
Learn to trace a problem back to the line that caused it.
A good place to begin
All HTML guides →- HTML · Guide
Your first HTML documentGive the browser a clear document, from the doctype to the closing tag.
- HTML · Guide
Headings & paragraphsBuild a readable outline instead of choosing tags by their default size.
- HTML · Guide
Links & file pathsUnderstand where a link goes, and why one missing slash matters.
FROM HAND-WRITTEN HTML TO WORKING WITH AI
Still curious, thirty years later.
My web journey began in the 1990s. The tools changed. The wish to understand stayed.