Skip to content

离线优先

Offline-First Awesome

> 用于创建离线优先网络应用程序的有用资源

> “Web”和“online”是两个密切相关的术语,对许多人来说完全是同义词. 那么我们到底为什么要谈论“离线”网络技术,这个术语到底是什么意思呢?

灵感来自 awesome 列出事情.

W3C Specification

Offline Web Applications > 本规范重点介绍了 HTML5 的特性(SQL、离线应用程序缓存 API 以及在线/离线事件、状态和本地存储 API),并提供了有关如何使用这些特性创建离线工作的 Web 应用程序的简短教程.

Service Workers > 本规范描述了一种使应用程序能够利用持久后台处理的方法,包括在离线时启用 Web 应用程序引导的挂钩.

IndexedDB > 本规范为包含简单值和分层对象的记录数据库定义了 API. 每条记录都包含一个键和一些值. 此外,数据库维护它存储的记录的索引. 应用程序开发人员直接使用 API 通过键或使用索引来定位记录. 可以在此 API 上分层查询语言. 索引数据库可以使用持久的 B 树数据结构来实现.

Newsletter

The Offline First Reader . 月刊,以离线优先的所有内容为特色,涵盖新离线用例的理论、技术和用户体验.

Posts

Design Patterns for Offline First Web Apps (拉维杜·佩雷拉 - 2022 年 9 月 20 日)

Making PWAs work offline with Service workers (MDN - 2022 年 9 月 9 日)

Why Would a Web App Need Encryption-at-Rest? (Erik Hermansen - 2022 年 5 月 31 日)

Offline UX design guidelines (Mustafa Survived,Thomas Steiner - 2022 年 6 月 13 日)

How to design for slow networks and offline (尼克·巴比奇 - 2022 年 2 月 17 日)

Downsites of Offline First (丹尼尔迈耶 - 2021 年 10 月 3 日)

About Offline First (丹尼尔迈耶 - 2021 年 10 月 1 日)

Create an offline fallback page (Thomas Steiner,Pete LePage - 2020 年 9 月 24 日)

A Design Guide for Building Offline First Apps (高塔姆英国电信 - 2020 年 2 月 13 日)

The challenges of making a true Offline First app (Julius Huijnk - 2019 年 6 月 4 日)

Accessibility Testing for Offline First Applications (Maureen McElaney - 2017 年 11 月 6 日)

How to add an “Offline” notification to your PWA (泰勒·阿尔戈 - 2017 年 10 月 28 日)

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

Supporting Offline Users — What Happens When it Breaks? (John Kleinschmidt - 2017 年 9 月 27 日)

Using React and Preact to Build My First Offline First Apps (尼克·卡斯滕 - 2017 年 9 月 5 日)

Offline-Friendly Forms (Max Boeck - 2017 年 8 月 23 日)

Service Worker: One fallback offline image for any aspect ratio (Sebastian Eberlein - 2017 年 8 月 14 日)

You're Offline (Max Böck - 2017 年 7 月 12 日)

[第 2 部分] 使用 Service Worker 在 Angular 应用程序中获得快速离线功能 (雨果·多兰 - 2017 年 6 月 28 日)

Persistent Storage API: Building for the offline web (Dean Hume - 2017 年 6 月 26 日)

[第 1 部分] 使用 Service Worker 在 Angular 应用程序中获得快速离线功能 (雨果·多兰 - 2017 年 6 月 21 日)

Building an offline Web App that works in very low internet conditions using ServiceWorkers (Hari Krishna - 2017 年 6 月 16 日)

Offline POSTs in Progressive Web Apps (Nitish Thakur - 2017 年 6 月 23 日)

Offline First Design Patterns : Engineering (Anirudha Bedre - 2017 年 3 月 28 日)

Introducing Redux Offline: Offline-First Architecture for Progressive Web Applications and React Native (Jani Eväkallio - 2017 年 3 月 28 日)

Rethinking Offline First sync for Service Workers (诺兰劳森 - 2017 年 3 月 16 日)

Offline support: "Try again, later", no more. (Yonathan V. Levin - 2017 年 3 月 2 日)

Optimize with HTTP/2 Server Push and Service Workers! (Daniela Matos de Carvalho - 2017 年 3 月 1 日)

