Chris Heilmann, Daniel Cranney & Jason Pamental
WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more
#1about 6 minutes
Balancing typography, accessibility, and performance on the web
Web typography should be suggested, not specified, to create robust systems that account for user settings, font loading, and accessibility needs.
#2about 7 minutes
Staying curious and creative in the age of AI
AI tools can create hollow, derivative work, so it's important to embrace the process of learning and developing personal judgment and intuition.
#3about 5 minutes
Adapting print design principles for the fluid web
Instead of mimicking print layouts, web design should use modern CSS like Grid and Flexbox to create flexible experiences that honor user control.
#4about 9 minutes
Managing the flash of unstyled text (FOUT)
The flash of unstyled text is a feature, not a bug, and can be managed by styling fallback fonts to minimize layout shifts during web font loading.
#5about 8 minutes
Using modern CSS for advanced typographic control
New CSS properties like hanging punctuation and text-wrap balance, along with features like hyphenation, offer fine-grained typographic control directly in the browser.
#6about 9 minutes
Self-hosting web fonts for performance and compliance
Hosting fonts on your own server instead of using a third-party service like Google Fonts improves performance and helps with GDPR compliance.
#7about 16 minutes
The power and potential of variable fonts
Variable fonts offer expressive potential and performance benefits by packaging multiple styles into a single file, enabling fluid typography with CSS clamp().
#8about 9 minutes
Choosing a typeface with a distinct voice
A typeface is the voice of your words, so select one that conveys the right emotion and brand identity rather than defaulting to a neutral choice like Helvetica.
Related jobs
Jobs that call for the skills explored in this talk.
Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
TypeScript
React
Matching moments
01:32 MIN
Organizing a developer conference for 15,000 attendees
Cat Herding with Lions and Tigers - Christian Heilmann
04:49 MIN
Using content channels to build an event community
Cat Herding with Lions and Tigers - Christian Heilmann
04:57 MIN
Increasing the value of talk recordings post-event
Cat Herding with Lions and Tigers - Christian Heilmann
03:17 MIN
Selecting strategic partners and essential event tools
Cat Herding with Lions and Tigers - Christian Heilmann
02:44 MIN
Rapid-fire thoughts on the future of work
What 2025 Taught Us: A Year-End Special with Hung Lee
05:41 MIN
Choosing the right fonts for web legibility and performance
Slopquatting, API Keys, Fun with Fonts, Recruiters vs AI and more - The Best of LIVE 2025 - Part 2
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
03:05 MIN
Building collaborative design tools and the neo-brutalism trend
Slopquatting, API Keys, Fun with Fonts, Recruiters vs AI and more - The Best of LIVE 2025 - Part 2
Featured Partners
Related Videos
1:06:20WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
Chris Heilmann, Daniel Cranney & Jan Deppisch
1:02:33WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more
Chris Heilmann, Daniel Cranney & Elena Torró
53:24WeAreDevelopers LIVE - Performance and AI?, Social Media decline, Developer Events and more
Chris Heilmann, Daniel Cranney & Harry Roberts
59:40WeAreDevelopers LIVE – Spicy Vanilla Web, CSS Magic & More
Chris Heilmann, Daniel Cranney & Peter Kröner
53:46WeAreDevelopers LIVE – AI vs the Web & AI in Browsers
Chris Heilmann, Daniel Cranney & Raymond Camden
1:06:13WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more
Chris Heilmann & Daniel Cranney & Dirk Ginader
1:04:22WeAreDevelopers LIVE - Did AI or JS break the web?, Finding gems in the days of AI and One thing developers really need to know
Chris Heilmann, Daniel Cranney & Peter Cooper
1:10:08WeAreDevelopers LIVE - Gaps in CSS, EU Accessibility Act and more!
Chris Heilmann & Daniel Cranney & Emma Dawson
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Tech Solutions Gmbh
Brandenburg an der Havel, Germany
API
CSS
GIT
HTML
Scrum
+5
Tech Solutions Gmbh
Illingen, Germany
API
CSS
GIT
HTML
Scrum
+5
Tech Solutions Gmbh
Berlin, Germany
API
CSS
GIT
HTML
Scrum
+5
Creative Gmbh
Pfaffenhofen a.d. Ilm, Germany
PHP
API
GIT
REST
NoSQL
+8
Tech Solutions Gmbh
Bremen, Germany
API
CSS
GIT
HTML
Scrum
+5