New patterns for media apps
Dive into a fantastic collection of new patterns for media apps. Grab the user's screen, add video Picture-in-Picture mode, create audio effects, record from the mic, or customize media notifications.
Dive into a fantastic collection of new patterns for media apps. Grab the user's screen, add video Picture-in-Picture mode, create audio effects, record from the mic, or customize media notifications.
Dive into a fantastic collection of new patterns for amazing apps, including clipboard patterns, file patterns, and advanced app patterns.
Learn how switching to PWA helped MishiPay's business.
Learn how gPhoto2 was ported to WebAssembly to control external cameras over USB from a web app.
Learn how code that interacts with external devices can be ported to the web with WebAssembly and Fugu APIs.
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.
A skeuomorphic attempt at recreating a solar calculator on the web with the Window Controls Overlay API and the Ambient Light Sensor API.
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 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.
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.
How Blibli achieved a 42% reduction in bounce rate, an 8x improvement in mobile conversion rate, and 2.5x more pages per session.
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.
Use the title bar area next to the window controls to make your PWA feel more like an app.
WebOTP API can now receive OTPs from within iframes.
Work on more than one document at a time with tabs in your Progressive Web App
Learn how to use readable, writable, and transform streams with the Streams API.
Pick the appropriate API to communicate with a hardware device of your choice.
Learn why the Excalidraw project decided to deprecate their Electron wrapper in favor of the web
version.
Web apps can now disable mouse acceleration when capturing pointer events.
An overview of what push notifications are, why you might use them, and how they work.
Learn how to use the Gamepad API to push your web games to the next level.
Learn how ZDF created a progressive web app (PWA) with modern features like offline support, installability, and dark mode.