Understand offline first and offline last in Android (Florent Guillemot - 2017 年 2 月 27 日)

Why Offline First? (扎卡里·史密斯 - 2017 年 2 月 22 日)

Send messages when you’re back online with Service Workers and Background Sync (菲尔纳什 - 2017 年 2 月 17 日)

Easy Offline First Apps With Webpack's Offline Plugin (Kay Plößer - 2017 年 2 月 12 日)

Offline First React Native + Meteor Apps (Spencer Carli - Feb 8, 2017)

Offline-First Web Application Using Redux and PouchDB (Berkay Aydın - 2017 年 1 月 30 日)

Implementing "Save For Offline" with Service Workers. (Una Kravets - 2017 年 1 月 26 日)

Moving beyond localStorage (Mo Bitar - 2017 年 1 月 17 日)

How much data should my Service Worker put upfront in the offline cache? (Nicolas Hoizey- 2017 年 1 月 12 日)

Making Resilient Web Design work offline (杰里米·基思 - 2017 年 1 月 11 日)

Using Service Workers and Cache to Take Web Performance to a New Level (克里斯·洛夫 - 2016 年 12 月 23 日)

Faking progress (service worker edition) (雷米·夏普 - 2016 年 12 月 22 日)

Introduction to Progressive Web Apps (Offline First) (Prosper Otemuyiwa - 2016 年 12 月 19 日)

Won’t Get Fooled Again: Lessons in Lie-Fi (里卡多·费雷拉 - 2016 年 12 月 15 日)

Designing for Accidental Disconnects: Our first attempt at an offline approach (薇薇安·克伦威尔 - 2016 年 12 月 14 日)

Offline Patterns: There are many jobs to be done (史蒂夫·特雷瓦坦 - 2016 年 12 月 13 日)

Writing offline web apps is easy (Ali Afshar - 2016 年 12 月 9 日)

Architecting a web app to “just work” offline (伊斯兰沙拉巴什 - 2016 年 12 月 6 日)

Offline App Architecture: how to build for the next billion (Arun Sasidharan - 2016 年 12 月 4 日)

Cross-origin Service Workers: Experimenting with Foreign Fetch (杰夫波斯尼克 - 2016 年 12 月)

Service Worker, what are you? (Mariko Kosaka - 2016 年 12 月 1 日)

Designed to be offline-first (Arjun Attam - 2016 年 11 月 29 日)

Hack Time: Service Workers, Background Sync, and PouchDB (John Kleinschmidt - 2016 年 11 月 29 日)

Offline UX Considerations (穆斯塔法幸存 - 2016)

Storing Sensitive Data Offline (Paul Frazee - 2016 年 11 月 17 日)

Building Offline First React Native Apps (Spencer Carli - 2016 年 11 月 16 日)

Building a simple offline-capable Notepad app using ServiceWorker (Amit Merchant - 2016 年 11 月 15 日)

Instant Loading Web Apps with an Application Shell Architecture by Google (阿迪·奥斯马尼和马特·冈特 - 2016 年)

My biggest takeaway from the second Offline Camp in Santa Margarita, CA — plus toast! (J. Renée Beach - 2016 年 11 月 8 日)

The offline experience in 2016 (Lio Fleishman - 2016 年 10 月 27 日)

I Was Wrong About Offline (Tiago Simões - 2016 年 10 月 20 日)

Offline strategies come to the Service Worker Cookbook (保存 - 2016 年 10 月 19 日)

"Instant Loading" with IndexedDB (Building a PWA, Part 2) (Ire Aderinokun - 2016 年 10 月 18 日)

The Service Worker Lifecycle (杰克·阿奇博尔德 - 2016 年 10 月 13 日)

"Offline First" with Service Worker (Building a PWA, Part 1) (Ire Aderinokun - 2016 年 10 月 11 日)

Do you need Service Worker in your web app? (Valerii Iatsko - 2016 年 10 月 9 日)

Progressive Web Apps with React.js: Part 3 — Offline support and network resilience (阿迪·奥斯马尼 - 2016 年 10 月 5 日)

Offline Reading List (克里斯·鲁佩尔 - 2016 年 10 月 5 日)

Almost any web page can work offline (Homam Hosseini - 2016 年 9 月 24 日)

