Offline-First 
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
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
Taking the web offline with service workers (Ruadhan O'Donoghue - Oct 21, 2015)
Using Service Workers (MDN - Oct 18, 2015)
Don’t Wait for ServiceWorker: Adding Offline Support with One-Line (Kenneth Ormandy - Oct 14, 2015)
Service Workers in Production (Jeff Posnick - Oct 01, 2015)
How Do We Get It Done, Now? (Lyza Danger Gardner - Sep 30, 2015)
Let's make Offline Web Applications secure! (Egor Homakov - Jul 28, 2015)
Service Worker Meeting Highlights (Ben Kelly - Jul 28, 2015)
Q&A: Offline first, not just mobile first says Couchbase (James Nunns - Jun 26, 2015)
Why offline-first matters, and what developers should know about it (Marcel Kalveram - Jun 2, 2015)
Getting Appcache’s Fallback to work, crossbrowser (Ian Devlin - Jun 1, 2015)
Mobile Apps Offline Support (Gustavo Machado - May 29, 2015)
Making react-europe.org work offline with Service Workers and free SSL from Cloudflare (Patrick Aljord - May 14, 2015)
Offline Data Synchronization in Ionic (Marco Fernandes - Apr 29, 2015)
Offline Data in the Browser (Assaf Weinberg - Mar, 2015)
Offline: When Your Apps Can’t Connect to the Internet (Daniel Sauble - Mar 29, 2015)
Offline is not just another mobile feature (Chuck Ganapathi - Mar 4, 2015)
Offline data in the browser (Assaf Weinberg - Mar, 2015)
Offline-first, fast, with the sw-precache module (Jeff Posnick - Feb 23, 2015)
Offline is Not a Feature (Feb 16, 2015)
The Right and Wrong Strategies When Taking Your App Offline (Martin Heller - Feb 9, 2015)
Three takeaways for web developers after two weeks of painfully slow internet (Gabor Lenard - Jan 25, 2015)
Offline first: as simple as unplug & play? (Thomas Anciaux - Jan 15, 2015)
A simple ServiceWorker app (Chris Haynes - Jan 6, 2015)
ServiceWorker is available in Chrome 40 beta (Ilya Grigorik - Dec 11, 2014)
PSA: Service Workers are Coming (Alex Russell - Dec 11, 2014)
The offline cookbook (Jake Archibald - Dec 9, 2014)
The next UX challenge on the web: gaining offline trust (Christian Heilmann - Dec 8, 2014)
Service Worker Recipes (Cesar William Alvarenga - Dec 8, 2014)
Introduction to Service Worker (Matt Gaunt - Dec 1, 2014)
offline decentralized single sign-on in the browser (James 'substack' Halliday - Nov 27, 2014)
Offline Web Apps with Meteor (Gabriel Poça, Nov 26, 2014)
How to build web applications that can work offline with PouchDB? (Yann Jacquot - Nov 25, 2014)
Making Your App Work Offline: Tips and Cautionary Tales (David Aragon - Nov 11, 2014)
How Google and Mozilla are aiming to make web apps shine offline (Nick Heath - Oct 30, 2014)
Offline-first is people-first (Nolan Lawson - Oct 3, 2014)
Introducing Hoodie: Full Stack App Development for Front-End Developers (Alvaro Oliveira - Sep 24, 2014)
Offline-first: a new paradigm in web development (Boye Oomens - Sep 16, 2014)
Building A Simple Cross-Browser Offline To-Do List With IndexedDB And WebSQL (Matt Andrews - Sep 2, 2014)
Introducing MakeDrive (David Humphrey - Aug 25, 2014)
Worklight Authentication done right with AngularJs (Gideon Simons - Aug 22, 2014)
Taking your Worklight apps offline (Gideon Simons - Aug 19, 2014)
Working offline (Aug 12, 2014)
Offline First - the new paradigm in web development done Neptune style (Njål Stabell - Augt 5, 2014)
Breaking Development: Offline First is the new Mobile First (Luke Wroblewski - Jul 29, 2014)
Offline Patterns (Carlos Andreu - Jul 3, 2014)
Offline Web Apps,Web Storage,IndexedDB,AppCache,File API Futures (Ali Alabbas - May 21, 2014)
Service Workers: Offline Now(ish)! (Alex Russell - May 21, 2014)
Offline Web Applications (Jan Jongboom - May 23, 2014)
Service Worker - first draft published (Jake Archibald - May 8, 2014)
The BMEAN Stack and Offline-First Design (Daishi Kato - Apr 11, 2014)
Do HTML5 apps have to be online all the time? (Christian Heilmann - Mar 23rd, 2014)
Building an Offline First App with PouchDB (Tiffany Brown - Mar 10, 2014)
Will It Work If I'm Offline? (Jacob Søndergaard - Mar 3, 2014)
Introduction to Offline Web Apps on the Kindle Fire (Russell Beattie - Jan 30, 2014)
Designing Offline-First Web Apps (Alex Feyerke - Dec 4, 2013)
Offline First: Learning from native experiences (Dion Almaer - Dec 4, 2013)
Offline First (Stuart Langridge - Nov 6, 2013)
Making the web work offline first (Marcel Kalveram - Nov 20, 2013)
Say Hello to Offline First (Dan Lash - Nov 5, 2013)
Offline First: Your Next Progressive Enhancement Technique? (Craig Buckler - Oct 30, 2013)
Appcache, not so much a douchebag as a complete pain in the #$%^ (John Allsopp - Jul 19, 2013)
Using HTML5 AppCache with Single Page Applications (Sergei Dorogin - Mar 29, 2013)
Offline First – A better HTML5 User Experience (Joe Lambert - Nov 26, 2012)
Application Cache is a Douchebag (Jake Archibald - May 08, 2012)
Offline Support is Valuable, and You Can’t Add it Later (Aanand Prasad - Aug 13, 2011)
Offline-first web app design (Michiel B. de Jong - 2011)
5 Reasons Why There are no Killer Offline Web Applications (Craig Buckler - Feb 16, 2010
Offline Web Applications (Paul Rouget - Jan 7, 2010))
Let's take this offline (Mark Pilgrim)
Presentations
Videos
Offline First Podcast (The Web Platform Podcast - Sep 8, 2015)
The Once & Future Web (Jake Archibald - Jul 28, 2015)
Go Offline (Rob Dodson - Jun 29, 2015)
Taking Ember Offline (John Kleinschmidt - Jun 16, 2015)
Holy sync (Eugenio Marletti - May 5, 2015)
Making Offline Suck Less with Service Workers (Bret Little - Mar 28, 2015)
Say Hello to Offline First (Ola Gasidlo - Mar 26, 2015)
The UX Of Offline-First (Jake Archibald - Mar 18, 2015)
The Web's Future is Offline (John Allsopp - Feb 24, 2015)
Building Offline First Applications with Backbone (Gregor Martynus - Dec 17, 2014)
Working connected to create offline (Christian Heilmann - Nov 24, 2014)
The ServiceWorker is coming, look busy! (Jake Archibald - Sep 21, 2014)
The Next Challenge of the Web is Us (Christian Heilmann - Aug 1, 2014)
Offline First (Alex Feyerke - Jul 17, 2014)
The ServiceWorker: The network layer is yours to own (Jake Archibald - Jun 25, 2014)
Offline Web Applications (Jan Jongboom - May 23, 2014)
The Offline Web (Dale Harvey - Jun 20, 2014)
Bring NoSQL to your mobile (Patrick Heneise - Dec 16, 2013)
Network connectivity: optional (Jake Archibald - Dec 4, 2013)
Surviving the Offline Apocalypse (John Kleinschmidt - Nov 29, 2014)
Offline First (Jan Lehnardt - May 27, 2013)
Offline rules: Bleeding edge web standards at the Financial Times (Andrew Betts - Apr , 2013)
What's the right way to build offline into a web application? (Jake Archibald, Mark Christian, Alex Russell and Jonas Sicking - Feb 9, 2013)
AppCache: Douchebag (Jake Archibald - Jan 20, 2013)
Application Cache And Local Storage (Scott Davis - Dec 7 , 2012)
Offline Rules (Andrew Betts - Dec 4, 2012)
Building Web Apps of the future. Tomorrow, today and yesterday. (Paul Kinlan - Nov 12, 2012)
Taking Web Apps Offline (Kevin Markman - Nov 5, 2012)
Building Offline Web Apps with HTML5 (Jonathan Stark - Jul 25, 2012)
Getting off(line): appcache, localStorage for HTML5 apps that work offline (John Allsopp - Jul 3, 2012)
Slides
Offline-First Web Applications (Peter Müller - 2015)
Server in your Client - Service Workers' rise to fame (Szmozsánszky István - Oct 7, 2015)
Offline-First Web Applications (Peter Müller - Jun 27, 2015)
Offline-first mobile web apps with PouchDB, IBM Cloudant, and IBM Bluemix (Bradley Holt - Jun 22, 2015)
Building Offline-Enabled Apps with PouchDB (Bradley Holt - May 20, 2015)
Naked and afraid Offline Mobile (Matt Woodward - May 18, 2015)
Offline first, the painless way (Marcel Kalveram - May 17, 2015)
noBackend e Offline First: focusing on creating experiences (pt-br) (Joselito Júnior - May 16, 2015)
HOLY SYNC: a sane approach to offline-first cross-platform data syncing (Eugenio Marletti - Apr 10, 2015)
Service Worker and the Offline Web (Lewis Cowper - Mar 7, 2015)
Service Workers on vacay... (Natasha Rooney - Mar 6, 2015)
TGIF - Offline-first (Diego Calderón - Jan 30, 2015)
ServiceWorkers and High Performance Offline Apps (AlanDalton - Jan 13, 2015)
Offline First (John Allsopp - Dec 12, 2014)
Leveraging hood.ie to build for the offline state (Marcel Kalveram - Nov 24, 2014)
Let's Take Drupal Offline! (Dick Olsson - Nov 17, 2014)
Offline-first web apps - Velocity EU 2014 (Matt Andrews - Nov 17, 2014)
Offline first <3 (Ola Gasidlo - Oct 17, 2014)
Scaling Down: The Offline First Story (Joan Touzet - Sep 16, 2014)
Status Web Offline (Caolan McMahon - Aug 21, 2014)
Look Ma, No Connections! Building Offline-capable Web Apps with HTML5 (Bijan Vaez - Aug 1, 2014)
Say hello to offline first! (Ola Gasidlo - May 19, 2014)
Offline First (Web) Apps (Alex Feyerke - May 2, 2014)
Offline First – Made Simple! (Gregor Martynus - Apr 24, 2014)
Offline First Re-Imagining Web Development For The Real World (Caolan McMahon - Mar, 2014)
Tools
Haywire: A minimal javascript library for network issues detection.
sw-toolbox: A collection of tools for service workers.
UpUp: An Offline First library designed to be the easiest way to add offline capabilities to a site.
simple-serviceworker-tutorial: A really simple ServiceWorker example, designed to be an interactive introduction to ServiceWorker.
Hyperboot: Offline webapp bootloader.
MakeDrive: A cloud-based Dropbox® equivalent for browser filesystems. Designed for use with Mozilla Webmaker tools and services. See the Mozilla MakeDrive Wiki page for background info.
ApplicationCache: HTML5 provides an application caching mechanism that lets web-based applications run offline.
IndexedDB: IndexedDB is an API for client-side storage of significant amounts of structured data and for high performance searches on this data using indexes.
ServiceWorkers: A Service Worker acts like a proxy on the client. For page requests and requests made by pages, you get a fetch event that you can respond to yourself, creating offline experiences.
localForage: Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
remoteStorage: remoteStorage enabled apps automatically sync your data across all of your devices, from desktop to tablet to smartphone, and even your TV.
pouchdb: PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser.
Offline.js: An awesome JavaScript library to improve the experience of your app when your users lose connection.
Hoodie: Hoodie is an Offline First and noBackend architecture for frontend-only web apps on the web and on iOS.
Offline States: What show applications when we have not internet connection.
Books
Offline First: The book (draft) (by John Allsopp)
Pro HTML5 Programming - Chapter 12: Creating HTML5 Offline Web Applications (by Peter Lubbers, Brian Albers and Frank Salim)
Showcase
Minutes.io: Awesome offline first minute taking app built with Hoodie.
Swarm+React TodoMVC: Awesome offline implementation of TodoMVC with real-time sync.
2048: The original 2048 is a great game to pin to your homescreen.
Who to Follow
Contributing
Sharing, suggestions and contributions are always welcome! If you want to contribute, you are highly encouraged to do so. Please read the contribution guidelines.
Thanks to all contributors.
Maintained by
- Guille Paz (Front-end developer | Web standards lover)
- E-mail: [email protected]
- Twitter: @pazguille
- Web: http://pazguille.me
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent