Don’t Worry, I’m From the Internet

A presentation at Kitchen Stories Teach & Tell in April 2019 in by Oscar

Slide 1

Slide 1

Slide 2

Slide 2

Slide 3

Slide 3

Slide 4

Slide 4

I want to tell you a story.

Slide 5

Slide 5

Slide 6

Slide 6

www.submarinecablemap.com

Slide 7

Slide 7

Slide 8

Slide 8

Fifty percent of humanity are connected to the Web.

Slide 9

Slide 9

Slide 10

Slide 10

Slide 11

Slide 11

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

Slide 15

Slide 15

Slide 16

Slide 16

Slide 17

Slide 17

Slide 18

Slide 18

Slide 19

Slide 19

Slide 20

Slide 20

Slide 21

Slide 21

The Web we lost … … is not just design.

Slide 22

Slide 22

The Web is a plethora of awesomeness.

Slide 23

Slide 23

The Web is a plethora of creepiness.

Slide 24

Slide 24

The Web is a plethora of everything. And we have to preserve this.

Slide 25

Slide 25

The Web is for everyone.

Slide 26

Slide 26

The Web is for everyone?

Slide 27

Slide 27

Slide 28

Slide 28

Slide 29

Slide 29

Harassment isn’t harmless.

Slide 30

Slide 30

« The question to answer isn’t, ‹Have I made a place where people have the freedom to express themselves?› Instead we have to ask, ‹Have I made a place where everyone has the safety to exist?›» Tatiana Mac — Canary in a Coal Mine https://alistapart.com/article/canary-in-a-coal-mine-how-tech-provides-platforms-for-hate

Slide 31

Slide 31

« We must protect safety over speech.» Tatiana Mac — Canary in a Coal Mine

Slide 32

Slide 32

Slide 33

Slide 33

Doing the Right Thing

Slide 34

Slide 34

Slide 35

Slide 35

Slide 36

Slide 36

« If one company, like Slack or Airbnb, decides to do something about the role it’s going to play, it creates a perverse kind of FOMO for the rest: Fear of missing out of doing the right thing and standing on the right side of history.» Tatiana Mac — Canary in a Coal Mine

Slide 37

Slide 37

This is not only a tech problem. You can’t /kickban hate.

Slide 38

Slide 38

Slide 39

Slide 39

Means of Production

Slide 40

Slide 40

What is a computer?

Slide 41

Slide 41

Slide 42

Slide 42

Slide 43

Slide 43

Slide 44

Slide 44

Slide 45

Slide 45

Slide 46

Slide 46

Slide 47

Slide 47

Slide 48

Slide 48

Slide 49

Slide 49

Slide 50

Slide 50

« Was ist bloß passiert?» Knochenfabrik — Was ist bloß passiert Ameisenstaat, Vitaminepillen Records, 1997

Slide 51

Slide 51

« The most significant change they made, arguably, was semantic: programming, they decided, would heretofore be known as engineering.» Claire L. Evans — Broad Band Portfolio/Penguin; 2018; p. 77

Slide 52

Slide 52

Slide 53

Slide 53

Building Blocks

Slide 54

Slide 54

Slide 55

Slide 55

Hypertext Markup Language

Slide 56

Slide 56

Cascading Style Sheets

Slide 57

Slide 57

Java Script

Slide 58

Slide 58

Structure Layout Interaction

Slide 59

Slide 59

Building Blocks Actual blocks

Slide 60

Slide 60

View source

Slide 61

Slide 61

Slide 62

Slide 62

Tags are the Building Blocks of HTML

Slide 63

Slide 63

So, hmm, you write markup and then …?

Slide 64

Slide 64

Slide 65

Slide 65

Slide 66

Slide 66

HTML pages are just boxes.

Slide 67

Slide 67

Slide 68

Slide 68

Slide 69

Slide 69

Slide 70

Slide 70

Slide 71

Slide 71

And what’s up with all the nice things?

Slide 72

Slide 72

💻 Put-Something-in-the Internet-Already-Time 💻

Slide 73

Slide 73

Slide 74

Slide 74

Danke. Thank you. Merci. спасибо. Oscar Braunert code & design www.ovl.design o@ovl.design