future webresponsive web

mobile weboffline web

build responsivetargeted sections & components

on top of base style

targeted design?“ We never targeted specific devices -

and introduced media querieswhenever it felt natural to do so “

- smashing magazine

video 1

what about wearable's?@media screen and (device-radius: 50%)

position: polarshape-inside: display

border-boundary: display

sections?boundaries of components against

other components in view states

video 2

base style?component styles should be isolated,

but we don’t want to define a font-family for each

foundation“ you do not start with liquid chocolate

when making a ´træstamme´ ”- mikkel damm

ui test

integration test

unit test

- Mike Cohn http://martinfowler.com/bliki/TestPyramid.html

style

scale

- Patty Toland https://t.co/Tb0q1gMwQS

speed

access

speedresponsive design is more than just design

video 3speed

video 4speed

real life situationstesting on dark fiber will never simulate

our customers experinces

accessbasic functionality should be dependency free

scaleorder, arrangment & content size in different viewports

stylebrand colors, animations, fonts etc.

5 min coffee break

mobile web” in 5 years you won’t know

you’re using a browser ”- paul kinlan

what do almost every device have?

a web browserso everything should be website?

no - but we are obliged to model our

data so it can be worked with in any web context

how is that done?new api?

not necessarily, use schema.org

native supportcamera, microphone, permissions, gyro, geo etc.

but alsoui elements

progressive renderingasync loading fragments/components

offline web

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

the realistic worldtreat offline as a service for the customer

not and error

offline reservationi forgot the printed reservation on my desk

i cannot find the mail containing the reservationi have no access to the internet

buti can open the website and locate my reservation

future webWeb RTC

Web ComponentsDevice API

ServiceWorkers

thank youquestions?