Wo wir sind, ist vorne, Folge 21. Heute geht's um selbstverständliche Unselbstverständlichkeiten,
die schöne neue Welt und Opas erzählen vom Krieg.
Herzlich willkommen bei Wo wir sind, ist vorne.
Frontend-Fakten-Frotzeleien.
Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.
Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleur Konstantin Groß.
Herzlich willkommen, liebe Frontend-Fuzzis und Fuzzinen.
Boah, so viel Energie.
Schön.
Ja, ich hab mir gedacht, ich muss meine Sprecher-Skills mal ein bisschen üben, weil ich will ja nicht so neben dir abstinken.
Aber ich weiß, ich kann dir da nicht das Bier reißen.
Ach was, ach was.
An der Stelle.
Du hast während des Intros einmal so ganz undefinierbar irgendwie geschaut.
Irritiert, verängstigt.
Was war los?
Nee, du.
Nee, mir fiel nur gerade auf.
Später zu der Glocke, was später noch kommt, hatte ich noch eine Idee.
Aber vielleicht ist das schon so, wie ich gerade gedacht habe.
So, wollen wir mal die Hörerinnen nicht so weit verwirren.
Ich hab gerade was von Bier gesagt.
Das kommt jetzt noch nicht.
Ich wollte nur noch sagen, Folge 21, wenn WWS-IV ein Teenager wäre in den USA, dann wäre es, nee, falsch, dann wäre es kein Teenager mehr.
Dann dürfte WWS-IV jetzt Alkohol trinken.
Und in diesem Sinn öffne ich mir jetzt wieder mein Augustiner-Bier.
Ich hab heute in der Mangelung eines Bieres auf Weißwein zurückgegriffen.
Heute gibt's Bier aus der Flasche bei mir, oder ich hab beschlossen, ich trinke es aus der Flasche.
Ja, dann.
Das klang jetzt gar nicht so gut, also ich kann auch trotzdem...
Zum Wohl.
Oh, hast du das eigentlich aufgenommen?
Nee, oder?
Wie aufgenommen?
Egal.
Ach so, nee, das war mein Weinglas.
Okay, also USA, Alkohol abgehakt.
Dann, ja, warte mal, ich muss noch einen Schluck trinken.
Und dann können wir eigentlich schon direkt zum ersten...
Können wir direkt starten.
Ja, können wir direkt starten.
Also, du darfst drücken.
WWS-IV präsentiert die Retrospektive.
Die Retrospektive, ich darf den Anfang machen.
Ich hab letztes Mal über WIT berichtet und meine ersten Erfahrungen damit.
Und hat es da am Rande auch über Testintegration und dass sie noch nicht so ganz gut integriert ist.
Und da war mir eine Library, der Name war mir nicht eingefallen, Jest.
Jest, bekanntes JavaScript-Testing-Framework.
Nur so zum Nachreichen.
Und ich bin dann aber beim ein bisschen Recherchieren und weiter damit arbeiten, wo ich weiterhin sagen muss, bin ich sehr begeistert von WIT.
Bin ich auf Cypress gestoßen.
Sagt dir das was?
Cypress Hill?
Nein.
Nein, Cypress.io.
Und das hab ich einfach als zusätzliches Package installiert in das Projekt.
Wie gesagt, ist nicht wirklich integriert, aber ich nehm einfach den Dev-Server als Adresse für die Tests.
Und damit läuft das Ganze eigentlich ganz gut.
Cypress ist an sich kostenlos und open source.
Es gibt da auch so ein Pay-Service, wo man dann so ein Dashboard hat.
Ähnlich wie man das von so Continuous Integration CI-Anbietern kennt, wo man einfach alle Tests mal rückverfolgen kann und Screenshots dazu hat und die Testberichte und so weiter.
Ich möchte jetzt aufs Thema Testen gar nicht mal so tief eingehen.
Es gibt nämlich von unseren Kollegen von der Konkurrenz in Anführungsstrichen von Working Draft eine Folge dazu, die ich verlinken werde in den Shownotes.
Und das war also zufällig.
Ich bin auf Cypress gestoßen und hab dann irgendwie ein paar Tage später einen Tweet gesehen von einem von den Jungs von Working Draft, die auf die Folge nochmal aufmerksam gemacht haben, die schon von Mitte Januar ist.
Und hab da dann auch mal reingehört, ist ganz interessant, wer da ein bisschen tiefer einsteigen will, so Testing-Pyramide mit Unit-Tests, Integration-Tests und End-to-End-Tests, wo eben Cypress dann zum Zuge kommt, der kann in diese Folge mal reinhören.
Und ich hatte vorher zum Testen mit Selenium schon gearbeitet, das ist vielleicht auch ein Begriff für einige, und das hat immer wieder Probleme gemacht, dass dann irgendwie dieser Selenium-Webdriver dann veraltet war und dann das irgendwie auf einem anderen System dann nicht richtig lief.
Und keine Ahnung, also Cypress scheint mir das viel stabiler und intuitiver zu sein als Selenium.
Und ja, vielleicht ganz kurz umreißen, was das macht.
Also man schreibt die Tests mit Mocha als Testing-Framework, was ja auch eines der bekanntesten ist, und mit Chai als Assertion-Library.
Also Assertion-Library vielleicht für die Leute, die mit dem Begriff nichts anfangen können, dass ich eben so Sachen mache wie, wenn ich da draufklicke, dann soll der Zustand so und so sein.
Oder das Element soll die und die Klasse haben. Oder der Wert soll größer oder kleiner als sein. Genau, das ist damit gemeint.
Das heißt, es ist an sich opinionated, das heißt, es gibt einiges vor, finde ich aber mit Mocha und Chai also keine falsche Wahl, weil das einfach sehr weit verbreitet ist beim Testen.
Und man kann wohl auch andere Libraries einbinden und so weiter, das geht schon zu konfigurieren.
Aber ich finde, es ist gar nicht nötig, es ist sehr an die englische Sprache angelehnt, von der Art und Weise, wie man die Tests schreibt.
Also should, do, das und das oder eben nicht. Das ist eigentlich recht klar verständlich, also man kann die Tests als Mensch gut lesen und so soll es ja eigentlich auch sein.
Und man kann das einmal eben laufen lassen im Zuge seines Builds, dass man zuerst die Tests laufen lässt, bevor man das Ganze irgendwie published oder eben halt an die CI-Kette weitergibt.
Und man kann das aber auch direkt aufrufen als Tool, dann öffnet sich so ein Chromium-basiertes Fenster, wo ich dann die einzelnen Testfiles aufrufen kann und dann sehe ich da Schritt für Schritt, was da gemacht wird.
Und das ist ziemlich cool. Ich kann da auch dann drüber hovern, über die einzelnen Schritte und sehe dann rechts in einem iFrame wirklich die Tests.
Zielseite. Und da wummelt das dann so hin und her. Also ich habe eine kleine Animation, Before und After.
Wenn da ein Element hinzugekommen ist oder ein Menü sich aufgeklappt hat, dann sehe ich wirklich diesen Schritt vor und zurück. Also das ist ganz cool.
Es speichert sogar ein Video davon. Und Screenshots kann ich damit machen in meinen Tests. Also zu sagen, mach an der Stelle einen Screenshot.
Also es ist echt eine runde Sache und ja, es macht fast schon Spaß, Tests zu schreiben. Also ich bin noch nicht, ich habe es noch nicht so exzessiv genutzt. Also es ist wohl schon so, dass man nach einer Weile dann auch an diverse Ecken und Kanten stößt und dann vielleicht doch nicht mehr so Lust drauf hat.
Aber so im Vergleich zu dem, was ich bisher zum Testen geschrieben habe, ist das echt, ja, eine schöne Sache.
Ich muss da mal nachfragen kurz, was für eine Art Tests sind das denn an ML? Sind das so eine Art Ende-zu-Ende-Tests?
Genau, also Cypress ist eine Ende-zu-Ende-Testsuite, wenn man das so will.
Das heißt, simulierst auch User-Inputs und sowas.
Genau, also ich kann damit wirklich Frontend und Backend abdecken. Ich kann aber auch das Backend mocken. Also ich schreibe mir dann einen Mock-Provider und sage, das Backend interessiert mich da jetzt gerade nicht mehr, geht es jetzt wirklich nur um die User-Interaktion.
Und man kann wohl sogar auch Unit-Tests damit schreiben. Also wenn ich halt einfach nicht eine Seite aufrufe, dann kann ich da auch Zustände erzeugen, wenn ich das so, aber da bin ich jetzt, bin ich nicht tief genug drin.
Aber im Endeffekt ist die Frage, brauche ich denn, also da werde ich jetzt wahrscheinlich gesteinigt von einigen, aber brauche ich die Unit-Tests noch, wenn ich Ende-zu-Ende sichergestellt habe, dass alles passt?
Aber nee, ich mache das schon zusätzlich. Also ich habe immer noch eine Library für Unit-Tests, weil ich jetzt noch nicht weiß, ob man das so eins zu eins umziehen kann auf Cypress.
Und im nächsten Schritt eben dann die End-zu-Ende-Tests, dass auch wirklich mit Menüs und sowas alles aufgeht und klappt und klickt und ja, ist spaßig.
Also ich steinige dich nicht an der Stelle. Ich habe diese Diskussion auch schon öfter gehabt und bin auch der Meinung, wenn du gute Ende-zu-Ende-Tests hast, dann weiß ich nicht, dann sage ich mal so, dann sollte man sich bei den Units auf die Units beschränken, die sich gut Unit-testen lassen und den Rest den Ende-zu-Ende-Tests überlassen.
Aber ich denke, wir lassen uns einfach jetzt gemeinsam steinigen von den Test-Driven-Development-Leuten, die sagen, das geht ja gar nicht. Ihr dürft es in die Kommentare schreiben.
Ja, wobei ich sagen muss, also der Test-Driven-Ansatz, der ist ja auch nicht verkehrt. Also ich habe das jetzt gerade erst letztens wieder, genau bei diesem Projekt, wo ich jetzt auch eben Cypress zum ersten Mal da reingeschnuppert habe, hatte ich das auch wieder, dass ich dann mir ein Test-Case geschrieben habe, so möchte ich es haben.
Und da war natürlich rot, weil ich hatte es noch nicht implementiert und ich habe es dann einfach so lange am Code gebastelt, bis es dann grün geworden ist. Und das ist ein schönes Gefühl. Ich weiß ganz genau vorher, was ich will und ich arbeite so lange, bis es exakt genau so ist.
Ich bin neidisch, du weißt vorher, was du willst.
Noch mal ganz kurz runtergebrochen, für die Leute, die jetzt nicht genau wissen, wovon wir reden. Also in dem Fall Ende-zu-Ende-Tests ist, ich versuche, einen Test zu schreiben, der User-Input im Browser versucht zu emulieren, um zu schauen, ob ein bestimmtes Ergebnis dabei rauskommt.
Und also, ich hover über irgendein Element, klappt dann irgendwas auf, ich klicke irgendwo drauf, ich mache irgendeine Eingabe und dann wird erwartet, dass die Seite sich in einer bestimmten Art verhält und das wird dann eben abgetestet, um zu schauen, automatisiert, ob man irgendwas kaputt gemacht hat.
Genau. Aber auch so Sachen wie Registrierung, also neuen Benutzer registrieren und dann kann ich da auch automatisiert E-Mail-Adressen generieren lassen, zum Beispiel zufällige Benutzernamen, die dann eingetragen werden.
Und dann schaue ich, klappt eine Registrierung, bekomme ich danach die Seite angezeigt, herzlichen Glückwunsch, du bist jetzt registriert, klappt der Login und so weiter. Das heißt, ich kann auch das Backend direkt mittesten.
Ja, cool.
Deswegen Ende-zu-Ende.
Also, ich habe nur gemerkt, was man bei diesen, nee, noch nicht ganz, weil was man bei diesen Test-Frameworks oder in dieser Test-Welt oft hat, ist so eine, wie soll ich sagen, Test-Tool-Schlacht. Weil du hast jetzt, glaube ich, vier verschiedene Sachen erwähnt. Irgendwie, was war es? Jest, Mocha und Chai.
Gut, aber das ist ja generell in unserer Branche so, wenn du mit Wörtern um dich wirfst.
Aber alleine, ich hätte jetzt angenommen, dass es vielleicht so ist, wenn du jetzt irgendwie Tests schreiben willst, Ende-zu-Ende-Tests, dass du da ein Tool hast. Aber das waren jetzt gleich irgendwie mindestens zwei oder drei.
Für Ende-zu-Ende, da nutzt du einfach Cypress. Und Cypress basiert halt beim Schreiben der Tests auf Mocha und Chai.
Ja, sage ich ja.
Ja, aber das ist, ja gut, hätten die jetzt nochmal was Eigenes schreiben sollen, wo man sich dann einarbeiten muss, macht ja keinen Sinn. Also, du brauchst ja eine Sprache, in Anführungsstrichen, mit der du die Tests schreibst.
Und wenn es da schon was Etabliertes gibt, warum nicht darauf setzen? Also, ich glaube, wer sich mit Tests beschäftigt hat im JavaScript-Bereich, der ist um Mocha und Chai wahrscheinlich auch nicht rumgekommen. Deswegen dürfte das vielen bekannt sein.
Ich habe mich nur ein bisschen damit beschäftigt und ich bin noch ganz Oldschooler, aber ich habe auch schon länger keinen JavaScript-Test mehr geschrieben. Das war dann meistens Jazzmine. Das ist so wahrscheinlich so der alte Recke im JavaScript-Test-Bereich.
Aber wie ich jetzt gerade gelernt habe, benutzen die coolen jungen Kids das gar nicht mehr.
Tja, das ist interessant. Das geht auch schon so in Richtung unser Thema. Viel mit die jungen, coolen Kids und dass wir was für Neulinge wiederholen und so. Ja, kommen wir nachher.
Wer wer ist, haben wir ja jetzt schon festgestellt.
So, ja, damit wäre mein Punkt schon fertig.
Ja, ich bin schlecht gelaunt, wollte ich sagen.
Oh, schon wieder?
Ja, schon wieder. Aber heute beleidige ich niemanden und vielleicht rüpse ich auch nicht.
Nee, ich habe, ich habe, heute Abend merkte ich so, oh, ich bin irgendwie schlecht gelaunt und dann habe ich so überlegt, warum eigentlich?
Weil gestern war alles super und heute Morgen war auch noch alles super. Was, was war der Moment?
Was geschah?
Was geschah, genau. Und dann bin ich so zeitlich zurück und zurück und zurück und dachte so, ach stimmt, ich habe heute meinen Computer schon angeschrien.
Und das mache ich nicht mehr oft. Und meine Nachbarn haben wahrscheinlich gedacht, oh Gott, was ist da los?
Die arme Freundin.
Du Scheißteil.
Scheißteil, das, das, da machen wir jetzt einen Querverlink auf das Geilteil heute von Scheißteil.
Vielleicht, vielleicht erinnere ich mich später noch dran, dass wir, das war über Scheißteil, erinnere mich nochmal dran, dass wir das Wort Scheißteil benutzt haben.
Naja, und ich gehe so zurück in der Zeit und denke so, ach stimmt, das war, als ich den Computer angeschrien habe. Und dann dachte ich so, ah, was war denn da eigentlich? Ach ja, Git.
Und ich muss sagen, für mich, ich weiß, es gibt Leute, die Git atmen und leben und in- und auswendig können und ganz wild alle möglichen Sachen machen und die das wirklich gut können und ich beneide diese Leute auch.
Für mich, ich habe das heute einem Kollegen auch schon so gesagt und der hat dann mir einen erschrockenen Emoji zurückgeschickt. Für mich ist Git so ein notwendiges Übel.
Man muss irgendwie Versionsverwaltung machen und das hat ja auch sehr viele Vorteile, aber es gibt, finde ich, so gerade für so Grenzfälle, die manchmal selten auftreten, irgendwie kein Git-Interface, das irgendwie, oder kein, gut, Kommandozeile kann man natürlich alles machen, aber auch die ist nicht immer so aufschlussreich.
Und es gibt kein Interface, das in so Randfällen einen dann wirklich gut abholt und sagt, hey, du, jetzt hier ist gerade das passiert, wir müssen jetzt mal irgendwie das und das machen und zwar deswegen.
Es gibt vor allem auch keine wirklich, also zumindest für mich, gut verständliche Anleitung bei manchen Fällen. Also ich habe schon so oft mir einen Branch irgendwie kaputt gemacht oder wenn ich versucht habe, irgendwo in einem Open-Source-Projekt was beizusteuern, mit dem, na, wie heißt's, mehrere Commits zusammenfassen.
Ja, ich weiß, was du meinst. Squashen.
Squashen, danke schön. Da habe ich schon so oft was kaputt gemacht, weil ich es einfach nicht kann und ich habe schon mir dann echt zig verschiedene Anleitungen durchgelesen und ich bin hinterher immer noch nicht schlau.
Ja, also bei mir war es folgendes und das, ähm, das, das passiert mir so, ähm, weiß ich nicht einmal im halben Jahr, dass ich einen Branch habe und da versuche, den Master reinzukriegen.
Und es gibt dann Leute, die sagen, ja, da muss man unbedingt rebasen, merchen ist böse, damit irgendwie der Graf am Ende noch schön aussieht, also mache ich fein rebase.
Und was passiert dann? Und ich kann mir das nicht so richtig erklären. Vielleicht kann mir ja jemand von den HörerInnen, ähm, sagen, was da, was da, was ich falsch mache.
Weil ich, ich denke, irgendwas mache ich falsch, äh, an der Stelle. Und zwar passiert dann folgendes. Ähm, ich mache ein Rebase auf den Master von meinem Branch aus, oder Main. Ähm, und dann habe ich plötzlich, also ich habe einen Konflikt, der echt ist.
Also tatsächlich, es gibt ein Pfeil, äh, wo es wirklich einen echten Konflikt gibt. Und dann zieht das eine, äh, eine Schlacht von weiteren Konflikten hinter sich her an lauter Pfeils, die ich nicht angefasst habe.
Plötzlich habe ich das Gefühl, dass jeder einzelne, also ja, das geht ja dann die einzelnen Commits durch, aber ich habe dann plötzlich angebliche Konflikte in Files, die ich nie angefasst habe, was aus meiner Sicht nicht sein kann.
Aha, aber gut, du siehst ja dann, ähm, die, die, diese Einschübe. Ist da dann da auch was drin, was, was irgendwie sich verändert hat?
Ja, das sind die Changes, die ganz regulären Changes, die gemacht wurden, aber in anderen Commits, die mit meinem Branch eigentlich nichts zu tun haben.
Puch.
Und die werden mir als Konflikte angezeigt, so von wegen, ja, hier ist da, das, welche Version soll ich denn nehmen, weißt du? Und das, das Beste ist, dann sage ich, okay, gut, ich spiele dieses Spiel jetzt mit.
Ähm, ich, ich gucke jetzt, ich nehme immer das, das Neuere davon, so. Ja, also ich, ich versuche da einfach mal mitzumachen. Ich nehme immer das Neuere, auch wenn ich weiß, dass ich da gar nichts gemacht habe, ich nehme immer das Neuere.
Und dann kommt der nächste Commit und dann fängt das Ganze wieder von vorne an. Und jetzt pass mal auf, wenn, wenn jetzt dein, äh, wenn jetzt dein, äh, Master Branch und, äh, dein Master und dein Branch, mit dem du arbeitest,
ähm, was jetzt gerade heute der Fall war, äh, 60 Commits auseinander liegen. Ja, äh, weil gerade viel entwickelt wird an diesem Projekt, wo wir dran sind.
Dann, dann bist du im Prinzip Stunden damit beschäftigt, irgendwie diese ganzen, äh, Commits durchzuwinken. Also das hat mich echt wahnsinnig gemacht. Das Ergebnis war am Ende, wenn wir jetzt gerade noch in der Git-Welt bleiben, äh, ich habe am Ende, weil, weil ich nur drei kleine Changes hatte.
Ich habe die Commits, in denen die Changes drin waren, gecherrypickt auf einen neuen Branch, der dann auf dem aktuellen Master basierte. Und dann war die Sache für mich erledigt. Aber das war extrem unbefriedigend. Ich konnte, der Branch war aus meiner Sicht irgendwann in einem Zustand, da war er nicht mehr zu retten. Ich musste ihn löschen.
Also ich bin froh, dass es nicht nur mir so geht. Also ich habe mich, was Git, äh, angeht, echt schon, echt idiotisch gefühlt, ja. Ähm, bin ich froh, dass ich da nicht alleine bin. Und es gibt auch diverse Memes zu Git und so von wegen, ja, ich weiß auch nicht, was das tut, aber wenn ich das eingebe, dann funktioniert's und so. Ähm, vielleicht, äh, fühlt sich ja jemand als, äh, der Git-Gott berufen.
Der Git-Gott.
Und, äh, vielleicht können wir mal jemanden einladen bei uns in die Sendung, der sich mit Git auskennt und dann löchern wir den mit Fragen. Und der soll uns dann Git mal so richtig erklären.
Und danach schreiben wir das Buch, der Git-Gott.
Der Git-Gott.
Der, der Git-Gott.
Das wär's doch. Also lieber Git-Gott, melde dich bei uns.
Lieber Git-Gott, melde dich, genau. Ähm, also, ja, äh, ich weiß, es gibt Leute, denen, denen, äh, fällt es sehr, sehr leicht, die ganze Git-Geschichte. Ich komme immer wieder an so Punkte, wo ich tatsächlich dann einen Branch wegwerfen muss.
Ähm, ja, äh, jetzt geht's mir ein bisschen besser, jetzt hab ich's mir von der Seele geredet, denn, also, dass man, also, dass man, also,
wenn man so von Git so einmal so richtig schön durchgenommen wird, ähm, in, in das weniger bevorzugte, egal, ähm, das ist nicht so schön, ähm, ich, ich kenn das, ihr kennt das bestimmt auch und, äh, damit will ich das jetzt auch abschließen.
Also, du bist nicht allein.
Jetzt, äh, jetzt bin ich wieder gut gelaunt, so, zack, bumm, äh, Listenpunkt abgehakt, jetzt, äh, dürfen wir über andere Sachen reden.
Ja, ich hab, äh, wie gesagt, ein, ein Projekt auf WIT-Basis, äh, ja, schon letzte Woche angesprochen, äh, letztes Mal angesprochen und, äh, damit weitergebastelt.
Ja, und ich bin dabei gleich dann auch auf Vue 3 umgestiegen, das ja jetzt in, in, äh, Version 3.0.5 existiert, also noch nicht, nicht so lange, äh, für die Allgemeinheit verfügbar und da gibt es ja die Composition API im Vergleich zu dem, wie man's bisher gemacht hat mit dem Funktionalen, ähm, das möchte ich jetzt aber gar nicht, also, da, da könnte man wirklich mal eine eigene Sendung draus machen, das geht viel zu sehr in die Tiefe, vor allem, wenn man sich mit, mit Vue gar nicht auskennt.
Aber ich hab bei dem Projekt, wie gesagt, viel, viel Neues auf einmal gemacht, also erstmal da auf WIT gesetzt, äh, dann Vue 3 gleich, dann in Vue 3, äh, diese Composition API genutzt, die man nicht nutzen muss, also die ist on top, die kann man zusätzlich wählen, bietet dabei auch viele Vorteile und dann hab ich dabei gleich einen Bug in Vue gefunden.
Also zuerst mal dachte ich, naja, ich mach irgendwas falsch, das kann ja nicht sein, aber dadurch, dass Vue 3 eben noch relativ neu ist, kann das eben auch sein, dass in so einer viel benutzten Library, äh, eben doch auch mal wirklich selber einen Bug,
mit drin ist, die sind dann natürlich auch nicht davor gefeit, ähm, und hab den dann gemeldet und wurde auch wirklich innerhalb, ich hab versucht ihn dann selber zu fixen, aber, ähm, irgendwann nach, nach 7 Stunden und um 3 Uhr 30 morgens hab ich's dann aufgesteckt und wach am nächsten Morgen auf
und der Bug war gefixt.
Also nicht durch mich, sondern durch jemanden anderen
von dem Team gleich dort direkt.
Fand ich also erstaunlich, dass das tatsächlich so schnell ging.
Und ja, dieses selber fixen wollen,
ich hab dabei wieder viel gelernt selber
und ich fand es aber ein bisschen,
diesen Einstieg in so einer großen Library was beizutragen,
das fand ich gar nicht so einfach.
Auch als ja jetzt technisch nicht komplett unversierter Mensch,
der ja auch schon das eine oder andere Open-Source-Projekt
mit dazu beigetragen hat,
fand ich das bei Vue echt so.
Also es gibt schon so eine Contribution.md-Datei,
wo dann so ein paar Sachen drinstehen,
aber nicht so wirklich, so jetzt für Komplettanfänger auch,
wo dann da steht, mach das so und so, so gehst du vor.
Also du hast hier dein Dummy-Projekt,
wo du den Fehler gefunden hast
oder von mir aus so ein Reproducible-Minimalistic-Example-Code
und was mache ich denn jetzt, um da jetzt dran zu entwickeln?
Und die Entwicklungsversion von Vue zu haben und wirklich das ändern zu können,
dann von mir aus automatisiert kompilieren zu lassen oder auch manuell
und dann diese Bugfix-Version zu nutzen.
Und ich habe das auch noch nicht so oft gemacht.
Ich habe dann meistens halt den Source-Code irgendwie direkt reingeladen
und damit gearbeitet.
Aber das ist bei Vue, das ist halt schon ein relativ großes Projekt,
also auch Mono-Repo mit ganz vielen Bausteinen, die da drin sind.
Und dabei bin ich gestoßen, was ich vorher noch nicht kannte,
weil ich es bisher einfach nicht gebraucht habe,
auf Jan-Link oder NPM-Link gibt es auch als Command.
Kennst du das? Sag dir das was?
Nee, kenn ich nicht.
Also du kannst damit ein Package reinlinken in ein bestehendes Projekt,
so als wäre das tatsächlich über NPM einfach installiert,
aber es nutzt dann deine lokale Entwicklungsversion.
Und das läuft so ab, du gehst in das Package, das du bearbeiten willst,
in die Idee-Version, hast ausgecheckt über GitHub zum Beispiel,
also über Git, darin führst du einmal Jan-Link aus,
dann erstellt er einen Sym-Link und wenn du dann in das Projekt reingehst
oder in dein Demo, in deinen Baukasten-Dings,
wo du den Bug nachvollziehen und fixen willst,
gibst du auch nochmal Jan-Link und dann den Package-Namen ein
und dann zieht er sich das Package eben von deiner lokalen Entwicklungsinstanz.
Und gut, in dem Fall war dann mit dem Kompilieren und so,
weil ich das tatsächlich mit der kompilierten Version auch testen wollte,
das war dann noch nicht ganz einfach.
Also ich finde so große Projekte,
die müssten einen so ein bisschen mehr an der Hand nehmen,
weil warum sollte nicht jemand,
der technisch noch nicht so tief drin ist,
nicht trotzdem was Positives beizutragen haben?
Also warum geht man immer davon aus,
naja, in der Library wie View,
da fixen ja sowieso nur die Hardcore-Leute,
die sowas ständig machen, ja.
Warum nicht auch die Anfänger an die Hand nehmen
und wenn es nur irgendwas ist, die Doku verbessern
oder ja, irgendwelche Offensichtlichkeiten,
die zwar schnell gefixt sind,
aber so als First Issue, was man angehen kann,
ist doch ein gutes Gefühl, auch gerade für Neulinge,
ich habe an einer großen Library wie View was gefixt.
Ja, das ist mir einfach so aufgefallen,
also dass man da nicht so,
es gibt oft keine wirkliche Anleitung,
wie, wie entwickle ich denn jetzt was,
wie trage ich denn was dazu bei?
Ja, das ist tatsächlich,
habe ich auch schon festgestellt,
von Projekt, Open-Source-Projekt zu Open-Source-Projekt
sehr unterschiedlich,
aber oftmals gar nicht so einfach.
Also, dass du auch vielleicht mal,
also ich weiß gar nicht mehr, was das genau war,
da war dann irgendwie so ein mehrseitiges Dokument,
was hieß, das musst du lesen,
bevor du überhaupt nur auf die Idee kommst,
das auszuchecken und irgendwas zu contributen.
Lease erst mal das hier alles.
Und ich kann es auch irgendwie nachvollziehen,
weil es gibt natürlich in jedem Projekt eine Menge Regeln
oder irgendwie Styleguide und keine Ahnung,
was man irgendwie einhalten soll.
Kann ich verstehen,
wenn man irgendwie so ein Projekt sauber halten will,
aber es erhöht natürlich die Hürde,
ungemein mal was eben zu contributen.
Aber ich meine,
man muss sich natürlich überlegen,
wenn jetzt jemand gewisse Qualitätsstandards
eingehalten haben will,
ist das wahrscheinlich tatsächlich auch leider notwendig.
Ja, natürlich, auf jeden Fall.
Eine Sache ist auch zum Beispiel Unit-Tests.
Ja, wenn das Projekt eben auf Unit-Tests setzt,
dann wird ja auch immer verlangt,
wenn du einen Pull-Request machst,
weil du was gefixt hast
oder ein Feature hinzugefügt hast,
dass du einen entsprechenden Unit-Test dazufügst.
Und das ist einfach,
also ich weiß nicht,
wie hoch der Anteil an Entwicklern ist,
die aber mit Testing noch nie so viel gemacht haben.
Also generell natürlich zu sagen,
ja, den Bereich sollte man auf jeden Fall nicht vergessen
und sich das auch anschauen.
Aber gerade wenn man auch relativ am Anfang ist,
vielleicht hat man was Gutes beizutragen.
Und ich habe schon so oft gesehen,
dann Pull-Requests,
wo dann hieß,
ja, Merchantware nicht,
ohne dass es dazu einen Test-Case gibt.
Und da sollte es dann halt auch vielleicht,
aber klar,
ich meine, Open-Source ist Open-Source
und niemand kann einem vorschreiben,
wie viel Zeit man zu investieren hat
und was man zu tun hat.
So ist es nun mal.
Aber da wäre natürlich wünschenswert,
dass dann erfahrenere Leute sagen,
okay,
kannst du denn selber einen Unit-Test schreiben
und wenn nicht,
dann übernehme ich das für dich.
Weil da kommen vielleicht viele sinnvolle Beiträge,
die dann aber irgendwie dann,
ja,
Jahre lang später noch offen sind
und nicht gemerged sind
oder vielleicht irgendwann als Stale markiert
und gelöscht werden,
weil es einfach keinen Unit-Test dafür gibt.
Also, ja.
Ja, so,
ich muss noch kurz abschweifen.
Ich war nämlich jetzt,
als du über Vue erzählt hast,
bin ich nochmal auf die Vue.js-Seite
und ich weiß nicht,
ich bin heute sehr,
oder die ganze Woche eigentlich schon sehr schnell abgelenkt
irgendwie so von Details
und ich scrolle die Seite so runter
und denke so,
ah, Patreon-Sponsors
und dann bleibe ich hängen bei HTML-Burger.
Da ist mir gerade,
ich habe ihn auch drauf
und als erstes ist mir das ins Auge gestochen.
Ja, irgendwie, gell, ne?
Und ich habe draufgeklickt
und dann habe ich gesehen,
aha, das System,
das kenne ich noch von früher.
Also, das ist wohl eine Agentur,
die Designs umsetzt in Code.
Also, man schickt denen ein Design
und die machen Code draus.
Also, PSD to HTML.
Genau daran habe ich mich erinnert gefühlt.
PSD to HTML gab es mal irgendwie,
vielleicht sind es sogar dieselben,
wer weiß,
aber PSD macht halt keiner mehr.
Deswegen haben sie sich umbenennen müssen.
Das ist echt auch eine ganz witzige Seite irgendwie
und ich kann hier mit dem,
mit dem Peter kann ich chatten,
habe ich hier links unten gesehen.
Ja, ja, habe ich auch.
Ich habe überlegt,
ob ich den mal anschreiben soll.
Hallo, Peter.
Was machst du denn noch hier
Freitagabend um halb zehn?
Ja, aber halt auf Deutsch, ne?
Hier, welcome to live chat,
Peter, support agent.
May I help you with something?
Ja, Peter, was machst du denn heute so?
Was machst du denn heute noch?
Erklär mir mal, geht.
Nein, also ja, ich fand es witzig gemacht.
Er witzig gemacht.
Es ist eine hübsche Seite.
Ich habe jetzt Lust auf Burger.
Tatsächlich.
Ich tatsächlich nicht,
aber das liegt daran,
dass ich gerade eben schon einen hatte.
Und ich habe ihn sogar nicht ganz geschafft.
Und naja, ich weiß gar nicht.
Ich erzähle dir später mal noch,
was das für ein Burger war.
Der ist nämlich sehr speziell gewesen.
Alles klar.
Vielleicht traue ich mich später,
das noch zu erzählen.
Okay, nächster Punkt.
Ja, gerne.
Gut, so.
Wir haben ja beide schon
in vergangenen Sendungen
immer mal wieder über Internetprobleme gesprochen.
Ist da bei dir jetzt eigentlich alles in Ordnung?
Aktuell ist es ruhig, ja.
Also ich habe ja,
wir haben ja letztes Mal festgestellt,
dass Speedtests unglücklich machen.
Das ist jetzt ein bisschen besser geworden bei mir.
Ich bin nicht mehr ganz so unglücklich
mit den Speedtests,
aber der Upload ist immer noch
ein bisschen komisch, flaky,
ab und zu sehr langsam.
Keine Ahnung warum.
Jetzt gerade die Tage
hatte ich auch mit Jitsi viele Probleme.
Also irgendwie viele Late Packages.
Ich habe dann übrigens eine sehr geile Seite,
ich weiß nicht,
ob wir es schon mal erwähnt haben,
PacketLossTest.com,
wo man so ein bisschen
neben dem Speed halt auch mal testen kann,
wie zuverlässig gehen denn Datenpakete durch
und wie kommen die denn an
und sind die schnell
oder sind die langsam und so weiter.
Das ist also eigentlich immer ganz gut
und ich hatte sehr, sehr viele Late Packages.
Warum auch immer.
Und wie ich so bin,
ich nerve ja die ganze Zeit
dann schon Vodafone immer.
Also ich nerve die ja immer wieder
und sage,
ey Leute, was ist denn jetzt eigentlich?
Und dann habe ich ja letztes Mal,
glaube ich, berichtet,
dass die mir gesagt haben,
ja, wir wissen,
dass wir ein Problem haben
und wir werden es irgendwann beheben,
aber es kann sein,
dass es mehrere Monate dauert
und wir wissen es nicht genau.
So, und das war der letzte Stand, glaube ich.
Und dann habe ich gesagt,
naja,
habe ich denen halt geantwortet,
ich habe gesagt,
naja,
ihr wisst,
dass ihr euren Vertrag nicht erfüllt,
ihr wisst auch,
dass ihr ihn wahrscheinlich
mehrere Monate nicht erfüllen werdet,
aber ich soll den vollen Preis bezahlen.
Warum?
Oder mehr,
ich versuche ja dann irgendwie
so ein bisschen politisch zu fragen,
wie gedenkt ihr denn,
das auszugleichen?
Und dann kamen mehrfache Antworten mit,
ja,
ist denn diese Anfrage noch aktuell?
Ich weiß nicht,
ob ich das noch erzählt habe,
also echt so kam zurück,
weißt du,
nach einer halben Woche kommt,
ist diese Anfrage noch aktuell,
weil wir haben gerade sehr viel Aufkommen.
Ja,
schreibe ich einfach nur zurück,
ja,
ist noch aktuell.
Und dann,
noch mal mehrere Tage später,
kam dann,
ja,
wir haben jetzt deinen Preis reduziert
für ein Jahr.
Egal,
ob vorher das Problem behoben ist oder nicht.
Also es sind jetzt
acht Euro weniger im Monat.
Okay,
immerhin.
Für ein Jahr.
Und das finde ich jetzt tatsächlich,
also für das,
für das,
wo mir jetzt Upload fehlt,
finde ich das tatsächlich momentan fair,
muss ich sagen.
Aber wieso,
wieso muss man denn,
wieso muss man denn so quengeln dafür?
Das verstehe ich nicht.
Naja,
weil viele Leute,
glaube ich,
nicht quengeln.
Und weil die,
wenn die freiwillig sagen würden,
jeder Kunde,
der gerade Probleme hat,
der kriegt für ein Jahr
acht Euro weniger,
muss er nur zahlen,
dann machen die einen riesen Verlust.
Also in anderen Branchen
ist da der Gesetzgeber krasser drauf.
Also stell dir mal vor,
stell dir mal vor,
es ist jetzt irgendwas
an einem Auto,
dann gibt es gesetzliche Regelungen,
da muss das,
in dieser Frist,
muss es zurückgerufen
und repariert werden.
Da gibt es keine Diskussion.
Das ist zwar dann teuer,
aber das muss gemacht werden.
Wieso können die,
wieso kann den Internet Service Provider
einfach mal gucken,
was passiert?
Also wir liefern zwar,
wir brechen zwar quasi monatelang
unseren Vertrag,
aber wir gucken mal,
was passiert.
Vielleicht sagt ja keiner was.
Was ist denn das für eine Art?
Ja,
wir haben die teureren Anwälte,
so nach dem Motto.
Tja,
vielleicht das,
ja.
Ja,
ja,
aber das ist doch,
das ist doch kein,
das ist doch niemand,
mit dem ich gerne einen Vertrag habe.
Ich möchte doch eigentlich.
Nee,
Telekommunikationsanbieter generell nicht,
nee.
Ja,
aber.
Ich weiß auch nicht,
warum die,
also das ist irgendwie so.
Warum muss das denn so sein?
Ist dieser Markt so umkämpft?
Ist das so wie,
ist das so wie bei,
wie bei großen Kreuzfahrtschiffen
und,
und Frachtschiffen,
die sagen,
ja,
wir müssen mit Schweröl fahren,
weil die Konkurrenz fährt auch mit Schweröl
und ansonsten,
sind wir nicht mehr konkurrenzfähig.
Das ist so ein Argument.
Warum die,
warum die mit so,
warum die mit so krassen,
warum die so unfassbare Luftverpester sind,
also nicht nur CO2,
sondern halt auch irgendwie
alle mögliche andere Dreck,
weil das Argument ist,
die anderen machen das ja auch.
Und,
äh,
das kann es ja nicht sein.
Die anderen machen das auch.
Also,
ich meine,
dann müsste ja in diesem Markt,
also ich wäre bereit,
deutlich mehr zu bezahlen,
wenn ich einen Vertragspartner habe,
der sich nicht verhält wie ein Arschloch.
die ganze Zeit.
Das Ding ist,
glaube ich,
auch bei Telekommunikationsanbietern,
äh,
wenn das wirklich was an der Leitung ist,
am Kabel,
und nicht mal eben nur in dem Verteilkasten
an der Straßenecke,
was umgesteckt werden muss,
dann ist das mit ziemlich viel Aufwand verbunden.
Arbeitsmäßig und entsprechend kostenmäßig.
also eine Straße aufgraben und da irgendwas fixen,
ähm,
das wird sehr teuer,
sehr schnell,
ja,
deswegen drücken die sich da drum.
Ja,
dann darf ich aber keinen Vertrag anbieten,
den ich nicht erfüllen kann.
Dann,
dann muss ich halt sagen,
sorry,
äh,
bei dir gibt's halt kein Gigabit.
Oder,
sorry,
bei dir ist der Upload halt so.
Und die Probleme sind,
glaube ich,
bei dir erst so im letzten Dreivierteljahr,
Jahr aufgetreten, oder?
Seit,
seit Unity Media zu Vodafone wurde.
Genau,
Schlag ab dem Tag,
wo ich den neuen Vertrag gemacht hab mit Vodafone,
ist genau das passiert.
Weil ich weiß,
dass es gerade um Karlsruhe rum,
äh,
viel Probleme gibt mit,
mit Netzabdeckung,
und gerade mit,
mit,
mit Vodafone,
mit Kabel-Internet.
Und dass da viele Ortschaften,
gerade je ländlicher es wird,
ist ja eh immer schwieriger mit der Anbindung,
dass da auch viele Proteste gibt
und dass da viel,
gerade, ähm,
einfach zusammenbricht
durch das viele Homeoffice und so.
Also das konnten die einfach nicht einkalkulieren.
Ich will die jetzt gar nicht in Schutz nehmen,
ja,
also ich bin da selber ein gebranntes Kind,
was das angeht,
aber das ist halt einfach,
ähm,
aktuell ist das überlastet
und die können das nicht leisten,
was sie versprechen.
Ja,
das ist ja okay.
Das ist ja alles okay,
aber das heißt,
das ist ja kein Grund zum Arschloch zu werden.
Dann kann ich ja sagen,
hey,
Kunden,
wir wissen,
dass wir überlastet sind,
wir wissen,
dass das gerade nicht so läuft,
ähm,
wir erlassen euch einen Preis
oder wir machen euch ein Angebot
oder irgendwas,
ja,
kann man,
wenn man kein Arschloch ist,
dann kann man das machen.
Ja,
dann kann man,
äh,
dann kann man ja auch,
ähm,
wie soll ich sagen,
nicht erst drauf warten,
dass die Kunden das selbst merken,
dass da was nicht stimmt,
sondern auch proaktiv sagen,
hey Leute,
wir haben gerade ein Problem
und das ist unser Angebot,
ähm,
dass ihr bei uns Kunden bleibt,
aber wir geben euch ein außerordentliches Kündigungsrecht,
bla bla bla,
irgendwas.
Das ist so ein bisschen eine Entscheidung,
ja,
wirtschaftlich,
ähm,
lasse ich es einfach drauf ankommen
und rechne ich damit,
dass halt 90 Prozent oder mehr
sich nicht beschweren
und ich damit einfach durchkomme,
dann verdiene ich mehr
oder, äh,
mache ich, äh,
einen auf Nett und Kundenbindung
und,
und präsentiere ich mich als positives,
vertrauenswürdiges Unternehmen.
Dann muss ich halt abwägen,
was,
was bringt mir mehr
und ich denke,
dass viele da einfach nur die Dollarzeichen
im Auge haben.
So traurig das ist.
Ich glaube aber halt,
dass langfristig,
ähm,
ich weiß nicht,
man sollte vielleicht nicht immer nur
das nächste halbe Jahr,
äh,
im Blick haben und die Quartalszahlen,
sondern, ähm,
die langfristige Kundenbindung,
wenn ich gerne irgendwo Kunde bin,
dann verzeihe ich denen ja auch was,
wenn mal was schiefläuft,
wenn ich gut behandelt werde.
So sage ich,
sobald ich eine andere Möglichkeit habe,
die, äh,
die preislich in einer ähnlichen Region ist,
bin ich weg.
Ja?
Tja,
der Markt regelt,
wir kommen im Kapitalismus.
Ja,
genau,
und das passt auch wieder sehr gut
zu meinem Geil-Teil später.
Aha,
okay,
ich bin,
bin schon sehr gespannt.
Ja,
also,
ähm,
mach mal,
seid mal,
seid mal nett,
seid mal gut.
Wenn ihr,
wenn ihr bei Vodafone arbeitet,
ich meine euch natürlich nicht persönlich,
aber dann geht,
geht mal,
geht mal zu eurem Chef,
ähm,
und sagt mal,
ey,
Chef,
wollen wir nicht mal ein bisschen netter sein?
dann wird der wahrscheinlich Nein sagen.
Ich würde einfach gerade sagen,
du weißt,
wie gut das in so großen Unternehmen funktioniert.
Ich habe auf jeden Fall,
weil, ähm,
weil ich ja auch im Homeoffice arbeite
und, ähm,
auf Internet logischerweise
angebieten, äh,
angewiesen bin mit meinem Job
und auch viele Videokonferenzen habe
und so,
habe ich jetzt,
äh,
weil ich mich nicht mehr so richtig
da drauf verlassen will,
mal ein Experiment gemacht.
Ähm,
und zwar habe ich, äh,
in der letzten Woche
mal einen Tag
nicht über meine
normale Internetleitung gearbeitet,
sondern, ähm,
über mein Geschäftshandy
über die Datenleitung.
Komplett.
Ein kompletter Tag
mit Videokonferen...
Und das war ein Tag,
wo viele Videokonferenzen waren.
Ähm,
ein kompletter Tag,
ähm,
über mein Geschäftshandy.
Und, äh,
das ist so vom Datenpaket her
schon, glaube ich,
ganz gut ausgestattet.
Also, das ist, äh,
ich glaube,
ich habe 20 Gigabyte im Monat
oder so.
Das ist schon nicht schlecht.
Ähm,
und ich weiß jetzt gerade nicht auswendig,
welches Netz das ist.
Das ist, äh,
bei uns entweder Vodafone
oder Telefonica.
Eins von beiden,
weiß ich nicht auswendig.
Und das hat erstaunlich gut funktioniert.
Fand ich wirklich,
also ich nutze,
ich nutze mein Geschäftshandy
nicht viel normalerweise,
also auch schon gar nicht
die Datenleitung davon,
weil das liegt bei mir halt
zu Hause für Notfälle.
Ähm,
aber das war echt interessant.
Also,
es hat wirklich,
bis auf kleine Wackler,
äh,
in Jitsi einmal,
ähm,
hat das,
hat das wirklich super funktioniert.
Und ich kann jetzt auch sagen,
an so einem Tag
mit vielen Videokonferenzen,
ähm,
brauche ich so elf Gigabyte an Daten.
Puh,
das ist schon,
schon ordentlich.
Wenn du 20 hast,
äh,
hast du in zwei Tagen durchgebrannt.
Ja gut,
es ist ein Geschäftshandy,
vielleicht kann ich ja auch was nachbuchen,
wer weiß das schon.
Ähm,
ja,
nee,
ich meine,
also,
im Notfall,
das ist ja für den,
genau für so einen Fall da,
für den Notfall,
wenn irgendwie bei mir mal die Datenleitung
irgendwie kaputt ist
und, äh,
dann kann ich das eben
für den Notfall verwenden
und es hat,
wie gesagt,
super funktioniert
und das fand ich echt erstaunlich,
weil ich hätte jetzt gedacht,
naja,
über Funk,
da hat man irgendwie
viel höheren Ping
und vielleicht ist das dann da nicht.
Den hast du auch,
aber das ist tatsächlich nur beim,
beim Zocken.
Da merkst du es dann deutlich.
Aber man,
also ich hatte,
ich hatte glaube ich einen 30er Ping oder so.
Oh,
das ist doch aber gut.
Das ist doch sehr gut.
Und das war,
das war echt,
also ich habe keine,
für eine mobile Leitung.
Ich habe keine wirklichen Einschränkungen bemerkt.
Ich glaube,
ich habe so beim Speedtest so gemessen,
ich hatte so zwischen 50 und 60 Mbit.
Down,
ich weiß gar nicht,
was ich ab hatte,
vielleicht so 7 oder so,
ich weiß es nicht mehr genau,
aber das war echt brauchbar.
Also ich meine,
ich brauche dieses Gigabit
bei mir zu Hause eigentlich.
eigentlich nicht,
die meiste Zeit nicht.
Ich habe es halt,
weil ich,
weil ich einfach gern schnelles Internet habe.
Aber das hat mich echt
aber drüber nachdenken lassen.
Wie ist das denn?
Warum hat man denn überhaupt
noch so eine feste Leitung,
wenn man das meiste irgendwie
eigentlich nur mit Funk machen könnte?
Ich könnte eigentlich
mir so ein Ding hinstellen,
einfach nur an Strom anschließen,
mit einer SIM-Karte drin
und los geht's.
Wenn es dafür vernünftige
Flatrates gäbe.
Das ist ja generell das Problem,
also da könnte man auch
eine Sendung mitfüllen,
dass da Deutschland
total hinten ansteht.
Also was du zum Beispiel
in Großbritannien
oder in Skandinavien
für Verträge bekommst,
wirklich,
also auch diese Limitierung
auf so und so viel
Gigabyte Volumen,
das ist ja,
teilweise gibt es da wirklich
richtige Flatrates,
auch mobil.
Und da,
also auch die Netzabdeckung,
da hatten wir es glaube ich
auch schon mal drüber,
dass ich da in Spanien
in der Pampa halt 4G habe
und Videos
durch die Gegend schicken kann,
mit fast einer besseren
Anbindung als zu Hause.
und in Deutschland
habe ich auf der Autobahn
nur Edge,
ja,
also,
oder in Schweden,
in der Hütte,
am See,
im Wald,
da waren 4G-Router
und der hat
super Datendurchsitz gehabt,
also.
Wobei ich da jetzt vor kurzem
auch gute Erfahrungen
gemacht habe,
in Deutschland,
ich war in einem
etwas abgelegeneren Ort,
da ist ein Gebäude
und ich habe da auch mal
geguckt,
man kann ja bei der Telekom
nachschauen,
wie schnell wäre denn das
Internet,
was man da kriegen würde
an einer bestimmten Adresse
und da habe ich nachgeschaut,
naja,
16 Mbit und bei dieser,
ich weiß,
das ist eine etwas ältere
Leitung,
die da hinliegt und so,
ich bin mir nicht sicher,
ob man das wirklich
kriegen würde,
das ist das,
was die glauben,
was man da kriegt,
aber bin mir nicht sicher.
Ja,
das ist wie dieses Ab,
ne,
oder bis zu 16.
Genau,
ja.
Und das war halt ein bisschen,
das ist ein bisschen abgelegener,
das ist im Wald
und ich habe dort dann halt
auch mal einen Speedtest gemacht,
so mit zwei verschiedenen Netzen
und habe da auch immer so locker
zwischen 50 und 60 Mbit gekriegt
über 4G
und dachte mir so,
ja,
also was soll das denn,
dann brauchst du doch überhaupt
gar keine normale stationäre Leitung mehr.
Es ist wirklich der Ping hauptsächlich.
Also wenn du halt wirklich,
also wenn du jetzt irgendwie
Counter-Strike spielst
oder andere Shooter,
da merkst du halt,
wenn der Ping dann zwischendrin mal spiked
auf 120 oder so,
das merkst du dann schon.
Also wenn du jetzt Hardcore-Gamer bist,
ja,
dann verstehe ich das,
aber tatsächlich zum Arbeiten,
ich habe es auch schon oft genug
übers Handy gemacht,
wenn irgendwas mit der Leitung war,
über Tethering ist heutzutage
wirklich kein Problem.
Da ist dann wirklich eher das Problem,
bezahlbar,
entsprechend das Datenvolumen zu bekommen.
Aber bevor wir das Thema vertiefen,
aber es geht schon auch in Richtung
unseres Hauptthemas heute so ein bisschen.
Ich bin eh schon richtig weit,
jetzt viel weiter eigentlich
in das Thema rein,
als ich wollte,
weil mein Kopf,
ja,
wo der mich immer hintreibt,
keine Ahnung,
was da immer los ist.
Ja,
damit kann man das jetzt auch
eigentlich abschließen,
den Punkt,
genau.
Ich wollte eigentlich nur
über Vodafone reden,
aber jetzt ist das ein bisschen...
sind wir doch abgeschäuft.
Ja.
Gut, dafür mache ich es jetzt kurz.
Können wir mal Kapitelmarke setzen?
Ja, ich mache auch gleich kurz.
Arbeitsplatz Ergonomie dank Compendium der Mediengestaltung,
das ist der Titel, den ich mir aufgeschrieben habe.
Und zwar, ich hatte in letzter Zeit häufig Rücken- und Kopfschmerzen.
Und ich habe generell schon immer eine sehr schlechte Haltung am PC,
auch generell eine sehr schlechte Haltung.
Und mir ist das kürzlich so beim Arbeiten selber mal wieder bewusst geworden,
wie bucklig ich eigentlich da sitze.
Und habe mir dann gedacht, ja, ist ja schön doof,
du wunderst dich, warum dir am Ende des Tages alles wehtut und morgens nach dem Aufwachen.
Und wie sitzt du eigentlich da?
Also meine Monitore, die standen halt wirklich sehr niedrig auf dem Schreibtisch.
Und ich glaube auch die Schreibtischhöhe und die Stuhlhöhe,
die sind nicht wirklich perfekt aufeinander abgestimmt.
Und ich saß halt wirklich da, das Zentrum des Bildschirms,
wo man halt hauptsächlich drauf guckt,
dafür musste ich schon den Kopf absenken.
Und wenn ich unten irgendwas geschrieben habe, dann sowieso erst recht.
Und damit ich den Kopf nicht den ganzen Tag dann nur so senke,
hat sich mein Körper halt so an sich in so eine Schildkrötenhaltung begeben.
Und dann je später der Abend wurde beim Programmieren,
dann hing ich da halt so wirklich über der Tastatur
und dann näher an den Bildschirmen und was weiß ich.
Und jetzt habe ich meine Bildschirme,
drei Stück an der Zahl,
auf das Kompendium der Mediengestaltung,
den Hauptbildschirm gestellt,
damit das Ding endlich mal überhaupt einen sinnvollen Zweck erfüllt.
Aber das sind zwei Bände, oder?
Das ist so ein Doppelband im Pappeinband, ja.
Und du hast, hast du jetzt einen Monitor auf beide gestellt?
Genau, genau.
Also das sind locker so zwölf Zentimeter, denke ich mal.
Das ist schon dick, das Ding.
Und dann habe ich noch Lexika, vier Lexikon-Bände,
die man heutzutage ja auch nicht mehr braucht.
Auch das führt schon wieder so ein bisschen zum Hauptthema.
Stehe jetzt da drauf.
Und damit ist alles auf einer schönen Höhe,
wo ich tatsächlich relativ aufrecht,
also ich sitze schon aufrechter dadurch,
dass ich ja jetzt eher hoch gucken muss.
Also nicht wirklich hoch, sondern eigentlich geradeaus.
Aber dass ich halt eine ganz andere Höhe habe.
Und tatsächlich habe ich seitdem kaum noch Beschwerden.
Das ist sehr interessant,
weil ich habe mir, also gerade mit Monitor höher stellen,
mein Monitor, der lässt sich in der Höhe, glaube ich,
eigentlich nicht verstellen, mein Zusatzmonitor.
Und ich habe mir eigentlich nur aus Platzgründen
mal so ein Monitor-Erhöhungsteil aus Holz gekauft,
weil ich da Sachen drunter stellen wollte.
Also wie zum Beispiel das Audio-Unterface,
mit dem ich aufnehme.
Und dann habe ich mir gedacht,
na ja, ich probiere das jetzt mal aus,
aber ich bin mir nicht sicher,
ob der Monitor mir dann zu hoch ist.
Und ich frage mich jetzt,
wie konnte der jemals so tief stehen?
Wie konnte man all die Zeit, ja, tatsächlich.
Also das mit dem Platz ist tatsächlich auch so eine Sache.
Also ich habe jetzt viel mehr Platz.
Die Computerboxen waren vorher im Weg mit den Monitoren
und wenn ich was abgestellt habe und so.
Also ich kann es wirklich nur empfehlen.
Also ich habe gerade mal gemessen,
wie hoch das Ding ist bei mir.
Das ist ungefähr zehn Zentimeter hoch.
Das ist aus Holz.
Vielleicht machen wir da einen Affiliate-Link in die Shownotes.
Das kann ich gleich mal noch raussuchen.
Weil es ist echt ein sehr, sehr schönes,
das ist so gebogenes Holz.
Ach, so Bambus-Optik.
Ja, so Bambus-Optik.
Das hat meine Frau, glaube ich, das Gleiche im Arbeitszimmer, ja.
Das ist wirklich sehr hübsch.
Und es erfüllt seinen Zweck.
Und bei mir, ich habe da jetzt ein Dock drunter stehen
und zwei Audio-Interfaces.
Also jetzt hier zum Podcast aufnehmen,
benutze ich logischerweise nur eins.
Aber das passt da so drunter.
Und ich habe da diverse Kabel drunter verstaut.
Und da kommen jetzt relativ gut organisiert
auch so Ladekabel von mir raus,
die man dann auch wieder drunter stecken kann,
das dann irgendwie ganz nett versteckt ist.
Also das kann ich echt empfehlen.
Das ist ein gutes Ding.
Ich suche den Link mal raus.
Kommt in die Shownotes.
Ja, sehr schön.
Und ich packe auch noch ein paar Links in die Shownotes.
Und zwar, weil man wirklich mit dem Thema
sich einfach nicht wirklich mit beschäftigt,
von der Berufsgenossenschaft,
die für unseren Bereich zuständig ist,
BGETM, Elektro, Textil, irgendwas und Metall oder so.
Damit man da nicht nur Beiträge hinzahlt,
sondern auch mal was davon hat,
verlinke ich da zum Thema Bildschirmarbeit
und Arbeitsplatzergonomie.
Zwei Links und von der IHK Reutlingen
habe ich auch noch was gefunden
zum Thema Ergonomie am Schreibtisch.
Lohnt sich da?
Es ist nicht viel.
Es sind so ein paar lustige, bunte Bildchen dabei.
Und sollte man sich einfach mal anschauen
und sich mal bewusst machen,
sieht sich dann eigentlich richtig
oder tue ich meinem Körper da wirklich große Schande an?
Ja, so, ich bin gerade noch ein bisschen abgelenkt
wegen dem Link.
Ich speichere den jetzt einfach mal da rein.
Okay.
Genau, und dazu wollte ich noch sagen,
also ein Stuhl, ein guter Schreibtischstuhl
ist aber auch Gold wert.
Das ist schon, also da habe ich mehr oder weniger,
nachdem ich, warte mal,
der, den ich davor hatte,
den habe ich irgendwie mal geschenkt bekommen,
als ich 15 war oder so
oder vielleicht sogar noch jünger.
Also der ist, ich sage jetzt nicht, wie alt ich bin,
aber der ist sehr alt.
gewesen.
Und ich habe dann relativ lange
nach einem Neuen gesucht
und wer mich kennt,
oder wir haben da auch schon öfter drüber gesprochen,
ich bin da oft relativ anspruchsvoll
und mache da große Wissenschaft draus,
wenn ich mir was Neues anschaffe.
Und ich glaube,
ich habe zwei Jahre oder so
immer mal wieder geguckt und gesucht
und war irgendwie unzufrieden
und war wieder in Möbelhäusern
und da war irgendwie nichts.
Bis ich dann den gefunden habe,
den ich jetzt habe,
mit dem ich wirklich sehr zufrieden bin.
Ich glaube,
da gibt es nichts Affiliate-mäßig.
Da können wir keinen Affiliate-Link für einstellen.
Nämlich im ZKM hier in Karlsruhe.
Das ist so eine Art Medien...
Zentrum für Kunst und Medien.
Genau.
Ich glaube, da kann man auch studieren.
Lege ich da ganz falsch?
Ja, das gehört, da ist die...
Irgendwie ist das mit Kunsthochschule oder so.
Kunsthochschule ist da irgendwie mit drin,
aber das hängt, glaube ich, nicht direkt zusammen.
Das ist ein sehr geiler Ort
und die hatten halt so eine Ausstellung,
die hieß Open Codes.
Die war eine längere Zeit da
und die war kostenlos
und da konnte man rein
und die war so gedacht,
dass man da auch normal Zeit verbringen kann.
Also, die haben da auch so Spaces geschaffen,
wo man arbeiten kann,
wo man irgendwie Meetings machen kann,
also Meetingräume,
die man buchen konnte kostenlos
und halt auch aber so kleine Arbeitsspaces,
wo man zu zweit, zu dritt arbeiten kann.
Und da bin ich dann
über meinen neuen Bürostuhl gestoßen.
Und zwar wurde das Ganze ausgestattet
und das ist jetzt...
Ich mache jetzt einfach mal schamlos Werbung,
weil die einfach gute Sachen haben.
Ich wäre nicht gesponsert von denen.
Von Vitra, was man vielleicht kennt.
Ja, das ist nix, ne?
Dort waren halt alle Möbel,
die dafür für diese Ausstellung waren,
wo man halt irgendwie so Arbeitsspace hatte
und auch irgendwelche Schreibtische und so waren,
von Vitra.
Und ich saß da halt auf ein paar drauf,
also ich bin so drauf aufmerksam geworden,
so im Sinne von,
oh, das ist ja eigentlich ganz hübsch.
Und dann habe ich mich halt mal informiert,
bin auf die Vitra-Seite gegangen
und habe so gedacht,
ah, cool,
die kann man sich ja auch zurecht konfigurieren.
Und mein Bürostuhl,
der ist jetzt relativ schlicht
und schwarzer Stoff.
Also habe ich auch irgendwie
alles selbst zusammengestellt
und man kann dann irgendwie sagen,
ja, die Teile,
was für eine Farbe die haben
und dann aber auch,
was für Features der hat.
Also soll der Armlehne haben oder nicht
und was für ergonomische Features auch.
Und ich weiß jetzt nicht mehr genau,
wie die alle heißen,
aber wenn ich zum Beispiel
auf meinem Stuhl zu weit
nach vorne rutsche,
dann klappt der so ein bisschen
nach unten weg,
sodass ich dann quasi wieder,
dass mein Rücken dann wieder
in einer anderen Position ist.
Und er ist halt auch so eingestellt,
dass ich mich,
ich zeige es dem Konstantin mal kurz,
seht ihr jetzt natürlich nicht,
wenn ich nach hinten gehe,
ich habe einen gewissen Widerstand,
aber irgendwann gibt es nach
und ich kann dann nach hinten weg.
und davon kann man den Druck
auch einstellen,
sodass das nicht zu leicht ist,
sodass auch der Rücken dann quasi
was zu tun hat,
wenn man jetzt sich nach hinten lehnt,
dass ich nicht einfach die ganze Zeit
irgendwie am Tisch liege,
sondern ein gewisser Widerstand
ist da gegeben,
sodass irgendwie der Rücken dann auch,
die Rückenmuskulatur da irgendwie
ein bisschen gestärkt wird von.
Ja, also ich muss sagen,
der Stuhl, der ist echt gut
und der hat mir auch was gebracht,
weil ich habe auch ab und zu mal
Probleme am Rücken
und kann ich auch nur empfehlen,
ich sage jetzt nicht Vitra,
sondern kauft euch da was Gescheites.
Ja, auf jeden Fall.
Also es ist ein viel unterschätztes Thema,
glaube ich,
wenn man ein bisschen drüber nachdenkt,
was man seinem Körper da antut
und wie man vielleicht mit 60, 70, 80
dann am Ende da sitzt.
Und zum ZKM noch ein Einschub,
da war ich schon lange nicht mehr,
ich habe es auch leider zu dem Codes
nicht geschafft,
obwohl ich es vorhatte,
aber generell ist es sehr empfehlenswert,
wenn man in Karlsruhe ist.
Freitags ist es, glaube ich,
komplett kostenlos,
zumindest Freitagnachmittags,
meine ich.
Und die Ausstellungen,
was es da so alles gibt,
auch wenn man nicht sehr
Kunst interessiert ist,
aber weil es eben sehr
mit Medien oft zu tun hat,
ist es absolut empfehlenswert,
mal reinzuschauen.
Also das ZKM ist genial,
wenn es mal offen ist,
ich nehme mal an,
jetzt ist es wahrscheinlich gerade
nie offen.
Ja, vielleicht ist ein zweitpunkt,
jetzt gerade Werbung dafür zu machen,
aber ...
Naja, für die Zukunft einfach
und außerdem,
das habe ich mir abgeguckt
von diversen Tim Pridloff-Podcasts,
unser Podcast,
der wird ja auch noch
in einer Million Jahren gehört.
Richtig.
Und deswegen sagen wir jetzt einfach mal,
wir können ja mal das Datum sagen,
wir zeichnen heute auf am Freitag,
den 12. Februar 2021.
Also nächstes Jahr geht es,
geht vielleicht wieder ZKM,
vielleicht auch demnächst wieder,
weiß ich nicht genau.
Ja, aber wenn wir jetzt schon
über Ergonomie sprechen,
muss ich noch kurz über meinen Schreibtisch sprechen.
Also, das schmeiße ich jetzt noch schnell hier rein.
Ich habe halt hier so einen alten Ikea-Schreibtisch
und ich lehne mich da ganz gern mal drauf,
irgendwie so mit beiden Armen vorne.
Und der war wirklich,
also ich habe den sogar gebraucht,
in der Wohnung übernommen,
aber der war damals noch relativ neu.
Aber ich habe so das Gefühl,
also das ist jetzt keiner von den Teuren,
das ist so einer mit so Pappe in der Mitte,
und ich habe so das Gefühl,
der gibt nach.
Erstens hängt der durch mittlerweile,
die Platte hängt durch
und da, wo ich mich drauf auflehne
mit den Ellenbogen vorne,
da gibt der auch mittlerweile nach.
Ich weiß nicht, ob,
nee, du kannst das jetzt glaube ich nicht sehen.
Nee, nicht so wirklich nicht.
Aber es federt tatsächlich
und ich habe das Gefühl,
wenn ich das noch so ungefähr 24 Mal mache
oder vielleicht auch 100 Mal,
irgendwann macht es Bumm
und dann kracht das Ding,
dann ist das Ding im Eimer
und dann geht die blöde Sucherei
wieder von vorne los.
Was für ein Tisch?
Und der muss ja dann natürlich Features haben
und wenn man dann einen neuen Tisch kauft,
dann sollte der vielleicht auch höhenverstellbar sein,
aber er soll auch irgendwie noch links und rechts
an den Seiten irgendwie was haben,
was irgendwie eigentlich nicht,
was sich irgendwie ausschließt,
weil das jetzt halt gerade der so hat
und dann will man eine schöne Tischplatte haben
und dann soll es vielleicht auch nicht so arg teuer sein.
Ja, also der Tisch,
der steht bei mir demnächst mal an.
Also falls ihr da irgendwie Empfehlungen habt
für einen schicken höhenverstellbaren Tisch,
sehr gerne in die Kommentare
oder bei Twitter oder so.
Wenn ihr schon bei Twitter seid,
dann drückt auf die Glocke.
Ja und jetzt zur Glocke,
weil ich vorher noch gemeint habe,
weil du gefragt hast ja,
warum ich so geguckt habe irgendwie im Intro.
Ich habe gedacht,
Mensch, wir haben ja quasi eine Art Glocke im Intro.
Wir haben dieses Bing.
Du hast Glocke gesagt.
Sorry, jedes Mal,
wenn du Glocke sagst,
kommt der Sound.
Drückt auf die Glocke bei YouTube.
Wir haben keinen YouTube-Kanal,
aber drückt einfach auf die Glocke bei Twitter.
Du musst aufhören, Glocke zu sagen.
Wieso soll ich denn aufhören, Glocke zu sagen?
Du könntest mal aufhören,
die Glocke zu läuten.
Okay, bevor es dann doch zu nervig wird.
Ja, hast du noch was?
Du hast noch einen Retro-Punkt.
Ach so, du meinst so nächstes.
Die Stunde machen wir noch voll heute mit Retro.
Ja gut, war ja auch wieder viel Zeit dazwischen.
Zwei Wochen.
Das nächste geht ganz schnell.
Das war einfach nur was Witziges,
was mir über den Weg gelaufen ist,
beziehungsweise was in meinem Kopf
nochmal irgendwie hochkam.
Ein bekannter und Kollege von mir hier aus Karlsruhe,
der hat was getwittert,
wo es um Scrum ging.
Er hat irgendwie so eine Tasse,
so ein Bild von einer Tasse,
wo halt draufsteht S.C.rum.
Das heißt Scrum.
Also Smile plus Coke plus Rum.
Jetzt kann man natürlich überlegen,
ist Coke Coca-Cola?
Egal.
Oder Kokain?
Naja, wie auch immer.
Und da dachte ich mir,
naja, mein Beitrag zum Thema
agile Softwareentwicklung und Scrum
ist immer der alte Witz,
immer dann,
wenn man irgendwie mit Agile Coaches
oder so Leuten redet,
muss man sie immer fragen,
weißt du eigentlich,
was Scrum umgedreht heißt?
Und dann habe ich mir gedacht,
da muss ich jetzt,
also das dürft ihr selbst rausfinden,
wenn man Scrum rumdreht,
was das dann heißt.
Und da habe ich mir gedacht,
da muss es jetzt eine JavaScript-Version
davon geben,
weil das waren halt irgendwie so
die Frontend-Entwickler-Nerd-Twitterblase,
in der das irgendwie aufgetaucht ist.
Und da dachte ich mir,
naja, was macht man da jetzt?
Und ich halt als JavaScript-Oldschooler,
sage ich mal,
also Scrum, den String,
Punkt Split,
bei Lichts,
also Split,
Anführungszeichen,
Punkt Reverse,
Punkt Join,
bei Anführungszeichen,
Anführungszeichen.
Und da hat man nämlich genau das.
Und dann wurde ich natürlich auch
sehr schnell darauf hingewiesen,
naja, so macht man das ja vielleicht,
das macht man doch,
das macht man doch so nicht mehr.
Mit ES2020 macht man das so.
Mensch, mit ES2020 und ja.
Ja, ja, ja, ja, ja.
Also ich lese mal vor.
Du bist nicht am Zahn der Zeit,
Moritz.
Nein, aber das habe ich auch nie behauptet.
Nö.
Ich bin ein Late Adopter.
Dafür egal.
Und dann wurde ich schnell darauf hingewiesen,
nein, das kann man ja mit dem Spread-Operator machen
und also irgendwie,
also quasi ein Array, Punkt, Punkt, Punkt,
Scrum in Anführungszeichen, Punkt Reverse, Punkt Join.
Und dann ist das irgendwie auch toll.
Ich finde, das andere liest sich jetzt auch ganz gut.
Also, naja, wie auch immer.
Das ist meine Meinung zu Scrum.
Okay, gehen wir nicht in die Tiefe.
Außer man macht es richtig.
Aber Scrum wird meistens nicht richtig gemacht.
Ich weiß nicht, ich glaube, wir müssen jetzt nicht erklären,
was Scrum ist.
Das ist eine agile Softwareentwicklungsmethode.
Ich versuche immer am Ende von dem, was wir sagen,
immer zu überlegen.
Wenn jetzt jemand nicht weiß, der Fachbegriff.
Dann hat er die letzten fünf Minuten irgendwie nicht verstanden.
Ja, man sollte es vielleicht immer,
wir sind echt schlechte Moderatoren,
wir sollten es vielleicht am Anfang immer kurz erklären.
Wäre eine Idee, ja.
Ja, aber dazu sind wir, glaube ich, nicht schlau genug.
Ich glaube, da ist auch der Rahmen jetzt.
Also, ich meine, wir haben jetzt schon fast eine Stunde für unsere Retro.
Ich glaube, Scrum, wir verlinken vielleicht einen Wikipedia-Artikel dazu.
Das schaffen wir heute ja die drei Stunden.
Ja, mal gucken.
Wir haben noch einiges vor, tatsächlich.
Also, wir sind, ja, dauert heute ein bisschen.
Man kann uns ja auf Raten hören.
Bist du fertig?
Ja, ich bin fertig.
Okay.
Die Property der Woche.
Und mit der, darf ich jetzt, ja eben, die haben wir nämlich auch noch.
Ich glaube nicht, dass ich die jetzt noch in den fünf Minuten
vor der ersten Stunde rumkriege.
Vor allem nicht, wenn ich jetzt noch weiter sammle und nicht zum Punkt komme.
Es geht heute um ClipPath.
Und ClipPath, das ist so einige der Properties, von der man weiß, dass sie existiert.
Also, zumindest ging es mir so.
Ich wusste, dass sie existiert.
Oder dass es sie gibt.
Aber man benutzt sie so gut wie nicht.
Und ich habe dann überlegt, habe ich die denn schon mal eingesetzt?
Hast du sie schon mal eingesetzt?
Ja, habe ich schon.
Ist mir nämlich auch ein Fall eingefallen.
Allerdings muss ich sagen, ich bin mir nicht sicher, ob es noch im Einsatz ist.
Und zwar auf unserer Podcast-Seite.
Ach.
Habe ich das?
Ja, ich hatte das ursprünglich mal verwendet und dann gemerkt, brauche ich ja gar nicht.
Und zwar, wenn bei uns eine neue Folge rauskommt, dann kriegt die so ein, ich weiß gar nicht, wie man das nennt, so eine bunte Ecke.
Auf der Startseite, rechts oben steht dann irgendwie Neu, glaube ich, oder so.
Neue Folge, Neu, irgendwie sowas.
Aber nur, weil sie jetzt gerade nicht mehr Neu ist, ja.
Weil sie jetzt nicht mehr Neu ist.
Ich glaube, das steht nur eine Woche da oder so, ne?
Ja, mach das mal, dass das immer da steht, solange bis die nächste Folge rauskommt.
Immer bei der Ersten.
Okay.
Ja, also das könnte man mal.
Ich kann es jetzt gerade nicht angucken.
Und ich weiß aber, dass ich das da, also es ist im Prinzip, es geht, ich versuche es mal zu erklären, so gut wie man es jetzt in einem Audio-Podcast erklären kann.
Es handelt sich um eine farblich hervorgehobene Box, also ein Rechteck, wo rechts oben in der Ecke neu stehen soll, aber halt so angewinkelt, dass es eben in die Ecke reinpasst.
Also so in 45 Grad angewinkelt.
So etwa, ja.
Ich glaube nicht ganz, aber wie so ein Störer, halt so eine Banderole, die da so entlangläuft.
Genau, so eine Banderole ist genau das richtige Wort, eine Banderole.
Also da wieder ein, ja, diese Ecke ist quasi, wie wenn man mit einem Pinsel einmal über die Ecke drüber streicht im 45 Grad Winkel und hat halt eine andere Farbe und da steht eben was drin.
Und das hatte ich, glaube ich, ursprünglich mit Clip Path gemacht und das, um das eben abzuschneiden.
Dass es nach dem Drehen nicht raussteht, ja.
Genau.
So lange, bis mir dann aufgefallen ist, das brauche ich ja gar nicht, wenn ich der Box einfach in Overflow hidden gebe.
Ja, richtig.
Ist das an der Stelle totaler Quatsch.
Außer, man hätte jetzt irgendwie da drinnen ein Element, das außerhalb der Box positioniert werden soll und dann verschwinden würde, dann bräuchte man es.
Ja, genau. Das brauchte ich in dem Fall nicht, also habe ich das irgendwann wieder zurückgebaut, aber da weiß ich, dass ich es auf jeden Fall mal eingesetzt habe.
Also mein Anwendungsfall, das war ein Werbemittel mit einer etwas ungewöhnlichen Form, also das war mit Transparenz und da stand was raus.
Und das überlagerte dann aber Elemente auf der Seite, ich glaube sogar einen Login, wo man aber draufklicken können sollte und nicht einfach nichts passieren sollte, wenn man an die transparente Stelle klickt.
Ich glaube, du kannst dir schon denken, wo das war und wann das war.
Der Konstantin hat eine bewegte Vergangenheit.
Ja, für den Clickthrough war es eben notwendig, dass das Element an den transparenten Stellen durchklickbar sein sollte und das habe ich dann auch mit Clip Path gemacht.
Zumindest da in den Browsern, wo es ging.
Und ja, kann I use...
Dann versuchen wir jetzt mal ganz kurz, dann versuchen wir jetzt ganz kurz mal zu sagen, was Clip Path denn eigentlich macht.
Ja, Clip Path, also aktuell, es ist ja so, man hat im CSS und im HTML eigentlich immer nur Boxen, rechteckige, also eigentlich ist alles eckig.
Ich kann zwar Border Radius machen, da kommen wir auch ganz am Ende von unserem Thema, glaube ich, noch drauf zu sprechen.
Und dann habe ich tatsächlich auch da Clickthrough an der Ecke, aber ursprünglich war es mal so, es gab nur Boxen und sonst nichts.
Und wenn ich irgendwelche irregulären Formen haben will, Kreise, Ellipsen, was weiß ich, Ellipsen, Kreise kann man inzwischen auch mit Border Radius machen, aber es gab eben lange Zeit keine Möglichkeit, irgendwelche anderen Formen zu schaffen.
Ja gut, mit Hintergrundbildern vielleicht, mit Transparenz und so weiter, aber das Element an sich war einfach trotzdem noch rechteckig.
Wenn ich da draufgeklickt habe, dann ist nichts passiert im Hintergrund.
Und Clip Path erlaubt es eben, HTML-Elemente, auch SVG-Elemente, zu beschneiden.
Also wirklich einen Pfad anzugeben, der das Objekt ausschneidet.
In beliebiger Form eigentlich.
In eigentlich beliebiger Form, da kommen wir gleich noch drauf, was es da für Möglichkeiten gibt.
Und ich wollte Kellerius mal aufmachen, wie wir es ja immer tun, wenn wir es besprechen.
Und wenn man sich das anschaut, dann ist das erstmal ernüchternd.
Also da steht dann Global und in Grün 3,42 Prozent.
Da denkt man erstmal, what?
Okay, benutze ich nicht.
Aber Partially Supported, da kommen nochmal 92,6 Prozent dazu und dann sind wir schon bei 96 Prozent, was doch eine recht ordentliche Abdeckung ist.
Und dieses Partially Supported bezieht sich eigentlich bei fast allen Browsern, wo ich es jetzt gesehen habe, nur darauf, dass, und da kommen wir dann schon weiter, wie man diese Pfade angibt.
Also man kann die Pfade angeben zum Beispiel mit einem SVG-Element, also einer SVG-Grafik.
Und die kann ich über URL, Klammer auf, Klammer zu, und den Pfad zum SVG und mit einem Hash auch eine ID innerhalb dieses SVGs, kann ich das angeben.
Und das mit der URL, diese Schreibweise oder diese Art und Weise, den Pfad anzugeben, das funktioniert in ganz vielen Browsern, eigentlich allen außer Firefox, funktioniert das nur mit Inline-SVGs.
Also ich kann mich da nur auf eine ID ziehen von einem SVG, das in der Seite drin ist.
Und eine externe SVG-Grafik anzugeben, das funktioniert eben nur im Firefox.
Okay, das heißt, das ist aber eigentlich nur ...
Also in den aktuellen Browsern ist das die einzige Einschränkung.
Und ich meine, es ist zwar nett, dass man das mit SVG machen kann, aber wie du uns auch gleich noch zeigen wirst, gibt es auch andere sehr bequeme Möglichkeiten, da so einen Pfad anzugeben.
Also das heißt, man braucht das wahrscheinlich gar nicht unbedingt.
Richtig, das ist halt ein nice to have, ein extra, oder wenn man eh schon ein SVG hat in einer bestimmten Form, kann man das einfach benutzen.
Und SVG ist vielleicht auch ein bisschen einfacher zu bearbeiten, weil ich das SVG einfach in einem SVG-Editor bearbeiten kann und mir den Pfad dann, oder mir das SVG dann den Code einfach reinkopiere.
Noch zur Abdeckung zu sagen, Safari braucht den Webkit-Prefix aktuell noch und natürlich gibt es keinen IE, der das supportet.
Beziehungsweise IE10 kann es, aber nur auf SVG, nicht auf ...
Ja gut, aber IE ist doch jetzt nicht, oder?
Eben, also ich denke auch, den kann man tatsächlich wirklich ...
Ja, wobei, sagt das nicht, ja, dann gibt es wieder hier Großunternehmen und was weiß ich, wir haben einen Kunden, eine Behörde wahrscheinlich, wo das immer noch ...
Die arbeiten noch mit Videos XP oder so, ja, also man sagt niemals nie, also ich glaube, in manchen Bereichen werden die Leute echt froh, der IE wäre langsam tot.
Ich glaube, das ist leider immer noch so, aber in meinen, in unseren Bereichen, in unserer Beider, wir haben das Glück, dass wir auf den IE nichts mehr geben müssen.
Aber gut, aber verschwenden wir nicht, verreden wir gar nicht so viel über den, wir geben ihm schon viel zu viel Zeit.
Genau, jedenfalls 96% Abdeckung, wenn man das zusammenrechnet mit dieser kleinen Einschränkung.
Ja, und wie kann ich diese Pfade angeben?
Ich kann CSS-Shapes benutzen, das verlinke ich auch auf MDN.
Und die Abdeckung für CSS-Shapes, kann man sich auch auf Kenner-User angucken, sind 95%, ist also auch recht gut.
Das will ich jetzt auch gar nicht zu sehr im Detail beschreiben, wie das aufgebaut ist, weil da gibt es genug Beispiele eben auf MDN.
Das ist jetzt auch, glaube ich, nicht so einfach zu erklären wieder im Podcast.
Und es gibt Basic-Shapes, die ich benutzen kann, um das zu definieren.
Und zwar Circle, Ellipse, Polygon, Path und Inset.
Und auf die möchte ich jetzt ganz kurz eingehen.
Also die Namen sind eigentlich sprechend, ich kann eben einen Kreis, eine Ellipse, ein Polygon, also ein Vieleck definieren.
Oder wirklich einen Pfad, wie man ihn auch aus SVG kennt.
Und ich meine sogar, zumindest von der Syntax her, wenn ich das sehe, entspricht das genau der Schreibweise, die man in dem entsprechenden Attribut auch in SVG hat.
Ich hoffe, ich sage ja jetzt nichts Falsches, aber es sieht so aus, es sind ja immer so Großbuchstaben oder Kleinbuchstaben.
Je nachdem, ob es eine absolute Positionierung ist oder relativ zum letzten Punkt.
Und dann entsprechende Zahlenpaare, Komma getrennt, den Koordinaten.
Und ja, Inset ist noch vom Rand des Elementes ausgesehen, kann ich da eben so wie ein Margin oder Quatsch, eben nicht ein Margin, sondern ein Padding nach innen vier Werte angeben.
Oben, rechts, unten, links, die das beschnitten werden soll.
Genau, und diese Paths, da ist es so, dass Chrome und Edge 88 das tatsächlich erst seit dem Release vom 19. Januar diesen Jahres unterstützen.
Wobei das natürlich das Flexibelste ist, tatsächlich so einen Path angeben zu können.
Also das geht jetzt erst seit kurzer Zeit und damit dann eigentlich auch in den großen Browsern.
Und da kann ich, wie gesagt, also einen richtigen kurvigen Bessier-Pfad oder so reinpacken.
Und damit funktioniert das dann auch.
Weil für diese Werbemittel damals, für diese Geschichte, da hatte ich dann tatsächlich ein kleines Tool geschrieben, einen Generator, wo man das Bild, das da im Hintergrund lag, reinladen konnte.
Und dann konnte man da einfach schnell mit Klicks, also auch keine Bessier-Kurven, sondern wirklich nur Koordinaten-Polygon-mäßig sich das erstellen, zusammenklicken und konnte das reinladen in das Werbemittel.
Und das wurde dann automatisch ins CSS geladen.
Genau, und was auch sehr schön ist an der Geschichte, man kann diese Clip-Paths auch animieren.
Also Transition oder eben CSS-Animations.
Und damit lassen sich dann sehr schöne Sachen machen.
Also ich verlinke da ein paar Beispiele in den Shownotes und der Moritz hat es vorhin auch schon gesehen.
Du hast gleich gesagt, oh, das gefällt dir sehr gut.
Das ist ein Beispiel für einen Floating-Action-Button.
Das heißt, da schwebt einfach in einem pinken Kreis ein I wie Information.
Und ich kann da auch drumherum klicken auf den Seiteninhalt.
Wenn da jetzt Text wäre, könnte ich den markieren oder hinten dran was klicken.
Wenn ich da drüber fahre, geht aber so eine Kachel auf mit abgerundeten Ecken.
So ein bisschen dieser, also ausgehend von dem Kreis fährt das dann auf.
Ein Kreis, der aber dann zu einer so einer abgerundeten Kachel wird.
So ein bisschen wie man das kennt von diesem Ribbon-Effekt bei Material Design.
Nur dass es eben von dem Button ausgeht, wo ich drüber fahre und nicht irgendwie von der Mausposition innerhalb von dem Button.
Genau, also das ist ein Beispiel, was man so machen kann.
Einfach einen netten Effekt.
Das ist auf jeden Fall sehr hübsch, das gefällt mir.
Also das möchte ich gerne in meine Interface-Library in meinem Kopf aufnehmen, diese Idee, dass man das irgendwie damit relativ einfach machen kann.
Weil das finde ich, damit kann man sehr effektvoll Dinge verstecken, sodass man halt im Normalfall Platz hat.
Aber wenn ich jetzt halt mich interessiert, was sich hinter diesem Info-E verbirgt, dann, also da ist dann in dem Fall, füllt sich dann diese Box und du hast da halt auch noch Text drin.
Heißt, kannst du halt so irgendwie jetzt Informationen, weitergehende Informationen hinterlegen.
Das ist echt, echt nett gemacht.
Wie gesagt, vorhin im Vorgespräch schon, mir ist die Animation nur ein bisschen zu langsam, aber das hat nichts mit Clip-Up zu tun.
Das lässt sich ja auf 0,2 Sekunden von 0,5 auf 0,2 reduziert und dann ist das auch so okay.
Kann ich übrigens nochmal empfehlen, wir haben da schon mal drüber gesprochen.
Für mich ist gefühlt 0,2 Sekunden so eine Magic-Number für Animationslängen.
Das ist meistens, wenn sich eine Animation zu lange anfühlt, reduziere sie mal auf 0,2 Sekunden, dann fühlt sie sich meistens fluppig und schnell an.
Ja, wobei es kommt, es kommt auf den Anwendungsfall an.
Also in der nächsten Demo, die ich vorhin schnell zusammengezimmert habe, da habe ich so ein Image-Reveal gebastelt, zusammen mit der Intersection-Observer-API in JavaScript.
Das heißt, wer das nicht kennt, das ist auch ganz cool, ich kann Objekte, also Elemente auf der Seite im DOM beobachten lassen und wenn die außerhalb des Viewports sind oder in den Viewport reinkommen, kann ich entsprechend Aktionen ausführen.
Und zwar sogar so, dass ich da, ich kann einen Sicherheitsabstand quasi drumherum angeben und ich kann auch sagen, benachrichtige mich bei 25, 50 und 75 Prozent und bei 100 Prozent oder bei allem Möglichen dazwischen.
Wenn es so und so viel Prozent sichtbar ist und so, also das ist recht mächtig, habe ich auch gerade letzte Woche wieder bei dem Projekt, wo ich jetzt dran sitze, gebraucht.
Und ja, Image-Reveal heißt, ich scrolle runter und die Bilder erscheinen so mit einer Animation, in dem Fall auch einfach ein Kreis, der sich öffnet.
Aber man kann da auch, also ich muss mal gucken, ob ich den Link noch finde, zu anderen Animationsbeispielen, alles mit dem Attribut, mit dem Clippath, wo man wirklich so, wie man es von Diashows oder PowerPoints kennt, dass dann da so Kacheln aufgehen oder so schneckenförmig von innen nach außen Quadrate und so weiter.
Also man kann da richtig krasses Zeug mitmachen und aber auch nicht wie PowerPoint, sondern wirklich stilvoll.
Und diese Demo, die ich gebastelt habe, vielleicht muss ich auch kurz beschreiben, so gut das geht, das sind einfach Bildchen von Hunden.
Ich habe diese Place Puppy, es gibt ja Place Kitten, eine API, wo ich einfach Bilder in verschiedenen Größen anfordern kann.
Da merkt man schon, wo wir uns unterscheiden, ich nehme Place Kitten und du nehme Place Puppy.
Ich nehme Place Puppy, weil ich mit Katzen nicht so gut kann, dafür mit Hunden.
Jedenfalls Hundebilder auf einer Seite, ganz viele untereinander, wo man scrollen kann und die erscheinen dann eben so kreisförmig, gehen die auf.
Ich habe es jetzt so gemacht, dass die nach oben auch kreisförmig verschwinden, das würde man normalerweise wahrscheinlich nicht machen.
Man würde einmal die Klasse setzen und würde es dann dabei belassen.
Ich kann gar nicht aufhören zu scrollen, das macht so viel Spaß.
Das ist schön, oder?
Das ist furchtbar.
Und das wollte ich nämlich noch sagen, das sind jetzt tatsächlich 600 Millisekunden.
Also je nach Anwendungsfall, wenn ich das jetzt mal auf 200 runtersetze und aktualisieren lasse, dann ist es nämlich, das ist viel zu schnell.
Du hast recht.
Also es kommt auf die Größe des Elementes auch an und auf die Art und Weise und was ich damit vorhabe.
Aber ich kann es nicht so richtig glauben, die Animation, die dauert doch nicht.
Das muss doch daran liegen, dass man es nicht ganz sieht, oder?
Richtig, weißt du, woran das liegt.
Das ist, weil es ein Kreis ist, der aufgeht, aber das Element an sich ist ja ein Rechteck.
Das heißt, der Kreis, der muss ja noch größer werden.
Das heißt, am Schluss ist der Unterschied, was sich aufdeckt, das sind nur noch so ein paar Pixel in der Ecke.
Genau, man sieht nicht die komplette Animation.
Richtig, also das Bild ist fürs Auge, für das, was du erfasst, was dein Gehirn erfasst und erkennt, ist das Bild viel schneller da als diese 600 Millisekunden.
Ja, also wenn von dem Bild irgendwie 50 Prozent aufgedeckt sind, dann ist das Bild gefühlt für dein Hirn da.
Und der Rest, der ist dann nur noch, naja, die Ecken, die Runden, die verschwinden halt, dann werden eckig.
Ja, also ich muss, du hast vollkommen recht, ich muss das zurücknehmen, für die meisten Animationen sind diese 0,2 Sekunden.
Ja, da gebe ich dir recht, 300 Millisekunden ist auch noch so im Rahmen, finde ich.
Ich lande manchmal auch bei 2, also 250 Millisekunden, aber so in den meisten Fällen sind 200 Millisekunden, also 0,2 Sekunden für mich das Richtige, weil ich warte nicht gerne und das ist irgendwie so eine Zeit, die sich für mich richtig anfühlt.
Das ist schnell, aber man sieht, dass es eine Animation gibt und wie wir jetzt gerade gelernt haben, ist es nicht für alles optimal, aber wenn ihr das Gefühl habt, eure Animation ist zu langsam, dann nimmt mal 0,2 Sekunden und dann stimmt es wahrscheinlich.
Nicht 100 Prozent, aber in den meisten Fällen.
Eine Sache, die ich noch vergessen habe, noch als Nachschub, genau, dieses Konstruieren von diesem Faden, wie gesagt, entweder SVG, aber wenn ich jetzt sage, naja, die neueste Chrome-Version, das kann ich noch nicht voraussetzen, ich brauche da noch ein bisschen Backwards-Kompatibility.
Es gibt ein Tool, CSS Clip-Path-Maker, verlinke ich auch, oder auch Clippy genannt, verlinke ich in den Shownotes.
Da kann man ein Bild, da hat man so ein Demo-Bild und dann kann man da verschiedene Formen wählen, Triangle, Trapez, Parallelogramm und so weiter und kann das wirklich mit so Anfassern dann auch hinziehen oder Punkte entfernen und kann sich dann Pfad visuell zusammenziehen und kriegt dann unten einfach angezeigt, was man bei Clip-Path angeben muss.
Das Geile an dem Tool ist, ist, dass man da noch lernt, wie die verschiedenen Formen denn heißen, nämlich Pentagon kennt vielleicht jeder, das ist ja irgendwie mit fünf Ecken.
Hexagon, okay, kennt man vielleicht auch schon, dann kommt Heptagon, das hat man vielleicht noch nicht gehört, Oktagon, okay, Nonagon und Decagon mit zehn Ecken dann.
Das fand ich einfach gut, dass ich nochmal daran erinnert wurde, wie diese Formen heißen, aber das ist geil, das sind echt coole Standardformen schon irgendwie dabei.
Man kann die sich, glaube ich, auch custommäßig zusammenbasteln, aber es ist super, wenn man zum Beispiel schon so ein X oder sowas hat oder ein Kreuz oder ein Stern oder so.
Genau, das kann man alles einfach schon vorauswählen, das ist wirklich ...
Ja, custom Polygon kann ich auch setzen und da kann ich einfach, muss ich mindestens drei Punkte natürlich setzen und da kann ich da lustig rumklicken.
Das ist dann so wie das Tool, was ich da gebaut hatte für dieses Werbemittel.
Und man sieht da auch, wenn man da lustig rumklickt, dass man solche Intersections machen kann, also ähnlich wie das halt bei SVGs auch ist, dass da Bereiche rausgeschnitten werden können, wieder aus dem Polygon.
Und dadurch kann ich eben solche Kachel-Effekte machen, dass ich dann negativ quasi wieder was rausschneide aus der Form, die ich da erzeugt habe.
Bei deinem Hündchen ist übrigens einer dabei, und das ist wahrscheinlich, wenn ich neu lade, ist der wahrscheinlich weg.
Der hat ein Gesicht, da habe ich so das Gefühl, das ist eigentlich ein Mensch mit Fell im Gesicht.
Das ist ein bisschen komisch, den anzugucken.
Warte mal, ich glaube, ich muss mal einen Screenshot machen, weil ich mache mal einen Screenshot.
Ja, die alternieren, also nicht alle, manche sind immer gleich.
Bei dem ist es wirklich, es ist so, es gibt ja bei Androiden oder bei irgendwie so Artificial Lifeforms, irgendwie spricht man ja vom Uncanny Valley, wenn die so realistisch sind, also nicht perfekt realistisch wie ein Mensch, aber so schon relativ realistisch.
Und dann ist das irgendwie so ein Bereich, den wir sehr unangenehm finden als Menschen, den zu sehen, mich für diesen Hund anzugucken, der ist sehr unangenehm.
Ja, der ist so flauschig und so rund.
Ja, aber das Gesicht.
Achso, die Bilder sind CC0, ja, den Hund, den können wir tatsächlich, äh, können wir mit reinbauen.
Ich, ähm, ich markiere mir das gleich mal hier.
Der guckt mich so an, der guckt auch so ein bisschen traurig und ich denke so, oh Gott, ein Mensch gefangen im Körper eines Hundes und der muss jetzt Gassi gehen, obwohl er vielleicht auf die Toilette gehen will oder so.
Das schreckte ich mir einfach.
Oh man.
Oh je.
Ja, der hat, irgendwie tut er mir sehr leid.
Ja.
Er tut mir sehr leid.
Ja, ist nicht, also irgendwie ist er zwar flauschig, aber hübsch ist er nicht.
Naja.
Nee.
Gut, äh, damit hätten wir es dann auch nach eineinviertel Stunden geschafft, bei unserem Thema anzukommen, wenn du fertig bist.
Äh, ja, dann bin ich jetzt einfach mal.
Spam-Spot entfällt, weil, ähm, hat ja immer noch keiner gespendet seit letztem Mal.
Ne, da reden wir aber jetzt nicht mehr drüber.
Ne, ne, das ist jetzt einfach, das ist einfach durchschnittlich.
Ihr merkt, ihr merkt, wenn der nächste Spam-Spot kommt, daran, dass er kommt.
Ja, genau.
So, so würde ich auch sagen.
Wir sind ein bisschen sauer auf euch, aber.
Nein.
Ich bin nicht sauer, ich bin nur enttäuscht.
Okay, los geht's.
Okay, hier ist WWS IV mit dem Tagesthema.
Und wir haben heute in Anlehnung an unsere...
Badabum, badabum.
Badabum?
Ja, an eine...
Ich hab doch gesagt, badabum, badabum.
An eine unserer beliebtesten Folgen, ich glaub die Top 5, äh, unsere Folge Nummer 8, 8 magischer Entwicklermomente.
So ein bisschen in die Richtung schwelgen wir heute in Erinnerungen, Errungenschaften und Erkenntnissen.
Äh, oder wie der Moritz eingangs gesagt hat, die Obers erzählen vom Krieg.
Aber eigentlich muss man ja sagen, ähm, das Internet ist ja noch viel älter als wir und der Computer an sich sowieso und sicherlich auch einige, einige Hörer sind älter als wir.
Also vielleicht sind wir gar nicht so die Web-Opers.
Mensch, Konstantin, da müssen wir, da müssen wir aber jetzt mal kurz Begriffe erklären, wenn wir schon da sind.
Also...
Computer?
Nee, nee, nee, nee, nicht Computer, sondern, sondern Internet ist älter als wir, ja, aber viele Leute verwechseln ja das World Wide Web mit dem Internet.
Ja, dann, dann, dann, dann, dann, mach mal, ich wäre noch, ich wäre noch später so ein bisschen, aber, ja, wenn du dich da auch vorbereitet hast, dann erzähl mal.
Nö, ich hab mich, ich hab mich überhaupt nicht vorbereitet, aber das füge ich jetzt gerade dazu ein.
Ja, aber willst du auf den Unterschied eingehen?
Ähm, einfach nur, das World Wide Web ist quasi, ja, ich kann nur ganz kurz anreißen, das World Wide Web, also das, was wir so alle benutzen,
oder den, der meiste Teil von dem, äh, was wir so alle benutzen, ähm, ist ja irgendwie so, äh, in den 90ern geboren, äh, also in den, äh, 90, 90ern, ähm, genau.
Und das ist so der, der, der Bereich, auf den irgendwie jeder so Zugriff hat, das Internet datiert aber noch wesentlich weiter zurück, das waren diverse Netze, die zum Beispiel, äh, vom US-Militär irgendwie erfunden und genutzt wurden und so weiter.
Und viel von Wissenschaftseinrichtungen, also das nimmt schon ein bisschen was vorweg, ich wäre da auch so ein bisschen zum geschichtlichen Hintergrund gekommen, aber, ähm.
Ja, ich, ich, ja, ich, ich störe einfach nur so ein bisschen quer, deine, deine Vorbereitung.
Ja, ist alles gut, alles fein.
Ähm, genau, das ist das nur, das nur, weil das, weil das oft, weil das oft, äh, gleich verwendet wird, so Internet und World Wide Web ist aber nicht dasselbe, also das eine ist viel älter als das andere und das, worin wir uns aufhalten, äh, meistens ist das World Wide Web.
Genau, also, ähm, wir haben vorhin schon gesagt, wir setzen oft einiges voraus und denken vielleicht auch nicht immer an den, an den Nachwuchs, der uns vielleicht auch zuhört, so die Nachwuchsentwickler und die auch deutlich jünger sind dann wiederum als wir, auch wenn wir nicht so wirklich die Opas vielleicht sind.
Der Nachwuchs ist auf jeden Fall positiv zu sehen.
Auf jeden Fall.
Nicht als kleine, doofe Entwickler, sondern eher andersrum.
Nur altersmäßig, also die einfach jetzt nachkommen.
Wir sind die altersschwachen.
Und ihr seid die jungen, agilen.
Wir sind so in der Midlife-Crisis der Entwickler.
Ich weiß auch nicht.
Aber auch, also der Nachwuchs kann heute auf jeden Fall was lernen.
Aber auch die alten Hasen haben vielleicht einiges verdrängt.
Oder vielleicht auch schon vergessen.
Tatsächlich.
Und ja, was wir wieder ins Bewusstsein rufen werden heute.
Ich hab grad an Dinge gedacht.
Kennst du dieses Bild von dem Hund?
Das ist so ein GIF, glaub ich.
Oder das ist ein kurzes Video.
When I was a pup, I had no time at all.
Nee, der schaut so ganz gebannt in die Ferne.
Und dann gibt's halt so Sachen, die dazwischen reingeschnitten wurden, wo man dann irgendwie quasi so seine Vergangenheit sieht, wo er im Krieg war oder irgendwie sowas.
Ah, okay.
Und ich hatte gerade so einen Moment, wo ich, glaube ich, so geschaut hab und so dachte, oh Gott, transparente PMGs im Internet Explorer 6 mit einer HTC-Datei.
Oh Gott, ja.
Da musste ich gerade dran denken.
Stimmt, das haben wir, hast du das, haben wir das nachher drin?
Ja, mal gucken, vielleicht kommen wir noch.
Nee, das können wir, das können wir, ich tue es mal noch rein.
Okay, okay, okay.
Ja, wegen Hundememem dachte ich jetzt nur hier, when I was a pup, I had one toy and it was a stick.
Oh Gott.
Aber gut, ja, sehr hundelastig heute.
Genau, also ich wollte jetzt eh noch an der Stelle zu einer geschichtlichen Einordnung kommen, ein bisschen.
Achtung, es wird aber nicht so tief und wollte dir die Frage stellen, aber wahrscheinlich kannst du es jetzt direkt beantworten, weil du jetzt da auch schon was dazu gesagt hast.
Wie alt ist denn das Internet?
Da muss ich jetzt aber raten, weil ganz genau weiß ich es nicht.
Darf ich eine Jahreszahl sagen?
Ja, ja, klar.
Muss ich sagen, wie viele Jahre alt oder seit wann?
Du darfst so beides.
Also, ich bin irgendwie bei 60er Jahre.
Bin ich da irgendwie richtig?
Also, ich weiß es nicht genau.
Ganz Ende 60er Jahre.
Also, man hat das sicher schon gehört oder gelesen, aber man ist sich dessen gar nicht so bewusst.
Der 29. Oktober 1969.
Über 50 Jahre, also im gleichen Jahr auch wie die erste Mondlandung.
Das ist damals auch so ein bisschen untergegangen vor lauter Mondlandung, dass eigentlich da auch noch eine andere technische Errungenschaft war.
Was? Mondlandung? Davon habe ich gar nichts mitgekriegt vor lauter Internet.
Nee, wir waren auf dem Mond.
Wir waren auf dem Mond. Ich war die ganze Zeit nur in Chatträumen.
Am 29. Ja, Chatträume war da noch nicht viel.
Am 29. Oktober 1969, da wurde die erste Nachricht vom UCLA, also von der Universität in Kalifornien in L.A., nach Stanford 500 Kilometer entfernt übertragen.
Und die Nachricht lautete Login, also ein fünfbuchstabiges Wort und nach zwei Buchstaben ist die ganze Geschichte abgestürzt.
Man hat es aber dann eine Stunde später dann doch noch geschafft, das erfolgreich zu übertragen.
Und das war also auch das erste Mal, dass es möglich war, auch zwischen verschiedenen Betriebssystemen und verschiedenen Arten von Computern Daten auszutauschen.
Und es hat dann aber noch einige Jahre gedauert dann bis zum weiteren Ausbau und bis zum Einzug in nichtwissenschaftliche Bereiche und private Haushalte sowieso.
Das war dann nochmal viel später.
Und nochmal in Frage an dich, ganz aus dem Bauch raus, wann ...
Ich muss gerade ganz kurz noch was ergänzen zu vorhin, wegen dem Hund. Ich habe gerade nochmal kurz gegoogelt, das Meme, was ich meine, heißt A War Flashback Dog.
Okay.
Es ist sehr verstörend. Es ist genau dieser Hund, der so in die Ferne schaut und dann sieht man so Kriegsbilder dazwischen. Ich glaube so aus dem Vietnamkrieg. Ganz furchtbar schrecklich. Also ich mache mich darüber nicht lustig. Im Gegenteil, weil das ist wirklich ... Das kommt noch in die Shownotes. Ich packe den.
Okay. Schreckliche Dinge erwarten euch in den Shownotes.
Ja, jetzt darfst du mich fragen.
Okay. Die erste E-Mail, die in Deutschland verschickt wurde oder nach Deutschland verschickt wurde, muss man sagen.
Wo, also ich weiß, man sagt, man munkelt Karlsruhe.
Ja, tatsächlich.
Nach Karlsruhe geschickt oder in Karlsruhe, von Karlsruhe?
Nach Karlsruhe. Also werf mal eine Jahreszahl in den Raum, was du so meinst?
E-Mail Deutschland. Jetzt stelle ich mir vor, ich denke da an so graue, so Wissenschaftler in grauen Kitteln.
Ich denke an Boris Becker, aber das kommen wir noch später dazu.
Die stehen um so einen Rechner rum mit so einem kleinen Monitor. Riesiger Rechner mit kleinem Monitor. Ich sage nur gerade mal, was in meinem Kopf ist.
So Rechnergröße Raum, wo man tatsächlich irgendwie noch so debuggen muss im wahrsten Sinne des Wortes, sodass man noch da die Käfer raussammeln muss.
Und ich tippe jetzt auf Anfang der 80er Jahre.
Ah, nicht schlecht, ja. 1984.
Ah, sehr gut.
Und zwar, also es wurden vorher schon E-Mails verschickt, muss man sagen, auch in Deutschland und nach Deutschland wahrscheinlich.
Aber 1984 gab es den ersten deutschen E-Mail-Server, also der wirklich unabhängig in Deutschland betrieben wurde.
Damals noch im ARPANET, also dem Vorgänger oder einem Vorgängernetz des Internets, wie wir es heute kennen.
Und das war tatsächlich hier in Karlsruhe am Vorläufer des KITs, also damals noch Technische Hochschule, glaube ich.
Und da war das erste Mal, dass dann E-Mail ankam, also quasi die Begrüßungs-E-Mail von dieser E-Mail-Administration aus den USA,
die quasi die neuen Mitglieder hier in Deutschland begrüßt hat.
Und da war auch Deutschland zusammen, glaube ich, mit Israel eine der ersten Nationen, die sich da angeschlossen haben,
diesem Trend und eigene E-Mail-Server betrieben haben.
Ja, und seitdem geben die Karlsruher an mit Internet-Hauptstadt und ich sag nur Vodafone.
Ja, so ist es ja.
Das Fahrrad wurde auch hier erfunden, aber über Fahrradwege fangen wir jetzt besser auch nicht an.
Ja, also es ist, äh, viel vor, nix dahinter.
Genau, demnächst sind, das ist jetzt, muss man das jetzt erklären, ich glaube, das muss der erklären.
Muss man auch erklären, ja, Werbekampagne hier, riesengroße Ortsschilder, die da aufgestellt wurden, ähm, mit Karlsruhe, viel vor, viel dahinter, äh, für, was weiß ich was, für viele Millionen Steuergelder.
Aber das müssen wir jetzt, müssen wir hier nicht breitreden, ist ja auch sehr, sehr lokal, äh, jetzt.
Es gibt, es gibt so ein riesiges Ortsschild an der Autobahn, oder gab's mal ein riesiges Ortsschild, wo genau das draufstand, Karlsruhe, äh, viel vor, viel dahinter.
Und naja, da wurde sich nicht nur einmal lustig drüber gemacht.
Ja, genau.
Okay, genau, aber wie du vorhin schon gesagt hast, also für mich beginnt auch, ähm, so im Geiste das Internet mit der allgemeinen Verbreitung innerhalb der Bevölkerung, hier in Deutschland, ja.
Amerika war da ja auch nochmal ein bisschen früher, ähm, ich sag mal so, mit dem Aufkommen des AOL-CD-Zeitalters, ja, Mitte der, Mitte der 90er.
Das muss man sicherlich auch erklären für, für, für Jüngere, ähm, oder die damals einfach sich nicht damit befasst haben, kann ja sein, dass jemand älter ist, aber damals noch nichts mit Internet am Hut hatte, ähm, das AOL-CD-Zeitalter.
Also das AOL hat, glaube ich, 300 Millionen Dollar, äh, oder sowas ausgegeben und hat, glaube ich, zeitweise weltweit 50 Prozent der produzierten CDs ausgemacht, hab ich so gelesen.
Echt?
Boah, Wahnsinn.
Die haben gesagt, ja, wie kriegen wir denn sowas wie das Internet, wo sich niemand was darunter vorstellen kann, wie kriegen wir das denn an den Mann?
Und haben einfach CDs mit, äh, teilweise hunderten oder irgendwie über tausend Freistunden, die man dann in einem bestimmten Zeitraum abfrühstücken musste, ähm, einfach per Brief verschickt, also einfach Post, äh, Päckchen, hier, AOL-Statter-CD.
Da war dann so ein, so ein AOL-Browser drauf und eben dieses Verbindungstool, ähm, ein Modem-Geräusch wollte ich eigentlich noch zum Einspielen, für, für, für die Leute, die das, die es geschafft haben, da drum rumzukommen, äh, viele Podcasts, die sich mit Technik auseinandersetzen haben, das ja direkt im Intro oder, äh, irgendwie im Hintergrund zu hören.
Also dieses Knarz-Geräusch und Klacker-Tröt-Geräusch, was damals entstand, wenn sich so ein Modem über die Telefonleitung ins Internet eingewählt hat.
Ich hab gerade überlegt, das kann man doch schnell, ich kann, vielleicht kann ich das noch kurz schnell live einspielen, weil wir haben das noch irgendwo bei uns in der Dropbox rumliegen.
Ach, tatsächlich.
Ja, dann gucken wir mal, ich guck mal schnell.
Jedenfalls hab ich dann bei meiner Recherche gefunden, es gab sogar eine Kampagne, No More AOL-CDs, äh, die da gegründet wurde, weil eben ein unglaublicher Plastikmüll auch damit erzeugt wurde.
Und, äh, die haben, also weltweit, auch in Deutschland gab's dann Stellen und so zentrale Sammelstellen, wo man CDs, ähm, hinbringen konnte oder, glaub ich, auch einschicken konnte.
Und die wurden da gesammelt und sollten mit einem großen Laster vor dem Hauptquartier von AOL ausgekippt werden, um ihnen ihren Müll zurückzubringen.
Weil das wirklich, also ich erinnere mich auch noch, wie viele, ich hab beim Aufräumen von meinem Büro in einer alten Kiste auch noch eine AOL-CD weggeschmissen vor, vor zwei Monaten oder so.
Ähm, also das war wirklich fast wie die Pest, ja, also das war schon echt krass.
Aber ich erinnere mich noch, da als erstes Mal ins Internet bin ich über so ein AOL-Ding bei meinem Onkel damals am Büro-Computer.
Damals war auch so ein Ding, dass Leute diese CDs, die waren ja kostenlos, äh, dazu benutzt haben, irgendwie ihre Partyräume zu dekorieren und so.
Ich hab, ich hab, ich hab Wände, ich erinnere mich, ich erinnere mich an Wände, die quasi vollgeklebt waren mit diesen CDs, so dicht an dicht, weil das halt irgendwie cooler Spiegeleffekt war und irgendwie Regenbogen und so.
Es sieht eigentlich aus heutiger Sicht total scheiße aus, aber das war damals echt, äh, und eine CD war damals irgendwie was, das hat nochmal viel Geld gekostet und, äh, naja, AOL hat die einem quasi geschenkt.
Und ich meine, wenn sie nix, wenn sie nix kosten, dann macht man halt damit, man braucht sie auch nicht, äh, du brauchst schon gar nicht 20 Stück und die lagen auch überall rum.
Konntest du irgendwo, äh, in, in, in Kaufhäusern, äh, konntest du die einfach mitnehmen, äh, tonnenweise und, naja, warum dann nicht, äh, den Partyraum damit.
Also es ging dann sogar so weit, dass das AOL Deutschland, ähm, eine Aktion hatte, wo man unfrei CDs zurückschicken konnte und die wurden dann tatsächlich recycelt, also die Rohmaterialien für, für, für neue CD-Produktion benutzt.
Äh, ja, das ist eine der Anekdoten, die heute noch folgen werden. Wir sind übrigens immer noch beim Vorgeplänkel, wir sind noch nicht bei unseren eigentlichen, äh, Punkten, die wir da, ähm.
Wir da, ähm, uns aufgeschrieben haben. Also es wird heute, äh, holt euch noch was zu trinken, macht kurz Pause.
Es geht heute länger.
Also Einzug, äh, von Computer und Internet so in den, in den Großteil der Gesellschaft, das, das haben wir im Endeffekt so, so mitbekommen.
Das war, ist, ist so unsere Zeit als, als, als, als Jugendliche oder fast, fast noch Kinder damals.
Ähm, wobei du warst schon ein bisschen älter, ein bisschen ein paar Jährchen älter als ich.
Äh, egal.
Ähm, also wir sind, wir sind so, so die erste, erste Generation an Digital Natives, kann man glaube ich so sagen.
Ne, so ab 18, 8, äh, 1880, um Gott, ab 1980 rechnet man das glaube ich so, ähm, ja, wir sind so die, die, wenn man 30 Jahre als Generation annimmt, wir sind so die, die erste Generation, die das so, so mitgemacht hat.
Von daher sind wir da schon alte Hasen im Vergleich.
Irgendwie schon, aber so Internet hat bei mir jetzt, ich weiß nicht, wann, wann das so, wann das so richtig angefangen hat, so 95, 94, 95 rum glaube ich so, war das so, dass man, dass man das irgendwie dann auch zu Hause haben konnte.
Ähm, da war ich quasi nicht im Internet zu dieser Zeit.
Also ich bin, ich bin nicht so ganz früh dabei.
Also ich bin 99 erst tatsächlich dann selber online gegangen.
Wir hatten, ja, wir hatten, ah, da war ich, ich bin gerade am überlegen, doch, ich glaube, da war ich schon mal online, da wusste ich irgendwie schon so E-Mail, das habe ich irgendwie schon so ein bisschen benutzt, hatte noch keine eigene E-Mail-Adresse, habe eine mitbenutzt und so ab und zu mal im Internet mal was nachgucken, aber damals hat man ja eigentlich quasi auch nichts Interessantes gefunden da im Vergleich zu heute.
Also da gab es noch keine Wikipedia und, obwohl, ich weiß gar nicht, vielleicht, die gibt es schon, 96 oder sowas, glaube ich, hatten wir es mal von.
Ähm, ja, also.
Also ich habe, ich habe jedenfalls mit HTML angefangen, noch bevor ich selber Internet hatte.
Also ich habe das noch offline gelernt mit Buch, das hatten wir auch, glaube ich, in unserer Eingangsfolge mal und wo wir es schon mal über das, über unsere Entwicklergeschichte so ein bisschen hatten, habe ich das ja erwähnt, genau.
Aber der, der oder die durchschnittliche Frontendlerin, die wird einfach immer jünger, also wie das eben so ist, ja, im Verlauf der Zeit, die Leute, die nachkommen, sind jünger als wir.
Und ich glaube, deswegen kennen Jüngere eben vieles nur vom Hörensagen oder vielleicht sogar aus dem Museum, ja, also Wählscheibentelefone findet man ja heute nur noch im Museum zum Beispiel.
Wenn man das nicht gesehen hat im Museum, kann man sich darunter nichts vorstellen und weiß nicht, was das ist.
Also wer 2002 geboren wurde, der ist heute schon volljährig, das muss man sich manchmal so bewusst machen, ja.
Man ist ja irgendwie manchmal sehr erschrocken darüber, dass irgendwie schon seitdem wieder 20 Jahre rum sind, wo man sich eigentlich noch so fühlt vom Bewusstsein her.
Und wenn jemand sagt irgendwie so, ah, in den 80ern, dann denkst du noch irgendwie, ah, vor 20 Jahren.
Aber wie gesagt, also 2002 geboren, ist heute schon volljährig und vielleicht nach der Ausbildung schon voll im Berufsleben.
Ich hätte vielleicht das Modem, ich muss mal gucken, ob es klappt.
Wir hatten mal diesen Sound und ich weiß auch nicht genau, wo er her ist, aber ...
Hörst du was?
Ja.
Okay.
Ich weiß auch nicht, wie laut das jetzt noch wird.
Also so hat sich das früher angehört, wenn man sich ins Internet eingewählt hat.
Und dann konnte in der Zeit auch niemand telefonieren.
Oh, okay, ich glaube, wir können alles.
Wow.
Ja.
Schön.
Ja, also Erinnerungen werden wach.
Also man, ja, man merkt schon.
Heute wird es nicht nur ums Programmieren gehen, sondern es wird sehr Meta.
Was mir noch aufgefallen ist, so im Vergleich jüngere Menschen, auch jüngere technikaffine Menschen sind heutzutage nicht mehr so tief drin, wie ...
Also das ist jetzt sehr allgemein, ja, das soll jetzt nicht allgemeingültig sein, aber nicht mehr so tief drin, wie die Dinge eigentlich funktionieren, ja.
Also die kennen sich zwar so in der Bedienung vielleicht aus, aber so irgendwie allein schon ans Betriebssystem gehen oder sowas.
Da habe ich, also bei meiner Nichte, Neffe, ja, die haben zwar viel früher angefangen als ich noch mit elektronischen Geräten und mit Computers und ...
Computers, Computern und auch mit Handys, ja, aber die kennen sich nicht mehr damit aus.
Wenn da ein Problem ist, dann muss der Onkel helfen oder sonst jemand.
Ja, aber ich, äh, pass auf, aber ich glaube, das ist eine Generationenfrage und das würden die Computerleute, die vor uns kamen, über uns ganz genauso sagen, weil die sagen, ja, die wissen ja, die wissen ja gar nicht mehr, wie wir früher irgendwie mit der Bürste die Rechner debugged haben.
Das weiß ja gar keiner mehr, wie das geht, ja. Oder die wissen ja gar nicht mehr, wie man in Assembler programmiert. Ich glaube, ich glaube, das ist echt ein Generationen-Ding.
Ja, aber jein.
Die Meta, weißt du, die, die, ähm, im Computerbereich stapeln sich die Meta-Ebenen ja immer weiter und das geht ja immer höher und es kommt noch eine Meta-Ebene dazu, noch eine Meta-Ebene dazu und wir sind einfach ein paar Ebenen vor den jüngeren Leuten, die wir jetzt gerade, also die, keine Ahnung, zehn, äh, zwanzig Jahre jünger sind als wir, ähm.
Wir sind einfach, äh, ein paar Meter Ebenen vor denen eingestiegen und das ist, die, das, das war halt damals, damals, als wir damit angefangen haben, noch ein Ding, dass man sich mit dem Betriebssystem auseinandersetzen musste, weil du, du, du musstest das vielleicht irgendwie noch von Hand starten oder irgendwelche Sachen von Hand konfigurieren, was du halt heute meistens nicht mehr musst.
Und ich, ich, ich, ich weiß schon, was du meinst, ja, aber es ist schon nochmal ein Unterschied, also in Assembler programmieren musst du halt heute nicht, weil es gibt, äh, viel mehr Auswahl an abstrahierten Sprachen und das, das musst du einfach nicht mehr können, ja, oder, oder ein Rechner, der Raum groß ist, zusammenbauen, ja, das musst du nicht.
Da würde der Assembler-Programmierer jetzt sagen, naja, es kommt drauf an, ob es jetzt richtig schnell und performant sein soll.
Nee, aber ich, ich sag mal so, also, äh, ja klar, je no-leveliger, desto performanter, aber, ähm, wie dein Betriebssystem funktioniert und was du machen musst, wenn irgendwas kaputt geht und sowas dran, das ist halt was, was dir tatsächlich heute auch noch was bringt.
Also, ja, Betriebssysteme sind vielleicht auch stabiler geworden, man muss jetzt nicht mehr bei jeder LAN-Party, falls es heute sowas noch gibt, gibt's ja auch nicht mehr, äh, so gut wie nicht mehr, äh, man muss nicht jedes Mal Windows 98 neu aufsetzen, wenn man den Rechner irgendwie zwei Meter nach links bewegt hat, das schon, aber, aber so an sich, also in Windows, ähm, irgendwas im System machen, wenn da was kaputt geht und so,
Da hab ich schon das Gefühl, dass das Wissen da ...
Welches Alter? Um welches Alter sprechen wir da jetzt gerade?
Zwölf bis fünfzehn?
Okay.
Da hab ich schon zwei Jahre Computer-Hardware gebastelt.
Also, ich, ich sage die Leute, die gibt es immer noch.
Die gibt es immer noch, ja.
Da hast du jetzt vielleicht, da hast du jetzt vielleicht ein paar spezielle Beispiele, weil, ähm, ich kenn jetzt jemand, okay, das ist jetzt, äh, zehn Jahre jünger als ich, also, äh, irgendwie, äh, Mitte zwanzig und, ähm, da war lange Zeit Windows, äh, neu aufsetzen quasi so eine
Smart-Sport.
Okay.
Ja, also, äh, wirklich mit allem drum und dran und ich guck mal, was ich alles kaputt krieg und dann setz ich's halt neu auf. Also, äh, ich, ich würde sagen, die gibt's immer noch. Ähm, nur, man muss es halt heutzutage in den meisten Fällen nicht mehr.
Weil die Systeme, äh, naja, gut, hä, mir kann ja nix stabil genug sein, aber die sind einfach stabiler geworden im Vergleich zu damals. Also, so, wo halt bei Windows 95 der Blue Screen, also der komplett Absturz des Systems irgendwie noch normal war quasi. Äh, und immer mal wieder passiert ist. Witzigerweise ist mir sowas auf dem C64 nie passiert.
Ähm, ja, gehört das eigentlich heute, das ist, das ist echt ungewöhnlich geworden oder das passiert natürlich schon mal, aber das war nicht so normal, dass so, so grundlegende Systemsachen so komplett kaputt gehen. Und deswegen sind wir da, glaube ich, noch tiefer drin und man muss das heutzutage in den meisten Fällen einfach nicht mehr.
Also, ich nehm da jetzt mal die Jüngeren in Schutz. Die lernen auf ihrer Meta-Ebene genauso wie wir auf unserer Meta-Ebene lernen.
Wahrscheinlich, ja. Also, ja, wahrscheinlich ist es wirklich so ein Generationen-Ding und ich bin halt so, öh, die Jungs von Vorstellungen.
Und deswegen versteh ich halt Snapchat nicht und hab auf TikTok nur ein Stalker-Profil.
Tito.
Nee, ich hab nicht mal ein Profil.
So, so.
Ich konsumier nur, ich konsumier nur auf TikTok.
Ja, das darf, das darf man ja manchen Leuten in unserem Alter gar nicht sagen, dass man so neue Sachen verwendet.
Das ist mir, das ist mir bei Twitter mal auf die Füße gefallen. Da hab ich irgendwie, ähm, wie war das? Ich weiß es gar nicht mehr.
Irgendwie kam, kam, kam auf irgendeinen Tweet kam so eine schnippische Antwort zurück. Ja, von wegen, und, äh, ja, und morgen fängst du mit Instagram an.
Dann hab ich, hab ich halt meinen, meinen Instagram-Account, der schon ein paar Jahre alt ist, halt weitergeleitet.
Ja, also, ich versuch mir die neuen Sachen, ähm, eigentlich auch immer anzugucken. Ich hab ja vorhin schon gesagt, ich bin Late Adopter.
Also, ich, äh, ich bin nicht derjenige, der sich an Tag Null, wenn was Neues rauskommt, den, äh, den Account registriert.
Und ich bin auch nicht bei Clubhouse zum Beispiel, auch wenn, äh, ich weiß gar nicht, ich hab, dafür bräuchte, bräuchte ich wahrscheinlich auch ein iPhone.
Ja, richtig.
Ähm, aber, äh, trotzdem könnte man sich ja kaufen, wenn man was Neues ausprobieren will, ne?
Ähm, ähm, und, äh, trotzdem krieg ich irgendwie, äh, find ich's trotzdem gut, wenn ich's irgendwie mitkrieg.
Ich krieg's irgendwie mit, aber ich muss nicht immer sofort einen Account haben, und, äh, ja.
Ist aber, glaub ich, auch so eine Altersfrage, in Anführungsstrichen.
Also, früher war ich schon Early Adopter, ich hab schon immer recht schnell, äh, mich irgendwo registriert und ausprobiert und so.
Ähm, ist jetzt mit der Zeit einfach auch, man hat nicht mehr die Zeit dafür auch, ja, also Berufsleben, Familie.
Also, selbst mit meinem Twitter-Account war ich spät dran, da hatten wir das, glaub ich, auch schon mal davon.
Da wusste ich schon mindestens ein oder eineinhalb Jahre, dass es Twitter gibt, und dann hab ich erst mal einen Account gemacht.
Also, äh, und eigentlich auch nur, ich glaub, das hab ich auch schon mal erzählt, äh, weil damals, ähm, bei, bei dem Podcast, den ich damals, äh, gehört habe, Technikwürze,
ähm, der eine Frage gestellt hat und gesagt hat, naja, wenn, wenn jetzt jemand hier, äh, drauf antworten will, dann schreibt es mir immer bei Twitter.
Und deswegen hab ich mir damals den Account gemacht. Gar nicht mal, weil ich dachte, oh, geil, Twitter neu, cool, muss ich mitmachen.
Also, mein, mein zweit, oder, naja, eigentlich mein erster Account, äh, mein, mein privater Account, äh, der ist von 2009.
Den anderen, den hab ich mir erst, äh, zugelegt, als wir den Podcast angefangen haben zu machen.
Was? Du hast da einen anderen Account?
Ja.
Verrate ich aber nicht.
Ich auch nicht.
Danke.
Gut, okay, ja, da kommen wir doch jetzt zu Punkt eins, oder? Würde ich sagen.
Ja, vorgeplänkelt steht da.
Ja, nee, das war ja jetzt, das war jetzt das Vorgeplänkel.
Achso, das war das, das war das Vorgeplänkel. Achso, dann kommen wir jetzt zum Nachgeplänkel. Nee.
Genau. Also, wie gesagt, es wird nicht nur ums Programmieren gehen dabei, aber wir fangen jetzt gleich mit der Programmierung an.
Und versprochen, am Ende geht's auch nochmal um, um konkrete CSS-Errungenschaften. Und dazwischen geht's um, um alles Mögliche, was wir so, äh, erlebt haben.
Und da kommt der Hund dann auch nochmal. Echt? Okay.
Glaube ich, ja, der Hund, der kommt dann bei EA6, kommt er.
Also, wir fangen an mit dem Thema Programmierung. Und zwar der Erkenntnis, dass Programmierung nicht bedeutet, dass man Nullen und Einsen in die Tastatur eintippt.
Wie, schreibst du keine Null und Einsen?
Ich schreib den Geil. Also, meine Tastatur hat eigentlich auch nur drei Tasten. Ich hab eine Einsen, Null und Enter.
Ach, Enter. Wieso brauchst du Enter?
Ja, um die nächste Zeile.
Machst du keine automatische Zeile? Egal.
Genau, also, ich brauche, ich weiß gar nicht, ich glaube, ich kaufe mir noch eine kleinere Tastatur. Ich brauche nur zwei Tasten.
Also, was ich damit meine, ist, dass der Zeitpunkt, wann die Erkenntnis kam, wie das eigentlich funktioniert, so das Programmieren.
Also, für viele Outsider ist das ja total Blackbox und Magie und was machst du da eigentlich den ganzen Tag?
Und, also, ich kann den Zeitpunkt zurückführen des Ursprungs unseres technischen Interesses und mit unserem meine ich mich und meinem Bruder.
Und zwar war das der Arbeitsrechner von meinem Vater, bei dem, beim Hochfahren stand,
NUMONET HUTTLE GLÅGE ZWEIDER.
Und mein Bruder hat das interessiert.
Müssen wir das übersetzen eigentlich?
Ach so, ja, für die Nicht-Süddeutschen.
Keine Hektik, es geht gleich weiter.
NUMONET HUTTLE.
Das ist, glaube ich, er ist ja Pelzisch auch, ne?
Ja, ja.
Genau, und mein Bruder wollte halt wissen, wie funktioniert das?
Warum steht das da?
Das wird ja nicht der Hersteller eingegeben haben.
Und das hat tatsächlich halt, glaube ich, mein Vater da halt reingetippt.
Und dann hat er halt sich die Dateien angeschaut und so und da kam das eigentlich.
Und wie das halt so ist, der kleine Bruder, der hat dann mit dem Ganzen nachgezogen.
Und wer mehr von meinem Bruder auch hören will, auch inklusive Stimme, Folge Nummer 18, Querverweis,
da sprechen ich und mein Bruder zum Thema Selbstständigkeit.
Genau, und dann haben wir halt angefangen, wir haben dann auch irgendwann einen eigenen Rechner bekommen
und haben dann angefangen, das auseinanderzunehmen, die Dateien.
Und ich werfe jetzt einfach mal Nibbles.buzz und Gorillas.buzz in den Raum.
What the fuck?
Ja, Nibbles, das ist Snake.
Im Endeffekt das, was man auf den Nokia-Handys später als Snake kannte.
Das war einfach auf Farbmonitor, später dann ein blauer Hintergrund und eine gelbe Schlange, glaube ich,
die sich rumbewegt hat und Zahlen gefressen hat.
Und Gorillas.buzz, das war ein Spiel mit einem Gorilla links und einem rechts,
die standen auf Hochhäusern und man konnte Bananen werfen.
Und es gab Gegenwind und man konnte dann den Winkel einstellen und wie fest man wirft
und konnte dann mit Bananen werfen, die dann explodiert sind und die Hochhäuser beschädigt haben
oder eben den anderen Gorilla getroffen.
Das erinnert mich an Ballerburg.
Ja, genau, das war, glaube ich, viel später.
Und das war geschrieben, also .buzz, Q-Basic-Dateien.
Und damit hat das bei uns so angefangen mit dem Programmieren.
Also zu gucken, wie kann man dann selber was schreiben.
Und da war ich, also da war ich zehn.
Also das war irgendwann so.
Was meintest du, was später kam? Ballerburg oder?
Ja, Ballerburg.
Also Gorillas, das war wirklich noch hier, das war noch DOS.
Moment jetzt, Ballerburg ist von 1987 vom Atari.
Oh, oh, dann habe ich mich getäuscht.
Dann war das wahrscheinlich ein Remake von Ballerburg, was ich da gesehen habe,
weil das war deutlich später.
Das ist ein Spiel auf dem Atari ST, ich habe es gerade noch mal nachgeschaut.
Also ich weiß nicht, warum Gorillas Bass ist, aber ja, auch recht, äh, recht alt.
Ja, und weil du vorhin gesagt hast, was wir so den ganzen Tag tun,
ähm, dazu gibt es ein schönes Bild, also was gerade wir beide den ganzen Tag tun.
Ich weiß gar nicht, ich bin heute irgendwie, in meinem Kopf sind die ganze Zeit irgendwelche Memes.
Und das ist auch eins davon.
Ihr kennt vielleicht dieses, äh, what my family thinks I do, what my friends think I do,
what my, what society thinks I do und so weiter.
What I, what I actually do.
Also normalerweise, ja genau, Clients, Designers, in dem Fall Designers und what I actually do,
oder Parents, ich kenne es mit Parents noch.
Ähm, und da gibt's, äh, also mein Lieblingsbild dieser Reihe, äh, ist eins zu Web-Development.
Ähm, ich weiß gar nicht, ob ich da jetzt so viel vorwegnehmen will.
Wir packen das mal in die Shownotes, dann guckt, dann habt ihr auch mal einen Grund, in die Shownotes zu gucken,
weil da ist die absolute Wahrheit, was der Konstantin und ich eigentlich den ganzen Tag machen.
Ähm, du kannst, hast du es dir schon angeschaut?
Ich hab's oben, äh, in die Beschreibung rein.
Ähm, kannst du ja noch machen, ähm, aber das, das ist, ähm, also neben Nullen und Einsen tippen,
also ab und zu, aber eigentlich machen wir das, was auf diesen Bildern drauf ist.
Ja.
Okay, schau ich mir nachher an.
Genau, schau es dir mal nachher an.
Ich erkläre es jetzt auch nicht weiter, weil ich will, dass ihr mal in die Shownotes klickt
und in den Shownotes findet ihr auch den Link zu unseren Spenden und dann könnt ihr uns mal ein Bier spenden.
Oder zwei, weil dann kann der Konstantin auch eins trinken.
Wir brauchen noch so einen Klingelbeutelsound, zusätzlich zum Glockensound.
Wenn ihr über die Spenden sprecht und ich raschel, raschel.
Ja gut, aber wir können ja auch einfach.
Und wenn ihr nicht brav seid, dann spiele ich nochmal das Modem ein.
Oh Gott, bitte nicht.
Verschon uns.
Äh, ja, genau, also, ähm, wir haben uns das angeschaut und in QBasic dann ein bisschen programmiert,
haben unser eigenes Text-Adventure geschrieben.
FBI hieß das mit Ei, wie das Hühnerei hinten.
Und, ähm, haben das später dann neu geschrieben mit HTML.
Also, das dürfte dann so 97 oder so gewesen sein, wo wir dann das Data-Backer-HTML-Buch hatten.
Ähm, und das ist leider, ich würde das gerne zeigen, also, das war echt witzig.
Also, für Teenager witzig.
Was man damals in den 90ern halt so lustig fand.
Ähm, aber es ist leider verschollen auf Disketten oder Festplatten vielleicht schon.
Ähm, und vermutlich für immer verloren.
Macht mich etwas traurig.
Also, jetzt hast du Text-Adventure, ey, was da geht, also, ich, ich muss ja, ich bin ja, heute ist ja, mein, mein Job ist ja auszuschweifen, ne?
Äh, äh, ich bin, ich bin, ich bin gerade vor kurzem auf einem Text-Adventure hängen geblieben im Browser, da gibt's ja so ein paar geile und das heißt A Firelit Room.
Und das ist wie immer mit diesen Text-Adventure im Browser, naja, obwohl, ist es ein Text-Adventure?
Man sieht eigentlich nur Text, ne, ich würde, ich würde, ich nenne es mal Ascii-Adventure, aber es ist sehr viel Text.
Es ist Text-basiert, also, es ist, außer, außer Buchstaben, äh, und, und mal ne Box mit, mit nem Rahmen drum siehst du eigentlich nix.
Ähm, es heißt, äh, hab ich schon gesagt?
A Firelit Room?
Ähm, genau, und es, es beginnt so, wie die meistens beginnen mit, da hast du halt irgendwie weißen, weißen Browser und da steht halt irgendwie ein Satz und dann kannst du einen Knopf drücken und so baut sich das dann langsam auf, bis du in einer riesigen Welt bist und irgendwie auf Adventures gehen kannst in diese Welt irgendwie mit, mit Waffe und keine Ahnung was.
Also, mich saugt das immer rein in sowas, wenn's gut gemacht ist und da gibt's einige und das, das können wir mal in die Shownotes packen, ähm, also, da gibt's Text-Adventures, wenn sie gut gemacht sind, ey, da versink ich total drin.
Gut, so, so ganz, so elaboriert war's nicht, so komplex, aber ich fand das damals schon, äh, cool, das machen zu können, selber so was schreiben zu können, mit viel Spaghetti-Code.
Ja, einfach, ja, aber einfach mal machen und am Ende ist es, ganz ehrlich, ich muss, ich muss jetzt mal eine Lanze brechen für Spaghetti-Code, ja, ähm, erstens, wenn du der Einzige bist, der das, der das maintaint oder vielleicht noch dein Bruder oder was, ja, dann ist es scheißegal, ob es Spaghetti-Code ist oder nicht, weil wenn es, wenn es genau zwei Personen, die ein Spaßprojekt machen,
ähm, das, das lesen und, und erweitern müssen, dann ist es vielleicht auch einfach okay, Spaghetti-Code und am Ende spielt's eine Rolle, machst du was und machst du vielleicht nicht den tollsten Code, aber du hast was gemacht und es funktioniert am Ende oder machst du nix?
Und da sag ich, mach einfach.
Ja, vor allem, also Q-Basic war einfach so, also da war einfach Go-To und dann gehst du dahin und wenn das passiert, dann Go-To, äh, so und so.
Also an der Stelle mein Appell, äh, wenn ihr vor dem, vor, vor, vor dem Moment steht, ähm, etwas machen und sich nicht sicher sein, ob es gut ist oder ob man das jetzt richtig macht oder nix machen, einfach mal machen.
Einfach mal machen, nicht, nicht zurückhalten lassen. Wie, wie viele Projekte habe ich nicht wirklich fertig gemacht oder richtig gestartet, weil ich gedacht habe, ah, ja, ich weiß jetzt aber nicht, hm, ich kenne mich jetzt mit objektorientierter Programmierung in Java, es kommt noch nicht so gut aus.
Kann ich das jetzt? Und wenn das jemand sieht, oh Gott, was sagt der dann? Wenn es gut funktioniert, dann sagt der gar nix, außer, dass es jetzt, außer, außer, das schaut sich jetzt irgendwie einer an, wo du dich bewirbst und sagt, hey, was hast du denn da für einen Code geschrieben?
Und in den meisten Fällen, wenn es nur darum geht, dass irgendwas funktioniert, ist scheißegal. Wenn es funktioniert, ist es egal, wie es geschrieben ist. Also einfach machen.
Spaghetti Yolonese.
Spaghetti, Swaghetti Yolonese.
Spaghetti Yolonese, genau.
Swaghetti Yolonese, ganz, ganz beim Money Boy wieder.
Oh.
Ja, das fügt man jetzt nicht auch noch ein.
Money Boy.
Doch.
Money Boy, einer der größten Rapper.
Okay.
Wie war es denn bei dir, die Erkenntnis, wie Programmieren funktioniert?
Du, wie Programmieren funktioniert, weiß ich immer noch nicht so genau.
Okay.
Kannst du mir das kurz erklären?
Ganz, ganz kurz, ein Schub.
Ich muss, also, boah, da lasse ich jetzt aber die Hosen runter, ey.
Also, meine erste Begegnung,
Meine erste Begegnung mit Code, jetzt muss ich überlegen, ich glaube, da haben wir auch in der 0. Folge schon mal drüber gesprochen.
Also, meine allererste Begegnung mit Code, da habe ich aber noch nicht verstanden, was jetzt, was da jetzt passiert.
Da hatte ich kein, ja, kein Verständnis dafür, was ich da eigentlich mache.
War tatsächlich ein C64, den ich hatte, mit so, da gab es so Bücher mit Codebeispielen, die man abtippen konnte.
Und dann, dann hast du halt, du hast den Code da, das war ja Basic da irgendwie, hast du abgetippt und dann hat er halt irgendwas gemacht.
Und da bin ich nicht besonders weit gekommen.
Ich habe mir halt so die kurzen Codebeispiele mal rausgesucht und habe die einfach mal abgetippt und habe geguckt, was funktioniert.
Also, irgendwie so das klassische irgendwie, bau eine Endlosschleife irgendwie 10, bla bla bla, Output bla, 20, go to 10.
Und dann lief das halt für immer und hat immer irgendeinen Text ausgegeben oder so.
Also, das war meine allererste Begegnung mit Code, da habe ich aber wirklich nicht verstanden, was ich da eigentlich mache.
Ich habe einfach nur das abgetippt und dann flimmerte irgendwas auf dem Bildschirm rum.
Und dann langsam Verständnis dafür habe ich bekommen, als ich zum ersten Mal, ich wollte Webseiten machen und mich hat der Code eigentlich nicht interessiert.
Wenn, wenn, ich habe das gerade heute nochmal zum Kollegen gesagt, wenn es einen guten What you see is what you get Website Builder gegeben hätte damals, der wirklich auch das, mir die ganzen Möglichkeiten gibt, die ich haben wollte, ohne dass ich Code schreiben muss, dann hätte ich wahrscheinlich nie Coden gelernt.
Ich wollte einfach nur Webseiten bauen und mich hat nicht interessiert, wie, mich hat der Code nicht interessiert.
Der Code war ein notwendiges Übel damals.
Ich musste das lernen, weil bestimmte Dinge, die ich machen wollte, gingen einfach nicht mit Frontpage.
Also habe ich irgendwann, bin ich irgendwann in Frontpage, in dem What you see is what you get Website Builder von Microsoft damals, eben mal auf dem Reiter HTML gelandet und habe dann gesehen, das ist der Code, der da dahinter steckt.
Und da habe ich dann zum ersten Mal gemerkt, aha, da ist irgendwie Text und wenn man jetzt mal genauer hinguckt, dann kann man vielleicht sogar lesen, was da steht und wenn man noch ein bisschen Englisch kann dazu.
Also in dem Fall war das dann HTML.
Und das war, glaube ich, so, wo ich es dann wirklich geblickt habe.
So, aha, da gibt es wirklich Dinge, die werden von Hand geschrieben und das ist irgendwie, das ist der Sprache, die ich spreche, irgendwie ähnlich.
Entschuldigung.
Und vielleicht kann ich da auch irgendwie selbst mir was ausdenken, das dann irgendwie was macht, was ich haben will.
Ich glaube, das war so der Moment bei mir, wo ich dann gemerkt habe, aha, also irgendwie gibt es da was, was nicht Einsen und Nullen ist, um nochmal auf das Anfangsding zurückzukommen.
Und ich habe eigentlich immer wieder diese Momente, wenn ich mir ein neues Thema erschließe, wo ich dann denke, ah, so einfach ist das.
Also zum Beispiel so ein Moment war bei mir, als ich irgendwann mal festgestellt habe, dass viele, viele Dateiformate, die irgendwelche verrückte Dateiendungen haben, oft einfach nur unbenannte ZIP-Dateien sind.
Ja, also so, wenn du irgendein komisches Dateiformat hast, was jetzt nicht sofort nach Binärcode riecht, wenn man es öffnet oder vielleicht sogar nach Binärcode riecht, wenn man es öffnet, einfach mal versuchen, mit einem ZIP-Programm zu öffnen und gucken, ob es einfach nur ein ZIP-Archiv ist, was man drauf machen kann.
Das ist auch so ein Moment gewesen, wo ganz viel Magie der Programmierung oder ganz viel Computermagie weggegangen ist, wo ich gemerkt habe, zum Beispiel, ich weiß gar nicht, ich glaube PPTX oder also diese ganzen X-Dateien da von Microsoft Office-Paketen sind doch, glaube ich, auch ZIP mit diversen ...
Ich dachte, sie wären proprietär, nicht?
Ich glaube, das sind tatsächlich ZIP-Dateien, wo du, und wenn man die, wenn man die entpackt, dann kannst du auch die einzelnen Ressourcen da rausziehen, die in so einem PowerPoint oder was weiß ich was ...
Ja, Bilder oder Fonts sogar und ...
Genau, Bilder und Fonts kannst du da rausziehen. Also ganz, ganz oft, also das war auch noch so, also ich glaube, das war ... und ganz viele, ganz viele File-Formate, die erst mal nach Magie aussehen, kommt am Ende raus, naja, ist einfach nur Text.
Die Quell-Datei, dazu ist immer einfach nur Text und dann wird damit irgendwas gemacht, sodass man sie nicht mehr so einfach lesen kann, ob das jetzt sinnvoll ist oder nicht.
Ob das jetzt Absicht ist, dass man es am Ende nicht mehr lesen kann oder nicht, es gibt ja auch Absicht oder halt einfach nur, wird halt ein Kompilat draus gemacht, wird binär draus gemacht, damit es schneller läuft oder keine Ahnung, was auch immer.
Also, aber meistens, oder so gut wie immer, steht am Anfang von der Programmierung einfach nur Text. Text, der mehr oder weniger für einen Menschen lesbar ist, der dann übersetzt wird in irgendwas, was halt auf dem Computer funktioniert.
So.
Gut.
Riesenbogen geschlagen, ja, das machen wir jetzt gleich nochmal bei Punkt zwei.
Genau.
Ich war schneller.
Ich hab grad die Aufnahme kurz pausiert aus Versehen, bin auf die Lehrtaste gekommen, oh Gott, oh Gott, oh Gott.
Ah, warum machst du das denn?
Ich weiß es nicht, aber es wird wahrscheinlich resultieren in einem kurzen, stockenden Moment im Endergebnis.
Genau, zweiter Punkt, Internetgeschwindigkeit, Downloadgrößen und Speicherplatz.
Da haben wir uns bei der Vorbesprechung letzte Woche, haben wir uns da zu dem Thema noch total verquatscht und dachten dann noch, ja, kann man da viel drüber erzählen und haben, glaube ich, am Schluss eine Dreiviertelstunde drüber geredet.
Ich muss sagen, unsere Jitsi-Session letzte Woche, letzte Woche war, glaube ich, insgesamt fünf Stunden lang oder so, also es war, wir hätten da, wir hätten da noch drei Sendungen draus machen können.
Wir hätten eine Sendung, auf jeden Fall eine Sendung mindestens draus machen können.
Hätten wir einfach aufgenommen.
Ähm, naja, jetzt habt ihr den Salat, jetzt reden wir noch länger.
Ich glaube, ich hole auch etwas, ein bisschen aus, aber ich versuche es jetzt echt ein bisschen kürzer zu machen.
Ähm, ja, genau, Internetgeschwindigkeit, Downloadgrößen, Speicherplatz.
Speicherplatz, ähm, ursprünglich Datenspeicher, Lochkarten und die erste richtige Festplatte, das war die 350,
also 350 Disk Storage System von IBM, 1956.
Ja?
Darf ich noch kurz einhaken?
Also Lochkarten, das ist jetzt so schnell gesagt, aber vielleicht muss man mal kurz sagen, was das ist.
Ja, ich wollte nicht ganz so, ich wollte jetzt nicht hier mit Pferdekutsche anfangen.
Doch, doch, nur ganz kurz erklären.
Naja, das waren halt so Pappkarten, wo Lochmuster reingestanzt waren, die dann quasi wie so eine Art Brei-Schrift, wenn man das so will, also die Blindenschrift.
Ja, im Endeffekt auch schon wieder, also 0 oder 1, das ist ein Loch da oder das ist kein Loch da.
Genau, genau, und da dann, aber ich weiß gar nicht, wie viele Löcher da drin sein können, halt so eine Art Matrix und dann halt je nachdem, an welcher Stelle da ein Loch ist und wo halt nicht, hast du dann quasi 0 und 1.
Genau, also das nur mal so zur Erklärung, kann man gerne mal irgendwie nachgoogeln, wenn man das sehen will, aber das mal so zur Erklärung, was das eigentlich ist.
Ja, hast du recht.
Genau, die erste Festplatte, 40 magnetische Platten mit einem Lese- und Schreibkopf mit sagenhaften 5 Megabyte.
Ähm, Moment, ist das, ist das, ist das so diese Zuse-Generation? Dann habe ich die nämlich schon mal in echt gesehen.
Das ist so ein Zylinder mit 40 Platten da so ineinander.
Ja, so schrankmäßig.
Ja, das war doch da die Zeit, als so ein Computer halt einen kompletten Raum und drei Administratoren beansprucht hat.
Ich habe auch, ich weiß jetzt nicht, ob ich die gesehen habe, aber ich habe auf jeden Fall aus dieser, aus dieser Generation schon mal eine Festplatte gesehen, also kann ich empfehlen, äh, deutsches Museum in München, äh, total geil, da stehen auch so alte, alte Rechner rum, also wo du tatsächlich, wenn die jetzt, leider, leider waren die nicht an und ich weiß auch nicht, ob die noch funktionieren, ähm, auf jeden Fall, wo, äh, noch wirklich, ähm, physikalisch sich Dinge drin bewegen.
Wahrscheinlich, äh, wenn du die anschaltest, würde es alleine der Stromverbrauch für diese Riesengeräte, wäre wahrscheinlich fürs Museum zu teuer.
Ja, auf jeden Fall, total irre, empfehle ich jedem sich mal anzugucken, dass man mal sieht, wo das herkommt, also das sind Rechner, die man meiner Meinung nach, wenn man, wenn man da mal zuguckt, wie die rechnen, auch noch begreifen kann, wie die funktionieren, also, das ist sehr faszinierend.
Und, ähm, wenn die Geschichte der Festplatte im Speziellen interessiert, da verlinke ich auch noch einen, einen Artikel, wo man das schön sieht und auch mit Bildern sieht, eben diese Säulen aus, aus Magnetplatten und so weiter.
Und, ähm, ich erinnere mich noch dran, dass ich von einem Freund einen MP3, ähm, mir kopiert hab und vor dem Problem stand, also USB-Sticks waren damals noch nicht und eine Diskette, die hatte halt irgendwie, was, 1,4 MB waren's, glaub ich, ne?
Ja.
Und dann hab ich diese Datei mit Winrar.
Dazu muss man aber sagen, was für eine Diskette, ne?
Ja, eine 3,5 Zoll Diskette.
3,5 Zoll Diskette?
Schon die kleine, schon die kompakt.
Ja, genau, nicht nur 500 Kilobyte, ja.
Ähm, aber ich hab noch die großen zu Hause, tatsächlich.
Ähm, genau, und dann hab ich die mit Winrar aufgesplittet, äh, das, das MP3 und, und, äh, auf drei Disketten dann mit nach Hause genommen.
Und wenn man das vergleicht mit heute, wo man sich, ähm, mal irgendein Update oder sowas mit zweieinhalb Gigabyte mal eben runterzieht oder irgendein Spiel mit 50 Gigabyte von Steam lädt, ähm, Wahnsinn.
Was das, was, da liegen ja wirklich Welten dazwischen.
Was ja mit meiner, also Steam erstaunlicherweise mit meiner Vodafone-Leitung immer sehr schnell geht.
Also, also in den meisten Fällen, wenn's nicht grad alles kaputt ist, aber Steam, das ist wirklich, die haben irgendwie fette Server da stehen, also da ist, da ist meine Leitung echt nicht, die reizt die nicht aus.
Das ist, äh, das macht Spaß.
Genau, also ich will jetzt nicht die komplette Geschichte der Speichermedien abhandeln, da sonst, äh, sind wir am Schluss bei fünf oder sechs Stunden eher.
Ähm, aber wir haben schon gesagt, große Disketten, äh, früher ganz riesige Disketten, die du mit beiden Händen irgendwie anfassen musstest, ähm, ja, dann 3,5 Zoll Disketten und irgendwann dann USB-Sticks, da wurde das dann doch einfacher, irgendwelche Dateien mal irgendwo hin zu, äh, mitzunehmen.
Und was es auch gab, so als Zwischenstritt, ähm, bevor, ähm, ja, dann die USB-Sticks, äh, aufkamen und auch entsprechende Größen hatten, ZIP-Laufwerke.
Hat mit ZIP als, als Komprimierungsverfahren nichts zu tun, äh, sondern die hießen einfach so.
Auch so eine Art Disketten, die da reinkamen, oder?
Ja, iOmega hieß die Firma, iOmega ZIP.
Und sowas hatten wir auch tatsächlich, das waren im Endeffekt einfach nur, na, größer glaube ich, nicht mal, aber, aber dicker, ähm, kann man sich auch Bilder angucken im Internet, ich verlinke da auch den Wikipedia-Artikel.
Und die gab's in 100, 250 und 750 MB.
Und das war schon damals, also, wow, äh, ich erinnere mich noch dran, äh, dass, dass wir dann die Festplatte mal aufgerüstet haben auf 500 Megabyte.
Und da war das schon so, boah, 500 Megabyte, was, äh, was willst du denn damit, das kriegst du ja niemals voll.
Und, ähm, die haben nicht mit, äh, Ultra-4K-Blu-Ray-Filmen gerechnet.
Nee, wirklich nicht, wirklich nicht.
Ja, und, äh, was ...
Guck mal, gibt's das?
Guck mal, gibt's noch?
Nee, nee, nee, nee, gibt's lange nicht mehr.
Also, es gab dann noch so Nachfolger-Dings, ähm, weiß jetzt gar nicht mehr, wie die hießen, Omega Jazz und im Endeffekt ist der, der USB-Stick ist, ist dann, äh, ein Nachfolger davon.
Und damit wurde dann alles immer kleiner und portabler.
Aber womit macht man denn heutzutage große Backups?
Mit Festplatten?
Die, nee, die, die sind ja, die sind ja, die sind aber nicht so lange haltbar, oder?
Muss man da Angst haben vor dem nächsten Sonnensturm?
Ähm, ähm, also, also, was ich mal gehört hab, da ist das so, dass, ähm, Archive, so große Archive tatsächlich noch mit so Magnetbändern oft arbeiten, so riesen Magnetbänder.
Ja.
Also, so gerade Bibliotheken und, und die dann irgendwelche, ja, eben Texte archivieren und, und, und, und konservieren.
Ähm, ja, und viel, äh, so viele so alte Bücher, das wird, glaube ich, tatsächlich immer noch auf Mikrofilmen aufbewahrt, ne?
Auch das, wobei das inzwischen digitalisiert wird, so nach und nach, aber, ja.
Aber ich meine, ähm, dazu muss man aber auch mal sagen, das finde ich eigentlich ziemlich interessant, äh, was ist denn wirklich lange haltbar? Und mit lange meine ich jetzt nicht zehn Jahre, sondern was, was ist denn wirklich 500 Jahre haltbar? Weiß man, das weiß man ja gar nicht.
In Stein gemeißelt ist, glaube ich, noch am haltbarsten, je nach Witterung.
Ja, gut, ich weiß jetzt nicht, ob du, ob du deine, deine Urlaubsfotos in Stein meißeln willst, Bit für Bit.
Nein, natürlich nicht.
So, ähm, also CD ist in jedenfalls nicht so lange haltbar, also das, äh, habe ich auch im Aufbau gemerkt, dass die, äh, Schichten sich da jetzt dann langsam ablösen und das sind jetzt, äh, keine Ahnung, 20 Jahre, 25 Jahre.
Ja, also, äh.
Ich frage mich halt, wenn ich jetzt, also angenommen, ich hätte jetzt Daten, ich, ich will jetzt irgendwie so ein, so ein, so ein, äh, Zeit, so eine Zeitkapsel mit Daten bauen.
Was tue ich da rein, das, was in 500 Jahren, wo ich in 500 Jahren relativ sicher sein kann, dass die Daten noch da sind?
Mal ganz abgesehen von der Schnittstelle, ja, aber die kann man ja vielleicht irgendwie nochmal nachimplementieren, ähm, aber, äh, gibt es irgendwas?
Weil ich meine, äh, letzten Endes auf den meisten Datenträgern, die wir so haben, liegen die Daten ja in magnetischer Form vor.
Und das ist ja, weiß ich nicht, wie, wie, wie, wie beständig ist das denn?
Ja, da gibt doch mal ein Bit um, äh, und dann hält mal einer irgendwie, hält mal einer irgendwie seinen Magnet nebendran oder läuft mit irgendwas Magnetischem daneben her und dann ist kaputt.
Deswegen Redundanz, äh, und zwar nicht nur, äh, in der Anzahl, also nicht nur irgendwie in NRS mit, mit, mit drei Platten, die sich gegenseitig spiegeln, sondern auch örtlich tatsächlich Redundanz.
Also, wenn mir die Budi abbrennt, dann bringen mir auch drei Festplatten nix, wenn die nicht woanders die Daten gesichert sind oder die, das Gehäuse feuerfest ist, ähm, also Cloud ist halt ein Weg, den man gehen kann, äh, da ist dann halt die Sache, will ich meine Daten da irgendwo hinschieben, wo ich nicht weiß, was damit passiert, ähm.
Ja, aber die Cloud gibt's doch in 500 Jahren nicht mehr.
Weiß ich nicht, ja.
Also, ich glaube, das Speichermedien der, der Zukunft, da warten wir ja auch schon wieder 20 Jahre drauf.
Da gab's ja Tesa, Tesa-Film-Speicher, da hieß es ja.
Ich, ich, ich setz auf Tesa-Rom.
Tesa-Rom.
Ich, ich setz auf Tesa-Rom.
Also, dass da wirklich in mehreren Schichten von, von Transparenten, also, dass, dass, dass das auf Tesa ist, das war, glaube ich, auch tatsächlich nur so, damit man's als Laie besser versteht.
Also, es geht darum, auf Transparenten-Schichten aus, was weiß ich was, äh, Plexiglas oder, oder speziellen chemischen Zusammensetzungen, da eben durch Laser in mehreren Schichten, äh, Informationen zu speichern.
Was ist denn jetzt gerade passiert?
Ach so, deswegen, ich, ich bin gerade, Entschuldigung, ich bin gerade auf die Wikipedia, ähm, und dachte, haben die ein neues Layout? Was ist denn da los? Seit wann ist die Wikipedia in der Breite beschränkt?
Und jetzt habe ich gesehen, ich bin auf dem mobilen Link gelandet, warum auch immer, ähm, aber das, äh, habe ich mich gerade gefragt, warum ist die Wikipedia nicht eigentlich nicht immer die mobile Variante, weil die ist viel besser lesbar als die normale.
Äh, ich bin gerade auf Tesa als, also bei, äh, der Wiki-Artikel zu Tesa und Tesa als Datenspeicher, das, äh, dahin verlinkt Tesa-Rom.
Ja, das, das wäre doch echt ein Ding, also, ähm, super billiger Datenspeicher und damals hat man halt gedacht, naja, man kann in verschiedenen Layern da was drauflasern und das ist dann halt so ein, so ein relativ langer, haltbarer Datenspeicher, der sehr günstig ist.
Hat sich aber wohl irgendwie noch nicht durchgesetzt.
Ja, also ich, ich, ich finde, ich glaube, ich rufe mal an bei Tesa und sage, ey, ich würde gerne mal, was ist denn jetzt eigentlich mit Tesa-Rom?
Ich hätte jetzt da gerne mal, ich würde jetzt gerne mal meine Daten speichern.
Und natürlich auch wieder ausreden.
Sehr gespannt.
Fälschungssicherung durch, äh, was? Fälschungssicherung durch Miniatur-Hologramme, jetzt wird's aber verrückt.
So, ähm.
Ja, genau, bevor wir von den, von den Disketten weitergehen, finde ich noch interessant zu erwähnen, das Disketten-Symbol, heute noch als Speichern-Icon, ähm, ist eigentlich auch witzig, weil, weil jüngere Menschen ja überhaupt gar nichts mehr damit anfangen können.
Also die kennen dieses Symbol, die wissen, das bedeutet Speichern, aber wer von denen weiß noch, was das, äh, was, was heißt so von der jüngeren Generation?
Ja, wer von denen weiß denn beim Handy, was das, was das Telefonhörer-Icon eigentlich ist?
Ja, richtig, ja, so was, also Telefonhörer-Icon, Disketten-Symbol, das sind irgendwie so noch so Relikte, ähm, oder, oder das Brief-Symbol halt für elektronische E-Mails, ja, für E-Mails, ja.
Oh Gott, oh Gott, oh Gott, oh Gott, das ist, ja, stimmt, es gibt so diese Anekdote, den Brief gibt's aber noch.
Ja, gut, den gibt's noch, ja, aber Telefonhörer in der Form, äh, fest das Telefon und, ähm, und, und das Disketten-Symbol, das ist, das, ja, also das ist ein Symbol dafür geworden und, und keiner weiß, also keiner weiß, also keiner nicht, aber wer halt danach geboren wurde, woher soll das auch wissen, ja.
Und da gibt's so die Anekdote, ich weiß nicht, ob das wirklich mal passiert ist, aber man, man, man, man munkelt, man sagt sich, ja, dass, dass, äh, Jugendliche, die dann so eine 3, so eine Diskette sehen im Museum oder sowas und gefragt werden, was ist das denn, sagen, oh, cool, ein Speichern-Icon in 3D.
3D gedruckter Speichern-Icon, geil.
Wollten wir eigentlich auch noch über, ähm, über, äh, Daten, Download-Größen, hab ich hier irgendwie noch gelesen?
Ja, also ich hab.
Wo sind wir denn eigentlich gerade bei dem?
Also ich, ich wollte noch sagen, was wir so herausgefunden haben, dann so in unserem Gespräch, äh, bei der Vorbereitung war, dass sich in den letzten Jahren irgendwie nicht mehr so viel getan hat oder wir zumindest nicht mehr so viel mitbekommen haben, jetzt gar nicht mal nur in Richtung, irgendwie Tesa-Rom oder was weiß ich, irgendwelche ganz neuen Sachen, sondern auch generell mit den, mit den Größen und was, was so verfügbar ist, also USB-Sticks, ein bis zwei Terabyte ungefähr, gibt mit Sicherheit auch, auch größere, ähm,
SSD ist 8 Terabyte, war da so, hab ich mal kurz bei Amazon.
Ist das nicht USB-Sticks, echt USB-Sticks in Terabyte größer?
Ja, ja, ja.
Oh, wow.
SSD, ja, aber, aber trotzdem ein bis zwei, ja.
Also wir haben, also ich, also vor zwei Wochen, wir haben, ähm, wir haben so drüber gesprochen, ich hab so gesagt, naja, äh, vor, also das war so meine Wahrnehmung, ähm, so vor zehn Jahren hab ich mir einen Laptop gekauft und da war, ähm, so, das war vielleicht für damals schon viel, aber das war jetzt nicht ungewöhnlich, ähm, hatte ich einen Terabyte Speicher drin, so einen Terabyte Festplatte.
Ähm, es waren zwei, ich glaub, es waren, äh, der Fairness halber muss man sagen, es waren zwei Festplatten mit jeweils 500, äh, Gigabyte, ähm, aber es war insgesamt ein Terabyte so.
Und jetzt, wenn man jetzt Laptops kauft, dann ist es, ist da zwar eine SSD drin, aber da ist jetzt auch nicht unbedingt immer ein Terabyte drin, sondern da gibt's auch welche mit weniger noch.
Und, äh, wo andere Sachen, oder, nee, wir haben, ich glaub, ich hab den Vergleich gezogen zu der, zu der Zeitperiode davor.
Also, mein erster Rechner, den ich hatte, der, also mein erster PC, den ich hatte, ähm, der hatte ein Gigabyte Festplatte.
Und, und dann hat innerhalb, also von, äh, von damals bis, äh, bis zu meinem Laptop, den ich gerade angesprochen hab, äh, sind ungefähr 15 Jahre vergangen.
Und innerhalb diesen 15 Jahren ist also die Standardgröße von einem Rechner, von, von einer Festplatte von ein Gigabyte auf ein Terabyte gewachsen.
Hat sich also vertausendfacht in der Zeit.
Und in den letzten 10 Jahren, also jetzt ein bisschen kürzerer Zeitraum, aber ähnlich, sag ich mal, hat sich's quasi nicht geändert.
Also ist vielleicht ein bisschen mehr geworden, so generell, was man so haben kann, aber die meisten haben nicht mehr.
Und, äh, naja gut, jetzt kann man sagen, ja, Cloud und irgendwie schnelles Internet und ich muss ja meine Fotos und meine Musik gar nicht bei mir zu Hause liegen haben.
Äh, ja, aber vielleicht will ich ja. Also ich hab, ich hab das Gefühl, da hat sich irgendwie nicht so richtig viel getan in dem Sektor.
Und so richtig günstig, viel günstiger ist der Speicher auch nicht geworden.
Was sich getan hat.
Also dadurch, dass jetzt SSDs gekommen sind, die sind halt jetzt, die sind jetzt so in dem Preisbereich, wie damals die Festplatten waren.
Ähm, klar, neue Technologie musste erstmal irgendwie eingeführt werden.
Die sind jetzt aber ähnlich teuer, billig, aber irgendwie, ähm, ja, ich, ich sehe da keinen so richtigen Fortschritt.
Also was sich getan hat, ist, dass die, die Speichermedien immer kleiner geworden sind.
Ja, nicht mehr Speicherplatz, aber immer kleiner.
Also dass man eben jetzt USB-Sticks hat, schon im ein bis zwei Terabyte Bereich, das ist tatsächlich, äh, Fortschritt.
Ähm, aber es ist...
Aber wie groß ist denn so ein ein Terabyte USB-Stick?
Also ich hab den vorhin mal auf, auf, äh, Amazon gesehen.
Das ist halt ganz normaler, ganz normaler USB-Stick.
Okay.
Das ist halt schon krass, ja.
Gut, aber dann, dann nehm ich jetzt mal, ähm, die normale, diese normale Laptop, äh, SSD-Größe.
Und ich meine jetzt nicht diese, äh, fancy neuen M2, sondern die, die vorher, diese, äh, äh, SATA-Dinger.
So.
Ähm, wenn ich jetzt da einfach nur mehrere ein Terabyte USB-Sticks nebeneinander legen würde,
da würde ich ja auf dem Platz von dieser, von dieser SSD, die in dem Notebook drin ist,
da hätte ich ja schon mehrere Terabyte Speicher, äh, vermute ich schon, ja.
die da theoretisch reinpassen würden und wahrscheinlich bräuchte, wahrscheinlich könnte ich noch viel mehr reinkriegen,
weil ich ja nicht jedes Mal ne Hülle drum machen muss, sondern es muss ja nur ein, ein Case drumherum,
beziehungsweise heutzutage haben die ja, die löten die Chips ja quasi direkt drauf,
du brauchst ja gar keine Hülle mehr drumherum eigentlich, du kannst ja den Chip direkt irgendwo reinstecken.
Da müsste doch eigentlich möglich sein, dass ich 10, 20, 100 Terabyte reinkriege, so vom Platz her.
Ich glaube, ein, ein entscheidender Punkt ist der, will ich in meinem Laptop, den ich mit mir rumtrage
und der mir vielleicht auch mal irgendwo runterfällt und ins Wasser fällt, will ich da 100 Terabyte an meinen Daten drin haben?
Naja, klar, zu Hause habe ich nochmal 100 Terabyte und da habe ich das Backup.
Und in der Cloud habe ich nochmal 100 Terabyte.
Ja, ja, also, weißt du, wenn das einfach so weitergegangen wäre mit, äh, mit Vertausendfachung innerhalb von 15 Jahren,
ähm, dann wäre das jetzt überhaupt gar kein Ding.
Dann hätte ich das einfach, dann hätte ich, dann wäre das, dann wäre das gar kein Datenspeicher,
gar keine Größe, über die man irgendwie groß, äh, redet.
Dann sagt man, ja, klar, habe ich, habe ich 100 Terabyte hier.
Ja, da muss man halt überlegen, die Schreibgeschwindigkeiten und sowas, ja, die sind auch besser geworden,
aber, äh, also 100 Terabyte zu kopieren, selbst mit einer SSD, ähm, das dauert halt dann seine Zeit.
Warum hat sich das jetzt nicht nochmal vertausendfacht? Was kommt nach Terra?
Äh, Penta?
Äh, warte einen Moment, ich habe es hier gerade sogar.
Peta, Peta, Peta, nicht Penta.
Ja, warum, warum, warum habe ich nicht ein Peta-Byte in meinem Laptop?
Ja, warum hast du nicht? Hättest du mal was Gescheites gekauft, Moritz.
Ja, hätte ich mal was Gescheites gekauft, aber ich glaube, das gibt es einfach, egal wie viel Geld ich irgendwo hinwerfe,
ich kann kein Peta-Byte in meinem Laptop haben.
Ja, vielleicht, weil der Trend tatsächlich eher zu Cloud-Diensten geht.
Vielleicht ist einfach der Markt nicht da.
Ja, ähm, ja, Datenspeicher, wenn ich die Wikipedia-Seite schon aufhabe, ich habe die extra vorhin schon mal aufgemacht,
weil ein Detail, da möchte ich noch drüber reden, ähm, nämlich die, äh, die Verwechslung zwischen Kibibyte und Kilobyte
beziehungsweise Terabyte und Tebibyte oder Gigabyte und Gibibyte, ähm, weil oftmals,
das eine gesagt wird und das andere gemeint wird.
Ähm, und meistens wird es falsch gesagt, weil sie es einfach im Sprachgebrauch so eingebürgert hat.
Und zwar, ähm, wie man vielleicht weiß, Kilo bedeutet 1000, ja, also das, das hat man vielleicht irgendwo schon mal gehört.
Ähm, und das ist tatsächlich bei den Byte auch wörtlich zu nehmen.
Das heißt, ein Kilobyte sind 1000 Byte, nicht 1024.
Und jetzt, äh, ich, ich, ich stolper jedes Mal drüber und dann muss ich immer noch mal bei Wikipedia nachgucken, was ist denn jetzt was?
Aber man muss, so kann man sich's eigentlich ganz gut merken.
Kilo ist 1000 und wenn du jetzt 1000 Faktor 1024 meinst, den es sehr oft gibt, das ist Kibi.
In dem Fall, das sagt kein Mensch.
Und, ähm, die Symbole dafür sind auch, ähm, wie soll ich sagen, äh, sehr missverständlich.
Also die Abkürzung, weil, äh, Kilobyte sind, ist kleines K, großes B und Kibi-Byte ist K, großes K, kleines I, großes B.
Kip.
Kip ist Kibi.
Und KB sind Kilo.
Und meistens, wenn, wird 1024 gemeint, aber Kilo gesagt.
Oder Mega oder Giga, was eben, äh, auch die, die, die 10er-Potenzen, äh, die zwei, äh, die, äh, die, doch die 10er, äh, die 10er-Potenzen sind.
Genau, also das, das war mir wichtig, das, das noch zu sagen, also grad, ich glaub, das wird auch, äh, das ist auch auf, äh, auf Verpackungen, ähm, wird das auch falsch, äh, hingeschrieben manchmal.
Ja, genau, da wunderst du dich nämlich, warum ja gar nicht so viel, äh, drauf ist, wie da draufsteht.
Genau, du rechnest mit 1024, ähm, und du kriegst aber nur 1000 oder so, es steht aber irgendwas, äh, keine Ahnung.
Ähm, also ich, ich, ich, ich verwechsel das auch ständig.
Und wenn wir jetzt die Reihe nochmal durchgehen, der Vollständigkeit halber, also Kilobyte sind 1000, dann gibt's Megabyte, Gigabyte, Terabyte,
haben wir, das haben wir heute alles schon mal gesagt, und dann Peter, Exa, Zeta und Jota.
Und was Größeres steht da nicht bei Wikipedia.
Reicht's ja auch.
Ähm, und wenn man von den Byte ausgeht, also, ähm, ein Kilobyte sind 10 hoch 3, also 1000, ähm, dann geht's 10 hoch 6, 10 hoch 9, 10 hoch 12 und Jota sind 10 hoch 24 Byte.
Das ist dann, äh, eine Menge.
Das ist eine Eins mit vielen, vielen Nullen.
Und Jobybeid.
Jobybeid.
Joby, Zebi, Exbi, Pebi, Tebi, Mebi.
Ach, geht's doch noch weiter?
Achso, das sind die, das sind die, ach ja, okay.
Nein, nein, also, äh, anders, andersrum die Reihe, Kibi, Mebi, Gibi, Tebi, Pebi, Exbi, Zebi, Joby.
Moritz, Moritz, ich möchte dich ungern in deiner Euphorie bändigen, aber wir sind schon bei zweieinviertel Stunden.
Ja, wir haben doch schon, wir haben doch schon, ähm, zwei von unseren, von unseren 27 Punkten abgehakt.
Ja, komm, wir machen mal, wir machen mal weiter. Hast du zum, zum Thema, also, wir haben jetzt Internetgeschwindigkeit ein bisschen außen vor gelassen, aber im Endeffekt, äh, die ist halt, äh, ja, mitgewachsen, aber auch nicht so schnell.
Also, wie gesagt, also, 10 Terabyte überträgst du halt mal eben nicht so schnell übers Internet.
Genau, und da, da ist noch, das ist die eine Sache, die, die auch da meiner Meinung nach noch kurz wichtig ist, ist, auch genau sind da die Einheiten, die auch, äh, missverstanden werden.
Weil da wird's dann nochmal, da wird's dann nochmal, da wird's dann nochmal, nochmal verrückt.
Ja, dass eben halt 50 MB nicht heißen, ich lade 50 Megabyte pro Sekunde runter.
Genau, weil nämlich da komischerweise, und ich weiß nicht genau, warum das so ist, ähm, hab ich jetzt auch nicht nachgeschlagen, da ist plötzlich nicht mehr Byte die Größe, auf die man sich bezieht, sondern Bit.
Mhm, und natürlich sind 1000, deswegen sind, genau, Megabit und nicht Megabyte.
Und, äh, da, wer, wer, wer sich ein bisschen auskennt, weiß, dass, ähm, äh, 1 Byte 8 Bit sind, das heißt, da ist dann irgendwie schon mal Faktor 8, bist du da schon mal irgendwie anders.
Und das summiert sich natürlich auf nach oben, wenn du dann in die größeren Größen gehst.
Ähm, das heißt, äh, 1 Megabit Übertragung pro Sekunde ist weit entfernt von 1 Megabyte pro Sekunde.
Ähm, und, also, und, ja, ich find die Zählweise komisch, aber es, es liegt letzten Endes daran, dass das bei dem einen Bit die Basis sind, bei dem anderen Byte, und dann, äh, hast du natürlich bei Megakilo, das sind natürlich dann auch die, die 10er Potenzen und nicht, äh, die, die 1024 und so weiter, Zweier Potenzen.
Ja.
Gut, ich würde sagen, lassen wir das Thema hinter uns auch, wenn man da noch mehr, nee, auf jeden Fall, richtiger Einschub, richtiger Einschub.
Die Missverständnisse da, und das ist, das ist wirklich, also, da, da gibt's wahrscheinlich Bücher drüber und warum das so ist.
Und, ja, also, wenn es jemand weiß von euch, bitte in die Kommentare schreiben, ähm, wenn jemand von euch weiß, warum bei dem einen Byte und bei dem anderen, vor allem, viel mehr interessiert mich, warum bei der Datenübertragung Bit genommen wird, äh, als, als Basisgröße, bitte mal in die Kommentare schreiben, Dankeschön.
Du, ich hab, ich hab gehört, ich muss die, ich muss die, ich muss die Hörerin, äh, genau, direkt ansprechen.
Direkt ansprechen, ja, du, der da gerade, die, die da gerade zuhört, ja.
Genau, schreib, schreib mal.
Okay, so.
Okay, nächster Punkt, äh, bunte Pixel auf dem Bildschirm.
Ja, da weiß ich ja gar nichts drüber.
Weißt du gar nichts drüber?
Monochrom ist Display.
Ach so.
Ich hab, ich hab, ich hab genau zwei Farben, schwarz und grün.
Ja, genau, monochrom ist ein guter, gutes Stichwort, das war auch immer der erste Punkt, den ich mir aufgeschrieben hab.
Ähm, also, früher hatten Computerbildschirme ja wirklich zwei Farben, ja, also an oder aus, und die waren entweder schwarz-weiß oder schwarz-gelb oder schwarz-grün.
Ähm, unser erster Computerbildschirm, den wir hier zu Hause hatten, der war schwarz-gelb.
Wie war deine? Weißt du's noch?
Ähm, also.
Oder warst du schon, bist du eingestiegen schon bei, bei Farbdisplay, VGA oder so?
Ja, ich, ich bin mit Farbdisplay eingestiegen, weil, äh, der C64-Monitor, also, der, erstens mal, der C64, den konntest du ja, glaube ich, auch an einem normalen Fernseher betreiben.
Ähm, und der C64-Monitor, wir hatten auch mal so einen originalen C64-Monitor, der konnte auch, das war quasi ein normaler Fernsehmonitor.
Ich hab nicht, kann dir nicht sagen, wie viele Farben der dann letzten Endes darstellen kann, aber halt so viel wie so ein analoger, äh, Röhrenmonitor halt kann.
Und ich glaube, der C64, ich weiß nicht, wie viele Farben der darstellen konnte, aber, ja, er war farbig auf jeden Fall.
Ja, Röhrenbildschirm ist, ist ein gutes Stichwort, das wäre nämlich mein nächster Punkt gewesen.
Ähm, bei mir schließen auch immer so Bilder in den Kopf, wenn wir jetzt hier so schwelgen und in unsere Jugend und Kindheit zurückdenken.
Und dieses, äh, riesige CRT-Bildschirme mit, keine Ahnung, wie viel Kilo Gewicht auf LAN-Partys schleppen.
Das ist so ein Ding, ja, also bei generell LAN-Partys, ja, weiß nicht, ob man das heute noch macht.
Schreibt's mal in die Kommentare, interessiert mich, ob man das heute noch macht, sich zu treffen.
Gut, jetzt in, in, in Corona-Zeiten sowieso nicht.
Aber, aber das war früher, also, was man da für Aufwand betrieben hat an Kabeln und schweren Tauern und diesen riesen Bildschirmen rumzuschleppen.
Wahnsinn.
Ich war da so late to the game.
Kann man sich heute nicht mehr vorstellen.
Ich war da so late to the game.
Meine erste LAN-Party, die ich gemacht habe, die habe ich mit Laptop gemacht.
Ach, komm.
Wirklich.
Und ich habe auch nicht, ich habe auch nicht so viele LAN-Partys gemacht, aber wirklich, meine erste LAN-Party war schon Laptop.
Die anderen haben ihre Tower mitgebracht und, äh, ich habe damals, glaube ich, schon studiert und diesen Laptop hatte ich mir fürs Studium gekauft.
Ähm, und das war, gut, ich meine, das war jetzt nicht ganz die Anfangszeit der Laptops.
Also, das war schon irgendwie so ein halbwegs tragbares Gerät, jetzt keine so, keine so Megakiste.
Ja, und, äh, das, das, ja, da waren, waren dann die anderen auch ein bisschen neidisch, weil ich hatte sehr schnell aufgebaut.
Na gut, klar, schnell auf- und abgebaut und nicht so viel zu schleppen.
LAN-Kabel rein, Strom, fertig.
Ach, LAN-Kabel, wir hatten, also meinst halt diese, was man heute als LAN-Kabel versteht, ne?
Als ich angefangen habe, ja, da haben wir noch BNC-Kabel noch, diese mit diesen T-Steckern und dann musstest du noch so einen Endwiderstand drauf machen, damit das funktioniert hat.
Oh Gott, da wurden die beiden Bits noch einzeln durchgetragen, oder?
Ja, genau.
Also, meine Güte.
Das kam mir gerade so bei dem Wort LAN-Kabel so in den Sinn irgendwie, wie wir damals, ich weiß noch genau, wie das aussah, mit diesem,
wenn man so einen Nippel dann reinschiebt und dreht, dass das dann festsitzt und so.
Und dann gab's noch Cross-Over-Kabel oder Parallel und dann konnte man die, also umgebaute und die Drahtverflechtungen da, ja, aber egal.
Aber Monitore, ich hab noch was zu den Monitoren, weil wir vorhin auch schon über das ZKM gesprochen haben.
Im ZKM gab es, ich weiß nicht, ob's das noch gibt, aber im ZKM ist eigentlich auch so eine Dauerausstellung Videospiele mal gewesen,
weil wir hier auch in Karlsruhe das wunderschöne Retro Games e.V. haben.
Ich glaub, die haben da auch Kooperation.
Also in Karlsruhe gibt's einen ziemlich coolen Verein, der Retro Games sammelt, also so Spielautomaten.
Also so auch, da kriegst du, siehst du auch einen Super Nintendo und einen Game Boy, aber halt auch alte Flipper und alte Videospielautomaten.
Also irgendwie so ein Pac-Man und keine Ahnung, solche Sachen.
Und da hab ich mal was gesehen, ähm, ein sehr, sehr besonderes Display, also sowas, was man, ähm, eher, eher selten sieht, nämlich ein Vektor-Monitor.
Ach.
Also ein, das ist ein Monitor und das war, ist in dem Fall das Spiel, das da auf diesem Automat lief, ist Asteroids.
Ähm, vielleicht kennt man das, also man hat halt so ein Raumschiff, das ist irgendwie, startet irgendwie in der Mitte und, ähm, das, also im Prinzip ist das, glaub ich, nur so eine Art Dreieck.
Ähm, und das kann man drehen und damit kann man schießen und es fliegen halt Asteroiden durch die Gegend und wenn man einen von denen trifft, dann zerteilt er sich in kleinere und man, ich glaube, man möchte möglichst nicht getroffen werden und möglichst viele von diesen Asteroiden kaputt schießen.
Und, ähm, der Vektor-Monitor, naja, der ist, der funktioniert halt so, ähm, wie, wie das, wie das Wort es sagt.
Da werden nicht einzelne Pixel drauf gezeichnet, sondern da gibt es dieser, dieser Kathodenstrahl, den du normalerweise, ähm, beim, beim Röhrenmonitor hast, wenn ich das richtig weiß, funktioniert das so, dass der halt eben,
nicht von oben nach unten sich durcharbeitet und links nach rechts, ähm, also quasi einmal die ganze Form, ähm, ab, äh, abgeht, also vom, vom Monitor, also das, das ganze Rechteck,
Sondern der malt tatsächlich nur die Vektoren, die, äh, die benötigt werden. Dadurch hast du gestochen scharfe Linien und es ist sehr hell, auch extrem hell, aber dafür hast du bei dem Spiel zumindest, glaube ich,
soweit ich weiß, nur eine Farbe. Das heißt, du hast halt den dunklen Monitor, so grünlich, grünlicher Hintergrund, wie diese, wie diese, äh, Röhrenmonitore früher halt waren.
Und, ähm, da drauf werden halt gleißend, äh, helle, weiße Striche gemalt. In dem Fall halt diese Asteroiden, die eine bestimmte Form haben und eben das Raumschiff und die einzelnen Schüsse.
Das ist echt extrem faszinierend.
Ja, das kann ich jedem nur empfehlen und das kann man, man kann im Prinzip auch eigentlich kein Foto davon machen, um diese Experience zu haben, weil das ja dann wieder in Pixel umgerechnet wird, sozusagen.
Ähm, also ich kann jedem nur empfehlen, wenn ihr mal die Möglichkeit habt, einen Vektormonitor zu sehen, davon gibt's wahrscheinlich nicht mehr viele, ähm, das ist, ähm, das ist, ähm, das ist einfach eine verrückte Technologie, die, die total ungewöhnlich ist.
Also sobald das wieder möglich ist, gehen wir da zusammen mal hin.
Ja, unbedingt, das machen wir. Wir können, weißt du was, wir machen da ein Hörertreffen.
Oh ja.
Wir könnten, wir könnten ein Hörertreffen beim ZKM machen.
Das, das fände ich, das fände ich geil. Wenn Corona, äh, wegge, äh, geimpft ist, dann.
Dann kündigen wir das nochmal an. Sehr gute Idee. Schreibst du's ins Trello?
Oder irgendwie mal auf, ja, können wir auch nachher nochmal an.
Ja, ich, äh, ja, ja, ja, ist sehr gut. Ich schreib's an.
Ja, dann mach ich mal weiter. Also, ähm, irgendwann kam dann, weil wir es jetzt, passt auch ganz gut, weil wir es von, von Pixelgrafiken hatten, ähm, irgendwann kam dann, erinnere ich mich, diese, äh, 3DFX,
Voodoo-Karten auf. Ähm, das war dann, die, die, die, die, die waren die ersten für den Heimgebrauch Grafikkarten mit 3D-Beschleunigung.
Und das war noch so, die hatten einen reinen 3D-Chip und zusätzlich brauchte man im, im PC dann noch eine Karte für die 2D-Anwendungen.
Also, das wurde dann, wurde dann zusätzlich eingebaut. Du hattest dann zwei Karten, eben eine für die 3D-Beschleunigung, äh, im Rechner.
Und, äh, bevor es das gab, ähm, erinnere ich mich noch an ein Spiel namens Stunts. Das wurde auch veröffentlicht in Europa unter 4D, äh, 4D Sports Driving.
Kennst du das? So ein Autorennspiel. Und halt auch mit dieser Polygon-Fake-3D-Grafik.
Und, äh, ich poste da ein YouTube-Video. Es gibt ein deutsches Let's Play zu diesem Spiel, 1990 erschienen.
Ähm, und was, was da das Besondere war, es gab sogar einen Strecken-Editor schon. Also, du konntest dir die Strecke bauen und dann tatsächlich fahren.
Und wenn ich mich da dran erinnere, wie das war, ich erinnere mich noch, das war eben auch an dem, an dem, äh, Bürorechner von meinem, von meinem Vater durften wir das dann ab und zu spielen.
Ähm, das, das, das, das war so immersiv damals, ja.
Wenn man sich das heute anguckt, das ist absoluter Pixelmatsch.
Aber genau so ist es ja mit, mit, also Duke Nukem oder, oder Doom, so diese ersten Shooter.
Duke Nukem.
Wenn du damals da durchgelaufen bist und dann diese, diese, ähm, ja, diese Schleimdinger an der Wand und, ja, also, das war ja richtig, du, du, du hast dich gefühlt, als ob du da durch so ein, so ein Labyrinth rennst und, äh, oder Monster entgegenkommen.
Wenn du das heute siehst, ist es absoluter Pixelmatsch. Also, das ist so, also, wie sich auch die Wahrnehmung verändert, ähm, genau.
Also, mit, mit, mit SD und HD, wenn man heute sieht, Sendungen von noch Anfang der 2000er, wo du denkst, krass, ist das irgendwie, ist das 80er, 90er?
Aber nein, das war damals noch so. Und wir haben es nicht so wahrgenommen.
Aber dazu muss ich sagen, ähm, da gab, es gibt eine, eine Zeit, eine, eine kurze Zeitspanne von ein paar Jahren, Dinge, die da, da produziert wurden, ähm, und dann irgendwie auf Monitore gebracht wurden, ähm, also gerade irgendwie so Filme und Serien, ähm, die haben, ähm, eigentlich Serien, die haben einen großen Nachteil gegenüber allem, was davor war und allem, was danach kam.
Weil digitale Produktion hat damals gerade angefangen, ähm, und war aber in der Qualität her noch nicht so gut.
Wenn du jetzt aber so eine Serie nimmst aus den 80ern, die wurde halt auf Filmen produziert.
Ja, die kannst du dann nochmal neu abscannen.
Genau. Wenn du da einfach den Film nimmst, dann scannst du den nochmal neu ab und dann hast du da irgendwie geile Qualität.
Und der Anfang von, von digitaler Filmproduktion, alles, was aus dieser Zeit ist, ist irgendwie, äh, wenn du das heute auf dem 4K-Fernseher anschauen willst, ist relativ scheiße von der Qualität her.
Weil einfach, äh, wie gesagt, digital war am Anfang und du kannst einfach aus dem Material nicht mehr rausholen.
Wobei es gibt jetzt Leute, die versuchen mit Machine Learning da irgendwie Sachen zu machen.
Oh, es gibt sehr gute Machine Learning Upscaling-Geschichten, ja. Kann man auch mal bei YouTube einschauen.
Auch alte Filme, gut, die sind wahrscheinlich, naja, wobei, es steht immer dabei, also wirklich Upscaling, nicht neu eingescannt.
Ähm, alte Filmeaufnahmen in schwarz-weiß, äh, aus New York oder Paris, ähm, äh, zu, zu, zu, zu noch Stummfilmzeiten.
Und die hochskaliert und auf 60, äh, Frames per Second, ähm, hochgerechnet, das ist also irre, wenn man das sieht, ja.
Und da, ich hab nachher, ich hab nachher noch ein kleines Geilteil, einen kleinen Einschub, aber wirklich nur eine Link-Tipp, ähm, da, da geht's dann auch nochmal drum.
Aber, ähm, das nur am Rande.
Eine Serie, die das hart betrifft und dann sind wir damit vielleicht auch fertig, ist, äh, Star Trek Voyager, äh, die, wo jetzt zum Beispiel von Star Trek Next Generation aus den, aus Ende der 80er, Anfang der 90er, ähm, ist irgendwann eine Blu-Ray-Fassung rausgekommen mit saugeilen Bildern, gestochen scharf.
Die haben natürlich, so ein paar Sachen haben sie nochmal nachgefilmt, wo irgendwelche Raumschiffe und Raumstationen und Planeten und sowas haben sie nochmal neu gemacht, irgendwie in Schick.
Aber ansonsten haben die das Originalmaterial verwendet und es sieht wirklich richtig, richtig gut aus.
Und jetzt haben sie Voyager und davon können sie das nicht machen, weil das Originalmaterial halt irgendwie digital gefilmt wurde und auf damaligen Fernsehmonitoren sah das alles gut aus.
Kein Problem auf dem Röhrenfernseher, der verzeiht so einiges, der Röhrenfernseher, ja, an irgendwelchen Bildungeneuigkeiten.
Wenn du da den alten Kram auf hochauflösenden Fernsehern heutzutage guckst, ey, das kannst du kaum aushalten teilweise.
Und das halt, ja, und da gibt es tatsächlich für Star Trek Voyager gibt es auch so ein Projekt von Leuten, die sagen, naja, wir wollen es aber trotzdem irgendwie in HD und 4K und was weiß ich und wir versuchen damit Machine Learning was zu machen.
Natürlich sind das wieder so Community-Projekte, die dann vom Originalrechteinhaber natürlich ganz schlimm verboten werden und so.
Ich habe dir übrigens gerade ein Bild geschickt zum Vektor-Monitor, kannst du mal, kannst du mal kurz draufklicken, wie das in etwa aussieht.
Ja, man kann sich schon so grob vorstellen, ja.
Und das brennt einem quasi fast die Augen raus, so hell ist das.
Ganz kurz noch, bevor wir weitergehen, habe ich mir gar nicht aufgeschrieben, das ist mir gerade so aufgefallen, auch bei der Unterschied zwischen HD und zu 4K, den finde ich auch nicht so krass, wie der Unterschied davor.
Also SD zu HD, das war ein deutlicher Schritt und HD, 4K, 8K, das ist schon nicht mehr so, ja, das ist so analog zu den Festplatten irgendwie, wo man sich denkt, da hat irgendwie sich das wieder verlangsamt zu der Fortschritt.
Vielleicht ist es aber, ich meine, bei den Festplatten kann man das definitiv so sagen, ja, aber vielleicht ist es bei uns auch nur, vielleicht werden wir das in 10, 20 Jahren anders sehen, weil sich unsere Wahrnehmung tatsächlich verändert.
Weil wir haben jetzt noch viel, also wenn man jetzt nicht zahlt für die Privatsender, hast du die Privatsender immer noch in SD auf dem Fernseher, ja.
Wir haben immer noch SD-Inhalte, wenn das mal komplett verschwunden ist aus unserer Wahrnehmung und nur noch in irgendwelchen alten Archivfilmen auftaucht, weil alles andere hochskaliert ist und wir nur noch HD oder bis dahin vielleicht 4K kennen, vielleicht sehen wir es dann tatsächlich anders.
Also, ich bin mir ganz sicher, ja, ich bin mir ganz sicher, dass sich vieles da verändern wird und vor allem, du kannst irgendwann nicht mehr zurück.
Ja.
Also, ich, mir kraut es ein bisschen vor dem Ende vom Homeoffice, wenn Corona rum ist, weil ich jetzt hier nur hochauflösende Displays um mich rum habe, mein Handy, mein iPad, dann irgendwie der Mac und dann da mein 4K-Monitor und die Monitore bei mir in der Firma sind halt keine 4K-Monitore.
Und ich habe jetzt schon festgestellt, dass wenn ich jetzt meinen alten Laptop aufklappe, dass ich kaum noch das Display angucken kann und denke, wieso sehe ich da so viele Pixel?
Es ist einfach, wenn du einmal diese Stufe überschritten hast, dann kannst du nicht mehr zurück und dann kommt dir alles, alles andere irgendwie alt und blöd vor.
Und ich, weißt du, die Leute, es wird wahrscheinlich ein Running Gag für immer bleiben, dieses, ja, wer braucht denn schon 8K?
Ich bin da immer der, bei sowas bin ich immer der allererste und sagt, ja klar, ich, ich, klar brauche ich 8K, weil danach 4K, wenn du 8K, wenn du 8K, wenn du 8K, dich an 8K gewöhnt hast, dann wirst du denken, 4K, ey, was ist das für ein Schub?
Ich muss sagen, 8K habe ich tatsächlich noch nie gesehen.
Also ich bin auch, obwohl ich schon filmaffin bin und so, ich bin immer noch bei HD, also ich habe keinen 4K-Bildschirm, auch beim Arbeiten nicht und beim Fernsehgucken nicht.
Ich habe es aber gesehen in Ausstellungsräumen oder bei anderen, die das haben und ja, es ist schon cool, es ist schon nochmal schärfer und vor allem mit HDR ist das, glaube ich, nochmal doch ein deutlicher Unterschied zu normalen Bildschirmen.
Aber 8K kann ich, weiß ich gar nicht, also ich kann mir das nicht noch schärfer vorstellen, ich kann es mir echt fast nicht vorstellen.
Ich, ja genau, ich denke, dass Apple da eigentlich damals eine ganz gute Definition geliefert hat.
Die haben das Retina-Display genannt und haben gesagt, Retina-Display ist für uns das, was aus der normalen, von dem normalen Abstand aus, den ich, den ich habe und jetzt nicht direkt mich mit dem Auge direkt vorne dran wird.
Also der normale Abstand, den ich zu dem Gerät normalerweise habe, wenn ich da keine Pixel mehr erkennen kann und die Schrift dann gestochen scharf ist.
Und ich würde sagen, naja, 8K ist dann natürlich gerade, wenn du jetzt halt irgendwie einen richtig fetten Fernseher haben willst, einen richtig großen, das haben ja heutzutage viele Leute, also meiner ist jetzt nicht so groß, aber viele Leute haben sowas ja.
Und da sehe ich das durchaus sinnvoll, weil ich weiß nicht genau, also Immersion ist ja schon so ein Ding, ich meine, mit dem Fernseher muss ja nicht unbedingt die Wohnung wachsen.
Also das heißt ja nicht, dass wenn du jetzt einen Fernseher mit zwei Meter Bilddiagonale hast, dass du unbedingt dann 27 Meter davon weg sitzen musst.
Es kann ja auch sein, dass du einfach wie im Kino näher dran sein willst im Sinne von, naja, mein komplettes Blickfeld ist davon eingenommen auf irgendwie eine Art, also so wie im Kino halt.
Und dann möchtest du auch keine Pixel mehr sehen, klar.
Und dann möchte ich auch keine Pixel sehen.
Und wenn es richtig groß ist, ich meine, im Kino hast du das Problem halt nicht, du hast eine Leinwand, du hast relativ hochauflösenden Film oder auch Digitalaufnahmen, keine Ahnung.
Digitalprojektoren sind das schon heute auch 4K, 8K, okay, na gut, dann reicht es offenbar, wenn es fürs Kino reicht, keine Ahnung.
Ja, ich meine, manche produzieren ja auch immer noch auf Film, das ist auch nicht unbedingt die schlechteste Idee.
Naja, also klar, ich will 8K haben, klar.
Haben es besser als brauchen.
Ich nehme, ich nehme, hallo Olli.
Hallo Olli.
Der Olli weiß, der Olli weiß, dass er gemeint ist, genau.
Was wir ganz vergessen haben noch, weil die Überschrift habe ich so genannt, bunte Pixel auf dem Bildschirm.
Ich glaube zwar, dass wirklich, dass von unserer Zielgruppe, dass schon jeder weiß, aber nur damit es der Vollständigkeit halber erwähnt ist, wie so ein Bildschirm, und ich rede jetzt nicht von Röhrenbildschirm mit Photonstrahl.
Ähm, sondern unsere LCD-Bildschirm von heute, wie die Farben produzieren, also dass das ein rotes, ein grünes und ein blaues Pixel ist.
Und wenn man da ganz nah ran geht, ähm, oder auch so Makroaufnahmen einfach mal sucht bei Google, äh, dass man halt wirklich sieht, dass das Farben, also dass das diese drei Grundfarben sind, die dann nebeneinander in so einem, in einem Pixel eben, was bei uns am Schluss ein Pixel ergibt, äh, nebeneinander liegen.
Und, ähm, das ist auch so eine Erkenntnis, da hat man sich halt früher keine Gedanken drüber gemacht und irgendwann kam dann einem so die Erkenntnis, aha, das sind eigentlich drei, drei Linien sind sie ja im Endeffekt, die sind ja länglich angeordnet.
Genau, aber das müssen wir jetzt nicht vertiefen.
Nee.
Und irgendwie Farblehre oder so.
Also, da empfehle ich, da empfehle ich noch ein YouTube-Video dazu, ähm, und zwar die Slow-Mo-Guys, äh, ganz einer, einer von den alten, äh, die sind auch schon Veteranen auf YouTube, äh, die waren, ich weiß nicht, kennst du Slow-Mo-Guys?
Ja, ja, ja.
Sag dir das was?
Die haben halt damals, äh, als YouTube noch ziemlich neu war, eben schon irgendwie ne, ne Kamera mit ne relativ hohen Framerate gehabt und haben halt Slow-Mo-Aufnahmen gemacht.
Ähm, und die haben, und das ist noch gar nicht so alt, ähm, die haben, äh, Fernseher in Slow-Motion, wo man genau sieht, verschiedene Fernseher, äh, ich packe das mal in die Shownotes noch, ähm, verschiedene Fernseher, sowohl ein Röhrenfernseher als auch, ähm, so, so ein moderner, ähm, Fernseher, wo man, wo sie genau in Slow-Mo dann mal zeigen, wie sich da so ein Bild aufbaut.
Äh, und da sieht man dann auch, die, die gehen auch so nah ran, dass man die einzelnen Pixel da sieht, das fand ich sehr erhellend.
Und das Video ist, ähm, für Slow-Mo-Guys-Verhältnisse relativ neu, wie gesagt, das ist von, äh, von 2018.
Also, ähm, also relativ, also die haben da auch einen richtig, äh, großen, äh, relativ modernen Fernseher auch für heutige Verhältnisse noch, den sie da zeigen.
Cool.
Ähm, finde ich ganz cool, wenn man das mal sehen will.
Was ich mir auch anschauen.
So, so in ganz nah, äh, und wie das mit den Pixeln funktioniert, wie sich da die Farben aufbauen.
Und ich glaube, ja, ganz in die Tiefe müssen wir nicht gehen, aber, ähm, wer es genau wissen will, ähm, additive Farbmischung, ähm, sollte man, wie kann man denn aus Rot, Grün und Blau, wie können denn da andere Farben draus entstehen, zum Beispiel weiß.
Also, das Stichwort ist da additive Farbmischung.
Haben wir, glaube ich, aber auch in der Farben, äh, Folge auch schon mal.
Steht auch im Mediengestaltung, im Kompendium der Mediengestaltung.
Ach, im Kompendium der Mediengestaltung.
Aber wahrscheinlich steht's falsch drin.
Ja, also, das muss ich auch noch sagen, äh, falls jetzt, falls uns ein Redakteur in, äh, von, äh, dem Kompendium der Mediengestaltung, äh, zuschaut, äh, unsere damalige Ausgabe, äh, als wir in der Ausbildung waren und das irgendwie, äh, lesen mussten, da war es nicht so schwer, Fehler drin zu finden, sage ich mal so.
Ähm, wirklich nicht.
Vielleicht ist das ja jetzt besser, aber du hast ja jetzt, ähm, einen guten Ort dafür gefunden.
Genau, ja, da macht's jetzt tatsächlich, kannst du jetzt da, also unter, unter deinen Monitoren, das ist genau der richtige Ort.
Vielleicht ein bisschen teuer für einen Monitor-Riser, aber.
Ach, aber kriegt man ja jetzt auch nicht mehr los in der vierten Auflage.
Äh, das war, das war, das, ich hab's damals genau richtig gemacht, ich hab meins direkt nach der Ausbildung sofort weiterverkauft an die nächste Generation, äh, Mediengestalter, da war das noch die aktuelle Auflage, hab fast den Originalpreis dafür gekriegt, mit den, mit, trotz, trotz, trotz der ganzen Fehler.
Also bei mir hat's bisher als, weil's ja so massiv und schwer ist.
Ich hab's so korrigiert, das war sogar, war sogar mehr wert.
Okay.
Ähm, ich hab's als Buchstütze im Regal gehabt, weil's so massiv und schwer ist, das, äh, hinter die anderen am Wegrutschen.
Ähm, okay, ich glaub, wir sind mit, äh, mit den Bildschirmen dann auch durch, oder?
Ja.
Und ich würde, ich würde spontan sagen, wir ziehen kurz, äh, den, den übernächsten Punkt, weil der auch Hardware ist und danach geht's dann, wie versprochen, wieder zurück zu unserem Kernthema so ein bisschen.
Ähm.
Ich schieb mal, du meinst, du meinst, du meinst.
Genau, einfach, Mausrad, Mausrad und optische Maus.
Das ist auch so ein Ding, macht sich heute auch jemand, der's nicht anders kennt, natürlich keine Gedanken drum.
Ich mein, ich denk ja auch nicht, wie war das früher, mein Auto anzukurbeln, ähm, aber wir hatten früher noch Mäuse, da war eine Kugel drin.
Und die musste man, ab und zu musste man das unten aufdrehen und diese Kugel rausholen, weil da, äh, Fussel und, und, und Talg von den Händen und Dreck und was weiß ich, ähm, die Kugel richtig am Hindern, äh, am Drehen gehindert hat.
Äh, und das musste man ab und zu rausmachen und reinigen, da erinnere ich mich noch dran.
Wer diese Experience noch ein bisschen haben will, der muss mal seine Tastatur ausschütteln.
Oh ja, ist auch schön, auch, auch, auch beliebt.
Ein beliebter Sport.
Ähm, äh, ja, aber das ist, äh, das ist tatsächlich verrückt.
Ähm, wir haben da jetzt, ich glaub, wir sind jetzt auch in der Generation Mäuse angelangt, ich weiß gar nicht genau, leuchten die mittlerweile noch?
Ist das Standard, dass die noch leuchten, weil meine leuchtet nicht mehr?
Unten, optisch?
Ja.
Ach so, äh, ja, meine leuchtet.
Oder leuchtet die nur, wenn sie unten ist? Warte mal, ich bin grad nicht sicher, es kann nämlich sein, dass ich, äh, ich schau gerade, ob sie, dass ich das nur anschaue, dass sie unten ist.
Aber ich glaube, die leuchtet, die leuchtet generell nicht mehr sichtbar.
Also, meine ist irgendwie so Logitech, äh, das ist die G603, das ist eine Laser-Maus, glaube ich, und da, ich glaub, die leuchten nicht mehr sichtbar.
Aber, ja, ich kenn das noch mit dem, äh, mit der Kugel unten drinnen und, äh, ja, manchmal ging die Maus nicht mehr vernünftig oder so.
Ja, und dann hat man halt mal rumgerüttelt, rumgerüttelt und dann ging's trotzdem nicht und dann hat man's halt aufgeschraubt und hat den ganzen Dreck mal rausgeholt vom Schreibtisch.
Fussel und was weiß ich.
Aber auch da war einfach ein Verständnis noch da, wie das funktioniert, weil du halt so hast es aufgemacht, du hast reingeguckt und hast so gesehen, dass da an der Kugel, äh, drei, äh, Räder für die Achsen, ähm, die Signale dann weitergeben, die dann damit rollen.
Aber heute brauchen wir's halt nicht mehr.
Und, äh.
Ja, gut, ich mein, aber es war halt einfach, es war halt einfach mechanisch.
Es war halt notwendig.
Das lässt sich natürlich, lässt sich viel einfacher verstehen, als wenn das irgendwie digitale Magie nur dahinter ist und, äh, ja.
Und dann hab ich eigentlich dazu nur einen weiteren Punkt, dass du die, die Tasten, also die erste Maus bei uns war auch noch eine Eintasten-Maus, da konnte man nur halt klicken oder nicht klicken, ähm, und dann, äh, gab's zwei Tasten, ähm, inzwischen.
Also sechs Tasten und mehr, keine Seltenheit, also gerade Gaming-Mäuse, also da kannst du dann, äh, entweder halt für Gaming die belegen oder du hast halt im Browser vor und zurück, äh, du kannst das Mausrad, ah, Mausrad ist auch noch so ein Ding, genau.
Also Mausrad gab's ja früher auch nicht und, äh, inzwischen, wer möchte heute noch ohne Mausrad irgendwelche One-Pager, äh, Seiten scrollen, ähm, und das Mausrad kann man auch noch klicken, also da hat man schon mal drei Tasten, vier, fünf, sechs, also.
Unsere Podcast-Seite ohne Mausrad geht auch nicht mehr, weil wir, weil wir kein Paging haben, das haben wir bewusst nicht eingebaut, weil sonst.
Vielleicht sollten wir das irgendwann mal.
Nee, ich find, wir sollten mal gucken, wie, wie lange, wie lange die Leute das mitmachen.
Wie lange so eine, wie lange so eine Seite werden kann.
Nein, Spaß, es gab, äh, da hatte ich's auch vor kurzem, äh, mit Kollegen drüber, ähm, es gab mal so ein Experiment, äh, the world's highest Website.
Okay.
Da, da scrollst du eine Weile.
Kennst du die?
Und das Verarsche ist wahrscheinlich endlos scrollt, oder die lädt immer was nach?
Nein, nein, nein, nein, nein, nein, nein, nein, nein, nein, nein, nein, das ist wirklich, dieses Experiment ist wirklich schon sehr, sehr alt, ähm, warte mal, hä, wieso, wieso finde ich denn das jetzt nicht, habe ich jetzt hier irgendwie, ich habe mich vertippt, glaube ich, ähm, damals war das, ähm, da hat jemand versucht, ähm, das war im Prinzip so ein Case Study, so, äh, wie hoch kann ich eine Website machen?
Er hat versucht, wie hoch kriege ich das technisch hin, ähm, und wo sind die Grenzen, wo sind die Grenzen des Browsers, oder der Browser damals, das ist jetzt schon einige Jahre her, ähm, ich musste gerade nochmal suchen, und da wurde dann auch, äh, war, glaube ich, auch noch ein Blogartikel, ähm, irgendwie dabei, wo erklärt wurde, wo jetzt die Grenzen liegen und warum, ähm, das war damals ein ganz interessantes Experiment, aber, ähm, ich muss gerade mal gucken, wie hoch ist die, wie finde ich, ah, genau, worldstheißwebsite.com, und wenn man ganz nach unten scrollt, äh,
natürlich nicht mit dem Mausrad, weil sonst dauert es zu lange, steht da, dass, äh, in Gecko, Firefox-Browsern, zumindest damals, ähm, die Webseite, äh, nicht höher geht als 18,9 Kilometer.
Okay, ähm, ähm, ich weiß nicht, ich weiß nicht, ob das jetzt wirklich stimmt, ähm, das ist übrigens damals gemacht worden von dem, äh, von dem Jens Meiert, äh, der hat auch ein schönes Blog und irgendwie Twitter und so, ist immer ganz interessant, was der so schreibt, der hat damals diese, diese Seite gebaut und die gibt's immer noch.
18,9 Kilometer, okay.
Äh, äh, verlinken wir auch mal in den Show Notes.
Ja, so, hier, sie ist ja abgeschwurfen.
Ja, das, äh, warst du den Mäusen von mir.
Die Mäuse.
Jetzt kommt der Fektor.
Der Fektor.
Genau.
Das ist der Bruder von Fiktor.
Aha.
Egal, nein, komm.
Äh, ähm, so, ja, Vektorgrafiken.
Äh, jetzt kommen wir schon wieder so ein bisschen eher in Richtung, äh, Frontend und was uns so, so, so, eigentlich im Kern angeht, ähm, aber ich erinnere mich noch an eben diesen besagten Schwarz-Gelb-Monitor, an ein Grafikprogramm und ich möchte das in virtuelle Anführungsstriche setzen, ähm, unter DOS.
Ich weiß leider den Namen nicht mehr und da konnte man aber, im Endeffekt war es, was halt reines ASCII-Art, aber es gab schon so Vorlagen und man konnte irgendwie, äh, Rahmen dann erzeugen aus, aus diesen Doppelpipe-Symbolen und diesen, also gab es dann auch eckige Pipe-Symbole und, äh, wir haben das glaube ich auch genutzt, um halt irgendwie Einladungskarten für Kindergeburtstage und sowas, äh, tatsächlich zu gestalten, ähm, das war so das erste, das erste Grafikprogramm, das mir in Erinnerung ist.
Wenn man es denn als solches bezeichnen möchte.
Und später.
Ich weiß noch, was das erste, ja, äh, Vektor, ja, ähm, Korreltrauer war meins.
Ziemlich sicher.
Okay, aber das ist ja schon, das war ja schon sehr, äh, eruiert im Vergleich, ne?
Also, äh, ne, ich erinnere mich noch, äh, äh, davor war das glaube ich noch, Kai's Power-Goo und dann später Kai's Power-Tools, falls der das was sagt.
Kai's Power-Tools?
Nee, das war ein deutscher Entwickler, der aber irgendwo in den USA dann, glaube ich, lebte.
Ich hab da bei der Recherche vorhin ein YouTube-Video gefunden mit einem Interview von ihm, auch ganz schlechte Qualität, ähm, aber das war so das, das Go-To-Grafik-Paket quasi.
Und, ähm, also Kai's Power-Tools war dann schon ein bisschen mächtiger, aber Kai's Power-Goo, da gibt's auch, äh, ein lustiges, ähm, das ist so ein lustiges, verzerrtes Gesicht, war im Endeffekt nur ein Screenshot aus dem Programm.
Oder die Mona Lisa konnte man, die war, glaube ich, auch standardmäßig dabei im Bild von der Mona Lisa, und da konnte man der halt noch ein krasseres Lächeln verpassen und die Augen, die Mundwinkel nach oben ziehen.
Ähm, und, und so hat das halt mit diesen ganzen Pixel-Grafiken angefangen.
Und, äh, es gibt, glaube ich, heute noch, ah, ich hab's hier noch offen, ja, ähm, es gibt's, glaube ich, noch gebraucht zu kaufen bei, bei Amazon für 30,90 Euro, boah, äh, und noch 3 Euro Versand, ähm, es kommt einfach aus Spaß auch noch in die, in die Shownotes, ich, ich mach auch einen Referral-Link draus, wenn ich das kaufen will, ähm, genau, also das war.
Ah, ähm, so von wegen Referral-Links, wenn du was bei Amazon hast, die kannst du mir schicken, ich mach dir, ich mach dir die.
Machst du einen, einen WWSEV-Referral draus, okay.
Ich hab einen, ja, genau. Ähm, übrigens, äh, solche Links sind bei uns normalerweise, ähm, immer, ähm, Affiliate-Links, ähm, einfach, äh, weil, wenn, wenn ihr das da kauft, dann unterstützt ihr uns als Podcast ein bisschen damit, dass wir uns, äh, noch bessere Mikrofone kaufen können, ähm, und Getränke, und was wir halt so brauchen, um den Podcast zu betreiben, haben wir ja auch schon mal gesagt, irgendwie, Pizza, Bier, ähm, und Musik.
Musik für die Spam-Spots, genau, Musik für die Spam-Spots, unser Hosting, ähm, ich bin ja mal gespannt, äh, irgendwann wird nämlich der Tag kommen, Konstantin, irgendwann kommt der Tag, der Tag, an dem unser Server zusammenbrechen wird.
Meinst du?
Und an diesem Tag, ja, der wird, der wird kommen, der wird kommen irgendwann. Ähm, dafür sorgst du schon.
Weil wir, weil wir, weil wir gedetost werden.
Ja, weil du die DDoS-Software anschmeißt.
Nicht, weil wir so viele, nicht, weil wir so viele Zuhörer haben, sondern weil wir gedetost werden, weil jemand uns ganz blöd findet. Wahrscheinlich, vielleicht kommt der dann schon einen Tag nach der Folge, weil er sagt, ja klar.
Jetzt kaufe ich hier die DDoS-Attacke. Nee, irgendwann wird der kommen und dann brauchen wir einen dickeren Server. Ähm, und auch dafür könnt ihr, äh, über die Amazon.
Jetzt schon mal spenden, genau.
Jetzt schon mal spenden, ja.
Ja, aber kommen wir zurück. Jetzt haben wir beim Thema Vektorgrafik ein bisschen über Rastergrafik gesprochen, aber das, da wollte ich damit hinführen.
Hey, nein, ich hab, CorelDRAW war komplett Vektor. Mein Teil war Vektor.
Ach stimmt, CorelDRAW war schon, war schon Vektor.
CorelDRAW war damals, also zumindest der Teil, den ich davon, davon verwendet hab und ich hab sinnloses Zeug damit gemalt, war Vektor.
Komplett Vektor basiert, ja.
Und CorelDRAW hab ich gar nicht.
Ich erinnere mich, dass wir da auch noch, ähm, wir hatten da noch, äh, so, ich weiß gar nicht, ob das zu CorelDRAW, ob das auch von, von, äh, vom, vom, vom Hersteller selbst war oder ob das so Dritt, äh, Drittkram war.
Mehrere CDs voll mit Vektorbildern.
Ach.
Also alles Mögliche, was du dir vorstellen kannst.
Und da die Rechner damals noch langsam waren, es war damals ein Windows, äh, Windows 3.11, äh, PC, ähm, gab es dazu, zu den CDs, Begleitbücher, in denen die Bilder schon mal abgedruckt waren, wo du dann die Pfeilstruktur rauslesen konntest, äh, hast du durchs Buch durchgeblättert.
Und hast gesagt, ach, das ist schön.
Und hast gesagt, ah ja, hier, hier, diesen, diesen Panzer hier, der gefällt mir sehr gut, den möchte ich jetzt gerne als Vektorgrafiker haben.
Und während das geladen hat, hast du dann Gameboy gespielt, oder?
Genau.
Und da, nee, und das, nee, da hast du dann, konnt's quasi dann, da stand dann bei dem Bild dabei, ah, du bist jetzt in dieser Kategorie, ähm, und da heißt das Bild so und so, das stand dann irgendwie da dabei.
Das waren, das waren wirklich seitenvoll mit ganz kleinen Vorschaubildern eigentlich, ne, also, weil es so wahnsinnig viele Bilder waren.
Mehrere CDs voller Bilder, voller Vektorgrafiken.
Ähm, ja, und dann, äh, war das quasi so, der Einstieg in die Pfeilstruktur von dieser CD.
Und dann konntest du dir das Ding da raussuchen und einen Corel-Draw laden, ja.
Das war, das war echt fancy.
Und da war, also wirklich, da gab's alles Mögliche, also wirklich auch Sachen, wo man, wo man jetzt drüber, wo man zweifeln kann, ob das jetzt da die Vektorgrafik so das Richtige ist, weil es schon sehr detailliert war, ähm, aber ja, äh, war eine coole Sache.
Und das war, ich wüsste nicht, dass ich da eine Pixelgrafik gesehen hab mal in Corel-Draw.
Also das ist ja das, das, das, ich hatte Corel-Draw immer so als, als Vorgänger von Photoshop, äh, im Hinterkopf, weil ich's nie wirklich genutzt hab, aber halt nur gesehen hab und für mich war das einfach halt ein normales Grafikprogramm.
Ähm, umso erstaunlicher, dass die Vektorgrafik im Web erst zu spät eigentlich Einzug gehalten hat, gehalten hat, ähm, weil ich finde Vektorgrafik im Web, das war tatsächlich ein Riesenschritt, der eigentlich total unterschätzt wird und erschreckenderweise findet man,
trotzdem noch, und ich glaube, wir haben es an anderer Stelle auch schon mal gesagt, trotzdem noch viel zu viele Rastergrafiken, wo eigentlich Vektorgrafiken ein klassischer Ansatzpunkt wären.
Also irgendwelche einfachen Firmenlogos, große Farbflächen, ähm, ein bisschen Text und dann ist es trotzdem noch als, als PNG oder als JPEG eingebunden.
Konstantin, wir sprengen heute die drei Stunden.
Ja, die 14 Minuten schaffen wir uns noch.
Ähm, der war.
Genau, aber wobei, wir sind jetzt damit, aber das kommt ja noch ein Geilteil, ja, wir schaffen das noch.
Ähm, genau, also wollte ich nur sagen, ich finde es erschreckend, dass das immer noch nicht, nicht eingesetzt wird.
Leute nutzen Vektorgrafiken und wenn, wenn es, wenn es, wenn die Ausrede kommt, naja, WordPress unterstützt von Haus aus keine Vektorgrafiken, was ich auch nicht nachvollziehen kann, dass das nicht schon längst, ich meine, WordPress klafft oft so vor, vor Sicherheitslücken, ähm, dass die Ausrede, naja, da kann ja jemand ein Angreifer über die Vektordaten dann irgendwie vielleicht was einschleusen.
Also erstens gibt es da schon Möglichkeiten, das zu bereinigen und vor allem, wenn ein Angreifer soweit ist, dass er mir irgendwelche Vektordateien unterschieben kann, wo irgendwelche Script-Tags drin sind, die nicht rausgefiltert werden, dann habe ich sowieso bei WordPress ein ganz anderes Problem, weil dann hat der in der Regel auch Zugriff auf mein komplettes Backend.
Du hast jetzt noch nicht gesagt, was das Standard-Vektor-Grafik-Format momentan im Web ist, ne? Du hast nur gesagt Vektor.
Achso, ja, Standard-SVG.
Gibt es eigentlich noch andere? Weißt, kennst du noch andere?
Das ist eine gute Frage, ich kenne eigentlich nur, nö, ich kenne nur SVG im Web.
Im Browser funktioniert meines Wissens nach auch nur SVG, aber ich würde jetzt das nicht beschwören, dass es nicht noch was anderes gibt.
Es gibt ja oftmals Grafik-Formate, die dann so in fünf Handvoll-Browsern irgendwie unterstützt werden, aber nicht überall.
Okay, nee, wüsste ich jetzt aber spontan auch nicht. Vielleicht, ja, schreibt es in die Kommentare.
Ja, ich befürchte, der Shep wird uns dann wieder schreiben, dass wir doch irgendwas vergessen haben dabei, dass da gibt es noch dieses Format.
Also, Shep, falls du das hörst, bist herzlich willkommen, uns zu sagen, was es außer SVG noch an Vektor-Grafiken gibt im Web.
Genau, kann man, sagen wir mal, ich habe einfach schon mal abgehakt.
Ja, auf jeden Fall. Ja, letzter Punkt und jetzt lasse ich dich auch viel reden, weil ich habe jetzt sehr viel geredet und ich glaube, der Punkt kam auch von dir.
Vorletzter?
Vorletzter? Ja, ich habe ja noch spontan noch einen schlimmen, das ist der, wo ich dann der geschlagene Hund bin, der seine Kriegsvergangenheit guckt.
Oh, okay, okay. Aber gut, dann machen wir jetzt, genau, Border Radius, Box Shadow und Styling Dose.
Genau, genau. Etwas, was heute selbstverständlich ist, dass man es benutzt und was lange im Web pain in the ass war, waren runde Ecken bei Containern und Schatten.
Und fancy Farbverläufe.
Und Verläufe, genau, am besten auch noch einen Verlauf dazu.
Also alles zusammen, abgerundet mit Verlauf und noch einen Schlagschatten.
Genau, so. Und wenn du jetzt nichts davon in CSS machen kannst, aber eine Box bauen möchtest, also irgendwie, sagen wir mal, der Klassiker, glaube ich, damals war so eine Sidebar.
Du hast irgendwie so eine schmale Spalte, oder Buttons, genau, Buttons. Aber was ich jetzt meine, also das, was ich sehr oft gebaut habe damals, war irgendwie so eine Sidebar, also so eine Randspalte von einer Webseite, die eben vom Grafikdesigner vorgesehen, eben Schatten hat.
Natürlich abgerundete Ecken und am besten noch einen Verlauf von oben nach unten.
So, und mach das mal ohne CSS oder ohne CSS-Eigenschaften, wie eben Border Radius, Box Shadow oder halt irgendwie Verläufe, also Gradients als Background Image.
Ja, das war, da musste man sich dann immer überlegen, also alle drei zusammen in einer skalierenden Box ging eigentlich nicht so richtig.
Man musste sich überlegen, was für eine Strategie ich für die Mitte verwende, damit das irgendwie noch halbwegs, damit der Verlauf funktioniert, in skaliert.
Dafür musste man sich dann was überlegen.
Was hat man da nämlich damals gemacht?
Naja, ich habe da immer Burger gebaut. Ich habe das Burger genannt. Ich weiß nicht, ob das irgendjemand anderes auch Burger genannt hat.
Und zwar gab es dann für mich bei diesen Elementen, also ganz schlimm war das, wenn die auch in der Breite sich verschieben können mussten, aber meistens hatten die eine feste Breite von so und so viel Pixel.
Und dann konnte man einen ganz einfachen Burger bauen, nämlich du hast oben einen Schnipsel von einer Grafik mit eben dem Schatten und was weiß ich, was der Grafiker sich halt ausgedacht hat, mit dem Schatten und den abgerundeten Ecken.
Du hast ein Mittelstück, das sich immer wieder wiederholt hat und du hattest unten nochmal ein Stück, also hast irgendwie zwei Brötchen und Belag.
Ja, also ich kann, keine Ahnung, wie gesagt, ich habe das, also meine alten Firma, ich habe irgendwann gesagt, hey, wir bauen wieder einen Burger und dann haben wir irgendwie das gemacht.
So, und jetzt nochmal kurz zu dem Verlauf. Ich meine, ihr werdet es schon gemerkt haben, na, wenn ich oben einen Grafikknipsel habe und unten einen und in der Mitte was, was sich wiederholt, was ist da mit dem Verlauf?
Das wird dann schwierig, weil du willst vielleicht, also der Grafiker denkt sich dann meistens, na, ich hätte gerne von oben nach unten einen durchgehenden Verlauf.
Wie skaliere ich den? Ich könnte jetzt natürlich hingehen und sagen, ich lege da jetzt irgendwie ein Bild hinten dran, das immer 100 Prozent Höhe hat und dann eben mit skaliert.
Das kann aber ziemlich hässlich werden, wenn das sehr lang gezogen wird, wobei man einen Verlauf eh nicht ewig in die Länge ziehen kann, weil einem irgendwann die Farben ausgehen.
Vor allem noch damals in dem Farbraum.
Und, ja, oder man kann halt sagen, naja, der Verlauf geht halt nur die ersten 150 Pixel oben und dann bleibe ich in einer Farbe und das so haben wir es dann meistens oft gemacht, dass es dann eben nicht von ganz oben bis unten, naja.
Aber so dieses abgerundete Ecken und Schatten an Elementen, das gibt es noch nicht von Anfang an oder gab es nicht von Anfang an im Web.
Das ist echt, also ich weiß noch genau, als Mozilla das eingeführt hat, dass man das mit Minus Mods, Minus Border Radius verwenden kann, dann war ich der erste, gefühlt.
Ich habe das sofort verwendet, weil ich gesagt habe, ey, ich will diesen ganzen Mist nicht mehr, ich will keine Grafiken mehr zerschneiden müssen, um irgendwie so einen Effekt zu machen.
Ich will das jetzt mit CSS machen und ich will da Border Radius schreiben, Border Radius 5 Pixel und aus die Maus und dann habe ich überall abgerundete Ecken.
Und heutzutage ist es so in Fleisch und Blut übergegangen, aber ich erinnere mich immer noch zurück an, wie war es damals.
Und es war, es war eine harte Zeit, weil die, also die Grafikdesigner, mit denen ich zusammengearbeitet habe damals, ich habe sie gern, ich hatte sie damals gern, ich habe sie immer noch gern,
aber die haben es einem nicht unbedingt leicht gemacht mit den Ideen, die die damals hatten.
Die waren nämlich sehr schwer umzusetzen, heutzutage alles kein Problem mehr.
Und jetzt, und was ist jetzt?
Jetzt interessiert es keinen mehr.
Jetzt gibt es Flat Design, jetzt will keiner mehr Verläufe im Hintergrund haben.
Schatten will auch keiner mehr haben und abgerundete Ecken auch nicht, weil wir machen ja jetzt irgendwie Microsoft, ist auch schon wieder out.
Jetzt, wo wir die Technik haben, jetzt will es keiner mehr haben.
Danke.
Menno.
So.
Und damit gehen wir jetzt zum letzten Punkt.
Jawohl.
Oder wolltest du dazu noch was sagen?
Nee, ich habe nichts mehr dazu, nee.
Okay, der letzte Punkt, den habe ich gerade vorhin noch schmerzvoll eingefügt.
Ich sehe es.
Und zwar gehen wir noch ein bisschen weiter zurück.
Ihr kennt sicher alle transparente Grafiken oder Grafiken, die mit Alpha-Transparenz bereichen.
Also PNG ist das klassische Grafikformat für das Web, das das unterstützt.
Ich meine, klar, natürlich in der Vektorgrafik gibt es das natürlich auch.
Aber so das Klassische, was man früher verwendet hat, wenn man irgendwie mit Transparenzen haben wollte, war eben das PNG.
Ja, auch GIF.
GIF davor.
GIF sogar noch davor.
Stimmt, du hast recht.
Und dann gab es PNG 8.
Das hat aber keine, GIF hat keine, ja.
GIF hat keine Alpha-Transparenz.
GIF, hast du die Entscheidung, entweder komplett transparent oder gar nicht.
Genau.
Und dann hat man halt aber natürlich, wieder meine geliebten Grafiker, denken sich natürlich Sachen aus, wo irgendwie transparente, halbtransparente Dinge übereinander liegen müssen, dass man das irgendwie verwenden kann.
Oder weil es irgendwie fancy aussieht und es gibt auch gute Gründe dafür.
Und dann gab es aber damals noch so Browser, die damit da durchaus ihre Problemchen hatten, die ein transparentes PNG nicht einfach darstellen konnten.
Und dann gab es welche, die das, wie soll ich sagen, die so getan haben, als ob sie es können, aber es eigentlich nicht konnten und denen man das dann noch beibringen musste.
Weil wenn ein Browser einfach was nicht kann, okay, damit kann ich umgehen.
Aber wenn, wenn, in dieser, in dieser Zeit gab es ganz oft so den Fall, dass es irgendeinen ganz fiesen Hack gab, um Dinge, den Browser doch noch beibringen.
Das gibt es eigentlich ja immer noch mit irgendwelchen Polyfills, aber mittlerweile sind die relativ gut.
Mich erinnert es eher an Houdini, so ein bisschen.
Folge Nummer 6, wer da reinhören möchte.
Also statt CSS erweitern konnte ich da halt wirklich mit irgendwelchen Befehlsdateien dem Browser sagen, was er denn zu tun hat.
Aber das ist ja eine fest definierte Schnittstelle, die dafür gedacht ist.
In dieser Zeit, über die ich spreche und da ich meine damit so 2007, 2008, diese Zeit, also das ist die Zeit, wo ich damit viel zu tun hatte,
da war dann plötzlich, naja, da war der Internet Explorer 6 unser allerliebstes Kind.
Die Älteren werden sich erinnern.
Die ganz Alten werden ein bisschen Brechreiz kriegen jetzt gerade, wie ich gerade, ihr habt es gehört.
Da gab es dann so fiese Sachen mit ganz merkwürdigen Standards, sogenannte HTC-Dateien, gab es da.
Keine Ahnung, ich weiß nicht mal, was es bedeutet.
Man hat die damit eingebunden und dann hat die Seite auch deutlich länger geladen, wenn man das da mit drin hat.
Und die konnte dann dafür irgendwie sorgen.
Dann hat man gesagt, ja, und dann gab es da so, das war so ein ganz komisches eigenes Format und da konnte man dann so einen Selektor reinschreiben
und damit dann eben die Elemente, die ein transparentes PNG hatten, selektieren und dann waren die hinterher auch transparent.
Aber es hat dann noch so ein bisschen rumgeflaggert, das weiß ich noch.
Also erst mal waren sie nicht transparent und dann waren sie transparent.
Weil was ist passiert, wenn man das nicht gemacht hat mit transparenten PNGs im IE6?
Der hat was ganz Tolles dann gemacht.
Der hat nämlich die Alpha-transparenten Bereiche einfach in so einem komischen Grau dargestellt.
Weil es ist ja genau das, was man da machen will.
Statt dass er dann sagt, okay, dann mache ich halt komplett durchsichtig.
Irgendwas Sinnvolles hat er einfach gesagt, nö, da wo Alpha-transparenten ist, ich mache einfach mal Grau.
Grau, das wird schon die richtige Farbe sein.
Ja, krass.
Das war was, was total in Vergessenheit geraten ist bei mir.
Und jetzt, wo du es vorhin gesagt hast, am Anfang mit den HTC-Dateien und PNGs, da kam das auch wieder hoch.
Und die Erinnerungen, ich weiß noch, da gab es eine Dummy, so eine Beispielseite, die das dann demonstriert hat.
Ich glaube, es war ein Heißluftballon, glaube ich.
Und da erinnere ich mich noch, dass ich da dann drauf war und das gesehen habe und dann auch ausprobiert habe.
Und ich bin froh, dass ich das auch wieder quasi vergessen durfte.
Und jetzt holen wir es hier wieder hoch.
Gerne.
Ja, ich habe ja vorhin schon gesagt, ich war eh heute schon nicht so gut gelaunt, da kann ich auch über sowas nochmal nachdenken.
Ja, und damit können wir das Thema abschließen mit unserem nicht vorhandenen Themen-End-Jingle.
Ja, und es sind noch unter drei Stunden, aber da kommt jetzt noch das Geil-Teil.
Aber ich glaube, das geht nicht ganz so kurz.
Aber wir sind schon ...
Nicht ganz so lang.
Das geht so lang, wie es geht.
Genau.
Richtig.
Das Geil-Teil dieses Mal ist ein Buch-Hörbuch, was jetzt schon gar nicht mehr so ganz neu ist.
Ich bin bei so Sachen manchmal, ich weiß, dass ich es hören will, also in meinem Fall war es das Hörbuch.
Ich habe es auch irgendwie schon erworben, es liegt bei mir rum, aber ich komme irgendwie nicht dazu, so richtig anzufangen.
Und da war es genauso.
Und jetzt aber die letzten Tage habe ich dann beschlossen, jetzt ist es soweit, jetzt muss es mal damit vorangehen.
Und habe es dann auch wirklich so sturzgeburtartig fertig gehört.
Oder ja, eigentlich zum Großteil gehört, nicht nur fertig gehört, sondern irgendwie fast komplett am Stück, irgendwie so über zwei, drei Tage, irgendwie abends mehrere Stunden Hörbuch gehört.
Und zwar geht es um Quality Land 2.0.
Vielleicht kennt der eine oder andere die erste Variante davon, Quality Land, also nicht 1.0, sondern einfach nur Quality Land.
Und zwar ist das Buch-Hörbuch von Marc-Uwe Kling, dem Autor von den Kängurukroniken und Apokryphen und keine Ahnung, wie sie alle heißen.
Ich glaube, es gibt vier verschiedene von den Känguru-Geschichten.
Und Quality Land 2.0 kam jetzt, weiß ich nicht wann raus, vor einem Jahr oder so, oder war es sogar dieses Jahr?
Ich weiß nicht, es ist schon ein bisschen, es sind auf jeden Fall schon ein paar Monate und ich bin jetzt erst dazugekommen, es irgendwie zu hören.
Dann war es nicht dieses Jahr.
Dieses Jahr ist erst zwei Monate.
Achso, nee, Quatsch.
Ich bin ja, ich bin jetzt noch im letzten Jahr.
Ich gucke mal gerade eben, wann das, wann kam das denn raus laut Amazon, Moment mal, da steht im Oktober, letzten Oktober, 12. Oktober kam das, das ist glaube ich das Buch jetzt.
Ich weiß nicht genau, wann das Hörbuch rauskam, ich weiß nicht, ob das gleichzeitig kam, aber da kam auf jeden Fall das Buch.
Und so mal ganz kurz abgerissen, um was geht es denn bei Quality Land?
Quality Land geht tatsächlich um ein Land, das so heißt.
Es ist so eine Art Zukunftsvision, Science Fiction, aber so ein bisschen dystopisch.
Ich bin mir nicht so richtig sicher, ob ich gerne in Quality Land leben würde.
Es ist oft, also es geht sehr viel um Technologie, also irgendwie so die Zukunft von Algorithmen und Computern und Machine Learning und selbstfahrende Autos und so, das kommt da alles drin vor.
Und es ist so erschreckend nah an unserer Realität, wo wir gerade sind.
Man hat so das Gefühl, ein Quality Land könnte so 10, 20 Jahre in der Zukunft liegen.
Bei manchen Sachen vielleicht auch noch weiter, aber es ist so in greifbarer Nähe, sage ich mal, von den Sachen, die da präsentiert werden.
Und es ist so ganz furchtbar schrecklich an vielen Stellen.
So quasi die Algorithmen haben die Macht übernommen in gewisser Art und man weiß manchmal dann schon gar nicht mehr, warum die jetzt irgendwie was entschieden haben.
Und das Amazon-Pendant schickt halt Leuten Sachen, bevor sie wissen, dass sie es selbst wollen.
Du kriegst einfach ein Paket.
Also es ist alles so ins Extrem getrieben und einen Schritt weiter gedacht.
Wie gesagt, das ist jetzt der zweite Teil.
Ich empfehle jetzt nicht nur explizit den, sondern auch, ich glaube, Quality Land 2.0 ergibt keinen Sinn, wenn man nicht das erste vorher gehört oder gelesen hat.
Es ist auf jeden Fall eine fantastische Fortsetzung und ich habe mich, also ich sage, Kapitel 10 war mein Lieblingskapitel.
Ich habe das auch schon irgendwie vertwittert und so.
Der eine oder andere, der es auch schon gehört oder gelesen hat, hat auch darauf geantwortet, angemessen, ohne dass da Spoiler drin sind.
Aber ich kann es kurz vorwegnehmen.
In Kapitel 10 spricht da der Präsident von Quality Land mit seiner Assistentin.
Und es gab halt vorher mal einen Roboterpräsidenten, der das geleitet hat.
Das ist dann wieder ein Menschlicher und da wird halt über den gesprochen und was für Informationen der den hinterlassen hat.
Und die Zahl halt, die da genannt wird, ist 36,7 Prozent aller Jobs sind komplett nutzlos oder schaden sogar der Gesellschaft.
Also aus gesamtgesellschaftlichem Nutzen, das ist natürlich keine echte Zahl für unsere Welt, aber für Quality Land.
Und ich fand es irgendwie, das ist ein sehr witziges Kapitel, da wird auch noch so ein bisschen auf Monty Python angespielt.
Und ich fand diese These so, die meisten Jobs sind eigentlich nutzlos.
Das hat ein bisschen resoniert bei mir.
Da fragt man sich da manchmal auch so, was ist denn eigentlich so der gesellschaftliche Nutzen von seinem eigenen Job?
Es ist, ich meine, klar, ich habe Brötchen.
Das ist ja auch schon mal ein Nutzen.
Aber hilft das jetzt der Gesamtgesellschaft, wenn ich jetzt ein Brötchen habe und mir vielleicht ein Auto leisten kann?
Keine Ahnung.
Triggert interessante Gedanken an auf jeden Fall.
Und vor allem der Blick so auf die Technologie, wie sie denn sein könnte und wie wahnwitzig sie werden könnte, wird da ganz gut rausgearbeitet.
Und das ist sehr lustig.
Ich meine, wer die Känguru-Bücher oder Hörbücher kennt, der kennt den Humor von Marc-Uwe Kling.
Und das ist natürlich sehr ähnlich.
Und er liest es da auch wieder selbst und haucht dem ganzen Leben ein, in dem halt jeder Charakter auch irgendwie so seine eigene Stimme kriegt.
Und ich kann verraten, das Känguru taucht in anderer Art da auch wieder auf.
Nur ist es halt da kein Känguru.
Ich will jetzt mal nicht verraten, welcher Charakter das dann ist, aber sowohl in Quality Land 1 als auch in 2 taucht dieser Känguru-Charakter wieder auf.
Der spricht auch so ähnlich.
Ich habe es daran dann auch erkannt und dachte so, ah ja, stimmt.
Und irgendwann wird das dann auch mal aufgeklärt, wie das denn zustande kommt und so.
Ja, ich habe mir immer wieder darüber Gedanken gemacht, wann das denn jetzt eigentlich spielt.
Weil es nimmt sehr viel Bezug auf unsere Gegenwart auch, also so oder auf unsere Zeit.
Und man findet es nicht so richtig raus.
Es wird nie eine Jahreszahl genannt, wann es spielt.
Aber mein Tipp ist so, dass es so frühestens 2050 spielt oder später.
Weil es wird mal Bezug genommen auf ein Ereignis irgendwie so, ja, das ist ja vor über 100 Jahren und sowas gewesen.
Und da habe ich das Ereignis mal nachgeschlagen.
Ich habe gesehen, ah, das geht.
Es war 1910 oder irgendwie sowas oder 1915.
Und dann geht man halt mal irgendwie davon über 100 Jahre in die Zukunft.
Und dann landet man irgendwo da.
Es kann aber auch sein, dass es 2070 oder 2080 spielt.
Keine Ahnung, irgendwie so um den Dreh.
Vielleicht ist es auch egal.
Aber interessant ist da auch, dass die, da werden auch die, also vielleicht noch so ein paar Details.
Da werden zum Beispiel die ganzen Länder umbenannt.
Es gibt halt Quality Land.
Man weiß nicht genau, ob das Deutschland sein soll.
Aber es gibt auf jeden Fall ganz viele Länder, die Quantity Land heißen.
Und zwar, die werden dann durchnummeriert.
Es gibt Quantity Land 1 und 2 und 17.
Die sind natürlich alle viel schlechter als Quality Land.
Und da habe ich mich dann auch gefragt, wenn ich jetzt, wo lebe ich denn beruflich?
Bin ich in Quality Land oder bin ich in Quantity Land?
Aber witzigerweise gibt es auch noch die Schweiz und Schweden.
Die haben ihre Namen noch.
Okay, aha.
Die, die gibt es komisch.
Die Schweiz ist ja immer neutral, die halten sich aus allem raus.
Ja, es ist einfach, ja, es gab aber auch irgendwie einen Krieg mit der Schweiz.
Und es sind ganz, ganz, ganz viele, ganz merkwürdige Sachen passieren da.
Vielleicht ein kleines Detail aus dem ersten Teil.
Da kommt man zum ersten Mal in Kontakt mit einem selbstfahrenden Auto.
Und die selbstfahrenden Autos dort, die kommen halt auch selbstständig.
Wenn dein persönlicher Assistent weiß, dass du jetzt irgendwie losfahren willst, dann kommt es irgendwie und wartet vielleicht schon auf dich.
Und dann steigt der Protagonist, ich sage jetzt mal nicht den Namen, steigt in das Auto und dann, die führen halt eine Konversation.
Also die ganzen Geräte da, die haben so eine Art Persönlichkeit.
Also es ist alles sehr vermenschlich.
Die ganzen, also man ist da so offenbar so weit, dass die Geräte eine Persönlichkeit haben.
Weil der Protagonist ist nämlich auch Maschinentherapeut.
Das kommt leider erst im zweiten Teil so ein bisschen raus.
Ich könnte da ewig drüber reden, warum und keine Ahnung.
Und der spricht halt da mit dem Auto und sagt das Auto, ja hast du ein Problem damit, wenn ich meine Musik anmache?
Und dann sagt er, nee, nee, mach ruhig.
Und dann nach einer Weile, ja, irgendwie ist es irgendwie schon stressig.
Und dann sagt das Auto, ja, magst du Death Metal nicht?
Und dann sagt er, nee, nee, die Musik stört mich nicht, aber könntest du aufhören mitzusingen?
Hat das Auto einfach bei seiner eigenen Musik mitgesungen?
Also, und ganz interessant ist vielleicht noch das allerletzte Detail und dann höre ich damit jetzt auch auf, ist, wie die Leute da benamt werden.
Also die Vornamen, ganz normal, ganz normale Vornamen, da gibt es irgendwie, keine Ahnung, Peter zum Beispiel.
Und dann, ich glaube, irgendwann habe ich schon mal darüber gesprochen.
Kann es sein, dass es schon mal irgendwie klingelt bei mir?
Die Nachnamen werden nach jeweils Mutter oder Vater, ich glaube, oder, warte, nee, ich glaube nach Mutter oder Vater, je nach dem Geschlecht, da bin ich mir jetzt gerade gar nicht mehr sicher, vergeben,
Nach dem Beruf, der zum Zeitpunkt der Geburt ausgeübt wurde.
Du kannst also zum Beispiel Arbeitsloser heißen mit Nachnamen.
Okay.
Jetzt kann ich es ja verraten, also der Protagonist heißt Peter Arbeitsloser und dann gibt es halt Leute, die heißen Vorstand mit Nachnamen und Sexarbeiterinnen und so.
So, so werden die Leute da benannt.
Und das hat halt Quality Land irgendwann beschlossen, dass die, die Namen werden halt, es gibt jetzt halt keine anderen Nachnamen mehr,
sondern damit gibt es eben diese, dass man auch schön, dass auch schön vorgeprägt ist, wo man herstammt.
Und ich sollte dich noch, ich sollte noch das Stichwort Scheißteil liefern.
Ach, Scheißteil, genau.
Ja, danke, dass du mich daran erinnerst.
Und zwar kann man seinem persönlichen Assistenten, das wird da nicht Smartphone genannt, sondern das kann irgendwie mehr,
kann man einen Namen geben logischerweise, man kommuniziert mit dem, man spricht mit dem.
Und der antwortet einem, man kann, der hat bestimmt auch Lautsprecher, aber der antwortet einem, wenn man möchte, über den Ohrwurm.
Das ist ein Ding, das du im Ohr hast, was dir die ganze Zeit ins Ohr flüstern kann.
Also wie ein Babelfisch.
Genau, der Babelfisch sozusagen.
Und im zweiten Teil gibt es jemanden, der sauer ist auf seinen persönlichen Assistenten und ihn dann umtauft in Scheißteil.
Er sagt dann, ey Scheißteil, das ist quasi so das, okay, Google oder hey Siri, sagt er halt einfach Scheißteil.
Ja, genau, das war es eigentlich schon.
Also, ja, so jetzt genug darüber geredet.
Ich kriege auch kein Geld dafür, aber wir könnten einen Affiliate-Link dazu in die Shownotes packen, stimmt eigentlich.
Genau, den mache ich noch.
Also, das ist wirklich, es ist wirklich hervorragend, es macht sehr viel Spaß, gerade für Leute, die sich mit Technologie beschäftigen, ist es supergeil, weil ganz viele Anspielungen, glaube ich, so technologische, die versteht man auch nur, wenn man sich so ein bisschen mit Technologie beschäftigt.
Es macht, macht riesen Spaß. Danke, Marc-Uwe, an der Stelle.
Ja.
Cool.
Geilo, teilo, endo.
Ja, mein, mein geilen Teil, nur ganz schnell, weil es heute super passt zu dem Zeitgeist oder zu dem, was wir drüber hatten, dass die, die, die Zeit einen manchmal so täuscht, so, ach, ist das jetzt schon 20 Jahre her und Mensch, aber das ist doch aus meiner Jugend und das kann doch gar nicht sein.
Und auch zum Thema SD und HD passt das super, deswegen einfach ein Link-Tipp, ein YouTube-Tipp, ein Video von dem Kanal Vsauce, der so Wissenschafts- und Naturwissenschafts- und aber auch philosophisch teilweise Videos macht.
Das Video heißt Illusions of Time und es geht eben genau um das, was einen prägt, was einen ausmacht und warum man das dann emotional verknüpft mit seiner Vorstellung von Zeit und da ist zum Beispiel auch was drin, von 1993, glaube ich, eine HD-Aufnahme auf HD-VHS, was ich bis zu dem Zeitpunkt auch nicht wusste, dass es das gab, Aufnahmen von 1993 aus New York.
Und wie das eben die Wahrnehmung, weil das in HD ist, also das schickt einen total, das zu sehen, wie Menschen sich da bewegt haben und wie real die dadurch wirken und wie viel persönlicher die wirken.
Und genau, das ist, glaube ich, eine halbe Stunde, lohnt sich auf jeden Fall das anzugucken, ich fand, ich habe es sogar zweimal geschaut, weil ich das einfach irre fand, das mal so vorgeführt zu bekommen, warum wir Zeit eigentlich so wahrnehmen, wie wir sie wahrnehmen.
Ja, muss ich mir, glaube ich, mal anschauen.
Auf jeden Fall, sehr empfehlenswert.
So, hier, irgendwie, okay, jo, gut, dann, Mensch, das sind wir ja schon am Ende.
Haben wir ja, haben wir nur drei Stunden gebraucht und ein bisschen.
Wahnsinn, neuer Rekord.
Es ist halt, wenn man in Erinnerungen schwelgt und wenn einem zwischendrin dann Sachen einfallen, die man gar nicht aufgeschrieben hatte, ich habe mir schon gedacht, dass das heute so lang wird.
Ich habe mich schon zurückgehalten.
Ja, ich auch.
Stell dir mal vor, wir hätten nicht.
Teil zwei, Teil zwei kommt nächste Woche.
Ja, außer wir merken dann an den Hörerzahlen, dass es doch eher abschreckend ist.
Ja, ich hoffe, es war trotzdem für jeden was dabei, für die alten Hasen und die jungen Hüpfer und es wurde nicht langweilig und ja, danke fürs Zuhören.
Und ich glaube, wir machen die Verabschiedung umso kürzer.
Ja, läutet doch einfach schon mal ein und dann sagen wir Tschüss.
Ich habe gar nicht Glocke gesagt.
Ja, okay.
Also wie immer, spendet gerne, empfehlt uns auf jeden Fall weiter und bis zum nächsten Mal.
Ciao.
Untertitelung des ZDF für funk, 2017