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

Web Updates (2017)

What's New In DevTools (Chrome 63)

Multi-client remote debugging, push notifications with custom data, and Workspaces 2.0.

local_offer chrome63 devtools devtools-whatsnew

Read article

Disabling hardware noise suppression

Chrome 64 can experimentally disable hardware noise suppression when using the WebRTC echo canceller, to improve audio quality.

local_offer chrome64 webrtc getusermedia

Read article

An update on Better Ads

Yesterday, the Coalition for Better Ads announced the "Better Ads Experience Program." This Program provides guidelines for companies on how they can use the Better Ads Standards to help improve users' experience with ads on the web.

local_offer news

Read article

Enter Audio Worklet

Chrome 64 comes with a highly anticipated new feature in Web Audio API - Audio Worklet. Audio Worklet nicely keeps the user-supplied JavaScript code all within the audio processing thread — that is, it doesn’t have to jump over to the main thread to process audio.

local_offer chrome64 chrome66 webaudio

Read article

Preloading modules

<link rel="modulepreload"> offers a way of declaratively loading JavaScript modules ahead of time. This article looks at how it works and why it's better for modules than <link rel="preload">.

local_offer performance modules

Read article

Chrome 64 to deprecate the chrome.loadTimes() API

The non-standard chrome.loadTimes() API will be deprecated in Chrome 64 now that standards-based equivalents exist for all of its useful features.

local_offer performance deprecations removals chrome64

Read article

Chrome User Experience Report: expanding to top 1 Million+ origins

Today, we’re announcing a new Chrome User Experience Report with expanded coverage of over 1 million top origins on the web.

local_offer ux

Read article

Deprecations and removals in Chrome 64

A round up of the deprecations and removals in Chrome 64 to help you plan. In this version, performance API changes, removal of support for multiple shadow roots, and removal of a WebKit API.

local_offer deprecations removals chrome64

Read article

Lighthouse 2.6 Updates

New performance audits, a rehaul of the accessibility score, report UX improvements, and bug fixes.

local_offer lighthouse

Read article

Audio/Video Updates in Chrome 63/64

Predictable media playback, HDR on Windows 10, offline playback with persistent licenses, and more are waiting for you in Chrome 64.

local_offer news chrome63 chrome64 media audio video origintrials

Read article

The Device Memory API

The Device Memory API allows developers to serve different resources to users based on their device's memory capabilities.

local_offer performance

Read article

New in Chrome 63

Chrome 63 allows you to import JavaScript modules dynamically. My favorite interview coding question becomes a piece of cake with async iterators and generators. And you can override the browser's default overflow scroll behavior with the CSS overscroll-behavior property.

local_offer chrome63 new-in-chrome css overscroll scroll android async await es6 generators iterators modules permissions streams

Read article

What's New In DevTools (Chrome 64)

Performance Monitor, Console Sidebar, and Console groupings.

local_offer chrome64 devtools devtools-whatsnew

Read article

Dynamic import()

Dynamic import() introduces a new function-like form of import that unlocks new capabilities compared to static import. This article compares the two and gives an overview of what's new.

local_offer javascript

Read article

Take control of your scroll: customizing pull-to-refresh and overflow effects

The CSS overscroll-behavior property allows developers to override the browser's overflow scroll effects when reaching the top/bottom of content. It can be used to customize or prevent the mobile pull-to-refresh action.

local_offer chrome63 css overscroll scroll

Read article

Removing ::shadow and /deep/ in Chrome 63

Say goodbye to shadow-piercing CSS selectors.

local_offer webcomponents shadowdom style css deprecations removals chrome63

Read article

Using Trusted Web Activity

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 chrome69

Read article

Deprecations and removals in Chrome 63

A round up of the deprecations and removals in Chrome 63 to help you plan. In this version, new behavior on interface properties, removal of a webkit function, and a change to RTCRtcpMuxPolicy.

local_offer deprecations removals chrome63

Read article

Exceeding the buffering quota

There are several ways to deal with QuotaExceededError.

local_offer media mediasourceextensions

Read article

Promise.prototype.finally

Promise.prototype.finally allows registering a callback to be invoked when a promise is settled.

local_offer javascript

Read article

Lighthouse 2.5 Updates

Five new audits, the chrome-launcher standalone Node module, and a new throttling guide.

local_offer lighthouse

Read article

New in Chrome 62

Chrome 62 improves the network information API with network quality indicators, support for OpenType Variable Fonts has landed and you can now capture and process media streams from HTMLMediaElements with the Media Capture from DOM elements API.

local_offer chrome62 new-in-chrome fonts media webfonts network-info

Read article

Animating a Blur

A few tricks are necessary to animate a blur efficiently.

local_offer performance

Read article

The Intl.PluralRules API

The Intl.PluralRules API enables performant internationalized pluralizations.

local_offer javascript

Read article

Abortable fetch

Aborting fetches using a new web primitive – The abort controller

local_offer fetch

Read article

WebVR changes in Chrome 62

Learn about what is changing in the WebVR API

local_offer news webvr

Read article

An event for CSS position:sticky

