Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/janl/offline-first

Everything you need to know to create offline-first web apps.
https://github.com/janl/offline-first

Last synced: 3 months ago
JSON representation

Everything you need to know to create offline-first web apps.

Awesome Lists containing this project

README 

        
# Offline-First Web Apps



## Intro

> "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? 



> via http://www.html5rocks.com/en/features/offline



## Posts



[Offline First - the new paradigm in web development done Neptune style](http://scn.sap.com/community/developer-center/front-end/blog/2014/08/05/offline-first--the-new-paradigm-in-web-development-done-neptune-style) (Njål Stabell - August 5, 2014)



[Breaking Development: Offline First is the new Mobile First](http://www.lukew.com/ff/entry.asp?1902)

(Luke Wroblewski - July 29, 2014)



[Service Worker - first draft published](http://jakearchibald.com/2014/service-worker-first-draft/)

(Jake Archibald - May 8, 2014)



[Do HTML5 apps have to be online all the time?](http://christianheilmann.com/2014/03/23/do-html5-apps-have-to-be-online-all-the-time/)

(Christian Heilmann - March 23rd, 2014)



[Building an Offline First App with PouchDB](http://www.sitepoint.com/building-offline-first-app-pouchdb/)

(Tiffany Brown - March 10, 2014)



[Will It Work If I'm Offline?](http://jcbsnd.com/will-it-work-if-im-offline/)

(Jacob Søndergaard - March 3, 2014)



[Introduction to Offline Web Apps on the Kindle Fire](https://developer.amazon.com/post/Tx21KG2QC7O71S9/Introduction-to-Offline-Web-Apps-on-the-Kindle-Fire.html)

(Russell Beattie - January 30, 2014)



[Designing Offline-First Web Apps](http://alistapart.com/article/offline-first)

(Alex Feyerke - December 4, 2013)



[Say Hello to Offline First](http://blog.hood.ie/2013/11/say-hello-to-offline-first/)

(Dan Lash - November 5, 2013)



[Offline First: Your Next Progressive Enhancement Technique?](http://www.sitepoint.com/offline-first-next-progressive-enhancement-technique/)

(Craig Buckler - October 30, 2013)



[Application Cache is a Douchebag](http://alistapart.com/article/application-cache-is-a-douchebag)

(Jake Archibald - May 08, 2012)



## Talks



[Say hello to offline first!](https://speakerdeck.com/zoepage/say-hello-to-offline-first)

(Ola Gasidlo - May 19, 2014)



[Offline First (Web) Apps](https://speakerdeck.com/espylaub/offline-first-web-apps)

(Alex Feyerke - May 2, 2014)



[Offline First – Made Simple!](https://speakerdeck.com/gr2m/offline-first-made-simple)

(Gregor Martynus - April 24, 2014)



[Offline First Re-Imagining Web Development For The Real World](http://qconlondon.com/dl/qcon-london-2014/slides/CaolanMcMahon_OfflineFirstReImaginingWebDevelopmentForTheRealWorld.pdf)

(Caolan McMahon - March, 2014)



[Bring NoSQL to your mobile](https://www.youtube.com/watch?v=qfC90DQEoeY)

(Patrick Heneise - December 16, 2013)



[Network connectivity: optional](https://www.youtube.com/watch?v=Z7sRMg0f5Hk)

(Jake Archibald - December 4, 2013)



[Offline First](https://www.youtube.com/watch?v=7mdG-iAizVc)

(Jan Lehnardi - May 27, 2013)



[AppCache: Douchebag](https://www.youtube.com/watch?v=cR-TP6jOSQM)

(Jake Archibald - Jan 20, 2013)



[Application Cache And Local Storage](https://www.youtube.com/watch?v=ceODU6z4-yc)

(Scott Davis - December 7 , 2012)



[Offline Rules](https://www.youtube.com/watch?v=RrGo1Sz4IgQ)

(Andrew Betts - December 4, 2012)



[Building Web Apps of the future. Tomorrow, today and yesterday.](https://www.youtube.com/watch?v=O3AukCYymEU)

(Paul Kinlan - November 12, 2012)



[Taking Web Apps Offline](https://www.youtube.com/watch?v=ejcJmeewtd4)

(Kevin Markman - November 5, 2012)



[Building Offline Web Apps with HTML5](https://www.youtube.com/watch?v=W41mvarupH0)

(Jonathan Stark - July 25, 2012)



[Getting off(line): appcache, localStorage for HTML5 apps that work offline](https://www.youtube.com/watch?v=dN8e-QdYyCk)

(John Allsopp - July 3, 2012)



## Tools



[ApplicationCache](https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache): HTML5 provides an application caching mechanism that lets web-based applications run offline.



[IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API): 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](https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Social_API/Service_worker_API_reference): A Service Worker inherits all the limitations and behaviors available to HTML5 Shared Workers. It can create XMLHttpRequests, use WebSockets, receive messages from windows and the browser, use IndexedDB, and post messages to other windows.



[localForage](https://github.com/mozilla/localForage): Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.



[remoteStorage](http://remotestorage.io): remoteStorage enabled apps automatically sync your data across all of your devices, from desktop to tablet to smartphone, and even your TV.



[pouchdb](http://pouchdb.com): PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser.



[Offline.js](http://github.hubspot.com/offline/docs/welcome): An awesome JavaScript library to improve the experience of your app when your users lose connection.



[Hoodie](http://hood.ie/): Hoodie is an Offline First and noBackend architecture for frontend-only web apps on the web and on iOS.



## People

- [tofumatt](https://github.com/tofumatt)

- [Jake Archibald](https://github.com/jakearchibald)



## Maintained by

- Guille Paz (Front-end developer | Web standards lover)

- E-mail: [[email protected]](mailto:[email protected])

- Twitter: [@pazguille](http://twitter.com/pazguille)

- Web: [http://pazguille.me](http://pazguille.me)



## License

Licensed under the MIT license.



Copyright (c) 2014 [@pazguille](http://twitter.com/pazguille).