what css improvements are coming to safari

Asked on 08/02/2024

1 search

Apple announced several CSS improvements coming to Safari during WWDC. These improvements focus on enhancing the web development experience and providing more tools for developers to create rich, interactive web applications. Here are some of the key updates:

  1. CSS Grid Layout Enhancements: Improved support for CSS Grid Layout, making it easier to create complex, responsive grid-based layouts.
  2. Container Queries: Introduction of container queries, allowing developers to apply styles based on the size of a container rather than the viewport, enabling more modular and reusable components.
  3. Subgrid: Support for the subgrid feature, which allows grid items to inherit the grid definition of their parent, providing more control over nested grid layouts.
  4. CSS Nesting: Implementation of CSS nesting, which allows for more readable and maintainable stylesheets by nesting CSS rules within one another.
  5. Color Spaces and Functions: Expanded support for modern color spaces and functions, including LCH and Lab color spaces, providing more precise and vibrant color options.
  6. New Pseudo-Classes: Addition of new pseudo-classes like :has(), which allows for more powerful and flexible CSS selectors.

For more detailed information, you can refer to the session on Platforms State of the Union (37:45).