App-Like UX for PWAs
summary
Compares three concrete builds: an always-open Gmail-like inbox that uses target=_blank for external links, inner scrolling with overscroll-behavior/overflow and a custom context menu but still misses robust drag‑and‑drop handling; Excalidraw as a PWA that implements pinch‑to‑zoom, native‑like scrollbars, clipboard and disk APIs, and keyboard Ctrl‑Z undo/redo for nontext edits; and a Notes demo that uses built‑in drag‑and‑drop, injects undo into the real browser stack (so shake‑to‑undo on iOS works) to show what actually makes web apps feel native.
AI-written summary · about
chapters (6)
- 0:00App-like PWAs
- 1:06App-like UX importance
- 3:52Gmail’s app-like features
- 5:57Excalidraw’s PWA design
- 8:28Building note-taking PWA
- 10:11Key takeaways
related talks
16mExcalidraw and Fugu: Improving core user journeys
31mBreaking the Limits of PWAs with JavaScript APIs
47mDid you know your browser had super powers?
22mPWA Every Day Progressive Web Apps vs Native Apps
25mBulding (Progressive) Web Apps
53mProgressive Web Applications - The best of both worlds (App & Web)
46mKeynote: Progressive Web Apps
55mPWA Fundamentals: websites with superpowers