Slide 1
Slide 2
Slide 3
Slide 4
I want to tell you a story.
Slide 5
Slide 6
www.submarinecablemap.com
Slide 7
Slide 8
Fifty percent of humanity are connected to the Web.
Slide 9
Slide 10
Slide 11
Slide 12
Slide 13
Slide 14
Slide 15
Slide 16
Slide 17
Slide 18
Slide 19
Slide 20
Slide 21
The Web we lost … … is not just design.
Slide 22
The Web is a plethora of awesomeness.
Slide 23
The Web is a plethora of creepiness.
Slide 24
The Web is a plethora of everything. And we have to preserve this.
Slide 25
The Web is for everyone.
Slide 26
The Web is for everyone?
Slide 27
Slide 28
Slide 29
Harassment isn’t harmless.
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
« We must protect safety over speech.» Tatiana Mac — Canary in a Coal Mine
Slide 32
Slide 33
Doing the Right Thing
Slide 34
Slide 35
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
This is not only a tech problem. You can’t /kickban hate.
Slide 38
Slide 39
Means of Production
Slide 40
What is a computer?
Slide 41
Slide 42
Slide 43
Slide 44
Slide 45
Slide 46
Slide 47
Slide 48
Slide 49
Slide 50
« Was ist bloß passiert?» Knochenfabrik — Was ist bloß passiert Ameisenstaat, Vitaminepillen Records, 1997
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 53
Building Blocks
Slide 54
Slide 55
Hypertext Markup Language
Slide 56
Cascading Style Sheets
Slide 57
Java Script
Slide 58
Structure Layout Interaction
Slide 59
Building Blocks Actual blocks
Slide 60
View source
Slide 61
Slide 62
Tags are the Building Blocks of HTML
Slide 63
So, hmm, you write markup and then …?
Slide 64
Slide 65
Slide 66
HTML pages are just boxes.
Slide 67
Slide 68
Slide 69
Slide 70
Slide 71
And what’s up with all the nice things?
Slide 72
💻 Put-Something-in-the Internet-Already-Time 💻
Slide 73
Slide 74
Danke. Thank you. Merci. спасибо. Oscar Braunert code & design www.ovl.design o@ovl.design
