WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2024 • Aug 20, 2024 • Session details

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

Cleyra Uzcategui

Are you still writing JavaScript for responsive components and popovers? Welcome to the golden era of native CSS where container queries and declarative APIs handle the heavy lifting.

Pause
Mute Enter Fullscreen
#1 about 3 min

Understanding Baseline badges for browser compatibility

How Baseline badges identify which web features work consistently across multiple target browsers.

#2 about 4 min

Building responsive layouts with container and style queries

How container queries enable developers to create modular components based on parent size and styles.

#3 about 3 min

Applying dynamic styling with the CSS has selector

How the has selector enables developers to construct logical styles based on varied child states.

#4 about 2 min

Enhancing typography with text wrap balance and initial letter

How new typography properties resolve headings weight issues and allow granular drop cap styling.

#5 about 2 min

Managing screen space with dynamic viewport units

How new dynamic viewport concepts automatically account for mobile UI elements to prevent unwanted scrolling.

#6 about 1 min

Accessing vivid aesthetics with wide gamut colors

How integrating wide gamut arrays like Display P3 creates visually richer user experience interfaces.

#7 about 3 min

Improving developer experience with CSS nesting and cascade layers

How native CSS nesting and cascade layers eliminate source ordering headaches and improve project architecture.

#8 about 1 min

Preventing style collisions natively with CSS scoped styles

How using native scoped mechanisms safely isolates component aesthetics without over-relying on strict naming frameworks.

#9 about 2 min

Simplifying UI overlays using the native popover API

How integrating native popover attributes offloads complex top layer accessibility and logic directly to browsers.

#10 about 1 min

Smoothing element transitions via discrete animations

How animating hidden elements prevents abrupt interface jumps to maintain uninterrupted graphical experiences.

#11 about 1 min

Building declarative visual effects with scroll-driven animations

How routing CSS animations dynamically through scroll actions avoids clunky custom JavaScript scroll listeners.

#12 about 2 min

Tracking upcoming web capabilities and industry resources

How to leverage official developer documentation channels to seamlessly integrate newly standardized browser platform capabilities.

Matching moments

6:48 min

Understanding Interop 2025 and new CSS capabilities

Chris Heilmann +2 · LIVE

2:04 min

Introduction to modern CSS capabilities for designers

Onur Gumus · LIVE

5:39 min

Anticipating missing CSS features and upcoming standardizations

Onur Gumus · LIVE

3:37 min

Responsive layout challenges and user customization

2:55 min

Evaluating the future utility of CSS Houdini web standards

Tanja Ulianova · World Congress 2023

6:57 min

Replacing JavaScript interactions with native CSS features

Chris Heilmann +2 · LIVE

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail
24:07
11 months ago

Beyond the Hype: Real-World AI Strategies Panel

Mike Butcher, Jürgen Müller, Katrin Lehmann, Tobias Regenfuss

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation thumbnail
21:17
almost 2 years ago

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation

Carl Lapierre

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI! thumbnail
31:50
about 2 years ago

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!

Zaid Zaim

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging thumbnail
29:43
about 2 years ago

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging

Sue Quackenbush

Dapr in Practice thumbnail
24:08
about 2 years ago

Dapr in Practice

marcklefter

Minimising the Carbon Footprint of Workloads thumbnail
27:46
about 2 years ago

Minimising the Carbon Footprint of Workloads

Michael Mueller

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 24, 2026 · 12:50–13:20

Stage 7

Architecting Agentic Apps: WebMCP, A2UI, and Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

September 24, 2026 · 10:20–10:50

Stage 1

The Browser Is Becoming an AI Runtime

Ajit Varma, Will Bryk

Ajit Varma
Will Bryk
Open session

World Congress 2026 North America

September 25, 2026 · 15:30–16:00

Stage 6

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

September 23, 2026 · 14:20–14:50

Stage 2

Build Interactive Copilot Experiences with Canvas Extensions

James Clancey

Principal Product Manager at GitHub

James Clancey
Open session

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 6

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

September 24, 2026 · 16:00–18:00

Stage 10

Reprompting the Wheel? Why AI Won’t Save Your Content Platform

Benni Mack

TYPO3 CMS Project Lead at TYPO3

Benni Mack

Related videos

What's new in CSS for Designers? thumbnail
59:20
LIVE • almost 3 years ago

What's new in CSS for Designers?

Onur Gumus

Using all the HTML, Running State of the Browser and "Modern" is Rubbish thumbnail
1:15:44
LIVE • over 1 year ago

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

Chris Heilmann, Daniel Cranney, David Letorey

WeAreDevelopers LIVE - CSS is DOOMed thumbnail
1:01:17
LIVE • 5 months ago

WeAreDevelopers LIVE - CSS is DOOMed

Chris Heilmann, Daniel Cranney, Niels Leenheer

WeAreDevelopers LIVE - 50 years Microsoft, Web Readiness Report, The German Web Community and more thumbnail
1:04:50
LIVE • over 1 year ago

WeAreDevelopers LIVE - 50 years Microsoft, Web Readiness Report, The German Web Community and more

Chris Heilmann, Daniel Cranney, Christian Schaefer

Extending HTML with Web Components thumbnail
41:54
World Congress 2022 • about 4 years ago

Extending HTML with Web Components

Rowdy Rabouw

WeAreDevelopers LIVE - CSS is DOOMed thumbnail
59:11
LIVE • 6 months ago

WeAreDevelopers LIVE - CSS is DOOMed

Chris Heilmann, Daniel Cranney, Justin Halsall, Christian Schaefer

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.