Thomas Steiner
Tom is a Developer Advocate
New patterns for amazing apps
Dive into a fantastic collection of new patterns for amazing apps, including clipboard patterns, file patterns, and advanced app patterns.
How to copy images
Learn how to copy images to the clipboard.
MishiPay's PWA increases transactions 10 times and saves 2.5 years of queuing
Learn how switching to PWA helped MishiPay's business.
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.
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.
JavaScript eventing deep dive
preventDefault and stopPropagation: when to use which and what exactly each method does.
User preference media features client hints headers
A set of client hint headers allows sites to obtain the user's media preferences optionally at request time, allowing servers to inline the right CSS for performance reasons.
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.
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.
Breaking down barriers using the DataTransfer API
Enable the user to share data beyond the browser window.
