Cleyra Uzcategui

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

What if components could respond to their container, not just the viewport? Discover container queries, the parent selector, and a new era of modular web design.

What’s New and What’s Next in Web UI
#1about 2 minutes

Understanding Baseline for cross-browser feature compatibility

The Baseline initiative helps developers identify which new web features are safely supported across all major browsers.

#2about 4 minutes

Building component-driven layouts with container queries

Container queries allow styling child elements based on a parent container's size and style properties, enabling more modular responsive components.

#3about 3 minutes

Using the CSS :has() selector for parent and sibling styling

The `:has()` pseudo-class acts as a parent selector, allowing you to style an element based on its children or subsequent siblings.

#4about 4 minutes

Improving typography and layout with modern CSS properties

New CSS properties like `text-wrap: balance`, `initial-letter`, dynamic viewport units, and wide-gamut colors offer more refined control over visual presentation.

#5about 3 minutes

Organizing stylesheets with CSS nesting and cascade layers

Native CSS nesting and cascade layers provide powerful tools to manage style specificity and organize code without pre-processors.

#6about 1 minute

Avoiding style collisions with native scoped CSS

The upcoming `@scope` rule will allow developers to natively scope styles to specific elements, preventing style leaks and naming collisions.

#7about 2 minutes

Building accessible UIs with the native Popover API

The `popover` attribute provides built-in functionality for top-layer promotion, light-dismiss behavior, and accessibility, reducing the need for JavaScript.

#8about 2 minutes

Creating scroll-driven and discrete property animations

Animate previously non-animatable properties with discrete animations and create dynamic effects tied to scroll position using scroll-driven animations.

#9about 1 minute

The future of web UI is declarative and customizable

The latest web platform features focus on providing more declarative APIs, reducing the need for scripting and enabling greater customization.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Navigating the growing complexity of modern CSS
09:00 MIN

Navigating the growing complexity of modern CSS

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The value of progressive enhancement and semantic HTML
03:31 MIN

The value of progressive enhancement and semantic HTML

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Exploring modern JavaScript performance and new CSS features
08:07 MIN

Exploring modern JavaScript performance and new CSS features

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Highlighting active sections with CSS scroll-driven animations
06:17 MIN

Highlighting active sections with CSS scroll-driven animations

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The challenge of keeping up with modern CSS
07:46 MIN

The challenge of keeping up with modern CSS

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

The only frontend stack that truly matters
11:10 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Featured Partners

Related Videos

See all videos
Explore new web features before everyone else44:43

Explore new web features before everyone else

Nikita Dubko

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

What's new in CSS for Designers?

Onur Gumus

Future-Proof CSS37:55

Future-Proof CSS

Ire Aderinokun

View-Transition-API: Gamechanger for hybrid app-development24:17

View-Transition-API: Gamechanger for hybrid app-development

Sascha Lehmann

Extending HTML with Web Components41:54

Extending HTML with Web Components

Rowdy Rabouw

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more1:06:20

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney & Jan Deppisch

Catching up on the basics you don't really need that much code14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

The State Of The Web43:11

The State Of The Web

Jeremy Keith

Related Articles

View all articles
DC
Daniel Cranney
The State of HTML 2024: What can we learn from it?
The results of the State of HTML 2024 survey are in! Though the name suggests it’s HTML-only, the survey focuses on the web platform in a more general sense, giving us some fascinating insights into not only the state of the web, but also some sense ...
The State of HTML 2024: What can we learn from it?
DC
Daniel Cranney
Web Developer Portfolio Inspiration and Examples - March 2025
Every developer needs a portfolio… of some sort. Whether it’s an all-singing all-dancing portfolio page, a blog, or a simple links page, it’s important to let others know what you have done, what you can do, and how they can contact you. A portfolio ...
Web Developer Portfolio Inspiration and Examples - March 2025
DC
Daniel Cranney
Dev Digest 190: GitHub A11Y action, >12s Sora 2 videos and 42 CSS units!
Inside last week’s Dev Digest 190 . 🙅 Developers don’t trust AI, and that’s a good thing 🤖 Why everyone is talking about AI agents 🔓 Autonomous AI hacking and the future of cyber security 😨 Windows 10 support ends, millions of PC’s fall off a securi...
Dev Digest 190: GitHub A11Y action, >12s Sora 2 videos and 42 CSS units!

From learning to earning

Jobs that call for the skills explored in this talk.