I hold this presentation to get knowledge in the company about the future web. The original presentation had videos in it, and I can send them if you are interrested. Full working presentation can be seen here: https://docs.google.com/presentation/d/1XWyGv8yDaZvT-piBnlhTH7yvpK0EnS9nTeRmH1tHwTg/edit?usp=sharing

1. future web
responsive web
mobile web
offline web

3. build responsive
targeted sections & components
on top of base style

4. targeted design?
“ We never targeted specific devices -
and introduced media queries
whenever it felt natural to do so “
- smashing magazine

5. video 1

7. what about wearable's?
@media screen and (device-radius: 50%)
position: polar
shape-inside: display
border-boundary: display

8. sections?
boundaries of components against
other components in view states

9. video 2

10. base style?
component styles should be isolated,
but we don’t want to define a font-family for each

11. foundation
“ you do not start with liquid chocolate
when making a ´træstamme´ ”
- mikkel damm

12. ui test
integration test
unit test
- Mike Cohn
http://martinfowler.com/bliki/TestPyramid.html

13. style
scale
- Patty Toland
https://t.co/Tb0q1gMwQS
speed
access

14. speed
responsive design is more than just design

15. video 3
speed

16. video 4
speed

17. real life situations
testing on dark fiber will never simulate
our customers experinces

18. access
basic functionality should be dependency free

19. scale
order, arrangment & content size in different viewports

20. style
brand colors, animations, fonts etc.

21. 5 min coffee break

22. mobile web
” in 5 years you won’t know
you’re using a browser ”
- paul kinlan

23. what do almost
every device have?
a web browser
so everything should be website?
no -
but we are obliged to model our
data so it can be worked with in any web context

25. how is that done?
new api?
not necessarily, use schema.org

26. native support
camera, microphone, permissions, gyro, geo etc.
but also
ui elements

28. progressive rendering
async loading fragments/components

30. offline web

32. offline web
” everyone's happy, nothing is broken or smudged.
there is infinte wi-fi with infinite bandwidth,
no batteries run out, no traffic, no delay”
- tobias revell

33. the realistic world
treat offline as a service for the customer
not and error

35. offline reservation
i forgot the printed reservation on my desk
i cannot find the mail containing the reservation
i have no access to the internet
but
i can open the website and locate my reservation

36. future web
Web RTC
Web Components
Device API
ServiceWorkers

37. thank you
questions?