Can’t make the #ChromeDevSummit this year? Catch all the content (and more!) on the livestream, or join your peers for a CDS Extended event at a hosted location nearby. To learn more, check out the Chrome Dev Summit 2019 website.

Web Updates (2019)

New in Chrome 78

Chrome 78 is rolling out now! You can now provide “types” for CSS variables. You get fresher service workers because byte-for-byte checks are now performed for scripts imported by importScripts(). And I’ve got details for two new origin trials that provide some neat new functionality including the Native File System and the SMS Receiver. Plus the Chrome DevSummit is happening November 11-12, 2019. Let’s dive in and see what’s new for developers in Chrome 78!

local_offer chrome78 new-in-chrome chromedevsummit css serviceworker origintrials native-file-system sms-receiver

Read article

The Chromium Chronicle: Preprocessing Source

Compiling a single Chromium source file by hand can help dvelopers expriment with compiler optimization options, understand subtle macro details, or minimize a compiler bug. This month, we take a look at how to preprocess source.

local_offer chromium-chronicle

Read article

What's New In DevTools (Chrome 79)

Debug why cookies were blocked, simulate "prefers-color-scheme: dark", code coverage updates, and more.

local_offer chrome79 devtools devtools-whatsnew

Read article

The Chromium Chronicle: Monorail’s Grid View!

Chrome’s issue tracker, Monorail, offers a grid view that allows you to visualize your issues in a Kanban style board. This episode explains how to use the grid mode.

local_offer chromium-chronicle

Read article

Deprecations and removals in Chrome 78

A round up of the deprecations and removals in Chrome 78 to help you plan.

local_offer deprecations removals chrome78

Read article

Fresher service workers, by default

HTTP requests that check for updates to the service worker script will no longer be fulfilled by the HTTP cache by default. This works around a common developer pain point, in which setting an inadvertent Cache-Control header on your service worker script could lead to delayed updates. Also, updates to imported scripts can trigger the service worker update flow.

local_offer progressive-web-apps serviceworker chrome68

Read article

New in Chrome 77

Chrome 77 is rolling out now! There’s a better way to track the performance of your site with Largest Contentful Paint. Forms get some new capabilities. Native lazy loading is here. The Chrome DevSummit is happening November 11-12 2019. And plenty more. Let’s dive in and see what’s new for developers in Chrome 77!

local_offer chrome77 new-in-chrome chromedevsummit forms formdata lazy-loading performance

Read article

What's New In DevTools (Chrome 78)

Lighthouse 5.2 in the Audits panel, and Largest Contentful Paint in the Performance panel.

local_offer chrome78 devtools devtools-whatsnew

Read article

Trusted Web Activities Quick Start Guide

A guide to get started building a basic, bare-bones Trusted Web Activity.

local_offer trusted-web-activity

Read article

Get started with GPU Compute on the Web

This article is about me playing with the experimental WebGPU API and sharing my journey with web developers interested in performing data-parallel computations using the GPU.

local_offer news gpu canvas graphics

Read article

The Chromium Chronicle: Coding Outside the Sandbox

All code has bugs. The Chrome Browser process has no sandbox, meaning those bugs could give malcious code full access to the whole device. This episode explains the dos and don'ts of coding without a sandbox.

local_offer chromium-chronicle

Read article

Experimenting with Periodic Background Sync

Periodic background sync is available as an origin trial starting in Chrome 77. Learn more about what the feature offers, as well as how to start experimenting with it today.

local_offer serviceworker progressive-web-apps install

Read article

Deprecations and removals in Chrome 77

A round up of the deprecations and removals in Chrome 77 to help you plan.

local_offer deprecations removals chrome77

Read article

New in Chrome 76

Chrome 76 is rolling out now! It adds support for the prefers-color-scheme media query, bringing dark mode to websites. An install button in the omnibox to make installation of Progressive Web Apps on desktop easier. A way to prevent the mini-infobar from appearing on mobile. Increases the frequency with which WebAPKs are updated. And plenty more. Let’s dive in and see what’s new for developers in Chrome 76!

