EVALUATING TECHNOLOGY
Slide 1
Slide 2
Slide 3
A C G T
Slide 4
specialisation ubiquity cooperation
Slide 5
Slide 6
We shape our tools and therea ! er our tools shape us.” “ —John Culkin
Slide 7
specialisation ubiquity cooperation
Slide 8
Slide 9
Slide 10
Chind ō gu
Slide 11
Chind ō gu
Slide 12
Chind ō gu
Slide 13
Chind ō gu
Slide 14
Chind ō gu
Slide 15
Chind ō gu
Slide 16
Chind ō gu
Slide 17
hardware software human
Slide 18
Slide 19
Slide 20
hardware software human
Slide 21
WWW
Slide 22
computers internet electricity WWW industrialisation
Slide 23
HTTP WWW URLs HTML
Slide 24
Slide 25
Humans are allergic to change. ” “ —Grace Hopper
Slide 26
HTTP WWW URLs HTML SGML DNS TCP/IP
Slide 27
SGML
<body> <title> <p> <h1> <h2> <h3> <ol> <li> <ul> <dl> <dt> <dd>Slide 28
HTML
<article> <section> <main> <aside> <figure> <footer> <header>Slide 29
HTML <canvas> <video> <datalist> <audio> <picture>
Slide 30
HTML 5 document conformance requirements should be designed so that web content can degrade gracefully in older or less capable user agents, even when making use of new elements, attributes, APIs and content models.” “ —HTML Design Principles
Slide 31
principles.adactio.com
Slide 32
principles goals patterns
Slide 33
HTML <canvas> <video> <datalist> <audio> <picture>
Slide 34
How well does it work?
Slide 35
How well does it fail?
Slide 36
Slide 37
Slide 38
Slide 39
service workers
Slide 40
Slide 41
How well does it work?
Slide 42
Slide 43
How well does it fail?
Slide 44
web components shadow DOM custom elements
Slide 45
HTML <canvas> <video> <datalist> <audio> <picture>
Slide 46
<mega-menu>
<slippy-map>
<off-canvas>
<image-gallery>
<modal-lightbox>
Slide 47
How well does it work?
Slide 48
Slide 49
How well does it fail?
Slide 50
<image-gallery>
<img src="…" alt="…">
<img src="…" alt="…">
<img src="…" alt="…">
</image-gallery>
Slide 51
<image-gallery>
</image-gallery>
Slide 52
<body>
<shop-app>
</shop-app>
<script>…</script>
</body>
shop.polymer-project.org
Slide 53
service workers web components
Slide 54
ajax responsive web design progressive web app the extensible web
Slide 55
service worker manifest file progressive web app HTTPS + +
Slide 56
Slide 57
Slide 58
Slide 59
Who benefits?
Slide 60
developers users
Slide 61
sass less git gulp npm jQuery bootstrap angular react ember
Slide 62
What are the assumptions?
Slide 63
So ! ware, like all technologies, is inherently political. Code ine v itably reflects the choices, biases and desires of its creators.” “ —Jamais Cascio
Slide 64
Slide 65
$ e street finds its own uses for things.” “ —William Gibson Burning Chrome
Slide 66
Slide 67
Technolog y is neither good nor bad; nor is it neutral.” “ —Melvin Kranzberg
Slide 68
Slide 69
Slide 70
What Technolog y Wants
e Inevitable
Slide 71
amish $ e Amish have the undeserved reputation of being luddites, of people who refuse to employ new technolog y. $ e Amish are steadily adopting technolog y — at their pace. $ ey are slow geeks.” “ —Kevin Kelly -ish
Slide 72
Slide 73
How well does it work? How well does it fail? Who benefits? What are the assumptions?
Slide 74
Slide 75
Thank you
