PWAs on Oculus Quest 2
The Oculus Quest 2 is a virtual reality (VR) headset created by Oculus, a division of Meta. Developers can now build and distribute 2D Progressive Web Apps that take advantage of Oculus Quest 2's multitasking feature.
Thomas Steiner
Tom is a Developer Advocate
Designcember Calculator
A skeuomorphic attempt at recreating a solar calculator on the web with the Window Controls Overlay API and the Ambient Light Sensor API.
Control how your app is launched
Launch handler lets you control how your app is launched, for example, whether it uses an existing or a new window and whether the chosen window is navigated to the launch URL. This also enqueues a `LaunchParams` object in the launched page's `window.launchQueue`, similar to the File Handling API.
SVGcode: a PWA to convert raster images to SVG vector graphics
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format. It uses the File System Access API, the Async Clipboard API, the File Handling API, and Window Controls Overlay customization.
Picking colors of any pixel on the screen with the EyeDropper API
The EyeDropper API enables authors to use a browser-supplied eyedropper in the construction of custom color pickers.
JavaScript eventing deep dive
`preventDefault` and `stopPropagation`: when to use which and what exactly each method does.
Full control with the VirtualKeyboard API
Manage yourself how the browser deals with content occlusion when a touch device's virtual keyboard appears.
User preference media features client hints headers
The `Sec-CH-Prefers-Color-Scheme` client hint header allows sites to obtain the user's color scheme preferences optionally at request time, allowing servers to inline the right CSS and therefore avoid a flash of incorrect color theme.
High performance storage for your app: the Storage Foundation API
The Storage Foundation API resembles a basic file system, with direct access to stored data through buffers and offsets. It gives developers flexibility by providing generic, simple, and performant primitives on which they can build higher-level components.
PWAs as URL Handlers
Let installed PWAs handle URLs for a more integrated experience.
Choose how in-scope links open your PWA with Declarative Link Capturing
Declarative Link Capturing is a proposal for a web app manifest property called `"capture_links"` that lets developers determine declaratively what should happen when the browser navigates to a URL that is within the application's navigation scope, from a context outside of the navigation scope.
Excalidraw and Fugu: Improving Core User Journeys
Any sufficiently advanced technology is indistinguishable from magic. Unless you understand it. My name is Thomas Steiner, I work in Developer Relations at Google and in this write-up of my Google I/O talk, I will look at some of the new Fugu APIs and how they improve core user journeys in the Excalidraw PWA, so you can take inspiration from these ideas and apply them to your own apps.
Recognize your users' handwriting
The Handwriting Recognition API allows you to recognize text from handwritten input as it happens.
URL protocol handler registration for PWAs
Let installed PWAs handle links that use a specific protocol for a more integrated experience.
Insertable streams for MediaStreamTrack
The content of a `MediaStreamTrack` is exposed as a stream that can be manipulated or used to generate new content.
Customize the window controls overlay of your PWA's title bar
Make use of the title bar area next to the window controls to make your PWA feel more like an app.
Breaking down barriers using the DataTransfer API
Enable the user to share data beyond the browser window.
