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

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

The industry's focus on frameworks over web fundamentals
11:32 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

How a broken frontend culture impacts the web
04:02 MIN

How a broken frontend culture impacts the web

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

The security challenges of building AI browser agents
06:33 MIN

The security challenges of building AI browser agents

AI in the Open and in Browsers - Tarek Ziadé

Building collaborative design tools and the neo-brutalism trend
03:05 MIN

Building collaborative design tools and the neo-brutalism trend

Slopquatting, API Keys, Fun with Fonts, Recruiters vs AI and more - The Best of LIVE 2025 - Part 2

Integrating AI into Firefox while respecting user privacy
08:40 MIN

Integrating AI into Firefox while respecting user privacy

AI in the Open and in Browsers - Tarek Ziadé

Choosing the right fonts for web legibility and performance
05:41 MIN

Choosing the right fonts for web legibility and performance

Slopquatting, API Keys, Fun with Fonts, Recruiters vs AI and more - The Best of LIVE 2025 - Part 2

Using AI to overcome challenges in systems programming
02:49 MIN

Using AI to overcome challenges in systems programming

AI in the Open and in Browsers - Tarek Ziadé

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.