Enabling Offline First Experiences on the Web with Service Workers (Dan Zajdband - 2016 年 9 月 12 日)

Build More Reliable Web Apps with Offline (佩德罗·特谢拉 - 2016 年 9 月 7 日)

Songsearch – using ServiceWorker to make a 4 MB CSV easily searchable in a browser (克里斯蒂安·海尔曼 - 2016 年 8 月 26 日)

Offline Storage for Progressive Web Apps (阿迪·奥斯马尼 - 2016 年 8 月 15 日)

Add offline support to any Web app (Wassim Chegham - 2016 年 7 月 23 日)

ServiceWorker: A Basic Guide to BackgroundSync (Dean Hume - 2016 年 7 月 19 日)

Offline First, the Decentralized Web, and Peer-to-Peer Technologies (佩德罗·特谢拉 - 2016 年 7 月 15 日)

Offline Google Analytics Made Easy (Jeff Posnick - 圣诞节,2016 年)

Security in Offline First Apps (卡尔文·梅特卡夫 - 2016 年 7 月 8 日)

My blog's Service Worker and Caching Strategy (Paul Kinlan - Jun 15, 2016)

Offline/Low-bandwidth UX Design Patterns (史蒂夫·特雷瓦坦 - 2016 年 7 月 8 日)

Offline Content with Service Worker (克里斯·鲁佩尔 - 2016 年 6 月 6 日)

Taking an online book offline (杰里米·基思 - 2016 年 6 月 3 日)

Service Workers — Gotchas (Boopathi Rajaa - 2016 年 5 月 9 日)

Offline-first QR-code Badge Scanner (格林伯德 - 2016 年 5 月 5 日)

Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (Alex Russell- 2016 年 5 月 4 日)

Progressive Web Apps: Eating your Cake (Daniel Appelquist - 2016 年 4 月 27 日)

Progressive Web Apps with Service Workers (杰西·杨 - 2016 年 4 月 21 日)

How To Use PouchDB + SQLite For Local Storage In Ionic 2 (Ashteya Biharisingh - 2016 年 4 月 18 日)

Offline-First, Document Sharing, Templates: Monod is Back (not in Black) (2016 年 4 月 15 日)

Issue 4: Offline badging, DevTools, Testing, Travis, Web Storage, Service Worker Scopes, Data-driven Development, Compute Engine (阿迪·奥斯马尼 - 2016 年 4 月 15 日)

The New Builders Ep. 1: Craft Beer and Progressive Web Apps (道格拉斯·弗洛拉 - 2016 年 4 月 14 日)

Service Workers replacing AppCache: a sledgehammer to crack a nut (Maximiliano Firtman - 2016 年 4 月 11 日)

Progressive Web Apps — Offline And Add To Home Screen (Ido Green - 2016 年 3 月 28 日)

The web on my phone (杰里米·基思 - 2016 年 3 月 23 日)

The copy & paste guide to your first Service Worker (雷米·夏普 - 2016 年 3 月 22 日)

Service Workers: Save your User's Data using the Save-Data Header (Dean Hume - Mar 8, 2016)

Service Worker notes (杰里米·基思 - 2016 年 2 月 4 日)

Making A Service Worker: A Case Study (Lyza Danger Gardner - 2016 年 2 月 1 日)

Create a really, really simple offline page using Service Workers (Dean Hume - 2016 年 1 月 25 日)

Offline Web Applications: Using IndexedDB & Service Worker (Michael Wales - 2016 年 1 月 20 日)

Building Offline Sites with ServiceWorkers and UpUp (Tal Ater - 2016 年 1 月 19 日)

Instant Web Application (Gleb Bahmutov - 2015 年 12 月 24 日)

Introducing Background Sync (杰克·阿奇博尔德 - 2015)

Beyond Offline (Salvador de la Puente González - 2015 年 12 月 21 日)

Getting started with the Service Worker Toolbox (Dean Hume - 2015 年 12 月 17 日)

ServiceWorker Cookbook (由 Mozilla 提供)

Offline Web Applications with CouchDB, PouchDB and Ember CLI (克里斯·摩尔 - 2015 年 12 月 10 日)

A Hoodie Case Study: How minutes.io does offline (Alex Feyerke - 2015 年 12 月 1 日)

Reducing Single Point of Failure using Service Workers (Dean Hume - 2015 年 12 月 1 日)