local_offer chrome76 new-in-chrome mobile install addtohomescreen progressive-web-apps webapk css desktop

Read article

The Chromium Chronicle: Test your Web Platform Features with WPT

Web Platform tests (WPT) are the preferred way to test web-exposed features, as they are shared with other browsers via Github. This month, we take a look at WPT best practices.

local_offer chromium-chronicle

Read article

What's New In DevTools (Chrome 77)

Copy element styles, visualize layout shifting, and more.

local_offer chrome77 devtools devtools-whatsnew

Read article

Audio/Video Updates in Chrome 75

A round up of the audio/video updates in Chrome 75: predicting whether playback will be smooth and power efficient for encrypted media and support of the video element's "playsInline" attribute hint.

local_offer news chrome75 media

Read article

Web Components update: more time to upgrade to v1 APIs

Web Components v0 users have more time to upgrade to v1; but be sure and test.

local_offer webcomponents deprecations removals

Read article

The Chromium Chronicle: Code Coverage in Gerrit

Tests are critical because they find bugs and regressions, enforce better designs and make code easier to maintain. This month, we take a look at how to conduct thorough tests with Gerrit

local_offer chromium-chronicle

Read article

Deprecations and removals in Chrome 76

A round up of the deprecations and removals in Chrome 76 to help you plan.

local_offer deprecations removals chrome76

Read article

Updating WebAPKs More Frequently

When a Progressive Web App is installed on Android, Chrome automatically requests and installs a WebAPK of your app. Starting in Chrome 76, Chrome will check for updates more frequently, ensuring icons, titles, colors, and other key properties to rolled out to your users faster.

local_offer chrome76 mobile install addtohomescreen progressive-web-apps webapk

Read article

Address Bar Install for Progressive Web Apps on the Desktop

In Chrome 76, we're making it easier for users to install Progressive Web Apps on the desktop by adding an install button to the address bar. If a site meets the Progressive Web App installability criteria, Chrome will automatically show an install icon in the address bar, making it easy for users to install your PWA.

local_offer chrome76 desktop install addtohomescreen progressive-web-apps

Read article

LayoutNG

LayoutNG is a new layout engine for Chromium that has been designed for the needs of modern scalable web applications. It improves performance isolation, better supports scripts other than Latin, and fixes many float, margin, and web compatibility issues.

local_offer layout performance chrome76 layoutng

Read article

New in Chrome 75

Chrome 75 is rolling out now. There’s a new way to reduce latency on canvas elements. Web apps can now share files to other installed apps using the system level share sheet. All of talks from Google I/O are on our YouTube channel. And plenty more. Let’s dive in and see what’s new for developers in Chrome 75!

local_offer chrome75 new-in-chrome canvas performance google-io graphics sharing

Read article

How do I notify users that my PWA is installable?

If your PWA has use cases where it’s helpful for a user to install your app, for example if you have users who use your app more than once a week, you should be promoting the installation of your PWA within the web UI of your app. We have new recommendations on how you can promote the installation of your app.

local_offer addtohomescreen android progressive-web-apps install

Read article

What's New In DevTools (Chrome 76)

Autocomplete with CSS values, a new UI for network settings, and more.

local_offer chrome76 devtools devtools-whatsnew

Read article

The Chromium Chronicle: Fighting Test Flakiness

Flaky tests are a common problem in Chrome. They impact the productivity of other developers, and get disabled over time. This month, we take a look at how to fight test flakiness.

local_offer chromium-chronicle

Read article

In Chrome 76 you can hide the Add to Home screen mini-infobar

We're giving you more control over the PWA Add to Home Screen mini-infobar. Starting in Chrome 76, you can prevent the mini-infobar from appearing by calling preventDefault() on the beforeinstallprompt event.