Using position: sticky and IntersectionObserver together to determine when elements become sticky. Apply scroll effects without scroll events!

local_offer css intersectionobserver stickyposition

Read article

Sensors For The Web!

Sensors are used in many native applications to enable advanced features. Wouldn't it be nice to bridge the gap between native and the web? You can do it with Generic Sensor API, which is enabled by default in Chrome 67 or later.

local_offer sensors chrome63 chrome67 news

Read article

Deprecations and Removals in Chrome 62

A round up of the deprecations and removals in Chrome 62 to help you plan. In this version, more restrictions on insecure origins and a change to the shadow-piercing descendant combinator.

local_offer deprecations removals chrome62

Read article

Autoplay Policy Changes

Learn best practices for good user experiences with the new autoplay policies in Chrome, coming April 2018.

local_offer autoplay news media

Read article

Picture-in-Picture (PiP)

Let's discuss a Web API that would allow websites to create a floating video window over the desktop

local_offer news media

Read article

Audio/Video Updates in Chrome 62

Offline playback with persistent licenses and Widevine L1 on Android, video track optimizations, automatic video fullscreen when device is rotated, customizable seekable range on live MS streams, FLAC in MP4 with MSE are here!

local_offer news chrome62 media

Read article

Introducing the Web Share API

Sharing is caring. Web Share is now available in Chrome 61 for Android, and allows websites to invoke the native sharing capabilities of the host platform.

local_offer chrome55 chrome61 sharing android origintrials

Read article

New in Chrome 61

Chrome 61 now supports JavaScript modules natively, unifying the way modular JavaScript can be written. You can now use navigator dot share to trigger the native Android share dialog. And the WebUSB API has landed, allowing web apps to access user permitted USB devices. And, there's plenty more.

local_offer chrome61 new-in-chrome modules es6 webusb sharing

Read article

Introducing visualViewport

The visual viewport API gives you details on how the user zooms and scrolls around your page.

local_offer chrome61

Read article

What's New In DevTools (Chrome 62)

Top-level await operators in the Console, new screenshot workflows, CSS Grid highlighting, and more.

local_offer chrome62 devtools devtools-whatsnew

Read article

Deprecations and Removals in Chrome 61

A round up of the deprecations and removals in Chrome 61 to help you plan. In this version, more restrictions on insecure origins and a change to the shadow-piercing descendant combinator.

local_offer deprecations removals chrome61

Read article

Estimating Available Storage Space

navigator.storage.estimate() gives you insight into your web app's storage constraints.

local_offer storage serviceworker indexeddb chrome61

Read article

Audio/Video Updates in Chrome 61

Background video track optimizations and automatic video fullscreen when device is rotated are here!

local_offer news chrome61 media

Read article

New in Chrome 60

With Chrome 60, you can now measure time to first paint and time to first contentful paint with the Paint Timings API. You can control how fonts are rendered with the font-display CSS property. WebAssembly has landed and there's plenty more!

local_offer chrome60 new-in-chrome performance paint webfonts webassembly

Read article

Upcoming regular expression features

An overview of the exciting new features coming to JavaScript regular expressions, including named captures, the dotAll flag, Unicode property escapes, and lookbehind assertions.

local_offer javascript regex

Read article

What's New In DevTools (Chrome 61)

New features and changes coming to DevTools in Chrome 61.

local_offer chrome61 devtools devtools-whatsnew

Read article

Aligned Input Events

Providing a smooth user experience is important for the web. Over the past few releases of Chrome we have driven down input latency across these devices.

local_offer chrome58 chrome60 events performance ux

Read article

Supercharged Live Stream Blog: Code Splitting

“Code splitting” and “route-based chunking” are some of the new buzzwords in web development. But what do they mean and how can you implement them?

local_offer codesplitting modules supercharged

Read article

DOMException: The play() request was interrupted

What is really happening with "DOMException: The play() request was interrupted"?

local_offer media devtools

Read article

Automated testing with Headless Chrome

How to setup Karma, Mocha+Chai, and Travis to run automated tests on Headless Chrome.

local_offer headless testing karma mocha chai

Read article

Latest Updates to the Credential Management API

Latest updates coming to the Credential Management API in Chrome 60. Also includes an update landed in Chrome 57.

local_offer credentials chrome57 chrome60

Read article

Deprecations and Removals in Chrome 60

A round up of the deprecations and removals in Chrome 60 to help you plan. In this version, security improvements, further webkit deprecations, and more.

local_offer deprecations removals chrome60

Read article

Introduction to the Budget API

The Budget API allows developers to perform background actions without notifying users, enabling use cases like silent push.

local_offer javascript origintrials

Read article

Object rest and spread properties

This update discusses object rest and spread properties, a new JavaScript feature.

local_offer javascript

Read article

New in Chrome 59

With Chrome 59, you can run Chrome in an automated environment without a user interface or peripherals; notifications on macOS are shown directly by the native macOS notification system; you can now capture full resolution photos with the image capture API, and there’s plenty more!

local_offer chrome59 new-in-chrome automation notifications media getusermedia

