Onur Gumus
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
28:35 MIN
Q&A on CSS history, design, and print standards
How to write a book with CSS
10:06 MIN
The evolution of color and typography on the web
The State Of The Web
10:52 MIN
Improving typography and layout with modern CSS properties
What’s New and What’s Next in Web UI
01:59 MIN
The evolution of CSS layout from tables to grid
Kirsty's Excellent Adventure in CSS Grid
21:06 MIN
The long journey to modern CSS layout and responsive design
The State Of The Web
42:30 MIN
Rediscovering HTML elements and upcoming CSS features
WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more
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
15:17 MIN
Adapting print design principles for the fluid web
WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more
Featured Partners
Related Videos
22:46What’s New and What’s Next in Web UI
Cleyra Uzcategui
1:10:55WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more
Chris Heilmann, Daniel Cranney & Jason Pamental
1:02:33WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more
Chris Heilmann, Daniel Cranney & Elena Torró
28:00Can CSS recreate Tufte's designs?
Håkon Wium Lie
14:44Catching up on the basics you don't really need that much code
Chris Heilmann
29:40Is CSS Houdini finally usable in 2023?
Tanja Ulianova
37:55Future-Proof CSS
Ire Aderinokun
36:13Kirsty's Excellent Adventure in CSS Grid
Kirsty Burgoine
Related Articles
View all articles
.webp?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.
Frontend-Entwickler
infomax websolutions GmbH
Grassau, Germany
Intermediate
Senior
CSS
HTML
JavaScript
TypeScript
Frontend-Entwickler mit Design-Kompetenz (m/w/d)
Kresse & Discher GmbH
Offenburg, Germany
Intermediate
Senior
CSS
Figma
JavaScript
Senior Frontend Developer - Typescript / Svelte - (f/m/x)
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
GIT
HTML
Vue.js