local_offer chrome76 addtohomescreen android progressive-web-apps install

Read article

Augmented reality with model-viewer

In February, we introduced the model-viewer web component which let you declaratively add a 3D model to a web page. Now we're announcing support for AR on Android with the addition of the ar attribute.

local_offer 3d model-viewer ar augmented-reality

Read article

Paint Holding - reducing the flash of white on same-origin navigations

A quick overview of paint holding. A Chromium feature for reducing the flash of white on same-origin navigations

local_offer performance chrome76

Read article

Share files with Web Share

Chrome 75 introduces file sharing from a web app, which lets your web app can share with virtually anything on a user's device.

local_offer capabilities sharing chrome75

Read article

Deprecations and removals in Chrome 75

A round up of the deprecations and removals in Chrome 75 to help you plan.

local_offer deprecations removals chrome75

Read article

Low-latency rendering with the desynchronized hint

Stylus-based drawing applications built for the web suffer from latency issues because a web page has to synchronize graphics updates with the DOM. The desynchronized hint for contexts bypasses the DOM to eliminate the latency.

local_offer chrome75

Read article

New in Chrome 74

Just in time for Google I/O, Chrome 74 is landing now! It adds support for private class fields; allows you to detect when the user has requested a reduced motion experience; adds support for CSS transition events, and plenty more. Let’s dive in and see what’s new for developers in Chrome 74!

local_offer chrome74 new-in-chrome css feature-policy media-queries es6 accessibility

Read article

What's New In DevTools (Chrome 75)

Meaningful autocomplete preset values, clear site data from the Command Menu, and more.

local_offer chrome75 devtools devtools-whatsnew

Read article

The Chromium Chronicle: Task Scheduling Best Practices

The Chrome team is proud to introduce the Chromium Chronicle, a monthly series geared specifically to Chromium developers - the developers who build the browser. This month, we take a look at task scheduling best practices.

local_offer chromium-chronicle

Read article

Deprecations and removals in Chrome 74

A round up of the deprecations and removals in Chrome 74 to help you plan.

local_offer deprecations removals chrome74

Read article

New in Chrome 73

Chrome 73 makes creating portable content easier with signed HTTP exchanges. Dynamically changing styles becomes way easier with constructable style sheets. And adds support for Progressive Web Apps on Mac, bringing support for PWAs to all desktop and mobile platforms, making it easy to create installable apps, delivered through the web. Let’s dive in and see what’s new for developers in Chrome 73!

local_offer chrome73 new-in-chrome desktop progressive-web-apps webpackage css regex

Read article

Move Ya! Or maybe, don't, if the user prefers-reduced-motion!

The prefers-reduced-motion media query detects whether the user has requested that the system minimize the amount of animation or motion it uses.

local_offer media-queries

Read article

KV Storage: the Web's First Built-in Module

An introduction to the new KV Storage API, built-in modules, and import maps.

local_offer chrome74 devtools devtools-whatsnew

Read article

What's New In DevTools (Chrome 74)

Highlight nodes affected by a CSS property, Lighthouse v4, WebSocket binary message viewer, and more.

local_offer chrome74 devtools devtools-whatsnew

Read article

Web Dev Ecosystem team - February wrap up

February wrap up which we look back what's been happening in Web Developer Ecosystem team.

Read article

Exploring a back/forward cache for Chrome

On the Chrome team, we are exploring a new back/forward cache to cache pages in-memory (preserving JavaScript & DOM state) when the user navigates away.

local_offer performance

Read article

Trusted Types help prevent Cross-Site Scripting

Trusted Types is a new experimental API available in Chrome that helps prevent DOM-Based Cross-Site Scripting in your applications.

local_offer news security trusted-types origintrials chrome73

Read article

Trust is Good, Observation is Better—Intersection Observer v2

Intersection Observer v2 adds the capability to not only observe intersections per se, but to also detect if the intersecting element was visible at the time of intersection.

