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.
Matching moments
00:12 MIN
The origins of CSS and typographic inspiration
Can CSS recreate Tufte's designs?
09:34 MIN
Proposing new CSS for advanced page floats
Can CSS recreate Tufte's designs?
41:29 MIN
Discussion on the evolution and future of CSS
What's new in CSS for Designers?
05:08 MIN
Recreating basic book layouts with paged media
Can CSS recreate Tufte's designs?
10:26 MIN
Core techniques for writing robust and resilient CSS
Future-Proof CSS
21:06 MIN
The long journey to modern CSS layout and responsive design
The State Of The Web
32:17 MIN
Analyzing the new Web Readiness Report and modern CSS
WeAreDevelopers LIVE - 50 years Microsoft, Web Readiness Report, The German Web Community and more
17:20 MIN
Writing CSS for a global audience with internationalization
Future-Proof CSS
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
59:20What's new in CSS for Designers?
Onur Gumus
09:04Tips and Tricks: CSS Pseudo Class Selectors and Pseudo Elements
Dan Cranney
43:11The State Of The Web
Jeremy Keith
44:29Playing Games with CSS
Elad Shechter
31:41Level up your Angular CSS with Tailwind CSS
Patricio Vargas
From learning to earning
Jobs that call for the skills explored in this talk.
Web Developer - Node / Typescript / HTML / SCSS / Liquid / Shopify
Codext GmbH
Ilshofen-Vellberg, Germany
€40K
CSS
HTML
Node.js
JavaScript
+1
Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
Illingen, Germany
API
CSS
GIT
HTML
Scrum
+5
Webdesigner mit Erfahrungen bei Typo3/Wordpress
Bastian Briskorn
Mülheim an der Ruhr, Germany
Typo3
WordPress