Håkon Wium Lie
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.
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
JavaScript
Node.js
+1
Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
TypeScript
React
Matching moments
09:00 MIN
Navigating the growing complexity of modern CSS
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
06:17 MIN
Highlighting active sections with CSS scroll-driven animations
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
02:33 MIN
Why you might not need JavaScript for everything
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
07:46 MIN
The challenge of keeping up with modern CSS
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
08:07 MIN
Exploring modern JavaScript performance and new CSS features
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
03:31 MIN
The value of progressive enhancement and semantic HTML
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
05:59 MIN
Building an accessible accordion with details and summary
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
Featured Partners
Related Videos
28:00Can CSS recreate Tufte's designs?
Håkon Wium Lie
37:55Future-Proof CSS
Ire Aderinokun
29:40Is CSS Houdini finally usable in 2023?
Tanja Ulianova
22:46What’s New and What’s Next in Web UI
Cleyra Uzcategui
59:20What's new in CSS for Designers?
Onur Gumus
43:11The State Of The Web
Jeremy Keith
09:04Tips and Tricks: CSS Pseudo Class Selectors and Pseudo Elements
Dan Cranney
44:29Playing Games with CSS
Elad Shechter
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Visonum GmbH
Remote
Junior
Intermediate
React
Redux
TypeScript
MyArtside GbR R. & S. Baudisch
Bautzen, Germany
Intermediate
PHP
CSS
MySQL
Figma
jQuery
+4
AOK Systems GmbH
Hamburg, Germany
C++
JavaScript
TypeScript
Microservices
Amazon Web Services (AWS)