local_offer intersectionobserver

Read article

Get Ready for Priority Hints

Priority Hints are coming to an Origin Trial near you! Try them out!

local_offer fundamentals performance

Read article

Replacing a hot path in your app's JavaScript with WebAssembly

One key benefit that WebAssembly offers is predictable performance across browsers. But how do you turn hot path written in JavaScript into WebAssembly?

local_offer webassembly

Read article

Constructable Stylesheets: seamless reusable styles

Shipping in Chrome 73, Constructable Stylesheets provide a seamless way to create and distribute styles to documents or shadow roots without worrying about FOUC.

local_offer chrome73 css style

Read article

Deprecations and removals in Chrome 73

A round up of the deprecations and removals in Chrome 73 to help you plan.

local_offer deprecations removals chrome73

Read article

Making wheel scrolling fast by default

Scrolling responsiveness is critical to the user's engagement with a website on mobile, yet wheel event listeners often cause serious scrolling performance problems. Learn how we are helping users and developers to be fast by default.

local_offer interventions chrome73

Read article

Better match results with String.prototype.matchAll()

Chrome 73 introduces the String.prototype.matchAll() method. It behaves similarly to match(), but offers a simple way to iterate over matches, especially when you need access to capture groups.

local_offer chrome73 javascript regex

Read article

Using Trusted Web Activities

Trusted Web Activities are a new way to integrate your web-app content such as your PWA with your Android app using a similar protocol to Chrome Custom Tabs.

local_offer trusted-web-activity chrome72

Read article

Rendering on the Web

Where should we implement logic and rendering in our applications? Should we use Server Side Rendering? What about Rehydration? Let's find some answers!

local_offer fundamentals performance app-shell

Read article

The model-viewer web component

Adding 3D models to a website can be tricky for a variety of reasons including the hosting issues and the high bar of 3D programming. That's why we're introducing the <model-viewer> web component to let you use 3D models declaratively.

local_offer 3d model-viewer

Read article

Audio/Video Updates in Chrome 73

A round up of the audio/video updates in Chrome 73: Hardware media keys support, HDCP policy check, Picture-in-Picture origin trials, and more.

local_offer news chrome73 media

Read article

Lightning-fast templates & Web Components: lit-html & LitElement

lit-html and LitElement are two new libraries for building fast, interoperable components. lit-html provides lightning-fast templating. LitElement is a lightweight base class for building Web Components with lit-html templates.

local_offer news webcomponents polymer lit-element lit-html

Read article

RTCQuicTransport Coming to an Origin Trial Near You (Chrome 73)

The RTCQuicTransport is a new web platform API that allows exchanging arbitrary data with remote peers using the QUIC protocol.

local_offer capabilities rtcicetransport rtcquictransport progressive-web-apps webrtc origintrials

Read article

Prototyping Stack Packs for Lighthouse

Instead of only surfacing generalized advice, Stack Packs will extend Lighthouse to include additional messages for specific tools.

local_offer lighthouse

Read article

New in Chrome 72

In Chrome 72, creating public class fields in JavaScript is now much cleaner, you can see if a page has been activated with the new User Activation API, localizing lists becomes way easier, and there’s plenty more. Let’s dive in and see what’s new for developers in Chrome 72!

local_offer chrome72 new-in-chrome intl es6 javascript user-activation

Read article

What's New In DevTools (Chrome 73)

Logpoints, detailed tooltips in Inspect Mode, and much more.

local_offer chrome73 devtools devtools-whatsnew

Read article

Emscripten and npm

How do you integrate WebAssembly into this setup? In this article we are going to work this out with C/C++ and Emscripten as an example.

local_offer webassembly

Read article

Making user activation consistent across APIs

In version 72, Chrome ships User Activation v2 which makes user activation availability complete for all activation-gated APIs, resolving many user activation inconsistencies.

local_offer chrome72 user-activation user-gesture

Read article

Subscribe