The Baseline initiative helps developers identify which new web features are safely supported across all major browsers.
Container queries allow styling child elements based on a parent container's size and style properties, enabling more modular responsive components.
The `:has()` pseudo-class acts as a parent selector, allowing you to style an element based on its children or subsequent siblings.
New CSS properties like `text-wrap: balance`, `initial-letter`, dynamic viewport units, and wide-gamut colors offer more refined control over visual presentation.
Native CSS nesting and cascade layers provide powerful tools to manage style specificity and organize code without pre-processors.
The upcoming `@scope` rule will allow developers to natively scope styles to specific elements, preventing style leaks and naming collisions.
The `popover` attribute provides built-in functionality for top-layer promotion, light-dismiss behavior, and accessibility, reducing the need for JavaScript.
Animate previously non-animatable properties with discrete animations and create dynamic effects tied to scroll position using scroll-driven animations.
The latest web platform features focus on providing more declarative APIs, reducing the need for scripting and enabling greater customization.
59:20Onur Gumus
44:43Nikita Dubko
14:44Chris Heilmann
37:55Ire Aderinokun
41:54Rowdy Rabouw
24:17Sascha Lehmann
43:11Jeremy Keith
27:16Tanja Ulianova
.webp?w=240&auto=compress,format)
Jobs that call for the skills explored in this talk.
Speech Processing Solutions
Vienna, Austria
infomax websolutions GmbH
Grassau, Germany
doinstruct Software GmbH
Berlin, Germany
tarent solutions GmbH
tarent solutions GmbH
tarent solutions GmbH