Taking an Image Editor Offline

on YouTube ↗36m

" summary

Claims that using an application cache manifest lets a web app survive network outages and even keep a site usable when the server is down, but warns the manifest is an aggressive all‑or‑nothing cache that can break XHR and requires a build step (Grunt timestamp) to force updates. Demonstrates an image editor built with the File API + canvas (Blob URIs, dataURIs), shows local persistence via localStorage/sessionStorage, and suggests a Node fs shim to swap server storage for client file system storage; demos mostly work but expose caching nightmares.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 2:17The Application Cache
3. 9:15Clear Your App Cache
4. 15:17File Api
5. 24:21Local Storage Api
6. 25:45Performance
7. 29:59Private Browsing
8. 31:13Session Storage
9. 33:53Dependency Injection

" related talks

• 56mGetting off(line): appcache, localStorage for HTML5 apps that work offlineJohn Allsopp · Web Directions Code 2012
• 31mApplication Cache: DouchebagJake Archibald · Mobilism 2012
• 06mI'm Offline, cool. What now?Ola Gasidlo · Voxxed Days Zurich 2017
• 17mImmutable offline webappsJames Halliday · dotJS 2014
• 01h 02mPanel 1: OfflineJake Archibald, Andrew Betts, Alex Russell, Mark Christian, Jonas Sicking · Edge Conference 2013
• 33mOffline applications in an online worldSergio Zamarro · FrontFest 2017
• 44mDesign principles and implementation strategies for better offline experienceBoyan Mihaylov · NDC Oslo 2017
• 48mThe Web's future is offlineJohn Allsopp · beyond tellerrand Berlin 2014