WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2021 • Jun 30, 2021

How to write a book with CSS

Håkon Wium Lie

Think CSS is only for screens? Discover how to leverage page rules and micro-typography to typeset professional-grade physical books entirely with code.

Pause
Mute Enter Fullscreen
#1 about 2 min

Origins of cascading style sheets at CERN

Managing immense data at the CERN laboratory created the specific technical needs that birthed cascading style sheets.

#2 about 4 min

Basic textual and visual formatting in early CSS

Early property additions simplified web styling by replacing image-based attributes with declarative font and background settings.

#3 about 7 min

Advancements in CSS3 properties for visual effects

Cascading style sheets eliminated complex scripting requirements by introducing declarative visual properties like dynamic hardware-accelerated animations.

#4 about 4 min

Applying CSS techniques to printed book typography

Screen-based style sheets enable digital authors to replicate traditional offline typography guidelines for physical book formats.

#5 about 2 min

Handling pagination and page numbering in CSS layouts

Splitting content across physical pages requires specialized layout properties for defining page sizes and custom numbering counters.

#6 about 7 min

Positioning images and figures in multi-column printed pages

Floating and deferring figures across columns or entire document pages produces continuous magazine-style layouts matching physical texts.

#7 about 2 min

Creating cross-page image spreads using split CSS figures

Rendering a continuous illustration across a split physical book binding requires duplicated image elements and strategic negative margins.

#8 about 3 min

Enhancing print typography with automated text replacements

Experimental text replacement properties automate the injection of precise typographic spacing and proper Unicode punctuation during print generation.

#9 about 4 min

Formatting physical books and the aesthetic impact of CSS

Modern semantic structures allow technical authors to format personal manuscripts into functional physical books using familiar web standards.

#10 about 10 min

Audience questions on design control and printed CSS standards

Community inquiries highlight ongoing obstacles involving browser-specific syntax features, automated table generations, and standardized logical layout metrics.

Matching moments

1:14 min

Recreating complex print layouts with CSS technologies

Håkon Wium Lie · World Congress 2022

4:28 min

Establishing physical book layouts with CSS paged media

Håkon Wium Lie · World Congress 2022

3:52 min

Bridging scientific structure and typography with CSS

Håkon Wium Lie · World Congress 2022

58 sec

Formatting printable documents with page media CSS

Chris Heilmann Chris Heilmann +2 · LIVE

1:01 min

Understanding the fundamental role of CSS in web development

Patricio Vargas · LIVE

2:04 min

Introduction to modern CSS capabilities for designers

Onur Gumus · LIVE

More from World Congress 2021

Micro Frontends with Module Federation: Why and How? thumbnail
45:40
about 5 years ago

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

Data Science on Software Data thumbnail
48:10
about 5 years ago

Data Science on Software Data

Markus Harrer

The journey from developer to devops - what i've learnt along the way thumbnail
42:44
about 5 years ago

The journey from developer to devops - what i've learnt along the way

Liam Hurrel, Alireza Chegini

How Data is Shaping our Games thumbnail
43:30
about 5 years ago

How Data is Shaping our Games

Johanna Pirker

Cross platform Augmented Reality development with React Native thumbnail
40:50
over 5 years ago

Cross platform Augmented Reality development with React Native

Vladimir Novick

How to Build a Monetization Strategy Based on User's in-app Behavior thumbnail
38:59
over 5 years ago

How to Build a Monetization Strategy Based on User's in-app Behavior

Natalie Sieradzki

Related videos

Can CSS recreate Tufte's designs? thumbnail
28:00
World Congress 2022 • over 4 years ago

Can CSS recreate Tufte's designs?

Håkon Wium Lie

What's new in CSS for Designers? thumbnail
59:20
LIVE • almost 3 years ago

What's new in CSS for Designers?

Onur Gumus

Future-Proof CSS thumbnail
37:55
World Congress 2022 • over 4 years ago

Future-Proof CSS

Ire Aderinokun

WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more thumbnail
1:10:55
LIVE • over 1 year ago

WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more

Chris Heilmann, Daniel Cranney, Jason Pamental

Kirsty's Excellent Adventure in CSS Grid thumbnail
36:13
LIVE • over 5 years ago

Kirsty's Excellent Adventure in CSS Grid

Kirsty Burgoine

Is CSS Houdini finally usable in 2023? thumbnail
29:40
World Congress 2023 • about 3 years ago

Is CSS Houdini finally usable in 2023?

Tanja Ulianova

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.