Multi-touch web development
Touch and mouse
The <model-viewer> web component
The <model-viewer> web component lets you use 3D models on a web page declaratively.
Threading the web with module workers
Module workers make it easy to unblock the main thread by moving expensive code to a background thread while keeping the ergonomic and performance benefits of standard JavaScript modules.
Preload modules
Module preload offers a way of declaratively loading JavaScript modules ahead of time.
Monitor and analyze the app
What tools to use to keep track of and analyze the webpack bundle
Monitor your web page's total memory usage with measureUserAgentSpecificMemory()
Learn how to measure memory usage of your web page in production to detect regressions.
More capable form controls
Build custom elements that work like built-in form controls.
Media Source Extensions for Audio
Media Source Extensions (MSE) provide extended buffering and playback control for the HTML5 audio and video elements. While originally developed to facilitate Dynamic Adaptive Streaming over HTTP (DASH) based video players, MSE can be used for audio; specifically for gapless playback.
Multi-device content
Consider content as well as layout and graphic design when building for a range of users and devices.
Progressive Web Apps in multi-origin sites
Multi-origin architecture presents many challenges when building PWAs. Explore the good and bad uses of multiple origins, and some workarounds to build PWAs in multi-origin sites.
Multiplayer audio fun
A demo using the Web Audio API.
HTML5 vs Native
Semantics and navigating content
The role of semantics in page navigation
How to assess loading performance in the field with Navigation Timing and Resource Timing
Learn the basics of using the Navigation and Resource Timing APIs to assess loading performance in the field.
What is network reliability and how do you measure it?
The modern web is enjoyed by a wide swath of people, using a range of different devices and types of network connections. Your creations can reach users all across the world, but delivering a reliable experience on the web for all of your users can be challenging. It can be a challenge just to understand what reliability means.
Network Error Logging (NEL)
Use Network Error Logging (NEL) to collect client-side network errors.
New patterns for media apps
This blog post announces a new collection of patterns for media apps.
New Progressive Web App training now available
A new, six part Progressive Web App training is now available, complete with a new series of codelabs to teach you how to build reliable, installable, and capable PWAs.
The new responsive: Web design in a component-driven world
User-preference based media features, container queries, and media queries for new screen types, such as foldable screens, will enable us to usehr in a new era of responsive web design.
Using the Notifications API
Use web workers to run JavaScript off the browser's main thread
The browser's main thread is incredibly overworked. By using web workers to shift code off the main thread, you can significantly improve your app's reliability and user experience.
Common techniques to build offline applications
Some common recipes to make your app work offline.