deepdives

Learn how to use the Async Clipboard API to read and write text, HTML, images and files securely from the browser. Practical examples, fallbacks, permissions and best practices included.

A practical, example-driven guide to the modern Clipboard API. Learn how to read and write text, HTML, and images using the asynchronous API, handle permissions and fallbacks, and build robust clipboard interactions for modern web apps.

Learn how to use the Presentation API to connect a web page to external displays and devices. This guide covers concepts, code examples for sender and receiver pages, browser support, integration patterns (including React), fallbacks, and real-world use cases to help you build richer second‑screen experiences.

Learn how to use the Idle Detection API to reliably detect when users are idle or their screen is locked, how to implement it in web apps, real-world use cases, privacy considerations, fallbacks for unsupported browsers, and how to integrate idle events with analytics to improve engagement metrics.

A practical, in-depth guide to the WebXR Device API: what it is, how to build cross-device immersive experiences, optimization tactics, UX guidance, and where WebXR is headed next.

Learn how to detect device posture on foldable devices, implement posture-aware UI, combine the Device Posture API with Window Segments and sensors, and use fallbacks and testing strategies to deliver robust, hinge-aware experiences.

Learn what a Portal API is, why it matters, how it fits between frontend and backend, and practical patterns and implementations (REST, GraphQL, gRPC-web, WebSockets) with code examples and best practices for building robust, secure, and performant APIs.

Learn how to use the Notifications API and Push API to deliver timely, personalized web notifications. This article covers implementation patterns, best practices for engagement and privacy, and examples (client + server) so you can start using real-time notifications to boost retention.