WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Dec 1, 2023

What's new in CSS for Designers?

Onur Gumus

Are static design tools limiting your dynamic web experiences? Discover how modern CSS features like Subgrid, container queries, and OKLCH colors natively solve your toughest alignment and theming challenges.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to modern CSS capabilities for designers

An overview of why understanding emerging browser layout capabilities helps formulate robust design decisions.

#2 about 6 min

Designing layouts for inclusive writing systems

How to adapt interfaces seamlessly for right-to-left scripts and vertical writing orientations.

#3 about 4 min

Adopting logical properties for flexible layouts

Why replacing physical direction rules with logical alternatives like inline and block size improves web adaptability.

#4 about 4 min

Aligning layouts using standard Flexbox and Grid properties

Strategies for grouping, ordering, and aligning structural elements seamlessly using standardized positioning modules.

#5 about 3 min

Resolving complex item alignments using CSS Subgrid

How inheriting structural tracks from parent containers solves common responsive card breakage issues.

#6 about 5 min

Exploring the science of light and color spaces

A look at additive versus subtractive lighting and fundamental terminology including hue, chroma, and lightness.

#7 about 2 min

Expanding design possibilities with display p3 gamuts

Using advanced hardware color profiles that expose more vivid selections than the traditional RGB spectrum.

#8 about 5 min

Managing consistent color contrast using the oklch space

How modern hue algorithms fix lightness irregularities and maintain WCAG contrast dynamically.

#9 about 3 min

Generating dynamic palettes using the relative color syntax

Ways to programmatically derive lightness or saturation updates directly inside style sheets from base colors.

#10 about 4 min

Standardizing sizes using modern CSS measurement units

Best practices for implementing root em scaling and adaptable viewport units for mobile interactions.

#11 about 3 min

Creating adaptable components with container and style queries

Methods enabling modular UI elements to alter their structural rules based exclusively on parent surroundings.

#12 about 2 min

Generating custom backgrounds and layouts with CSS Houdini

Employing the experimental Paint API interface to render algorithmic border structures and complex geometries.

#13 about 4 min

Building seamless transitions with modern CSS animation APIs

Harnessing document state replacements alongside standard keyframes for performant and simplified page motion.

#14 about 7 min

Strategies for keeping up with advanced CSS evolution

Approaches for tracking newly shipped browser constraints and exploiting high contrast emulation inside developer tools.

#15 about 6 min

Anticipating missing CSS features and upcoming standardizations

Examining forthcoming workflow improvements like programmable style boundaries and deeply integrated custom web components.

#16 about 6 min

Addressing web localization using inclusive logical properties

How flexible dimension properties actively prevent overflow breakage across diverse translations and localized platforms.

Matching moments

1:54 min

Initial breakdown of the CSS Houdini ecosystem

Tanja Ulianova · WWC 2023

2:55 min

Evaluating the future utility of CSS Houdini web standards

Tanja Ulianova · WWC 2023

6:48 min

Understanding Interop 2025 and new CSS capabilities

Chris Heilmann +2 · LIVE

1:36 min

Mastering advanced CSS view transitions and masking

Chris Heilmann +2 · LIVE

5:17 min

Navigating the growing complexity of modern CSS architecture

Chris Heilmann +2 · LIVE

7:10 min

Overcoming learning curves for modern native CSS layouts

Chris Heilmann +2 · LIVE

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Secure-by-Inclusion: Preventing Accessibility Barriers from Becoming Security Vulnerabilities

Radostina (Ina) Tsvetkova

Norwegian Directorate of Labour and Welfare (NAV), Senior Advisor in Digital Accessibility and Inclusive Design

Radostina (Ina) Tsvetkova
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Vibe Coding Accessibility

Karl Groves

Focused on actively fixing accessibility

Karl Groves
Open session

World Congress 2026 North America

Merging at Scale: From Broken Builds to Green Mainline

Preetam Dwivedi, Manjari Akella

Preetam Dwivedi
Manjari Akella

Related videos

One Color to Rule Them All: Relative CSS Colors in Practice thumbnail
9:04
WWC Europe 2026 • about 1 month ago

One Color to Rule Them All: Relative CSS Colors in Practice

Mert Akça

What’s New and What’s Next in Web UI thumbnail
22:46
WWC 2024 • almost 2 years ago

What’s New and What’s Next in Web UI

Cleyra Uzcategui

Is CSS Houdini finally usable in 2023? thumbnail
29:40
WWC 2023 • almost 3 years ago

Is CSS Houdini finally usable in 2023?

Tanja Ulianova

Future-Proof CSS thumbnail
37:55
WWC 2022 • about 4 years ago

Future-Proof CSS

Ire Aderinokun

WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more thumbnail
1:10:55
LIVE • over 1 year ago

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

Chris Heilmann, Daniel Cranney, Jason Pamental

Kirsty's Excellent Adventure in CSS Grid thumbnail
36:13
LIVE • over 5 years ago

Kirsty's Excellent Adventure in CSS Grid

Kirsty Burgoine

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.