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.

job ad

Saby Company
Delebio, Italy

Intermediate

d

Saby Company
Delebio, Italy

Junior

Matching moments

Discussion on the evolution and future of CSS
41:29 MIN

Discussion on the evolution and future of CSS

What's new in CSS for Designers?

Analyzing the new Web Readiness Report and modern CSS
32:17 MIN

Analyzing the new Web Readiness Report and modern CSS

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

Exploring new browser APIs in Interop 2025
06:07 MIN

Exploring new browser APIs in Interop 2025

New Browser APIs, End of React Create App, Smuggling Data in Emoji and more with Rowdy Rabouw

Rediscovering HTML elements and upcoming CSS features
42:30 MIN

Rediscovering HTML elements and upcoming CSS features

WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more

The future of the web is collapsing complexity
32:52 MIN

The future of the web is collapsing complexity

Fireside Chat with David Heinemeier Hansson

Relying on native browser features and the platform
22:39 MIN

Relying on native browser features and the platform

The Lean Web

Q&A on CSS history, design, and print standards
28:35 MIN

Q&A on CSS history, design, and print standards

How to write a book with CSS

How past browser features inform modern standards
12:04 MIN

How past browser features inform modern standards

Explore new web features before everyone else

Featured Partners

Related Videos

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

What's new in CSS for Designers?

Onur Gumus

Explore new web features before everyone else44:43

Explore new web features before everyone else

Nikita Dubko

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

Future-Proof CSS37:55

Future-Proof CSS

Ire Aderinokun

Extending HTML with Web Components41:54

Extending HTML with Web Components

Rowdy Rabouw

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

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

Sascha Lehmann

Building Interactive Async UI with React 19 and Ariakit25:22

Building Interactive Async UI with React 19 and Ariakit

Aurora Scharff

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?
LM
Luis Minvielle
The Best Upcoming IT Webinars
Now that you already know what IT webinars are and how they can help you level up your professional appeal, you might want actually to get into one. Live tech webinars are one of the best ways to stay on top of the latest trends and tools because eit...
The Best Upcoming IT Webinars
CH
Chris Heilmann
Dev Digest 133 - Back to Front
News and ArticlesWeAreDevelopers LIVE WebDev Day is on Wednesday, 18/11/2024. Learn about Design-first APIs for UI components, the JavaScript event loop, the Secret sauce behind pattern matching and Vision for websites as well as win a chance to take...
Dev Digest 133 - Back to Front
LM
Luis Minvielle
Top 12 Typography Websites for Frontend Developers in 2023
In the world of web design and frontend development, typography plays an incredibly important role in creating an effective user interface. In fact, nearly 90% of the average website consists of typography. It’s not just about choosing a pretty font,...
Top 12 Typography Websites for Frontend Developers in 2023

From learning to earning

Jobs that call for the skills explored in this talk.

Frontend-Entwickler

Frontend-Entwickler

infomax websolutions GmbH
Grassau, Germany

Intermediate
Senior
CSS
HTML
JavaScript
TypeScript