Chrome Dev Summit is back! Visit goo.gle/cds2021 to secure your spot in workshops, office hours and learning lounges!

Articles by Matt Gaunt

Matt is a contributor to WebFundamentals

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

FAQ

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

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.

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.

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.