Clik here to view.
Making touch scrolling fast by default
Making touch scrolling fast by default We know that scrolling responsiveness is critical to the user's engagement with a website on mobile, yet touch event listeners often cause serious scrolling...
View ArticleClik here to view.
Web Components v1 - the next generation
Web Components v1 - the next generation Ever wanted to build your own self-contained JavaScript component, that you can easily use across multiple projects or share with other developers regardless of...
View ArticleClik here to view.
New In Chrome 56
New In Chrome 56 Web apps can now communicate with nearby Bluetooth Low Energy devices using the Web Bluetooth API. position: sticky is back - making it easy to create elements that scroll normally...
View ArticleClik here to view.
CSS Grid – Table layout is back. Be there and be square.
CSS Grid – Table layout is back. Be there and be square. TL;DR: If you are familiar with Flexbox, Grid should feel familiar. Rachel Andrew maintains a great website dedicated to CSS Grid to help you...
View ArticleClik here to view.
Changes in the Payment Request API
Changes in the Payment Request API Since the launch of the Payment Request API in Chrome 53, a few changes have been made to the API. These changes won't break the functionalities of your working...
View ArticleClik here to view.
API Deprecations and Removals in Chrome 57
API Deprecations and Removals in Chrome 57 In nearly every version of Chrome, we see a significant number of updates and improvements to the product, its performance, and also capabilities of the Web...
View ArticleClik here to view.
Customize Media Notifications and Handle Playlists
Customize Media Notifications and Handle Playlists With the brand new Media Session API, you can now customize media notifications by providing metadata for the media your web app is playing. It also...
View ArticleClik here to view.
The New and Improved Add to Home screen
The New and Improved Add to Home screen Chrome first introduced the "Add to Home screen" banners in Chrome 51. This was a big step for the web as it provided users the ability to easily keep a...
View ArticleClik here to view.
Lighthouse January 2017 update
Lighthouse January 2017 update Lighthouse is an open-source, automated tool for improving the quality of your web apps. You can install it as a [Chrome Extension][crx] or run it as a Node command line...
View ArticleClik here to view.
Speed up Service Worker with Navigation Preloads
Speed up Service Worker with Navigation Preloads TL;DR In some situations, service worker boot-up time can delay a network response. A new experimental feature, navigation preload, fixes this by...
View ArticleClik here to view.
New in Chrome 57
New in Chrome 57 Chrome 57 adds support for display: grid - the new CSS Grid Layout specification. You can now customize and respond to user input on the lock screen and notifications using the new...
View ArticleClik here to view.
What's New In DevTools (Chrome 58)
What's New In DevTools (Chrome 58) Welcome to the first installment of the DevTools release notes! From here on out, the first time you open a new version of Chrome, DevTools opens the What's New...
View ArticleClik here to view.
Background Tabs in Chrome 57
Background Tabs in Chrome 57 Background tabs can have a dramatic negative effect on browser performance, especially on battery life. To mitigate this, Chrome has been placing various restrictions on...
View ArticleClik here to view.
Deprecations and Removals in Chrome 58
Deprecations and Removals in Chrome 58 In nearly every version of Chrome, we see a significant number of updates and improvements to the product, its performance, and also capabilities of the Web...
View ArticleClik here to view.
We'll Cross the (Media) Streams, Ray
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. This is actually not prohibited by the...
View ArticleClik here to view.
Media Updates in Chrome 58
Media Updates in Chrome 58 Developers can now customize media controls such as the download, fullscreen and remoteplayback buttons. Sites installed using the "Add to Homescreen" flow can autoplay...
View ArticleClik here to view.
Building performant expand & collapse animations
Building performant expand & collapse animations TL;DR Use scale transforms when animating clips. You can prevent the children from being stretched and skewed during the animation by...
View ArticleClik here to view.
CSS deep-dive: matrix3d() for a frame-perfect custom scrollbar
CSS deep-dive: matrix3d() for a frame-perfect custom scrollbar Custom scrollbars are extremely rare and that’s mostly due to the fact that scrollbars are one of the remaining bits on the web that are...
View ArticleClik here to view.
Chromium policy on JavaScript dialogs
Chromium policy on JavaScript dialogs History of JavaScript dialogs JavaScript was introduced in 1995, and in the very first version of JavaScript were methods on the window object named alert(),...
View ArticleClik here to view.
What's New In DevTools (Chrome 59)
What's New In DevTools (Chrome 59) Welcome to another installment of the DevTools release notes. Here's what's new for Chrome 59. Note: You can check which version of Chrome you're running at...
View Article