It's a wrap for Chrome Dev Summit 2020! Watch all the sessions at now!

Articles by Matt Gaunt

Matt is a contributor to WebFundamentals

Deep Dive into the Payment Request API

How to implement and take full advantage of the Payment Request API.

Web Push: Common Issues and Reporting Bugs

There are right ways of using notifications, and ways of using them better. Learn what makes a good notification. We won't just show you what to do. We'll show you how to do it.

Touch Action Options

Touch action is a simple way to define how a user can interact with an element.

Options of a PushSubscription

You can now access the options used when subscribing a user to push.

Web Push Interoperability Wins

Web push has had a few updates in recent versions of Chrome. GCM now supports the web push protocol and if you use VAPID you won't need to sign up for a Google Developer Project and you'll be given an FCM endpoint.

Common Notification Patterns

Notification Behavior

Displaying a Notification

Push Events


Permission UX

Sending Messages with Web Push Libraries

Subscribing a User

How Push Works

The Web Push Protocol

Experiment Time: Scroll Anchoring

Scroll anchoring stops a web page from moving once you've started reading the content.

Adding Push Notifications to a Web App

In this codelab you'll how to add push notifications to your web app.

Instant Loading Web Apps with an Application Shell Architecture

Application shell architecture is a method of building progressive web apps today, taking advantage of a range of technologies.

Notifying you of Changes to Notifications

2 new API's have been added in Chrome 44 which makes using Notifications with push easier to work with and customize.

Cut and Copy Commands

The support for cut and copy commands allows you to programmatically cut and copy selected text to the users clipboard

Set Up Browser Extensions

Out of the box, every desktop browser comes with a set of developer tools, you can extend and add to these with extensions or plugins for your browser.

Permissions API for the Web

The Permissions API gives you a central place to check the permission status of an API.

Enabling HTTPS on Your Servers

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

Important Security Terminology

Two of the hurdles developers face when migrating to HTTPS are concepts and terminology. This guide provides a brief overview of both.

Push Notifications on the Open Web

Push Messaging and Notifications are Landing in Chrome 42.

Introduction to fetch()

The fetch() API is landing in the window object and is looking to replace XHRs

What the Virtual Viewport?

The virtual viewport separates layout and viewing of the viewport.

Service Workers: an Introduction

Rich offline experiences, periodic background syncs, push notifications—functionality that would normally require a native application—are coming to the web. Service workers provide the technical foundation that all these features rely on.

Set Up Command Line Shortcuts

Set up shortcuts for the command line tasks you use over and over again. If you find yourself typing the same thing in your command line repeatedly, this will alleviate that.

Set Up Your Build Tools

Build your multi-device site from the ground up. Learn how to speed up development and create a fast loading site with a set of build process tools.

Precision Touch for Precise Gestures

TouchEvents have changed in Chrome to return float values, instead of integers, to account for varying screen densities. This leads to more detailed feedback during slow gestures.

Set Up Your Editor

Your code editor is your main development tool; you use it to write and save lines of code. Write better code faster by learning your editor's shortcuts and installing key plugins.

Add Touch to Your Site

Touchscreens are available on more and more devices, from phones up to desktop screens. Your app should respond to their touch in intuitive and beautiful ways.