Smashing Conference

Making It Work Offline


Full-day workshop • Making your web app work offline. Sounds like an instant contradiction, right? Downloads without a connection just don't happen! But as the internet slowly creeps into every corner of our lives, what kind of magic do we have to cast to guard against losing all functionality the moment a network becomes unavailable?

Matt Andrews, core developer on the FT Web App and author of the Building your own Offline Web App tutorial series on FT Labs’ blog, will present a host of tips, tricks and design patterns to enable you to create future-proof, offline-first web applications.

What you'll learn in this workshop:

  • Make your next mobile app a pure web app so that you won't need to build separate apps for each platform anymore,
  • Adopt pure web technology for optimising the reading experience for mobile users on touch-screen devices,
  • Release updates instantly, without readers having to visit the app store,
  • Deploy exactly the same code to every browser, on every device,
  • Build a maintenance-friendly, ever-evolving Application,
  • Patterns for offline web applications
  • Cookies and Local Storage
  • IndexedDB and WebSQL
  • AppCache and ServiceWorker
  • Offline data sync strategies
  • Open-source libraries that can help us
  • Fallback techniques for older browsers, search-engine crawlers and users that do not need an offline experience

The next generation of mobile apps will be based on HTML5 technologies. Digital products needs to evolve, and in this workshop, you’ll learn how prepare for this.

What hardware/software do you need?

  • To get the most out of the workshop, you'll need to bring a laptop with a text editor and Node.js installed.


Historisches Kaufhaus
Münsterplatz 24
79098 Freiburg im Breisgau
Google Maps


8:30 – Doors open, Registration
9:00 – Introduction & Kick-off
11:00 – Coffee Break
12:30 – Lunch
13:30 – Afternoon Session
15:00 – Coffee Break
17:00 – The End, Networking

On the Web
On Twitter
Workshop includes
  • Snacks and drinks during the whole day
  • Tea and coffee
  • Lunch
  • Paper and pen/pencil

Sponsors & Partners