New CSS Features You Can Use Today
summary
New CSS features that are already usable include subgrid in Chrome 117 which aligns nested grid tracks, interoperable container queries using container-type: inline-size for components, and new viewport units (large/small/dynamic) that fix mobile UI resizing. Cascade layers simplify overrides, color-mix lets you blend colors in any color space, and media queries gain concise range syntax used by ~80% of responsive sites. Emerging interoperable items are the :has() parent selector and the @property typed custom properties with initial values.
AI-written summary · about
chapters (15)
- 0:00Introduction and speaker intro
- 1:46Modern browser release cycles
- 3:53Interrupt moments in CSS
- 4:35CSS math functions
- 5:40New viewport units
- 8:12Focus visible for accessibility
- 10:46Cascade layers explained
- 14:00Container queries introduction
- 18:41Media query range features
- 20:52New CSS color features
- 23:02Subgrid for CSS layout
- 25:52Interop 2023 project
- 26:54CSS parent selector with :has
- 29:48CSS custom properties with @property
- 31:10Future of CSS and Interop 2024
