What's new in CSS for Designers?

What if your components could adapt to their container, not just the screen? See how CSS container queries are revolutionizing responsive design.

#1about 13 minutes

Designing for global writing systems with logical properties

Use logical properties like inline-size and the writing-mode property to create layouts that adapt to different text directions, such as right-to-left and vertical.

#2about 13 minutes

Using modern color spaces and syntax in CSS

Explore modern color spaces like P3 and OKLCH to access more vivid colors and maintain perceptual uniformity when creating color palettes with the new relative color syntax.

#3about 4 minutes

Understanding modern CSS units for responsive design

Learn to use relative units like rem for accessibility and dynamic viewport units like dvh to handle mobile browser UI elements that appear and disappear.

#4about 2 minutes

Building component-based layouts with container queries

Use container queries to create truly modular components that respond to the size of their parent element, rather than relying solely on viewport-based media queries.

#5about 2 minutes

Extending CSS capabilities with the Houdini Paint API

Discover the CSS Houdini Paint API, which allows you to programmatically generate custom backgrounds and borders using JavaScript for effects not possible with standard CSS.

#6about 4 minutes

Creating fluid animations with the View Transitions API

Leverage the View Transitions API to easily create smooth, animated transitions between different page states with minimal CSS and JavaScript.

#7about 18 minutes

Discussion on the evolution and future of CSS

A conversation covering the rapid evolution of CSS, the importance of accessibility with units like rem, the future of programmatic CSS with Houdini, and how to keep up with new features.