Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

Articles by Dave Gash

Dave is a Tech Writer

How the payment ecosystem works

Learn who are involved in the Web Payments ecosystem, how they interact each other and how you can get involved.

Web Payments Overview

Learn the concept of the Web Payments and how it works at a high level.

How Payment Request API Works

Learn how the Payment Request API works at a high level.

Payment Method Basics

Understanding how payment methods are specified in the Payment Request API is mandatory for you. Learn 2 types of payment methods and how to create your own.

Graphical Content

HTTP Caching

HTTP Requests

Measuring Performance

Overview

Text Content

Wrap-up and Demo

Accessible Styles

Using proper styling to improve accessibility

ARIA Labels and Relationships

Using ARIA labels to create accessible element descriptions

DOM Order Matters

The importance of the default DOM order

Hiding and Updating Content

Hiding content from assistive technology

Introduction to ARIA

Introduction to ARIA and non-native HTML semantics

Introduction to Focus

Overview of screen focus in accessibility

Introduction to Semantics

Introduction to semantics and assistive technology

Semantics and Navigating Content

The role of semantics in page navigation

Text Alternatives for Images

Using the alt attribute to provide text alternatives for images

The Accessibility Tree

Introduction to the Accessibility Tree

Using tabindex

Modifying the DOM order with tabindex

Accessibility

Improving accessibility for web pages

Delivering Fast and Light Applications with Save-Data

The Save-Data client hint request header available in Chrome, Opera, and Yandex browsers enables developers to deliver fast and light applications to users who have opted-in to 'data saving' mode in the browser.

Set Up Persistence with DevTools Workspaces

Set up persistent authoring in Chrome DevTools so you can both see your changes immediately and save those changes to disk.

How to step through your code

By executing code one line or one function at a time, you can observe changes in the data and in the page to understand exactly what is happening.