How to implement outbox functionality with the Background Sync API In my previous article, I wrote about the Background Sync API that enables your web app to schedule tasks while offline and run them when the network is back. Quite some readers asked me if it was possible to create…

A step towards a native installation experience Installing a PWA (Progressive Web App) finally got a better user-experience in Chrome on desktop and Android recently. Contrary to native apps, PWAs are installed from the web instead of a centralised repo like the Apple App Store or Google Playstore. Typically, the…

Here’s how you can defer network calls when your web app is offline and execute them when the network is back The Background Sync API enables web apps to defer tasks when the user is offline and run these when the network is restored. For example, a messaging app could…

App-like transitions for any web app In my previous article, I wrote about View Transitions and how you can use this API to add app-like page transitions to your web apps. View Transitions are already implemented in Chrome but only for single page apps. The spec for View Transitions in…

Your web app might not need a build step Does your web app need a build step? Does it really need a build step? My project What PWA Can Do Today only needed a build step because I had to import dependencies using bare import specifiers. …

Here’s how to make your web app look like a native app One of the main differences between native apps and web apps is that native apps often have all kinds of fancy transitions between screens while web apps are stuck with abrupt page changes. While browsers nowadays have a…

Make sure your menu is always visible without complex JavaScript If you have ever tried to build an adaptive context menu you know how challenging this can be. You need to display the menu next to an element, let’s say on the right of it. But if the element itself…

A weekly newsletter on the modern web platform, Web Components and Progressive Web Apps (PWAs) Hi there and thanks for subscribing to my stories on Medium, I appreciate your support! I’m writing to tell you about Modern Web Weekly, my weekly newsletter about the modern web platform, Web Components and Progressive Web Apps (PWAs). Since you subscribe to my stories on Medium you may be interested in my weekly newsletter as well. If so, you can subscribe here.

An in-depth guide to lazy loading Web Components In part 1 of this series I explain you how to server-side render a Web Component. Hydration Declarative Shadow DOM enables us to attach a Shadow root to a Custom Element and fully render it without any JavaScript. This is a huge step…