The model-viewer web component
The model-viewer web component Adding 3D models to a website can be tricky. 3D models ideally will be shown in a viewer that can work responsively on all browsers - from smartphones, to desktop, to...
View ArticleUsing Trusted Web Activities
Using Trusted Web Activities Last updated: February 6th, 2019 Trusted Web Activities are a new way to integrate your web-app content such as your PWA with your Android app using a protocol based on...
View ArticleRendering on the Web
Rendering on the Web As developers, we are often faced with decisions that will affect the entire architecture of our applications. One of the core decisions web developers must make is where to...
View ArticleAudio/Video Updates in Chrome 73
Audio/Video Updates in Chrome 73 In this article, I'll discuss Chrome 73 new media features which include: Hardware media keys are now supported to control media playback on desktop. Web developers...
View ArticleBetter match results with String.prototype.matchAll()
Better match results with String.prototype.matchAll() Chrome 73 introduces the String.prototype.matchAll() method. It behaves similarly to match(), but returns an iterator with all regular expression...
View ArticleMaking wheel scrolling fast by default
Making wheel scrolling fast by default To improve wheel scrolling/zooming performance developers are encouraged to register wheel and mousewheel event listeners as passive by passing the {passive:...
View ArticleDeprecations and removals in Chrome 73
Deprecations and removals in Chrome 73 Removals Remove EXPLAIN and REINDEX support in WebSQL EXPLAIN's output is not guaranteed to be stable over SQLite versions, so developers cannot rely on it....
View ArticleConstructable Stylesheets: seamless reusable styles
Constructable Stylesheets: seamless reusable styles Constructable Stylesheets are a new way to create and distribute reusable styles when using Shadow DOM. It has always been possible to create...
View ArticleReplacing a hot path in your app's JavaScript with WebAssembly
Replacing a hot path in your app's JavaScript with WebAssembly It's consistently fast, yo. In my previous articles I talked about how WebAssembly allows you to bring the library ecosystem of C/C++ to...
View ArticleGet Ready for Priority Hints
Get Ready for Priority Hints As performance becomes increasingly important, it's exciting to see browsers implement new features which give developers more control over resource loading. Resource...
View ArticleTrusted Types help prevent Cross-Site Scripting
Trusted Types help prevent Cross-Site Scripting TL;DR We've created a new experimental API that aims to prevent DOM-Based Cross Site Scripting in modern web applications. We’re currently working on...
View ArticleTrust is Good, Observation is Better—Intersection Observer v2
Trust is Good, Observation is Better—Intersection Observer v2 Intersection Observer v1 is one of those APIs that's probably universally loved, and, now that Safari supports it as well, it's also...
View ArticleExploring a back/forward cache for Chrome
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....
View ArticleWeb Dev Ecosystem team - February wrap up
Web Dev Ecosystem team - February wrap up Welcome to the first installment of a monthly wrap up which we look back what's been happening in Web Developer Ecosystem team✨ We are a team of engineers and...
View ArticleWhat's New In DevTools (Chrome 74)
What's New In DevTools (Chrome 74) Whoops! Our deadline snuck up on us. We'll have the full post up by Monday at latest. In the meantime, check out our new DOM tutorial. Feedback To discuss the new...
View ArticleMove Ya! Or maybe, don't, if the user prefers-reduced-motion!
Move Ya! Or maybe, don't, if the user prefers-reduced-motion! tl;dr: Not everyone likes decorative animations or transitions, and some users outright experience motion sickness when faced with...
View ArticleKV Storage, the Web's First Built-in Module
KV Storage, the Web's First Built-in Module Browser vendors and web performance experts have been saying for the better part of the last decade that localStorage is slow, and web developers should...
View ArticleNew in Chrome 73
New in Chrome 73 In Chrome 73, we've added support for: Creating portable content easier with signed HTTP exchanges. Dynamically changing styles becomes way easier with constructable style sheets....
View ArticleDeprecations and removals in Chrome 74
Deprecations and removals in Chrome 74 Remove PaymentAddress's languageCode property The PaymentAddress.languageCode property has been removed from the Payment Request API. This property is the...
View ArticleThe Chromium Chronicle: Task Scheduling Best Practices
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: Task...
View Article