Chris Heilmann, Daniel Cranney & Jason Pamental

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

Over a third of iOS users increase their text size, breaking most websites. Learn how to build resilient layouts that embrace user choice instead of fighting it.

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.

Matching moments

Discussion on the evolution and future of CSS
41:29 MIN

Discussion on the evolution and future of CSS

What's new in CSS for Designers?

The evolution of color and typography on the web
10:06 MIN

The evolution of color and typography on the web

The State Of The Web

Presenting live web scraping demos at a developer conference
17:41 MIN

Presenting live web scraping demos at a developer conference

Tech with Tim at WeAreDevelopers World Congress 2024

Integrating with the web ecosystem and tooling
24:31 MIN

Integrating with the web ecosystem and tooling

Lynx: Native for More

Returning to foundational web technologies like RSS and HTML
36:09 MIN

Returning to foundational web technologies like RSS and HTML

Using all the HTML, Running State of the Browser and "Modern" is Rubbish

The evolution of London's web developer community events
1:06:56 MIN

The evolution of London's web developer community events

Using all the HTML, Running State of the Browser and "Modern" is Rubbish

The origins of CSS and typographic inspiration
00:12 MIN

The origins of CSS and typographic inspiration

Can CSS recreate Tufte's designs?

Q&A on WordPress, tool selection, and collaboration
33:02 MIN

Q&A on WordPress, tool selection, and collaboration

How to Build Truly Production-ready Apps - Modern JS-based SaaS Stack for Indie Devs and Small Teams

Featured Partners

Related Videos

See all videos
What's new in CSS for Designers?59:20

What's new in CSS for Designers?

Onur Gumus

Accessibility powered by AI31:30

Accessibility powered by AI

Ramona Domen

WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more1:02:33

WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more

Chris Heilmann, Daniel Cranney & Elena Torró

WeAreDevelopers LIVE - Performance and AI?, Social Media decline, Developer Events and more53:24

WeAreDevelopers LIVE - Performance and AI?, Social Media decline, Developer Events and more

Chris Heilmann, Daniel Cranney & Harry Roberts

WeAreDevelopers LIVE – AI vs the Web & AI in Browsers53:46

WeAreDevelopers LIVE – AI vs the Web & AI in Browsers

Chris Heilmann, Daniel Cranney & Raymond Camden

WeAreDevelopers LIVE - Should We Respect LLMs? Is Rust Taking Over? Developers as Content Creators and more1:06:52

WeAreDevelopers LIVE - Should We Respect LLMs? Is Rust Taking Over? Developers as Content Creators and more

Chris Heilmann, Daniel Cranney & Francesco Ciulla

WeAreDevelopers LIVE - Did AI or JS break the web?, Finding gems in the days of AI and One thing developers really need to know 1:04:22

WeAreDevelopers 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

WeAreDevelopers LIVE – Spicy Vanilla Web, CSS Magic & More59:40

WeAreDevelopers LIVE – Spicy Vanilla Web, CSS Magic & More

Chris Heilmann, Daniel Cranney & Peter Kröner

From learning to earning

Jobs that call for the skills explored in this talk.