Getting started with measuring Web Vitals
Learn how to measure your site's Web Vitals in both real-world and lab environments.
How SPA architectures affect Core Web Vitals
Answers to common questions about SPAs, Core Web Vitals, and how Core Web Vitals treats these.
Core Web Vitals workflows with Google tools
With the growing importance of Core Web Vitals, site owners and developers increasingly focus on performance and key user experiences. Google provides many tools to help evaluate, optimize, and monitor pages, but users are often confused by the different sources of data and how to use them effectively. This guide proposes a workflow combining several tools and clarifies where and how they make sen
Virtual reality comes to the web
Virtual reality came to the web in Chrome 79. Based on the WebXR Devicer API, this launch is the foundation for both augmented and virtual reality. This article is the first in a series, exploring basic concepts and describing how to enter an XR session. Other browsers will soon be supporting the WebXR Device API, including Firefox Reality, Oculus Browser, Edge and Magic Leap's Helio browser, amon
Virtual reality comes to the web, part II
Virtual reality came to the web in Chrome 79. Based on the WebXR Device API, this launch is the foundation for both augmented and virtual reality. This article is the second in a series, focusing on the frame loop, the part of an XR session where images are shown to a viewer. Other browsers will soon be supporting the WebXR Device API, including Firefox Reality, Oculus Browser, Edge and Magic Leap
Extending the browser with WebAssembly
WebAssembly lets us extend the browser with new features. This article shows how to port the AV1 video decoder and play AV1 video in any modern browser.
New functionality for developers—brought to you by WebAssembly
A showcase of tools now available on the web thanks to WebAssembly.
WebAssembly Threads ready to try in Chrome 70
WebAssembly thread support has shipped in Chrome 70 under an origin-trial.
Augmented reality: You may already know it
If you've already used the WebXR Device API, you'll be happy to know there's very little new to learn. Entering a WebXR session is largely the same. Running a frame loop is largely the same. The differences lie in configurations that allow content to be shown appropriately for augmented reality.
Web-based payment apps overview
Learn how to adapt your web-based payment app to work with Web Payments and provide a better user experience for customers.
Building components
Components are the building blocks of modern web applications. What best practices should you follow when building your own components so they can stand the test of time?
Web components: the secret ingredient helping power the web
This post sums up a talk on the state of web components in 2019, given by Kevin Schaaf of the Polymer Project and Caridy Patiño of Salesforce.
web.dev at I/O 2019
For Google I/O 2019, the folks on the web.dev team have shipped a number of updates including a refreshed design, more Lighthouse docs, and a brand new blog.
Web on Android
Learn how different components can be used to render web content inside Android apps.
Fill OTP forms within cross-origin iframes with WebOTP API
WebOTP API can now receive an OTP from within an iframe.
Web Payments overview
Learn more about Web Payments and how they work.
Updates to the Web Payments APIs
Since the launch of the Payment Request API in Chrome 53 and the Payment Handler API in Chrome 68, there have been quite a few changes made to their respective specifications. This post summarizes those updates and will continue accumulating those API changes.
Web Performance Made Easy - Google I/O 2018 edition
At Google IO 2018, we presented a roundup of tools, libraries and optimization techniques that make improving web performance easier. Here we explain them using The Oodles Theater app. We also talk about our experiments with predictive loading and the new Guess.js initiative.
How to query the Web Platform Dashboard for Baseline tooling
Learn about the Web Platform Dashboard and how you can query its HTTP API to get data on features that have reached Baseline to build tools for your development workflow.
Integrate with the OS sharing UI with the Web Share API
With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps to share links, text, and files to other apps installed on the device in the same way as platform-specific apps.
Web storage overview
WebAPKs on Android
When the user adds your Progressive Web App to their home screen on Android, Chrome automatically generates an APK for you, which we sometimes call a WebAPK. Being installed via an APK makes it possible for your app to show up in the app launcher, in Android's app settings and to register a set of intent filters.
WebAssembly feature detection
Learn how to use the newest WebAssembly features while supporting users across all browsers.
Debugging memory leaks in WebAssembly using Emscripten
Learn how to use WebAssembly to bring libraries, written in other languages, to the Web in a safe and idiomatic manner.
WebAssembly performance patterns for web apps
In this guide, aimed at web developers who want to benefit from WebAssembly, you'll learn how to make use of Wasm to outsource CPU-intensive tasks with the help of a running example.
Using WebAssembly threads from C, C++ and Rust
Learn how to bring multithreaded applications written in other languages to WebAssembly.
Case Study - A Tale of an HTML5 Game with Web Audio
Developing game audio with the Web Audio API
Getting started with Web Audio API
Mixing positional audio and WebGL
Determine the passkey provider with AAGUID
Relying parties can determine where the passkey comes from by examining AAGUID.
Simpler WebAuthn feature detection
WebAuthn provides interaction with Bluetooth, communication with passkey providers, and autofill support.
Credential Management API Feature Detection Check-up
Credential Management API Feature Detection Check-up
Discoverable credentials deep dive
Learn what are discoverable credentials and how to build user experiences that suit your use case.
Prevent creating a new passkey if one exists
Learn how to prevent creating a new passkey if one already exists in the user's password manager.
Allow passkey reuse across your sites with Related Origin Requests
Learn how to use Related Origin Requests to allow passkey reuse across your sites.
RP ID deep dive
Learn how to configure your RP ID and platform associations to enable seamless passkey authentication across subdomains, multiple sites, and mobile applications.
userVerification deep dive
Learn how to use `userVerification` in WebAuthn
Passkeys within iframes
Learn how to securely implement passkeys (WebAuthn) within cross-origin iframes using browser security policies and server-side verification.
Web Components v1 - the next generation
Web Components are gaining cross-browser support, the community is growing in leaps and bounds, and there’s a brand-new Web Component catalog to find exactly the component you need.
HTML's New Template Tag
A simple TODO list using HTML5 WebDatabases
Quick guide to webfonts via @font-face
WebGL Fundamentals
Making of the World Wonders 3D Globe
Writing augmented reality applications using JSARToolKit
Animating a million letters using Three.js
WebGL orthographic 3D
An introduction to shaders
WebGL transforms
Typed arrays - Binary data in the browser
Webpack
Bundling for modern web applications
Webpack conclusion
Summing up Webpack
Get started with WebRTC
Send data between browsers with WebRTC data channels
Build WebRTC app backend services
WebRTC is now a W3C and IETF standard
A brief overview of the history, architecture, use cases, and future of WebRTC.
Building the main navigation for a website
This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.
Introducing WebSockets - Bringing Sockets to the Web
Welcome to the immersive web
The immersive web means virtual world experiences hosted through the browser. This entire virtual reality experiences surfaced in the browser or in VR enabled headsets.