Could you typeset an entire book using only CSS? Discover the advanced properties for page numbers, margins, and professional print layouts.
#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
07:52 MIN
Using modern CSS for advanced typographic control
WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more
04:56 MIN
The origins of CSS and typographic inspiration
Can CSS recreate Tufte's designs?
06:31 MIN
Proposing new CSS for advanced page floats
Can CSS recreate Tufte's designs?
17:51 MIN
Discussion on the evolution and future of CSS
What's new in CSS for Designers?
04:26 MIN
Recreating basic book layouts with paged media
Can CSS recreate Tufte's designs?
03:31 MIN
Improving typography and layout with modern CSS properties
What’s New and What’s Next in Web UI
01:14 MIN
The evolution of CSS layout from tables to grid
Kirsty's Excellent Adventure in CSS Grid
04:55 MIN
Core techniques for writing robust and resilient CSS
The State of HTML 2024: What can we learn from it?The results of the State of HTML 2024 survey are in! Though the name suggests it’s HTML-only, the survey focuses on the web platform in a more general sense, giving us some fascinating insights into not only the state of the web, but also some sense ...
Chris Heilmann
Dev Digest 133 - Back to FrontNews and ArticlesWeAreDevelopers LIVE WebDev Day is on Wednesday, 18/11/2024. Learn about Design-first APIs for UI components, the JavaScript event loop, the Secret sauce behind pattern matching and Vision for websites as well as win a chance to take...
Daniel Cranney
Tips and Tricks: CSS Pseudo Elements and Pseudo SelectorsCSS is an essential part of web development. Regardless of which programming language you use, the chances are you know some CSS, too. In this article we're going to help you go beyond the basics and explore the power of pseudo elements and pseudo se...
Luis Minvielle
Top 7 CSS Frameworks in 2025What is a CSS framework?A CSS framework comprises multiple ready-to-use CSS libraries for developers and web designers. The stylesheets are prepared for everyday tasks in web design, such as the navbar, font, colour, and layout setup. They simplify t...
From learning to earning
Jobs that call for the skills explored in this talk.