Onur Gumus

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.

What's new in CSS for Designers?
#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.

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

Matching moments

Bridging the gap between design and development
00:06 MIN

Bridging the gap between design and development

Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis

The evolution of color and typography on the web
10:06 MIN

The evolution of color and typography on the web

The State Of The Web

The long journey to modern CSS layout and responsive design
21:06 MIN

The long journey to modern CSS layout and responsive design

The State Of The Web

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

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

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

Interactive tools for learning CSS and visualizing data
43:39 MIN

Interactive tools for learning CSS and visualizing data

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

The current state and future of CSS Houdini
22:11 MIN

The current state and future of CSS Houdini

Is CSS Houdini finally usable in 2023?

Featured Partners

Related Videos

See all videos
What’s New and What’s Next in Web UI22:46

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

Cleyra Uzcategui

WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more1:10:55

WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more

Chris Heilmann, Daniel Cranney & Jason Pamental

WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more1:02:33

WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more

Chris Heilmann, Daniel Cranney & Elena Torró

Can CSS recreate Tufte's designs?28:00

Can CSS recreate Tufte's designs?

Håkon Wium Lie

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

Is CSS Houdini finally usable in 2023?29:40

Is CSS Houdini finally usable in 2023?

Tanja Ulianova

Future-Proof CSS37:55

Future-Proof CSS

Ire Aderinokun

Related Articles

View all articles
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
Creating a Spotlight Text Effect with CSS and JavaScript
Every now and then it’s fun to build something small just to get a better grip on a concept, and this one’s a great example. We’ll explore how to make a simple spotlight text effect that helps you understand how to follow the cursor, use CSS variable...
Creating a Spotlight Text Effect with CSS and JavaScript
BR
Benjamin Ruschin
The HTML Elements That You’re Probably Over-Engineering
As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that come with using state management in React, Vue and o...
The HTML Elements That You’re Probably Over-Engineering

From learning to earning

Jobs that call for the skills explored in this talk.