Google I/O Presentation Notes

Introduction

• Speaker: Rachel Andrew, Content Lead for Chrome Developer Relations
• Focus: Sharing newly available browser features and the context of Baseline.

Baseline Overview

• Definition of Baseline: A method to indicate when features are ready for use in web development.
• Community Engagement: Collaborates with web DX community to reflect a broad range of opinions from browser vendors.

Challenges in Web Development

• Keeping up with new features in web standards is a top challenge for developers (21% reported this).
• Ensuring consistent design across browsers is a persistent challenge.
• Research: Surveys conducted (e.g., State of CSS) confirm these challenges.

Features and Their Availability

• Baseline Newly Available: Features that are interoperable across major browsers (Chrome, Edge, Firefox, Safari).
• Indicators:
  • Blue Logo: Baseline Newly Available
  • Green Logo: Widely Available (after 30 months of being newly available)
  • Orange Badge: Limited Availability (only in some browsers)

Newly Available Features

1. Container Queries

• Allows design changes based on the size of a container, enhancing reusable components.
• Status: Newly available since February 2023, widely available by August 2025.

2. has Selector

• A parent selector enabling styles based on child elements.
• Status: Newly available since December 2023, widely available by June 2026.

3. CSS Subgrid

• Allows nested grid layouts to inherit row/column tracks from a parent grid.
• Status: Newly available since September 2023, widely available by March 2026.

4. CSS Nesting

• Enables nesting of selectors to improve code readability.
• Status: Newly available since August 2023, widely available by February 2026.

5. HTML Search Element

• Provides semantic markup for search functionality on webpages.
• Status: Newly available since October 2023, widely available by April 2026.

6. Responsive Video

• Enables responsive video sources based on device screen size.
• Status: Newly available since November 2023, widely available by May 2026.

7. Inert Attribute

• Controls interactivity of elements, useful for modals and improving accessibility.
• Status: Newly available since April 2023, widely available by October 2025.

8. CSS Color Models & Functions

• New color models and functions like color-mix to enhance color handling in CSS.
• Status: Newly available since April 2023, widely available by October 2025.

9. User Valid and User Invalid Pseudo-Classes

• Enhanced validation states that only show after user interaction with form fields.
• Status: Newly available since October 2023, widely available by April 2026.

10. Compression Streams

• Built-in functionality for compressing data streams for downloads.
• Status: Newly available since May 2023, widely available by November 2025.

11. Declarative Shadow DOM

• Allows creation of shadow DOM directly in HTML, improving server-side rendering and performance.
• Status: Newly available since February 2024, widely available by August 2026.

12. Popover

• A new type of UI element for creating non-modal popups.
• Status: Newly available since April 2024, widely available by October 2026.

Web Platform Dashboard

• New tool to track feature availability and interoperability across browsers.
• Helps developers understand the evolution of web standards.

Conclusion

• Baseline aims to improve developer experience and platform consistency.
• Encourages engagement with new web features and understanding browser support.

Thank You

• Encourage exploration of new features and enjoy the rest of Google I/O.