Webtechnologien
Sommersemester 2019
World Wide Web
♯
♫
World Wide Web
<section bg="www.jpg" id="world-wide-web" class="slide cover"><div><h2>World Wide Web</h2> <p class="note">Quelle: <a href="https://www.flickr.com/photos/125167502@N02/14374686086/in/set-72157644709775510/">Markus Spiske</a></p> </div></section> <section class="slide" bg="sputnik.jpg" id="wie-alles-begann"><div><h2>Wie alles begann</h2> <p class="note right">Quelle: <a href="https://de.wikipedia.org/wiki/Datei:Sputnik_asm.jpg">Wikipedia</a></p> <footer> <ul> <li>4. Oktober 1957: Sowjetunion bringt erfolgreich den ersten Satelliten namens Sputnik 1 in die Erdumlaufbahn.</li> <li>Da war Tim Berners-Lee gerade zwei Jahre alt.</li> <li>Das mit dem Satelliten schockierte die USA, vor allem, da sie ein eigenes, unfertiges Programm hatten.</li> <li>Das führte zur Gründung der Advanced Research Projects Agency, ARPA, um gezielte Technologieforschung zu betreiben.</li> <li>1960 veröffentlichte Joseph Licklider ein Paper namens <q>Mensch-Computer-Symbiose</q>.</li> <li>Woraus erst einmal nichts wurde</li> </ul> </footer> </div></section> <section class="slide" id="arpanet"><div><h2>ARPANET</h2> <p><img src="arpanet.gif" alt="ARPANET" class="center" /></p> <p class="note right">Quelle: <a href="http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/historical.html">Martin Dodge</a></p> <footer> <ul> <li>Allerdings mündete es 1967 in den Plänen zum ARPANET</li> <li>das Ende 1969 mit 4 Computern in Betrieb ging.</li> <li>1971 (Bild) 15 Knoten, Telnet und FTP werden entwickelt</li> <li>Das ARPANET gefiel auch in Europa und eigene Netze entstanden (GB, FR)</li> <li>Anfang der 80er, ARPANET’ler: könnten ja alle Netze verbinden</li> <li>Tiefseekabel, Satelliten</li> <li>Internationale Bemühungen → Interconnected Networks (kurz Internet)</li> <li>Und das lief dann erstmal eine Weile, blieb Nerd-Sache, yadda yadda…</li> </ul> <p>Zu was anderem …</p> </footer> </div></section> <section class="slide" bg="rhizom.jpg" id="rhizome"><div><h2>Rhizome</h2> <p class="note">Quelle: <a href="https://de.wikipedia.org/wiki/Datei:%E5%A0%80%E4%B8%8A%E3%81%92%E3%81%9F%E3%81%B0%E3%81%8B%E3%82%8A%E3%81%AE%E3%82%B7%E3%83%A7%E3%82%A6%E3%82%ACPC090165.jpg">Wikipedia</a></p> <footer> <ul> <li>Bild: Ingwerrhizome − ein Geflecht ohne <q>Stamm</q></li> <li>Rhizome (griechisch, <q>Eingewurzeltes</q>): Wurzelgeflechte von Pflanzen</li> </ul> <p>Worauf will ich damit hinaus?</p> </footer> </div></section> <section class="slide" bg="System-der-kenntnisse-des-menschen-retouched.png" style="background-position: 97%" id="bäume"><div><h2>Bäume</h2> <p><br /><br /><br /> <q>System der Kenntnisse des Menschen</q><br /> aus der Encyclopédie von<br /> D’Alembert und Diderot (1751)</p> <p class="note">Quelle: <a href="https://de.wikipedia.org/wiki/Datei:System-der-kenntnisse-des-menschen-retouched.png">Wikipedia</a></p> <footer> <p>Wissensrepräsentation!</p> <ul> <li><q>Dichotomischer</q> Baum des menschlichen Wissens</li> <li>Dichtom: gr. dichótomos, entzweigeschnitten</li> <li>Baum-Modelle sind hierarchisch und dichotomisch angelegt</li> <li>Z.B. klassische Bibliotheken, Enzyklopädien</li> <li>D’Alembert und Diderot haben das Defizit erkannt und Querverweise und so eingeführt</li> </ul> <p>Zurück zu den Rhizomen…</p> </footer> </div></section> <section class="slide" id="rhizome-1"><div><h2>Rhizome</h2> <blockquote> <p>Metapher für ein postmodernes beziehungsweise poststrukturalistisches Modell der Wissensorganisation und Weltbeschreibung, das ältere, durch eine Baum-Metapher dargestellte, hierarchische Strukturen ersetzt.</p> </blockquote> <footer> <ul> <li>In der Philosophie eine Metapher für ein postmodernes / poststrukturalistisches Modell der Wissensorganisation und Weltbeschreibung, das ältere, durch eine Baum-Metapher dargestellte, hierarchische Strukturen ersetzt</li> </ul> <p>Woot?</p> </footer> </div></section> <section class="slide" id="das-web"><div><h2>Das Web</h2> <p><img src="web-struktur.png" alt="Das Web" class="center" /></p> <p class="note">Quelle: <a href="https://de.wikipedia.org/wiki/Datei:Linking-Open-Data-diagram_2007-09.png">Wikipedia</a></p> <footer> <ul> <li>An der Europäischen Organisation für Kernforschung (CERN) arbeiten viele Leute an vielen verschiedenen Projekten.</li> <li>Wer woran arbeitete, konnte man im Internet nachsehen. Aber es war nicht sinnvoll strukturiert. Es war hierarchisch, linear.</li> <li>Das nervte Tim Berners-Lee, der mittlerweile ein junger Mann war.</li> <li>Tim veröffentlichte 1990 ein Paper namens <q>Information Management: A Proposal</q>, das ein System zur Verwaltung von Informationen beschrieb.</li> <li>(Beispielsweise Bücher müssen Linearität aus nichtlinearen, sondern netzartigen Strukturen schaffen.)</li> <li>Er argumentierte, dass Knoten verknüpft mit anderen Knoten besser sind als ein fester, hierarchischer Weg zu diesen Knoten.</li> <li>Statt eines Baums bevorzugte er ein Netz.</li> <li>Denn rhizomatische Struktur entspricht besser der Struktur des menschlichen Denkens</li> </ul> </footer> </div></section> <section class="slide" id="das-web-1"><div><h2>Das Web</h2> <ul> <li>Tim Berners-Lee erdachte ein Hypertext-System, das mit dem Internet funktionierte und damit weltweit</li> <li>Er entwickelte das Kommunikationsprotokoll HTTP</li> <li>und die Auszeichnungssprache HTML</li> <li>und einen Browser (<q>WorldWideWeb</q>, später <q>Nexus</q>)</li> <li>und einen Server, der Hyertext-Dokumente auslieferte</li> </ul> <footer> <ul> <li>Hypertext-Systeme (gr. <q>hyper</q>: über etwas), die Dokumente nicht linear verknüpften, gab es schon</li> <li>Dabei sollte Text in Dokumenten angereichert werden und auf andere Dokumente zeigen können, um von einem zum anderen zu springen.</li> <li> <p>Das Internet war jetzt Jahre 22 alt, als er sein WorldWideWeb getauftes System 1991 veröffentlichte</p> </li> <li>Zuerst hieß es Mesh, aber das klang zu sehr nach Mess</li> <li>dann gab es noch <q>Mine of Information</q> (MOI) und <q>The Information Mine</q> (TIM)</li> <li>Mine war nicht gut, weil aus ihr nur genommen wird, nichts gegeben</li> <li><q>WWW</q> bricht in Englisch und Französisch die Zunge</li> </ul> <p>Aber wie allgemein bekannt ist, setzte sich das Web nicht durch …</p> </footer> </div></section> <section class="slide" id="gopher"><div><h2>Gopher</h2> <p><img src="gopher.png" alt="Gopher" /></p> <p class="note">Quelle: <a href="http://en.wikipedia.org/wiki/File:Floodgap_gopher_fun_menu.PNG">Wikipedia</a></p> <footer> <ul> <li>Zur gleichen Zeit etablierte sich als Alternative zu FTP Gopher, ein System zum Informationsaustausch (weil FTP zu nervig)</li> <li>Im Gegensatz zu HTML-Seiten bot Gopher ein automatisch generiertes Menü an, das aus den im aktuellen Verzeichnis befindlichen Dateien generiert wird.</li> <li>1993 gaben die Gopher-Leute bekannt, dass sie Lizenzgebühren für ihre Implementierung verlangen werden.</li> <li>Woraufhin die Suche nach Alternativen begann (und Gopher starb).</li> </ul> <p>Zurück zum Web…</p> </footer> </div></section> <section class="slide" id="das-web-2"><div><h2>Das Web</h2> <ul> <li>Hypertext-Dokumente</li> <li class="next">Links als unidirektionale Verbindung zwischen Dokumenten</li> <li class="next">HTTP als Kommunikationsprotokoll</li> <li class="next">Alles Open Source</li> <li class="next">Visuelle Browser (Point-and-Click) erleichterten Zugang</li> </ul> <footer> <ul> <li>Hypertext senkt Redundanz (einmal schreiben, dann verlinken)</li> <li>Links sind unidirektional – keine Meldepflicht, Nachfragen oder Hilfs-Anpassungen etc</li> <li>Es bedarf aber zwei weiterer Ereignisse, um sich durchzusetzen und Gopher abzulösen</li> <li>April 1993 gab CERN den Quelltext des WorldWideWeb in die Gemeinfreiheit, wodurch jeder es kostenlos benutzen konnte</li> <li>Im selben Jahre veröffentlichte die NCSA ein Programm namens Mosaic, das eine Kombination aus Gopher-Client und Web-Browser war (und <code class="language-plaintext highlighter-rouge"><img></code> implementierte)</li> <li>Dezember 1993 gab es Mosaic dann nicht mehr nur für UNIX, sondern auch Apple Macintosh und Microsoft Windows, wodurch das Ding durch die Decke ging</li> <li>Danach kamen immer mehr Browser, häufig aus Forschungsprojekten entstanden, so auch 1994 Opera</li> </ul> </footer> </div></section> <section class="slide" id="w3c"><div><h2>W3C</h2> <ul> <li>1994 gründete Berners-Lee das World Wide Web Consortium (W3C)</li> <li>Ziel: Standardisierung der Protokolle und Technologien des Webs</li> <li>Veröffentlichte Specs zu <a href="http://www.w3.org/TR/html401/">HTML 4.01</a>, <a href="http://www.w3.org/TR/PNG/">PNG images</a>, <a href="http://www.w3.org/Style/CSS/">Cascading Style Sheets</a></li> <li>Forcierte aber nie deren Einhaltung</li> </ul> <footer> <ul> <li>Keine Forcierung + kein Verkaufsargument (who cared?) = keine Einhaltung</li> </ul> <p>Und dann wurde es dunkel in der Welt …</p> </footer> </div></section> <section class="slide" bg="browser.jpg" id="browserwars"><div><h2>Browser<br />Wars</h2> <p class="note">Abbildung ähnlich.</p> <footer> <p>Denn die Browser Wars begannen.</p> <ul> <li>Bild: nicht wirklich die Browser Wars</li> </ul> </footer> </div></section> <section class="slide" id="browser-wars"><div><h2>Browser Wars</h2> <p><img src="NCSA_Mosaic.png" alt="Mosaic" class="center" width="500" /></p> <p class="center">NCSA Mosaic 3.0 für Windows</p> <p class="note">Quelle: <a href="http://en.wikipedia.org/wiki/File:NCSA_Mosaic.PNG">Wikipedia</a></p> <footer> <ul> <li>Popularität zieht Kommerz an</li> <li>Mosaic wurde kommerziell, nannte sich zu <q>Netscape</q> um und den Browser zu <q>Netscape Navigator</q></li> <li>Implementierte Scripting (LiveScript, heute JavaScript) und Cookies</li> </ul> <p>Dann kam Microsoft ins Spiel …</p> </footer> </div></section> <section class="slide" id="browser-wars-1"><div><h2>Browser Wars</h2> <p><img src="browser_wars.jpg" alt="Browser Wars" class="center" /></p> <p class="note right">Quelle: <a href="http://archive.wired.com/special_multimedia/2008/mf_chrome_browserwars_1610">Wired</a></p> <footer> <ul> <li>arbeitete erst noch mit Netscape zusammen und positionierte den Internet Explorer als Konkurrent</li> <li>Das war erst gut, weil Konkurrenz Fortschritt befördert, mehr Features, Anbiederung bei Entwicklern</li> <li>Allerdings: Wildwuchs, Features ohne Spec, Neues statt Bugfixes</li> <li>Entwickler mussten mehrere Versionen für verschiedene Browser bauen oder andere blocken</li> </ul> <p>Der IE gewann und damit begann das dunkle Zeitalter</p> </footer> </div></section> <section class="slide" id="browser-wars-2"><div><h2>Browser Wars</h2> <p><img src="browser_stats.jpg" alt="Browser Stats" class="center" /></p> <footer> <ul> <li>kurzer Einschub: so ging es weiter</li> </ul> </footer> </div></section> <section class="slide" id="standards"><div><h2>Standards</h2> <ul> <li>W3C entschied Anfang 2000, dass die Zukunft des Webs in XML läge und HTML kompatibel sein solle</li> <li>Daraus entstand XHTML</li> <li>Was leider an der Realität vorbei ging</li> </ul> <footer> <ul> <li>(wie fast alles mit <code class="language-plaintext highlighter-rouge">X</code> vorne: XHML2, XFrames, XForms … XPartner *tusch*)</li> <li>IE kam nie gut mit XHTML klar</li> <li>es fehlte an kompatiblen Entwicklertools</li> <li>und es passte nicht zu dem, was Entwickler in der Realität taten</li> </ul> </footer> </div></section> <section class="slide" id="standards-1"><div><h2>Standards</h2> <ul> <li>2004 gründete sich die WHATWG</li> <li>Ziel war eine bessere Spec, die <ul> <li>eine neue Generation von Web-Anwendungen ermöglicht</li> <li>abwärtskompatibel ist</li> </ul> </li> <li>resultierte in <a href="http://www.whatwg.org/specs/web-apps/2005-09-01/">Web Applications 1.0</a> was im <a href="https://html.spec.whatwg.org/multipage/">HTML Living Standard</a> mündete</li> <li>2007 gründete sich im W3C die HTML WG und adaptierte die HTML-Spec der WHATWG</li> </ul> <footer> <ul> <li>WHATWG aus Entwicklern und Firmen wie Opera, Mozilla und später Apple</li> <li>HTML Living Standard versionslos</li> <li>HTML5 brachte neue APIs und Features</li> <li>Vorteile <ul> <li>Die neuen Features funktionieren wie die alten (manchmal semantische Änderungen)</li> <li>Neue Features nativ, die vorher nur durch Plugins (Flash, jQuery) möglich waren (Formvalidierung, Video)</li> <li>besser für nicht-statische Dokumente geeignet</li> <li>klar definierter Parsing-Algorithmus, wodurch alle Browser aus demselben Markup denselben DOM generieren</li> </ul> </li> </ul> <p>Bla bla bla … Zusammenfassung</p> </footer> </div></section> <section class="slide" id="das-web-3"><div><h2>Das Web</h2> <ul> <li>World Wide Web (www) ist eine Anwendung im Internet</li> <li>Läuft auf Port 80</li> <li>Eine <em>Web-Site</em> ist eine Sammlung von <em>Web-Pages</em> einer Domain</li> <li>Drei fundamentale Bestandteile: <ul> <li>HTML: Hypertext Markup Language</li> <li>URL: Uniform Resource Locator</li> <li>HTTP: Hypertext Transfer Protocol</li> </ul> </li> <li>Browser als übliches Betrachtungsprogramm</li> </ul> <footer> <ul> <li> <p>WWW: Über das Internet abrufbares System von elektronischen Hypertext-Dokumenten, die durch Hyperlinks untereinander verknüpft und über die Protokolle HTTP oder HTTPS übertragen werden.</p> </li> <li> <p><q>Wie eine Anwendung im Web? Ich dachte, das ist dasselbe!</q> …</p> </li> </ul> </footer> </div></section> <section class="slide" id="das-web-ist-nicht-das-internet"><div><h2>Das Web ist nicht das Internet</h2> <ul> <li>Das <strong>Internet</strong> verknüpft <strong>Teilnehmer</strong></li> <li>Das <strong>Web</strong> verknüpft <strong>Informationen</strong></li> </ul> <footer> <ul> <li>Web verknüpft insbesondere Hypertext-Dokumente, die erreichbar sind durch das Internet.</li> </ul> <p>Apropos Internet …</p> </footer> </div></section> <section class="slide" id="internet"><div><h2>Internet</h2> <p><img src="nutzer-2016.png" alt="Anzahl der Internetnutzer" class="center" /></p> <p class="note">Quelle: <a href="http://de.statista.com/statistik/daten/studie/186370/umfrage/anzahl-der-internetnutzer-weltweit-zeitreihe/">Statista</a></p> <footer> <ul> <li>Das Internet ist heute das größte Netzwerk der Welt.</li> <li>Fast 3,5 Mrd. Nutzer (2016)</li> </ul> </footer> </div></section> <section class="slide" bg="internet.png" id="internet-1"><div><h2>Internet</h2> <footer> <ul> <li>Eines der Erfolgsrezepte war und ist die offene Grundstruktur des Internets: Alle Komponenten und Protokolle sind standardisiert und für jedermann einsehbar.</li> <li>Dasselbe gilt für das Web.</li> <li>Und es ist unfassbar, was in so kurzer Zeit entstanden ist.</li> </ul> <p>Noch mal kurz philosophisch …</p> </footer> </div></section> <section class="slide" id="schöpferische-zerstörung"><div><h2>Schöpferische Zerstörung</h2> <p><img src="Shiva.jpg" alt="Shiva" class="right" width="300" /></p> <ul> <li class="next"><q>Jede ökonomische Entwicklung <small>(im Sinne von nicht bloß quantitativer Entwicklung)</small> baut auf dem Prozess der schöpferischen bzw. kreativen Zerstörung auf.</q></li> <li class="next"><q>Durch eine Neukombination von Produktionsfaktoren, die sich erfolgreich durchsetzt, werden alte Strukturen verdrängt und schließlich zerstört.</q></li> </ul> <p class="note right">Quelle: <a href="http://en.wikipedia.org/wiki/File:WLANL_-_MicheleLovesArt_-_Tropenmuseum_-_Shiva_Nataraja_(6274-1).jpg">Wikipedia</a>, <a href="https://de.wikipedia.org/wiki/Sch%C3%B6pferische_Zerst%C3%B6rung">Wikipedia</a></p> <footer> <ul> <li>Im Hinduism verkörpert der Gott Shiva Schöpfung und Neubeginn ebenso wie Erhaltung und Zerstörung</li> <li>Findet sich auch bei Nietzsche, Marx und Engels, Makroökonomie</li> <li><q>Die Zerstörung ist also notwendig − und nicht etwa ein Systemfehler −, damit Neuordnung stattfinden kann.</q></li> <li> <p><q>Radikale Erfindungen bedeuten immer auch Zerstörung</q></p> </li> <li>Das Web ist eigentlich nur ein einfacher Informationsdienst im Internet</li> <li>Aber es hat Märkte zerstört und neue entstehen lassen, samt riesiger Unternehmen wie Google, Amazon, ebay, facebook und Yahoo</li> </ul> </footer> </div></section> <section class="slide" id="kinder-des-web"><div><h2>Kinder des Web</h2> <p><img src="Wikipedia-logo-v2.svg" alt="Wikipedia" class="right" width="300" /><br /> <img src="Openstreetmap_logo.svg" alt="Openstreetmap" class="left" width="300" /></p> <p class="center" style="clear:both">Und unzählige mehr…</p> <footer> <ul> <li>Wenn ihr kurz darüber nachdenkt, was wir da haben. Alles Wissen der Menschen, ubiquitär, greifbar, jederzeit und an jedem Ort.</li> <li>Vor zehn Jahren wäre das undenkbar gewesen.</li> <li> <p>Und hätte euch dann jemand erzählt, dass das alles frei sein wird. Kostenlos. Hättet ihr ihn für einen durchgedrehten Utopisten gehalten.</p> </li> <li>Und heute wirkt es so normal. Einfach nur normal. Weil wir uns so schnell an etwas gewöhnen.</li> <li>Dinge von denen wir eben nichteinmal wussten, dass sie exisitieren, sind auf einmal normal.</li> <li> <p>Kennt ihr Louis C.K. über Flugzeuge? Wie Leute sich heute beschweren, wenn das WLAN im Flieger kurz nicht geht? Statt zu bedenken, dass wir einfach mal in einem verdammten Sessel sitzen. Der fliegt. Mit 700km/h. Über den Wolken!</p> </li> <li>Was ich sagen wollte: Wikipedia war unmöglich. Auch nach Marktgesetzen. Es war unmöglich. Und dann war es da.</li> <li>Was heißt das?</li> <li>Alle großen Ideen kamen, weil jemand Dinge verbunden hat, die keiner vorher verbunden hat. Nicht dass es nicht ging, es wurde nur nicht getan.</li> </ul> </footer> </div></section> <section class="slide" id="das-web-heute"><div><h2>Das Web heute</h2> <div class="parts auto "> <div class="part"> <ul> <li><a href="https://whatwebcando.today/">What Web Can Do Today</a></li> <li><a href="http://ncase.me/simulating/model/?local=zoo/sick">Epidemie-Simulation</a></li> <li><a href="https://palava.tv/">palava.tv</a></li> <li>PWAs von <a href="https://twitter.com/davidbrunelle/status/905931990444244995">Starbucks</a>, <a href="https://blog.twitter.com/engineering/en_us/topics/open-source/2017/how-we-built-twitter-lite.html">Twitter</a>, <a href="https://www.flipkart.com/">Flipkart</a>, <a href="https://feuerwehr-eisolzried.de/">Feuerwehr Eisolzried</a></li> <li><a href="https://google.github.io/physical-web/">The Physical Web</a></li> </ul> </div><div class="part"> <p><img src="mdconalds.png" alt="McDonalds + Polymer" /></p> </div> </div> <p class="note">Quelle: <a href="https://twitter.com/ajstacy06/status/857628546507968512">@AJStacy06</a></p> <footer> <ul> <li>Web entwickelt sich immer weiter</li> <li>größte offene Plattform (Flash tot, WindowsMobile tot)</li> <li>Fördert Bricolage: Ad-hoc UI, lokal, alles inspectable, sofort weltweit verfügbar</li> <li>Starbucks-App: iOS 146MB; PWA ~600KB</li> </ul> </footer> </div></section> <section class="slide" id="das-web-heute-1"><div><h2>Das Web heute</h2> <p><img src="installing.png" alt="XKCD" class="right full-height" /></p> <ul> <li class="next">HTTP ist eher Hypermedia als Hypertext</li> <li class="next">Steuerung entfernter Software</li> <li class="next">Suchmaschinen als App-Store des Webs</li> <li class="next">Ersetzt oder integriert langsam alle anderen Dienste und deren Clients</li> </ul> <p class="note">Quelle: <a href="http://xkcd.com/1367/">XKCD</a></p> <footer> <ul> <li>2014 wurde das Web 25 Jahre alt.</li> <li>Und es lebt noch immer die ursprüngliche Idee seines Erfinders Tim Berners-Lee, ein universell verbundenes Informationssystem zu bauen, das für die gesamte Welt funktioniert, alle Menschen verbinden kann und alle Geräte.</li> <li> <p><q>Write once, run everywhere</q> – die Idee von Java. Im Web ist sie wahr geworden.</p> </li> <li>Hypertext: Text, Fußnoten, Glossar, Inhaltsverzeichnis</li> <li> <p>Hypermedia: Grafiken, Video, Audio</p> </li> <li>Browser werden von guten Dokumentenbetrachtern zur weltweit best verbreiteten, best entwickelten Anwendungsplattform und sind heute schon quasi eigene Betriebssysteme</li> <li>Andere Dienste: E-Mail (GMail), FTP (Dropbox, GitHub), Usenet (Web-Foren), IRC (Facebook, Slack)</li> <li>Ja sogar Skype durch WebRTC</li> <li>Und innovative Ideen setzen sich so schnell durch wie nie. WebRTC erreicht heute schon eine Milliarde Menschen.</li> <li>Und das Web hat die besten Chancen, Startpunkt der nächsten Milliarde zu sein.</li> </ul> </footer> </div></section> <section class="slide" id="links"><div><h2>Links</h2> <ul> <li><a href="https://www.youtube.com/watch?v=scWj1BMRHUA">The Web Is Not The Net</a></li> <li><a href="https://github.com/alex/what-happens-when/">What happens when…</a></li> <li><a href="https://www.gitbook.com/book/frontendmasters/front-end-handbook/details">Front-end Handbook</a></li> <li><a href="https://briankardell.wordpress.com/2015/11/22/a-briefish-history-of-the-web-universe-part-i-the-pre-web/">A Brief(ish) History of the Web Universe</a></li> <li><a href="https://webaim.org/blog/user-agent-string-history/">History of the browser user-agent string</a></li> </ul> </div></section>