Loading WebAssembly modules efficiently
Loading WebAssembly modules efficiently When working with WebAssembly, you often want to download a module, compile it, instantiate it, and then use whatever it exports in JavaScript. This post starts...
View ArticleNew in Chrome 66
New in Chrome 66 CSS manipulation becomes easier with the new CSS Typed Model Object. Access to the clipboard is now asynchronous. There’s a new rendering context for canvas elements. And there’s...
View ArticleDeprecations and removals in Chrome 67
Deprecations and removals in Chrome 67 Deprecate HTTP-Based Public Key Pinning HTTP-Based Public Key Pinning (HPKP) was intended to allow websites to send an HTTP header that pins one or more of the...
View ArticleBigInt: arbitrary-precision integers in JavaScript
BigInt: arbitrary-precision integers in JavaScript BigInts are a new numeric primitive in JavaScript that can represent integers with arbitrary precision. With BigInts, you can safely store and...
View ArticleAnnouncing Lighthouse 3.0
Announcing Lighthouse 3.0 Lighthouse 3.0 is out! 3.0 features faster audits, less variance, a new report UI, new audits, and more. How to update to 3.0 CLI. Run npm install -g lighthouse@next. Node....
View ArticleUsing Lighthouse To Improve Page Load Performance
Using Lighthouse To Improve Page Load Performance Lighthouse is an automated tool for improving the quality of your site. You give it a URL, and it provides a list of recommendations on how to improve...
View ArticleProgressive Web Apps on the Desktop
Progressive Web Apps on the Desktop Dogfood: Support for Desktop Progressive Web Apps is supported on Chrome OS 67, which is currently the beta branch. Work is already under way to support Mac and...
View ArticleWelcome to the immersive web
Welcome to the immersive web The immersive web means virtual world experiences hosted through the browser. This covers entire virtual reality (VR) experiences surfaced in the browser or in VR enabled...
View ArticleFirst Input Delay
First Input Delay We all know how important it is to make a good first impression. It's important when meeting new people, and it's also important when building experiences on the web. On the web, a...
View ArticleEnabling Strong Authentication with WebAuthn
Enabling Strong Authentication with WebAuthn The problem Phishing is the #1 security problem on the web: 81% of account breaches last year were because of weak or stolen passwords. The industry's...
View ArticleWhat's New In DevTools (Chrome 68)
experiments_path: /web/updates/2018/05/_experiments.yaml What's New In DevTools (Chrome 68) Note: The video version of these release notes will be published around late July 2018. New to DevTools in...
View ArticleBeyond SPAs: alternative architectures for your PWA
Beyond SPAs: alternative architectures for your PWA Note: Prefer a video to an article? You can watch the presentation on which this was based instead: Let's talk about... architecture? I'm going to...
View ArticleNew in Chrome 67
New in Chrome 67 Progressive Web Apps are coming to the desktop The generic sensor API makes it way easier to get access to device sensors like the accelerometer, gyroscope and more. And BigInt's make...
View ArticleFresher service workers, by default
Fresher service workers, by default tl;dr Starting in Chrome 68, HTTP requests that check for updates to the service worker script will no longer be fulfilled by the HTTP cache by default. This works...
View ArticleChanges to Add to Home Screen Behavior
Changes to Add to Home Screen Behavior Since we first launched the add to home screen banner, we’ve been working to label Progressive Web Apps more clearly and simplify the way users can install them....
View ArticleBring your payment method to the web with the Payment Handler API
Bring your payment method to the web with the Payment Handler API What is the Payment Handler API? The Payment Request API introduced an open, standards-based way to accept payments in a browser. It...
View ArticleDeprecations and removals in Chrome 68
Deprecations and removals in Chrome 68 Deprecate and Remove Negative Brightness Values in Filter For compliance with specification, filter's brightness() function no longer accepts negative values....
View ArticleChacmool: Augmented reality in Chrome Canary
Chacmool: Augmented reality in Chrome Canary When preparing for Google I/O, we wanted to highlight the exciting possibilities of augmented reality (AR) on the web. Chacmool is an educational web...
View ArticleAugmented reality for the web
Augmented reality for the web In Chrome 67, we announced the WebXR Device API for both augmented reality (AR) and virtual reality (VR), though only the VR features were enabled. VR is an experience...
View ArticleAudioWorklet Design Pattern
.diagram { max-width: 90%; display: block; margin: 0 auto; padding: 12px; } figcaption { font-size: 14px; text-align: center; padding: 8px; } AudioWorklet Design Pattern The previous article on...
View Article