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!
chrome74 new-in-chrome css feature-policy media-queries es6 accessibility
What's New In DevTools (Chrome 75)
Meaningful autocomplete preset values, clear site data from the Command Menu, and more.
chrome75 devtools devtools-whatsnew
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.
Deprecations and removals in Chrome 74
A round up of the deprecations and removals in Chrome 74 to help you plan.
deprecations removals chrome74
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!
chrome73 new-in-chrome desktop progressive-web-apps webpackage css regex
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.
KV Storage: the Web's First Built-in Module
An introduction to the new KV Storage API, built-in modules, and import maps.
chrome74 devtools devtools-whatsnew
What's New In DevTools (Chrome 74)
Highlight nodes affected by a CSS property, Lighthouse v4, WebSocket binary message viewer, and more.
chrome74 devtools devtools-whatsnew
Web Dev Ecosystem team - February wrap up
February wrap up which we look back what's been happening in Web Developer Ecosystem team.
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.
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.
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.
news security trusted-types origintrials chrome73
Get Ready for Priority Hints
Priority Hints are coming to an Origin Trial near you! Try them out!
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?
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.
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.
Deprecations and removals in Chrome 73
A round up of the deprecations and removals in Chrome 73 to help you plan.
deprecations removals chrome73
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.
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.
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.
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.
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!
fundamentals performance app-shell
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.
news webcomponents polymer lit-element lit-html
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.
capabilities rtcicetransport rtcquictransport progressive-web-apps webrtc origintrials
Prototyping Stack Packs for Lighthouse
Instead of only surfacing generalized advice, Stack Packs will extend Lighthouse to include additional messages for specific tools.
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!
chrome72 new-in-chrome intl es6 javascript user-activation
What's New In DevTools (Chrome 73)
Logpoints, detailed tooltips in Inspect Mode, and much more.
chrome73 devtools devtools-whatsnew
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.
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.
chrome72 user-activation user-gesture
A Picture is Worth a Thousand Words, Faces, and Barcodes—The Shape Detection API
The Shape Detection API allows for faces, barcodes, and text to be detected in images.
