MishiPay's PWA increases transactions 10 times and saves 2.5 years of queuing
Learn how switching to PWA helped MishiPay's business.
Capabilities
Our latest news, updates, and stories about new web capabilities (aka Project Fugu).
Porting USB applications to the web. Part 2: gPhoto2
Learn how gPhoto2 was ported to WebAssembly to control external cameras over USB from a web app.
Porting USB applications to the web. Part 1: libusb
Learn how code that interacts with external devices can be ported to the web with WebAssembly and Fugu APIs.
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 and 3D Progressive Web Apps (PWA) that take advantage of Oculus Quest 2's multitasking feature.
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.
Kapwing: Powerful video editing for the web
Creators can now edit high-quality video content on the web with Kapwing, thanks to powerful APIs (like IndexedDB and WebCodecs) and performance tools.
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.
Photoshop's journey to the web
The idea of running software as complex as Photoshop directly in the browser would have been hard to imagine just a few years ago. However, by using various new web technologies, Adobe has now brought a public beta of Photoshop to the web.
Full control with the VirtualKeyboard API
Manage yourself how the browser deals with content occlusion when a touch device's virtual keyboard appears.
Blibli's PWA generates 10x more revenue per user than their previous mobile website
How Blibli achieved a 42% reduction in bounce rate, an 8x improvement in mobile conversion rate, and 2.5x more pages per session.
PWAs as URL Handlers
Let installed PWAs handle URLs for a more integrated experience.
Observing compute pressure
An experimental API for reacting to changes in CPU use.
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
Use the title bar area next to the window controls to make your PWA feel more like an app.
Fill OTP forms within cross-origin iframes with WebOTP API
WebOTP API can now receive OTPs from within iframes.
Tabbed application mode for PWAs
Work on more than one document at a time with tabs in your Progressive Web App
Preparing for the display modes of tomorrow
PWAs can use the "display_override" property to deal with special display modes.
Streams—The definitive guide
Learn how to use readable, writable, and transform streams with the Streams API.
Accessing hardware devices on the web
Pick the appropriate API to communicate with a hardware device of your choice.
