Say hello to offline first!

Say hello to offline first!

// slidedeck with speakernotes
https://docs.google.com/presentation/d/1kGKyvw6BsQMFcQYDagCHzBjYoqvBnSg6NDRzEyQ-edM/edit?usp=sharing

Re-Imagining Web Design and Development for the Real World

We live in a disconnected & battery-powered world. Devices and user interactions have changed enormously over the years. What hasn't changed is the internet itself and the way how we concept and build applications in it.

Offline First does not only mean reverting our design processes and creating apps for offline use first. In this new world where "online" is just a feature and not default state, we have to find new approaches and patterns for our thoughts and processes in app design and development.

This talk will cover the philosophy behind and current state of offline support on the web, the starting points and the design challenges posed by developing a first-class offline experience, and it will also give you first insights in the technical parts.

How can we change the way the web is built?

Cb5e0122cf03f4abd8062ba7ab44cf33?s=128

Ola Gasidlo

May 19, 2014
Tweet

Transcript

  1. 1.

    Say Hello To Offline First Re-Imagining Web Design and Development

    for the Real World we <3 beyondtellerrand
  2. 2.

    Ola Gasidlo - Javascript & Frontend Developer for 10 years

    - Core Member of Team Hood.ie - Organizer of OpenTechSchool Dortmund twitter@misprintedtype
  3. 5.
  4. 7.
  5. 9.
  6. 10.
  7. 11.

    “WE CAN’T KEEP BUILDING APPS WITH THE DESKTOP MINDSET OF

    PERMANENT, FAST CONNECTIVITY, WHERE A TEMPORARY DISCONNECTION OR SLOW SERVICE IS REGARDED AS A PROBLEM AND COMMUNICATED AS AN ERROR.”
  8. 12.
  9. 16.

    ...MANIFEST… <html manifest="example.appcache"> ... </html> IE8+ / FF 3.5+ /

    Chrome 4.0+ / Safari 4.0+ / Opera 10.5+ / iPhone 2.0+ / Android 2.0+
  10. 20.
  11. 21.
  12. 22.
  13. 23.
  14. 26.
  15. 31.
  16. 32.
  17. 33.
  18. 34.
  19. 35.
  20. 36.
  21. 37.
  22. 38.
  23. 39.
  24. 40.
  25. 41.
  26. 42.
  27. 43.
  28. 46.
  29. 47.
  30. 48.
  31. 50.
  32. 51.
  33. 52.
  34. 53.
  35. 54.
  36. 55.
  37. 56.
  38. 57.
  39. 58.
  40. 59.
  41. 60.
  42. 61.
  43. 62.
  44. 63.