Read article

What's New In DevTools (Chrome 60)

New features and changes coming to DevTools in Chrome 60.

local_offer chrome60 devtools devtools-whatsnew

Read article

Deprecations and Removals in Chrome 59

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

local_offer deprecations removals chrome59

Read article

Detect if your Native app is installed from your web site

Is your native app already installed? getInstalledRelatedApps is your friend.

local_offer progressive-web-apps chrome59

Read article

Getting Started with Headless Chrome

Headless Chrome (shipping in Chrome 59) is a way to run the Chrome browser in a headless environment. It brings all modern web platform features provided by Chromium and the Blink rendering engine to the command line.

local_offer chrome59 headless testing

Read article

Moving to the Native Notification System on macOS

As of Chrome 59, notifications will be displayed native notifications on macOS.

local_offer chrome59 notifications

Read article

New in Chrome 58

With Chrome 58, Progressive Web Apps are more immersive with display: fullscreen. IndexedDB 2.0 is now supported and sandboxed iFrames get more options. Pete LePage has all the details and how you can use these new developer features in Chrome 58.

local_offer chrome58 new-in-chrome iframe sandbox indexeddb progressive-web-apps fullscreen

Read article

What's New In DevTools (Chrome 59)

New features and changes coming to DevTools in Chrome 59.

local_offer chrome59 devtools devtools-whatsnew

Read article

Chromium policy on JavaScript dialogs

Synchronous, app-modal JavaScript dialogs are commonly (and unfortunately) used to harm users. Because of this, the Chromium team highly recommends that you not use JavaScript dialogs.

local_offer policy dialog javascript

Read article

Building performant expand & collapse animations

When making expand and collapse effects you can use scale transforms to keep your UI performant.

local_offer performance

Read article

CSS Deep-Dive: matrix3d() For a Frame-Perfect Custom Scrollbar

Custom transform matrices allow you to build frame-perfect custom scrollbars.

local_offer performance

Read article

Audio/Video Updates in Chrome 58

Media controls customization, Autoplay for Progressive Web Apps added to the home screen, pause the autoplaying of muted video when invisible, and color-gamut media query are there!

local_offer news chrome58 media

Read article

We'll Cross the (Media) Streams, Ray

Today, when using Media Source Extensions (MSE) in Chrome, it's not possible to switch between encrypted and clear streams. Starting in Chrome 58, all this changes.

local_offer chrome58 media

Read article

Deprecations and Removals in Chrome 58

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

local_offer deprecations removals chrome58

Read article

Background Tabs in Chrome 57

Background tabs can have a dramatic negative effect on battery life. Chrome 57 brings new power saving changes to background tab behavior by throttling timers if a page is using too much CPU.

local_offer chrome57

Read article

New in Chrome 57

With Chrome 57, you can now use display: grid for grid based layouts, use the media session API to customize the lock screen and notifications with information about the media being played, and more. Pete LePage has all the details and how you can use these new developer features in Chrome 57!

local_offer chrome57 new-in-chrome css progressive-web-apps media grids

Read article

What's New In DevTools (Chrome 58)

New features and changes coming to DevTools in Chrome 58.

local_offer chrome58 devtools

Read article

Speed up Service Worker with Navigation Preloads

Navigation preload lets you overcome service worker startup time by making requests in parallel.

local_offer chrome59 serviceworker performance

Read article

Lighthouse January 2017 update

What's new in Lighthouse 1.5. New audits, extension updates, Performance Experiment, online Viewer features, and UI tweaks.

local_offer lighthouse tools performance progressive-web-apps

Read article

Customize Media Notifications and Handle Playlists

Finally! We can customize web media notifications (title, artist, album name, artwork) and respond to media related events such as seeking or track changing with the new Media Session API.

local_offer news chrome57 media notifications play

Read article

API Deprecations and Removals in Chrome 57

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

local_offer deprecations removals chrome57

Read article

Changes in the Payment Request API

In Chrome, there are updates to the Payment Request API following the spec changes. Learn what they are and make changes to your own implementation.

local_offer payment chrome56 chrome57 chrome61 chrome62

Read article

CSS Grid – Table layout is back. Be there and be square.

CSS Grid Layout makes creating two dimensional grid based layouts easy. It's been in development for over 5 years, but is now available in Chrome and coming to other browsers soon. Let's take a peek at what's new and how you can use it on your sites!

local_offer css layout grids

Read article

New In Chrome 56

With Chrome 56, web apps can now communicate with nearby Bluetooth Low Energy devices using the Web Bluetooth API. CSS position: sticky; is back - making it easy to create elements that scroll normally until sticking to the top of the viewport. And HTML5 by Default is enabled for all users.

local_offer chrome55 new-in-chrome css layout html5 flash webbluetooth webvr

Read article

Making touch scrolling fast by default

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

local_offer interventions chrome56

Read article

Web Components v1 - the next generation

Web Components are gaining cross-browser support, the community is growing in leaps and bounds, and there’s a brand-new Web Component catalog to find exactly the component you need.

local_offer webcomponents

Read article

Subscribe