
Håkon Wium Lie
Jun 30, 2021
How to write a book with CSS

#1about 3 minutes
The origins of CSS at CERN
CSS was created at CERN to separate presentation from HTML content, addressing the early web's need for basic styling like fonts and colors.
#2about 8 minutes
Evolving CSS from basic styles to advanced effects
CSS grew from simple font and color properties to include powerful features like text shadows, border radius, and declarative animations, reducing the need for JavaScript.
#3about 4 minutes
Applying CSS to book design and typography
Beyond screens, CSS has a crucial role in preserving the art of book typography, enabling the creation of printed materials directly from web technologies.
#4about 2 minutes
Mastering pagination and page layout for print
The @page rule in CSS allows for defining page size, margins, and adding dynamic page numbers to create professional book spreads.
#5about 4 minutes
Advanced figure and image placement in print
Extended float and clear properties enable precise placement of figures relative to the page, column, or spread, such as floating to the top or outside edge.
#6about 4 minutes
Deferring content and creating full-bleed spreads
Use defer properties to place elements on specific pages or columns, and combine this with negative margins to create seamless images that span across a two-page spread.
#7about 3 minutes
Refining typography and the challenge to write a book
Use the text-replace property for high-quality typography and take on the challenge of writing and formatting your own book with HTML and CSS.
#8about 12 minutes
Q&A on CSS history, design, and print standards
The discussion covers the impact of CSS on employment, convincing designers to use web standards, its relationship to LaTeX, and the future of print-specific properties.
Related jobs
Jobs that call for the skills explored in this talk.
7 days ago
Senior Web Developer bei Cyberport

Hubert Burda Media
Remote
Intermediate
today
Principal Backend Engineer (Node.js)

Almedia
Berlin, Germany
Senior
yesterday
Junior Python Backend / GenAI Support Intern

Eltemate
Amsterdam, Netherlands
Junior