Contents

Type & Layout on the Web

A practical course in design fundamentals, typography, grid, paged media, and document production with HTML, CSS, and Paged.js.

Front Matter

Cover Type & Layout on the Web The rendered cover page.
Introduction The Page as a Made Thing On learning to see, and why HTML is a surprisingly good place to start.

Part One

Design Fundamentals

Perception, form, composition, organization, and color.

Part Two

Typography

Letterforms, type choice, scale, rhythm, and advanced typographic control.

Chapter Six Understanding Type
Chapter Seven Choosing and Pairing Typefaces
Chapter Eight The Type Scale
Chapter Nine Spacing and Rhythm
Chapter Ten OpenType and Advanced CSS Typography
Chapter Eleven Web Fonts in a Print Context

Part Three

Grid and Layout

Structure, columns, and the geometry that gives type a physical home on the page.

Chapter Twelve Why Grids Exist
Chapter Thirteen Building a Grid in CSS
Chapter Fourteen The Page as a Spatial System
Chapter Fifteen Multi-column Layouts

Part Four

Paged Media

Pages, running matter, break control, and final production output.

Chapter Sixteen Thinking in Pages
Chapter Seventeen Page Furniture
Chapter Eighteen Controlling Page Breaks
Chapter Nineteen Print-Ready Output

Part Five

Document Projects

Applying the system to books, reports, editorial work, and academic documents.

Chapter Twenty Designing a Book Interior
Chapter Twenty-one Designing a Long-Form Report
Chapter Twenty-two Designing an Editorial Layout
Chapter Twenty-three Designing an Academic Document

Part Six

Workflow and Publishing

Tooling, project structure, maintenance, and long-term document stewardship.

Chapter Twenty-four Toolchain Options
Chapter Twenty-five Structuring Your Project
Chapter Twenty-six Maintaining and Updating Documents

Appendices

Reference Material

Quick reference, glossary, and supporting material.

Appendices Paged.js Quick Reference and Glossary