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.
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.
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.
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.
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.
Leverage the View Transitions API to easily create smooth, animated transitions between different page states with minimal CSS and JavaScript.
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.
1:10:55Chris Heilmann, Daniel Cranney & Jason Pamental
36:13Kirsty Burgoine
22:46Cleyra Uzcategui
30:07Julia Undeutsch
1:02:33Chris Heilmann, Daniel Cranney & Elena Torró
28:00Håkon Wium Lie
27:16Tanja Ulianova
23:05Mina Nabinger
.webp?w=240&auto=compress,format)
Jobs that call for the skills explored in this talk.
infomax websolutions GmbH
Grassau, Germany
Kresse & Discher GmbH
Offenburg, Germany
Speech Processing Solutions
Vienna, Austria
doinstruct Software GmbH
Berlin, Germany
claudiusbähr+friends GmbH
tarent solutions GmbH