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

2:55 min

Evaluating the future utility of CSS Houdini web standards

Tanja Ulianova · WWC 2023

6:57 min

Replacing JavaScript interactions with native CSS features

Chris Heilmann +2 · LIVE

3:03 min

Building robust applications with standard web platforms

Dennie Declercq · LIVE

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail
24:07
10 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
almost 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
almost 2 years ago

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

Sue Quackenbush

Dapr in Practice thumbnail
24:08
almost 2 years ago

Dapr in Practice

marcklefter

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

Minimising the Carbon Footprint of Workloads

Michael Mueller

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

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

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

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

Vibe Coding Accessibility

Karl Groves

Focused on actively fixing accessibility

Karl Groves
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo

Related videos

What's new in CSS for Designers? thumbnail
59:20
LIVE • over 2 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 • 4 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
WWC 2022 • about 4 years ago

Extending HTML with Web Components

Rowdy Rabouw

WeAreDevelopers LIVE - CSS is DOOMed thumbnail
59:11
LIVE • 5 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.