Clik here to view.
What's New In DevTools (Chrome 75)
What's New In DevTools (Chrome 75) Hello! Here's what's new in Chrome DevTools in Chrome 75. Meaningful preset values when autocompleting CSS functions Some CSS properties, like filter, take functions...
View ArticleClik here to view.
New in Chrome 74
New in Chrome 74 In Chrome 74, we've added support for: Creating private class fields in JavaScript is now much cleaner. You can detect when the user has requested a reduced motion experience...
View ArticleClik here to view.
Share files with Web Share
Share files with Web Share System-level share target picker with installed PWA as an option. Over the last few years, we've been working to bring native sharing capabilities to the web. The Web Share...
View ArticleClik here to view.
Low-latency rendering with the desynchronized hint
Low-latency rendering with the desynchronized hint .hint { height: 150px; width: auto; } Stylus-based drawing applications built for the web have long suffered from latency issues because a web page...
View ArticleClik here to view.
Deprecations and removals in Chrome 75
Deprecations and removals in Chrome 75 Remove overflow: -webkit-paged-x and overflow: -webkit-paged-y These are old webkit-specific properties that allowed developers to fragment content over columns...
View ArticleClik here to view.
Paint Holding - reducing the flash of white on same-origin navigations
Paint Holding - reducing the flash of white on same-origin navigations For a while now, Chrome has eagerly cleared the screen when transitioning to a new page to give users the reassurance that the...
View ArticleClik here to view.
Augmented reality with model-viewer
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, while hosting the model on your own...
View ArticleClik here to view.
In Chrome 76 you can hide the Add to Home screen mini-infobar
In Chrome 76 you can hide the Add to Home screen mini-infobar TL;DR: 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...
View ArticleClik here to view.
The Chromium Chronicle: Fighting Test Flakiness
body:not(.devsite-dark-code) pre.prettyprint.cc-bad { background-color: #fff7f7; } body:not(.devsite-dark-code) pre.prettyprint.cc-good { background-color: #f7fff7; } The Chromium Chronicle: Fighting...
View ArticleClik here to view.
What's New In DevTools (Chrome 76)
What's New In DevTools (Chrome 76) Hello! Here's what's new in Chrome DevTools in Chrome 76. Autocomplete with CSS values When adding style declarations to a DOM node sometimes the declaration value...
View ArticleClik here to view.
New in Chrome 75
New in Chrome 75 In Chrome 75, we've added support for: 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....
View ArticleClik here to view.
How do I notify users that my PWA is installable?
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...
View ArticleClik here to view.
LayoutNG
LayoutNG Scheduled to be released in Chrome 76, LayoutNG is a new layout engine exiting a multi-year effort. There are several exciting immediate improvements, and additional performance gains and...
View ArticleClik here to view.
Address Bar Install for Progressive Web Apps on the Desktop
Address Bar Install for Progressive Web Apps on the Desktop On desktop, there's typically no indication to a user that a Progressive Web App is installable, and if it is, the install flow is hidden...
View ArticleClik here to view.
Updating WebAPKs More Frequently
Updating WebAPKs More Frequently When a Progressive Web App is installed on Android, Chrome automatically requests and installs a WebAPK of your app. Being installed via an APK makes it possible for...
View ArticleClik here to view.
Deprecations and removals in Chrome 76
Deprecations and removals in Chrome 76 Remove feature policy: lazyload The lazyload feature policy was intended to allow developers to selectively control the lazyload attribute on the <iframe>...
View ArticleClik here to view.
The Chromium Chronicle: Code Coverage in Gerrit
The Chromium Chronicle: Code Coverage in Gerrit Episode 3: June 2019 by Yuke, Roberto and Sajjad in Mountain View Tests are critical because they find bugs and regressions, enforce better designs and...
View ArticleClik here to view.
Image Support for the Async Clipboard API
Image Support for the Async Clipboard API In Chrome 66, we shipped the text portion of the Asynchronous Clipboard API. Now in Chrome 76, adding support for images to the Asynchronous Clipboard API,...
View ArticleClik here to view.
Web Components update: more time to upgrade to v1 APIs
Web Components update: more time to upgrade to v1 APIs The Web Components v1 APIs are a web platform standard that has shipped in Chrome, Safari, Firefox, and (soon) Edge. The v1 APIs are used by...
View ArticleClik here to view.
What's New In DevTools (Chrome 77)
What's New In DevTools (Chrome 77) Copy element's styles Right-click a node in the DOM Tree to copy that DOM node's CSS to your clipboard. Figure 1. Copy element styles. Visualize layout shifts...
View Article