Traditional typography, adapting Raster Systeme principles to webpages, making responsive layouts for all screens and printed media sizes.
Raster Systeme by Joseph Müller-Brockman, modern responsiveness requirements and challenges.
Overview of standardized sizes and aspect-ratios applicable to paper; plus bank bills, playing cards. Lengths in metric units contrasting with screen sizes.
Overview of standardized sizes and aspect-ratios applicable to screens, in chronological groups. Lengths in pixels contrasting with paper sizes.
Units and values to measure typographic content. Disambiguation of Cicero, Pica, Point; historic context.
Relationship of Line Height, Line Count, Field Height. Presented as a widget with sliders to test various fits.
Possible ways to style headings and text. Seven sample heading types as examples.
Layout hosting paragraphs of mixed sizes. This page is used as a sample to show how several paragraphs of html text looks like with my current stylesheets.