Offline-First Awesome

Useful resources for creating Offline-First web apps

"Web" and "online" are two closely associated terms, downright synonymous to many people. So why on earth would we talk about "offline" web technologies, and what does the term even mean?

Inspired by the awesome list thing.

Table of Contents

W3C Specification

Offline Web Applications

This specification highlights features (SQL, offline application caching APIs as well as online/offline events, status, and the localStorage API) from HTML5 and provides brief tutorials on how these features might be used to create Web applications that work offline.

Service Workers

This specification describes a method that enables applications to take advantage of persistent background processing, including hooks to enable bootstrapping of web applications while offline.

IndexedDB

This specification defines APIs for a database of records holding simple values and hierarchical objects. Each record consists of a key and some value. Moreover, the database maintains indexes over records it stores. An application developer directly uses an API to locate records either by their key or by using an index. A query language can be layered on this API. An indexed database can be implemented using a persistent B-tree data structure.

Newsletter

The Offline First Reader. A monthly reader featuring all things Offline First, covering theory, technology and user experience for new offline use cases.

Posts

Design Patterns for Offline First Web Apps (Ravidu Perera - Sep 20, 2022)

Making PWAs work offline with Service workers (MDN - Sep 9, 2022)

Why Would a Web App Need Encryption-at-Rest? (Erik Hermansen - May 31, 2022)

Offline UX design guidelines (Mustafa Kurtuldu, Thomas Steiner - Jun 13, 2022)

How to design for slow networks and offline (Nick Babich - Feb 17, 2022)

Downsites of Offline First (Daniel Meyer - Oct 3, 2021)

About Offline First (Daniel Meyer - Oct 1, 2021)

Create an offline fallback page (Thomas Steiner, Pete LePage - Sep 24, 2020)

A Design Guide for Building Offline First Apps (Gautam BT - Feb 13, 2020)

The challenges of making a true Offline First app (Julius Huijnk - Jun 4, 2019)

Accessibility Testing for Offline First Applications (Maureen McElaney - Nov 6, 2017)

How to add an “Offline” notification to your PWA (Tyler Argo - Oct 28, 2017)

Building Offline-First App using MVVM, RxJava, Room and Priority Job Queue (James Shvarts - Oct 8, 2017)

Supporting Offline Users — What Happens When it Breaks? (John Kleinschmidt - Sep 27, 2017)

Using React and Preact to Build My First Offline First Apps (Nick Kasten - Sep 5, 2017)

Offline-Friendly Forms (Max Böck - Aug 23, 2017)

Service Worker: One fallback offline image for any aspect ratio (Sebastian Eberlein - Aug 14, 2017)

You're Offline (Max Böck - Jul 12, 2017)

[Part 2] Get rapid offline capability in your Angular app with service worker