A pragmatic guide to browser support

A presentation at Web Day Out in March 2026 in Brighton, UK by Rachel Andrew

Slide 1

Slide 1

A pragmatic guide to browser support Rachel Andrew | Google Chrome | https://rachelandrew.co.uk

Slide 2

Slide 2

Baseline Clarifying the language around browser support for features.

Slide 3

Slide 3

A Baseline Newly available feature is supported in: • Chrome (desktop and Android) • Edge • Firefox (desktop and Android) • Safari (macOS and iOS) After 30 months the feature becomes Baseline Widely available.

Slide 4

Slide 4

Container Queries Baseline Widely available as of 14 August 2025.

Slide 5

Slide 5

Slide 6

Slide 6

Choose your own Baseline Adopt a Baseline year that makes sense for your audience.

Slide 7

Slide 7

https://chrome.dev/google-analytics-baseline-checker

Slide 8

Slide 8

Your Baseline Widely available or the Baseline year that you’ve decided to adopt. Everything past that line can be used without fallbacks or polyfills.

Slide 9

Slide 9

No Baseline doesn’t create a hard line, past which you can never go.

Slide 10

Slide 10

What’s the fallback? Some features make a straightforward progressive enhancement.

Slide 11

Slide 11

https://developer.chrome.com/blog/css-text-wrap-pretty

Slide 12

Slide 12

Feature queries in CSS Some features can have a fallback to another CSS method, with a few lines of extra CSS wrapped in @supports.

Slide 13

Slide 13

Is there a polyfill? The most frequently asked of questions when introducing a new feature.

Slide 14

Slide 14

The search for gold standard polyfills The perfect polyfill is hard to find.

Slide 15

Slide 15

A polyfill that we can recommend for all cases is unusual. Most have some caveats, or require an understanding of the environment. • You have understanding of your site and how the polyfill is used. • You can test to check for performance issues. • You understand the team maintaining the site and whether you are able to address any issues that might arise later due to the polyfill.

Slide 16

Slide 16

What’s the path to Baseline? How long will it take for people to have this feature?

Slide 17

Slide 17

Newly available features These features are already interoperable, they haven’t reached your Baseline yet.

Slide 18

Slide 18

https://web.dev/blog/at-property-baseline

Slide 19

Slide 19

Look into the future of browser support Baseline gives you a way to know “how long until I can use?”

Slide 20

Slide 20

https://web-platform-dx.github.io/web-features-explorer/features/subgrid

Slide 21

Slide 21

Single-browser implementations How to think about features that are only in one browser.

Slide 22

Slide 22

https://developer.mozilla.org/docs/Web/API/Background_Fetch_API

Slide 23

Slide 23

Single-browser implementations need to be carefully considered. Use them if: • You are happy with the fallback strategy. • You are able to watch out for changes to the feature as it progresses to more than one engine. Avoid these features when handing the site over to a client who might not have the ability to make updates.

Slide 24

Slide 24

Slide 25

Slide 25

Is the feature on a standards track? This means that it’s being developed within a standards organization—for example a CSS Working Group working draft.

Slide 26

Slide 26

https://wpt.fyi/interop-2026

Slide 27

Slide 27

Understand standards positions If a feature has a negative standards position from one browser, it’s unlikely they will implement it until something changes.

Slide 28

Slide 28

Missing in one browser So close! Not experimental, but also not Baseline.

Slide 29

Slide 29

https://webstatus.dev/features/contrast-color

Slide 30

Slide 30

https://webstatus.dev/stats

Slide 31

Slide 31

Two implementations more stability If two engines have implemented it’s far less likely the specification will change.

Slide 32

Slide 32

https://web-platform-dx.github.io/web-features-explorer/features/scheduler

Slide 33

Slide 33

Give browsers your use cases! Showing why you need a feature can help to get it prioritized.

Slide 34

Slide 34

Browser support We can’t get away from “it depends” but we can make decisions based on data and knowledge of our audience and constraints.

Slide 35

Slide 35

Define your Baseline Use your audience data to pick a Baseline year, or use Widely available as your Baseline.

Slide 36

Slide 36

Who will maintain the site in future? This can help you know how conservative you should be when it comes to experimental features or the use of polyfills.

Slide 37

Slide 37

Understand a feature’s path to Baseline Is it Newly available, implemented in two browsers, or a single browser implementation?

Slide 38

Slide 38

What’s the fallback? If you’ve decided to use a feature not in Baseline, what’s the experience for users who don’t have the feature.

Slide 39

Slide 39

What’s the future? If you use a polyfill, do you have a removal strategy when the feature becomes part of your Baseline? If using an experimental feature, how are you tracking potential changes to it?

Slide 40

Slide 40

Yes! Use Baseline and the data around it to feel more confident when using features that are not yet part of your Baseline.

Slide 41

Slide 41

Thank you https://noti.st/rachelandrew/osjHV8