what css improvements are coming to safari

Generated on 8/2/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).

What’s new in AppKit

What’s new in AppKit

Discover the latest advances in Mac app development. Get an overview of the new features in macOS Sequoia, and how to adopt them in your app. Explore new ways to integrate your existing code with SwiftUI. Learn about the improvements made to numerous AppKit controls, like toolbars, menus, text input, and more.

Platforms State of the Union

Platforms State of the Union

Discover the newest advancements on Apple platforms.

What’s new in Xcode 16

What’s new in Xcode 16

Discover the latest productivity and performance improvements in Xcode 16. Learn about enhancements to code completion, diagnostics, and Xcode Previews. Find out more about updates in builds and explore improvements in debugging and Instruments.

What’s new in SF Symbols 6

What’s new in SF Symbols 6

Explore the latest updates to SF Symbols, Apple’s library of iconography designed to integrate seamlessly with San Francisco, the system font for all Apple platforms. Learn how the new Wiggle, Rotate, and Breathe animation presets can bring vitality to your interface. To get the most out of this session, we recommend first watching “What’s new in SF Symbols 5” from WWDC23.

What’s new in SwiftUI

What’s new in SwiftUI

Learn how you can use SwiftUI to build great apps for any Apple platform. Explore a fresh new look and feel for tabs and documents on iPadOS. Improve your window management with new windowing APIs, and gain more control over immersive spaces and volumes in your visionOS apps. We’ll also take you through other exciting refinements that help you make expressive charts, customize and layout text, and so much more.

What’s new in UIKit

What’s new in UIKit

Explore everything new in UIKit, including tab and document launch experiences, transitions, and text and input changes. We’ll also discuss better-than-ever interoperability between UIKit and SwiftUI animations and gestures, as well as general improvements throughout UIKit.