Building realtime collaborative offline-first apps with React, Redux, PouchDB and WebSockets (佩德罗·特谢拉 - 2015 年 11 月 30 日)

Cache-limiting in Service Workers …again (杰里米·基思 - 2015 年 11 月 29 日)

Introducing Pokedex.org: a progressive webapp for Pokémon fans (诺兰劳森 - 2015 年 11 月 23 日)

Cache-limiting in Service Workers (杰里米·基思 - 2015 年 11 月 19 日)

Offline Recipes for Service Workers (大卫沃尔什 - 2015 年 11 月 19 日)

Instant Loading Web Apps With An Application Shell Architecture (Addy Osmani - 2015 年 11 月 17 日)

An Offline Experience with Service Workers (Brandon Rozek - 2015 年 11 月 14 日)

Building Flipkart Lite: A Progressive Web App (Aditya Punjani - 2015 年 11 月 11 日)

Your first offline web app (Chrome 开发团队 - 2015)

Making a Simple Site Work Offline with ServiceWorker (Nicolas Bevacqua - 2015 年 11 月 10 日)

My first Service Worker (杰里米·基思 - 2015 年 11 月 7 日)

Building an offline page for theguardian.com (Oliver Joseph Ash - 2015 年 11 月 4 日)

Creating Offline-First Web Apps with Service Workers (Ryan Chenkie - 2015 年 10 月 30 日)

Cache sandboxed HTTP requests with Service Worker (Roman Liutikov - 2015 年 10 月 26 日)

The offline experience (or, saying goodbye to imperative data fetching) (Dario Gieselaar - 2015 年 10 月 25 日)

ServiceWorker: Revolution of the Web Platform (Nicolas Bevacqua - 2015 年 10 月 21 日)

