Missed the action at this year's Chrome Dev Summit? Catch up with our playlist on YouTube. Watch now.

Latest contributions from Matt Gaunt

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.

The Web Push Protocol

Displaying a Notification

How Push Works

Subscribing a User

Common Notification Patterns

FAQ

Notification Behaviour

Permission UX

Push Events

Sending Messages with Web Push Libraries

Experiment Time: Scroll Anchoring

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

The Web App Manifest

The web app manifest is a JSON file that gives you the ability to control how your web app or site appears to the user in areas where they would expect to see native apps (for example, a device's home screen), direct what the user can launch, and define its appearance at launch.

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.

Web App Install Banners

There are two types of app install banners: web app install banners and native app install banners. They give you the ability to let users quickly and seamlessly add your web or native app to their home screens without leaving the browser.

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 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.

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.

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.