Web Updates (2017)

What's New In DevTools (Chrome 61)

New features and changes coming to DevTools in Chrome 61.

Read more

Tags: chrome61 devtools

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.

Read more

Tags: javascript regex

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?

Read more

Tags: codesplitting modules supercharged

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.

Read more

Tags: chrome58 chrome60 events performance ux

DOMException: The play() request was interrupted

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

Read more

Tags: media devtools

Automated testing with Headless Chrome

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

Read more

Tags: headless testing karma mocha chai

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.

Read more

Tags: performance

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.

Read more

Tags: deprecations removals chrome60

Introduction to the Budget API

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

Read more

Tags: javascript origintrials

Object rest and spread properties

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

Read more

Tags: javascript

Leveraging the Performance Metrics that Most Affect User Experience

Leveraging the Performance Metrics that Most Affect User Experience.

Read more

Tags: performance

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!

Read more

Tags: chrome59 new-in-chrome automation notifications media getusermedia

What's New In DevTools (Chrome 60)

New features and changes coming to DevTools in Chrome 60.

Read more

Tags: chrome60 devtools

Deprecations and Removals in Chrome 59

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

Read more

Tags: deprecations removals chrome59

Detect if your Native app is installed from your web site

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

Read more

Tags: progressive-web-apps chrome59

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.

Read more

Tags: chrome59 headless testing

Moving to the Native Notification System on macOS

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

Read more

Tags: chrome59 notifications

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.

Read more

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

What's New In DevTools (Chrome 59)

New features and changes coming to DevTools in Chrome 59.

Read more

Tags: chrome59 devtools

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.

Read more

Tags: policy dialog javascript

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

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

Read more

Tags: performance

Building performant expand & collapse animations

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

Read more

Tags: performance

Media 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!

Read more

Tags: news chrome58 media

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.

Read more

Tags: chrome58 media

Deprecations and Removals in Chrome 58

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

Read more

Tags: deprecations removals chrome58

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.

Read more

Tags: chrome57

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!

Read more

Tags: chrome57 new-in-chrome css progressive-web-apps media grids

What's New In DevTools (Chrome 58)

New features and changes coming to DevTools in Chrome 58.

Read more

Tags: chrome58 devtools

Speed up Service Worker with Navigation Preloads

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

Read more

Tags: chrome57 serviceworker performance

Lighthouse January 2017 update

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

Read more

Tags: lighthouse tools performance progressive-web-apps

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.

Read more

Tags: news chrome57 media notifications play

The New and Improved Add to Home screen

Progressive Web Apps are becoming more integrated with your device. Learn how.

Read more

Tags: addtohomescreen progressive-web-apps chrome57

API Deprecations and Removals in Chrome 57

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

Read more

Tags: deprecations removals chrome57

Changes in the Payment Request API

In Chrome 56 and 57, there are quite a few changes to the Payment Request API following the spec changes. Learn what they are and make changes to your own implementation.

Read more

Tags: payment chrome56 chrome57

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!

Read more

Tags: css layout grids

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.

Read more

Tags: chrome55 new-in-chrome css layout html5 flash webbluetooth webvr

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.

Read more

Tags: webcomponents

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.

Read more

Tags: interventions chrome56

Subscribe