Taking the web offline with service workers (Rudhan O'Donoghue - 2015 年 10 月 21 日)

Using Service Workers (MDN - 2015 年 10 月 18 日)

Don’t Wait for ServiceWorker: Adding Offline Support with One-Line (肯尼思·奥曼迪 - 2015 年 10 月 14 日)

Service Workers in Production (Jeff Posnick - 2015 年 10 月 1 日)

How Do We Get It Done, Now? (Lyza Danger Gardner - 2015 年 9 月 30 日)

The Role of Workers and Offline Cache (2015 年 9 月 7 日)

Let's make Offline Web Applications secure! (Egor Homakov - 2015 年 7 月 28 日)

Service Worker Meeting Highlights (本·凯利 - 2015 年 7 月 28 日)

Q&A: Offline first, not just mobile first says Couchbase (詹姆斯·努恩斯 - 2015 年 6 月 26 日)

Why offline-first matters, and what developers should know about it (Marcel Kalveram - 2015 年 6 月 2 日)

Getting Appcache’s Fallback to work, crossbrowser (伊恩·德夫林 - 2015 年 6 月 1 日)

Mobile Apps Offline Support (古斯塔沃·马查多 - 2015 年 5 月 29 日)

Making react-europe.org work offline with Service Workers and free SSL from Cloudflare (Patrick Aljord - 2015 年 5 月 14 日)

Offline Data Synchronization in Ionic (马可·费尔南德斯 - 2015 年 4 月 29 日)

Offline Data in the Browser (阿萨夫温伯格 - 2015 年 3 月)

Offline: When Your Apps Can’t Connect to the Internet (Daniel Sauble - 2015 年 3 月 29 日)

Offline is not just another mobile feature (Chuck Ganapathi - 2015 年 3 月 4 日)

Offline-first, fast, with the sw-precache module (杰夫·波斯尼克 - 2015 年 2 月 23 日)

Offline is Not a Feature (2015 年 2 月 16 日)

The Right and Wrong Strategies When Taking Your App Offline (马丁·海勒 - 2015 年 2 月 9 日)

Three takeaways for web developers after two weeks of painfully slow internet (嘉宝·莱纳德 - 2015 年 1 月 25 日)

Offline first: as simple as unplug & play? (Thomas Anciaux - 2015 年 1 月 15 日)

A simple ServiceWorker app (克里斯·海恩斯 - 2015 年 1 月 6 日)

ServiceWorker is available in Chrome 40 beta (Ilya Grigorik - 2014 年 12 月 11 日)

PSA: Service Workers are Coming (Alex Russell - 2014 年 12 月 11 日)

The offline cookbook (杰克·阿奇博尔德 - 2014 年 12 月 9 日)

The next UX challenge on the web: gaining offline trust (克里斯蒂安·海尔曼 - 2014 年 12 月 8 日)

Service Worker Recipes (Cesar William Alvarenga - 2014 年 12 月 8 日)

Introduction to Service Worker (马特·冈特 - 2014 年 12 月 1 日)

offline decentralized single sign-on in the browser (James 'substack' Halliday - 2014 年 11 月 27 日)

Offline Web Apps with Meteor (Gabriel Poça,2014 年 11 月 26 日)

How to build web applications that can work offline with PouchDB? (Yann Jacquot - 2014 年 11 月 25 日)

Making Your App Work Offline: Tips and Cautionary Tales (大卫阿拉贡 - 2014 年 11 月 11 日)

How Google and Mozilla are aiming to make web apps shine offline (尼克希思 - 2014 年 10 月 30 日)

Offline-first is people-first (诺兰劳森 - 2014 年 10 月 3 日)

Introducing Hoodie: Full Stack App Development for Front-End Developers (阿尔瓦罗·奥利维拉 - 2014 年 9 月 24 日)

Offline-first: a new paradigm in web development (Boye Oomens - 2014 年 9 月 16 日)

Building A Simple Cross-Browser Offline To-Do List With IndexedDB And WebSQL (马特·安德鲁斯 - 2014 年 9 月 2 日)

Introducing MakeDrive (大卫·汉弗莱 - 2014 年 8 月 25 日)

Worklight Authentication done right with AngularJs (吉迪恩·西蒙斯 - 2014 年 8 月 22 日)

Taking your Worklight apps offline (吉迪恩·西蒙斯 - 2014 年 8 月 19 日)

Working offline (2014 年 8 月 12 日)

Offline First - the new paradigm in web development done Neptune style (Njål Stabell - 2014 年 8 月 5 日)

Breaking Development: Offline First is the new Mobile First (Luke Wroblewski - 2014 年 7 月 29 日)

Offline Patterns (卡洛斯·安德鲁 - 2014 年 7 月 3 日)

Offline Web Apps,Web Storage,IndexedDB,AppCache,File API Futures (阿里·阿拉巴斯 - 2014 年 5 月 21 日)

Service Workers: Offline Now(ish)! (Alex Russell - 2014 年 5 月 21 日)

Service Worker - first draft published (杰克·阿奇博尔德 - 2014 年 5 月 8 日)

The BMEAN Stack and Offline-First Design (加藤大师 - 2014 年 4 月 11 日)

Do HTML5 apps have to be online all the time? (Christian Heilmann - 2014 年 3 月 23 日)

Building an Offline First App with PouchDB (蒂芙尼布朗 - 2014 年 3 月 10 日)

Introduction to Offline Web Apps on the Kindle Fire (罗素比蒂 - 2014 年 1 月 30 日)

Designing Offline-First Web Apps (Alex Feyerke - 2013 年 12 月 4 日)

Offline First: Learning from native experiences (Dion Almaer - 2013 年 12 月 4 日)

Offline First (Stuart Langridge - 2013 年 11 月 6 日)

Making the web work offline first (Marcel Kalveram - 2013 年 11 月 20 日)

Say Hello to Offline First (丹拉什 - 2013 年 11 月 5 日)

Offline First: Your Next Progressive Enhancement Technique? (克雷格·巴克勒 - 2013 年 10 月 30 日)

Appcache, not so much a douchebag as a complete pain in the #$%^ (约翰·奥尔索普 - 2013 年 7 月 19 日)

Using HTML5 AppCache with Single Page Applications (Sergey Dorogin - 2013 年 3 月 29 日)

Application Cache is a Douchebag (杰克·阿奇博尔德 - 2012 年 5 月 8 日)

Appcache Facts

Chrome Offline Apps

Offline Support is Valuable, and You Can’t Add it Later (Aanand Prasad - 2011 年 8 月 13 日)

Offline-first web app design (米歇尔·B·德容 - 2011)

5 Reasons Why There are no Killer Offline Web Applications (克雷格·巴克勒 - 2010 年 2 月 16 日

Offline Web Applications (Paul Rouget - 2010 年 1 月 7 日)

Let's take this offline (马克朝圣者)

Presentations

Videos

Introduction to Offline First web applications (Max Gfeller - 2022 年 5 月 30 日)

Designing for 24/7 Use: Offline-First Mobile App Development (丹尼·罗斯特 - 2020 年 10 月 1 日)

Offline-first for Your Static Site (杰夫波斯尼克 - 2017 年 1 月 30 日)

Service Worker and the Appification of the Web (诺兰劳森 - 2016 年 12 月 5 日)

Future App Model: Advanced Service Worker (杰克·阿奇博尔德 - 2016 年 11 月 11 日)

Offline is the new black (Max Stoiber - 2016 年 6 月 19 日)

Service workers at scale with Facebook and Flipkart (Owen Campbell-Moore、Aditya Punjani 和 Nate Schloss - 2016 年 5 月 20 日)

Instant Loading: Building offline-first Progressive Web Apps (杰克·阿奇博尔德 - 2016 年 5 月 20 日)

Offline First – the good parts (Gregor Martynus - 2016 年 5 月 12 日)

Offline Web Applications: Using IndexedDB & Service Worker

Totally Tooling Tips: Offline Support (Addy Osmani 和 Matt Gaunt - 2016 年 4 月 27 日)

Using Service Workers in Ember (John Kleinschmidt - 2016 年 3 月 29 日)

Offline-First Apps with PouchDB (布拉德利霍尔特 - 2015 年 12 月 11 日)

Worker as a Service (Ola Gasidlo - 2015 年 11 月 19 日)

Taking Your Web Apps Offline (迈克·尼奇 - 2015 年 11 月 16 日)

There is a client-side proxy (ServiceWorker) in your browser! (Ilya Grigorik - 2015 年 11 月 16 日)

OnConnectionLost: The life of an offline web application (Stefanie Grewenig - 2015 年 10 月 12 日)

Offline First and Service Workers (Maximilian Stoiber - 2015 年 10 月 5 日)

Offline First Podcast (网络平台播客 - 2015 年 9 月 8 日)

The Once & Future Web (杰克·阿奇博尔德 - 2015 年 7 月 28 日)

Go Offline (罗伯·多德森 - 2015 年 6 月 29 日)

Taking Ember Offline (John Kleinschmidt - 2015 年 6 月 16 日)

Holy sync (Eugenio Marletti - 2015 年 5 月 5 日)

Making Offline Suck Less with Service Workers (Bret Little - 2015 年 3 月 28 日)

Say Hello to Offline First (Ola Gasidlo - 2015 年 3 月 26 日)

The UX Of Offline-First (杰克·阿奇博尔德 - 2015 年 3 月 18 日)

The Web's Future is Offline (约翰·奥尔索普 - 2015 年 2 月 24 日)

Building Offline First Applications with Backbone (Gregor Martynus - 2014 年 12 月 17 日)

Working connected to create offline (Christian Heilmann - 2014 年 11 月 24 日)

The ServiceWorker is coming, look busy! (杰克·阿奇博尔德 - 2014 年 9 月 21 日)

The Next Challenge of the Web is Us (克里斯蒂安·海尔曼 - 2014 年 8 月 1 日)

Offline First (Alex Feyerke - 2014 年 7 月 17 日)

The ServiceWorker: The network layer is yours to own (杰克·阿奇博尔德 - 2014 年 6 月 25 日)

Offline Web Applications (Jan Jongboom - 2014 年 5 月 23 日)

The Offline Web (戴尔·哈维 - 2014 年 6 月 20 日)

Bring NoSQL to your mobile (Patrick Heneise - 2013 年 12 月 16 日)

Network connectivity: optional (杰克·阿奇博尔德 - 2013 年 12 月 4 日)

Surviving the Offline Apocalypse (John Kleinschmidt - 2014 年 11 月 29 日)

Offline First (Jan Lehnardt - 2013 年 5 月 27 日)

Offline rules: Bleeding edge web standards at the Financial Times (安德鲁·贝茨 - 2013 年 4 月)

What's the right way to build offline into a web application? (Jake Archibald、Mark Christian、Alex Russell 和 Jonas Sicking - 2013 年 2 月 9 日)

AppCache: Douchebag (杰克·阿奇博尔德 - 2013 年 1 月 20 日)

Application Cache And Local Storage (斯科特·戴维斯 - 2012 年 12 月 7 日)

Offline Rules (安德鲁·贝茨 - 2012 年 12 月 4 日)

Building Web Apps of the future. Tomorrow, today and yesterday. (保罗金兰 - 2012 年 11 月 12 日)

Taking Web Apps Offline (凯文马克曼 - 2012 年 11 月 5 日)

Building Offline Web Apps with HTML5 (乔纳森·斯塔克 - 2012 年 7 月 25 日)

Getting off(line): appcache, localStorage for HTML5 apps that work offline (约翰·奥尔索普 - 2012 年 7 月 3 日)

Slides

Offline, progressive, and multithreaded (诺兰劳森 - 2016 年 10 月 10 日)

Rise of the Web Workers (Parashuram N - 2016 年 9 月 16 日)

Building an Offline Page for theguardian.com (奥利弗·约瑟夫·阿什 - 2016 年 5 月 14 日)

Go offline with Service Workers (伊曼纽尔克鲁格 - 2016)

Building an Offline Page for theguardian.com (奥利弗·约瑟夫·阿什 - 2016 年 3 月)

Insanely fast rendering w/ Service Workers and Early Flushing (马克·斯图尔特 - 2015 年 12 月 14 日)

Offline-First Apps with PouchDB at Node.js Interactive (布拉德利霍尔特 - 2015 年 12 月 9 日)

Developing for Offline First Mobile Experiences (尼克·拉博伊 - 2015 年 12 月 2 日)

At your service! - More than appcache uses for Service Workers (Salvador de la Puente González - 2015 年 10 月 21 日)

Offline First (Web) Apps (Alex Feyerke - 2015 年 10 月 20 日)

Offline-First Web Applications (彼得·穆勒 - 2015)

Server in your Client - Service Workers' rise to fame (István Szmozsánszky - 2015 年 10 月 7 日)

Offline-First Web Applications (彼得·穆勒 - 2015 年 6 月 27 日)

Offline-first mobile web apps with PouchDB, IBM Cloudant, and IBM Bluemix (布拉德利霍尔特 - 2015 年 6 月 22 日)

Building Offline-Enabled Apps with PouchDB (布拉德利霍尔特 - 2015 年 5 月 20 日)

Naked and afraid Offline Mobile (马特伍德沃德 - 2015 年 5 月 18 日)

Offline first, the painless way (Marcel Kalveram - 2015 年 5 月 17 日)

noBackend e Offline First: focusing on creating experiences (pt-br) (小何塞 - 2015 年 5 月 16 日)

HOLY SYNC: a sane approach to offline-first cross-platform data syncing (Eugenio Marletti - 2015 年 4 月 10 日)

Service Worker and the Offline Web (刘易斯考珀 - 2015 年 3 月 7 日)

Service Workers on vacay... (娜塔莎·鲁尼 - 2015 年 3 月 6 日)

TGIF - Offline-first (迭戈·卡尔德隆 - 2015 年 1 月 30 日)

ServiceWorkers and High Performance Offline Apps (AlanDalton - 2015 年 1 月 13 日)

Leveraging hood.ie to build for the offline state (Marcel Kalveram - 2014 年 11 月 24 日)

Let's Take Drupal Offline! (迪克·奥尔森 - 2014 年 11 月 17 日)

Offline-first web apps - Velocity EU 2014 (马特·安德鲁斯 - 2014 年 11 月 17 日)

Discover ServiceWorker (桑德罗·帕加诺蒂 - 2014 年 11 月 16 日)

Offline first <3 (Ola Gasidlo - 2014 年 10 月 17 日)

Scaling Down: The Offline First Story (琼·图泽 - 2014 年 9 月 16 日)

Status Web Offline (Kelan McMahon - 2014 年 8 月 21 日)

Look Ma, No Connections! Building Offline-capable Web Apps with HTML5 (Bijan Vaez - 2014 年 8 月 1 日)

Say hello to offline first! (Ola Gasidlo - 2014 年 5 月 19 日)

Offline First (Web) Apps (Alex Feyerke - 2014 年 5 月 2 日)

Offline First – Made Simple! (Gregor Martynus - 2014 年 4 月 24 日)

Offline First Re-Imagining Web Development For The Real World (Kelan McMahon - 2014 年 3 月)

Tools

offline-plugin: 用于 webpack 的离线插件 (ServiceWorker, AppCache).

Pinterest Service Workers:用于创建/测试/试验服务工作者的实用程序集合.

Kinto:在几秒钟内为您的 Web 应用程序添加同步和共享功能.

bottle-service:从 ServiceWorker 缓存中恢复的即时 Web 应用程序.

react-boilerplate:快速设置以性能为导向、离线优先的 React.js 应用程序.

Haywire:用于网络问题检测的最小 javascript 库.

sw-toolbox:服务人员工具的集合.

UpUp:离线优先库旨在成为向站点添加离线功能的最简单方法.

simple-serviceworker-tutorial:一个非常简单的 ServiceWorker 示例,旨在作为 ServiceWorker 的交互式介绍.

Hyperboot: 离线 webapp 引导加载程序.

MakeDrive :基于云的 Dropbox® 等同于浏览器文件系统. 专为与 Mozilla Webmaker 工具和服务一起使用而设计. 见 Mozilla MakeDrive Wiki page 了解背景信息.

ApplicationCache: HTML5 提供了一种应用程序缓存机制,可以让基于 Web 的应用程序离线运行.

IndexedDB:IndexedDB 是一种 API,用于在客户端存储大量结构化数据,并使用索引对该数据进行高性能搜索.

ServiceWorkers :Service Worker 就像客户端上的代理一样. 对于页面请求和页面发出的请求,您会收到一个可以自行响应的获取事件,从而创建离线体验.

localForage : 离线存储,改进. 使用简单但功能强大的 API 包装 IndexedDB、WebSQL 或 localStorage.

remoteStorage:支持 remoteStorage 的应用程序会自动在您的所有设备上同步您的数据,从台式机到平板电脑再到智能手机,甚至您的电视.

pouchdb:PouchDB 是一个开源 JavaScript 数据库,其灵感来自 Apache CouchDB,旨在在浏览器中良好运行.

Offline.js:一个很棒的 JavaScript 库,可在您的用户失去连接时改善您的应用程序体验.

Hoodie: Hoodie 是一种离线优先和无后端架构,适用于 Web 和 iOS 上的仅前端 Web 应用程序.

Offline States: 当我们没有互联网连接时显示应用程序的内容.

appCache Nanny: 用于 appCache 的 JavaScript API

bro-fs: 基于承诺的包装器 HTML5 Filesystem API 允许在 Chrome 中使用沙盒文件系统.

Orbit.js:用于协调数据源之间的访问、转换和同步的框架.

workbox: 用于离线缓存的 JavaScript 库

rxdb

Books

The Offline First Book (来自 Neighbourhoodie)

Offline First Web Development (丹尼尔·索布尔)

Building Progressive Web Apps (塔尔·阿特)

Client-Side Data Storage (作者:雷蒙德·卡姆登)

Offline First: The book (draft) (约翰·奥尔索普)

Pro HTML5 Programming - Chapter 12: Creating HTML5 Offline Web Applications (Peter Lubbers、Brian Albers 和 Frank Salim 着)

Showcase

Minutes.io:很棒的离线第一分钟服用应用程序内置 Hoodie.

2048:最初的 2048 是一款很棒的游戏,可以固定到您的主屏幕上.

hospitalrun.io:用于发展中国家医院的开源软件.

pokedex.org :神奇宝贝的索引,构建为客户端 JavaScript 网络应用程序. 由 ServiceWorker、PouchDB、virtual-dom 和 web worker 提供支持.

Soundslice:通过交互式记谱法更好地学习和教授音乐 offline mode.

Who to Follow

  • Matthew Riley: 在 mozilla 工作,localForage(localstroage、IndexedDb 和 WebSQL Wrapper)的创建者
  • Jake Archibald:自称服务工作者狂热者,在谷歌工作,帮助制作离线网络应用程序.

Contributing

随时欢迎分享、建议和贡献! 如果您想做出贡献,我们强烈建议您这样做. 请阅读 contribution guidelines.

谢谢大家 contributors.

Maintained by

License

CC0