
You've looked through your field data, and it turns out that you have some slow interactions. The next step is to learn more about how to manually test those interactions, and identify the causes behind them.

Maskable icons are a format that give you more control and let your Progressive Web App use adaptive icons. A maskable icon can look great on all Android devices.

How to track offline usage of your site so that you can make a case as to why your site needs a better offline experience.

A collection of common patterns for working with media.

Working with media often requires changing the characteristics of media files. On this page, you'll learn about the tools used and how to install them quickly.

Most browsers can get access to the user's camera.

Commands needed to convert a raw mov file to media assets packaged for DASH or HLS.

Enabling HTTPS on your servers is critical to securing your webpages.

Learn digital rights management concepts, and the commands needed to get from a raw mov file to encrypted media packaged for MPEG-DASH or HLS using both Clear Key or Widevine encryption.

Videos can be fun and informative. For a good user experience, videos need to meet a number of technical requirements.

You might think that you can take a video from a camera and upload it to the web as is. Preparing a video for serving from your own site is a bit more complicated.

Media frameworks come in both the proprietary and open-source variety, and at their core are a set of APIs that support audio and/or video playback for various container formats and transmission protocols.

Create the best mobile media experience on the Web by following these best practises.

Media Source Extensions (MSE) is a JavaScript API that lets you build streams for playback from segments of audio or video.

Find out how this new syntax can streamline media queries.

Most browsers can get access to the user's microphone.

Most browsers can get access to the user's camera.

Web developers can customize media notifications and respond to media related events such as seeking or track changing with the Media Session API.

Media streaming is the method for continuously delivering multimedia content from a server where the content has been split into individual chunks of data that can be joined back together during playback in a specific order through a range request using protocols such as DASH and HLS.

Strategies to migrate your site from relying on the user-agent string to User-Agent Client Hints.

Min, max, and clamp provide powerful CSS capabilities that enable more responsive styling with fewer liens of code. This post goes over how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS math functions.

