WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: Jäger der verlorenen CSS-Features – Kapitel II
Publishing Date: 2020-07-19T14:00:00+02:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/jaeger-der-verlorenen-css-features-kapitel-ii/

00:00:00.000 --> 00:00:04.700
 Wo wir sind, ist vorne, Folge 11. Heute gibt's Teil 2 der unerfüllten CSS-Träume.

00:00:04.700 --> 00:00:23.820
 Herzlich willkommen bei Wo wir sind, ist vorne. Frontend-Fakten-Frotzelein.

00:00:23.820 --> 00:00:27.840
 Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

00:00:30.000 --> 00:00:39.540
 Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleur Konstantin Groß.

00:00:53.920 --> 00:00:59.380
 Ja, heute eine Woche später, als das der normale Rahmen üblicherweise hergibt.

00:00:59.380 --> 00:01:02.300
 Aber jetzt sind wir quasi wieder im Takt, wie wir angefangen haben.

00:01:02.300 --> 00:01:05.460
 Weil wir hatten schon mal eine Verzögerung zwischendrin und jetzt passt's wieder.

00:01:05.460 --> 00:01:13.580
 Vielleicht müssen wir irgendwann mal zwei Folgen in einer Woche machen, um dann tatsächlich wieder, also zweimal zwei Folgen in einer Woche, dann sind wir wirklich wieder im Echten.

00:01:15.040 --> 00:01:17.560
 Ja gut, aber ich glaub, nee.

00:01:17.560 --> 00:01:20.120
 Ich glaub auch.

00:01:20.120 --> 00:01:28.200
 Genau, Folge Nummer 11. Warum wir später dran sind, da sprechen wir gleich noch drüber in der Retro. Das haben wir ein gemeinsames Retro-Thema gleich.

00:01:28.200 --> 00:01:35.500
 Aber Folge 11, ich hab noch gar nichts getrunken und die Zunge wird schon schwer. Folge Nummer 11, eine Schnapszahl.

00:01:36.020 --> 00:01:38.520
 Und deswegen haben wir heute beide keinen Schnaps.

00:01:38.520 --> 00:01:41.140
 Wir haben, glaub ich, beide Likör, oder?

00:01:41.140 --> 00:01:43.520
 Ja, wir haben beide Likör.

00:01:43.520 --> 00:01:49.980
 Wir haben vorher drüber nachgedacht, ob es überhaupt irgendeine Flasche in Deutschland gibt, wo wirklich Schnaps draufsteht.

00:01:50.400 --> 00:02:02.000
 Also falls du, liebe Hörerin, ein Getränk kennst, auf dem wirklich Schnaps draufsteht, auf der Flasche so richtig draufgedruckt, dann bitte mal irgendwie in die Kommentare oder bei Twitter mal anschreiben.

00:02:02.000 --> 00:02:10.300
 Weil mir fällt nichts ein. Es gibt nur so irgendwie diese Brandwein und Likör und keine Ahnung was. Aber irgendwie Schnaps steht nie drauf, oder?

00:02:11.300 --> 00:02:15.500
 Ja, kenn ich eigentlich jetzt auch nur aus dem Ausland auf Flaschen, da hab ich das schon gesehen, aber hier in Deutschland.

00:02:15.500 --> 00:02:19.960
 Wobei, ich sagen muss, ich bin auch nicht so der Schnapstrinker. Also ich trinke tatsächlich doch lieber ein Likör als kurzen.

00:02:19.960 --> 00:02:23.280
 Deswegen hab ich auch nur Likör im Haus, ich hab gar keinen Schnaps.

00:02:23.280 --> 00:02:29.640
 Also das nächste an Schnaps, an Spirituose, was ich gehabt hätte, wäre noch Cachaca pur gewesen, aber...

00:02:29.640 --> 00:02:30.120
 Oh ja, ja.

00:02:30.120 --> 00:02:32.260
 Was bringst du denn?

00:02:32.260 --> 00:02:33.040
 Es soll ja auch schmecken.

00:02:33.040 --> 00:02:39.920
 Es ist ein spanischer Pfirsichlikör, den ich mitgebracht hab aus dem Urlaub.

00:02:41.120 --> 00:02:45.720
 Und ja, der ist halt süß, pappig, wie so ein Likör halt ist.

00:02:45.720 --> 00:02:51.280
 Also Konstantin vertritt heute so ein bisschen auch die, wie soll ich sagen, so die elitäre Seite.

00:02:51.280 --> 00:02:54.020
 Ich geh genau in die andere Richtung.

00:02:54.020 --> 00:03:04.300
 Ich hab nämlich noch gefunden, so von Feierei sehr, sehr lange her, so einen kurzen, so einen Klopfer, glaube ich, nennt man die auch.

00:03:04.300 --> 00:03:10.540
 Steht jetzt da zwar nicht drauf, aber so eine kleine Flasche, 2CL, Teufelszeug heißt das.

00:03:10.540 --> 00:03:12.580
 Und ich lese mal kurz vor, also 18 Prozent.

00:03:12.580 --> 00:03:17.240
 Kirschlikör mit Wodka, da könnte das zu Ende sein, aber es geht noch weiter.

00:03:17.240 --> 00:03:18.820
 Und Schoko-Chili-Note.

00:03:18.820 --> 00:03:19.360
 Wow.

00:03:21.100 --> 00:03:25.820
 Und es ist wirklich, also das Etikett sieht schon sehr nach Mallorca aus, obwohl ich da noch nie war.

00:03:25.820 --> 00:03:28.520
 Aber ich glaube, da sieht es so aus auf Mallorca.

00:03:28.520 --> 00:03:30.080
 So wie dieses Etikett.

00:03:30.080 --> 00:03:30.920
 Also.

00:03:30.920 --> 00:03:34.080
 Gut, dann schon mal hier mit dem Schnäpschen.

00:03:35.140 --> 00:03:37.180
 Ich klopfe jetzt nicht, aber ich versuche mal.

00:03:37.180 --> 00:03:37.620
 Moment.

00:03:37.620 --> 00:03:39.080
 Vielleicht hört man das.

00:03:39.080 --> 00:03:41.400
 Ach so, ja.

00:03:41.400 --> 00:03:42.480
 Genau, ja.

00:03:42.480 --> 00:03:46.160
 Aber anstoßen kann ich, weil ich habe hier noch die Obligatorische, die gleich noch kommt.

00:03:46.160 --> 00:03:47.000
 Okay.

00:03:47.000 --> 00:03:48.040
 Hört man das?

00:03:48.040 --> 00:03:48.900
 Ja.

00:03:48.900 --> 00:03:50.920
 Das weiß aber mehr als Bierflasche.

00:03:50.920 --> 00:03:51.120
 Ja.

00:03:51.120 --> 00:03:52.160
 Okay, gut.

00:03:52.160 --> 00:03:53.280
 Zum Wohl.

00:03:53.280 --> 00:03:54.480
 Zum Wohl.

00:03:54.480 --> 00:03:57.960
 Und da der ...

00:03:57.960 --> 00:03:58.320
 Oh ja.

00:03:58.320 --> 00:03:59.320
 Ja, und es ist gut.

00:03:59.320 --> 00:04:00.840
 Es schmeckt genauso elitär, wie es aussieht.

00:04:00.840 --> 00:04:04.920
 Ja gut, mit Wodka, allein schon Wodka-Fan bin ich jetzt auch nicht so.

00:04:05.140 --> 00:04:07.160
 Ja, kann ich mir schon lebhaft vorstellen.

00:04:07.160 --> 00:04:09.640
 Schmeckt nicht mehr viel nach Wodka, ja.

00:04:09.640 --> 00:04:12.800
 Wie gesagt, spanischer Likör ist das.

00:04:12.800 --> 00:04:19.860
 Und das bringt mich dazu, dass ich entdeckt habe in unseren Statistiken, dass wir tatsächlich Hörer aus Spanien aufgeführt haben.

00:04:19.860 --> 00:04:22.900
 Kann natürlich sehr gut sein, dass das irgendwelche Bots sind.

00:04:22.900 --> 00:04:28.140
 Und ich weiß auch nicht, ob das jetzt auch Urlauber oder tatsächlich Leute, die dort leben.

00:04:28.140 --> 00:04:32.740
 Und wer mir eine große Freude machen will, wir haben ja letztes Mal schon gesagt,

00:04:32.740 --> 00:04:36.820
 dass wir unsere DHL-Packstation-Adressen im Impressum jetzt stehen haben.

00:04:36.820 --> 00:04:38.920
 Wer uns irgendwas zukommen lassen will.

00:04:38.920 --> 00:04:45.600
 Und wer mir eine große Freude machen will und in Spanien wohnt oder arbeitet oder im Urlaub gerade da ist,

00:04:45.600 --> 00:04:47.240
 wo da vielleicht demnächst hingeht,

00:04:47.380 --> 00:04:55.540
 Es gibt in der Supermarktkette Mercadona, gibt es Oliven im Glas namens Aceitunas Cordal Alineadas.

00:04:55.540 --> 00:05:03.300
 Und wer mir eine sehr große Freude machen will, der schickt mir ein, zwei Gläser davon gerne zu, an die Adresse, die im Impressum steht.

00:05:03.300 --> 00:05:06.520
 Also nicht an die Adresse, sondern an die Packstation-Adresse, bitte.

00:05:07.020 --> 00:05:12.220
 Und wer in England ist, der kann dem Konstantin auch Pret-à-Manger-Sandwiches schicken.

00:05:12.220 --> 00:05:15.160
 Ja, aber ich weiß nicht, ob die halten sich, glaube ich, nicht länger als einen Tag.

00:05:15.160 --> 00:05:18.920
 Dann lieber für die Pigtails, die du mir mitgebracht hast.

00:05:19.040 --> 00:05:23.460
 Das auch, aber da verweise ich gerne nochmal auf die Folge Nummer 10,

00:05:23.460 --> 00:05:28.200
 wo wir gesagt haben, dass ihr uns auch gerne an die Packstation Pizza schicken dürft,

00:05:28.200 --> 00:05:34.200
 wenn ihr sicherstellt, dass sie an unserem Aufnahme Donnerstag oder Freitag dann auch fertig ist

00:05:34.200 --> 00:05:38.280
 und nicht irgendwie dann schon Schimmel irgendwie angesetzt hat.

00:05:38.280 --> 00:05:46.460
 Und da appelliere ich an die findigen Ingenieure in euch, die sich dann überlegen können,

00:05:46.540 --> 00:05:53.880
 wie könnte man denn ein Pret-à-Manger-Sandwich so abschicken, dass es eben noch gut bei uns ankommt.

00:05:53.880 --> 00:05:56.820
 Also ich habe tatsächlich schon Kühlgut bestellt in Online-Shops

00:05:56.820 --> 00:06:00.080
 und das dann mit so einem gefrorenen Code-Pack geschickt bekommen.

00:06:00.080 --> 00:06:06.220
 Das war dann quasi da dran getaped und war tatsächlich sogar noch fest, als es ankam.

00:06:06.220 --> 00:06:11.820
 Wenn man das also entsprechend kalkuliert und express, nicht flüssig zumindest,

00:06:11.820 --> 00:06:15.120
 wenn man das entsprechend plant, dann kann das sogar hinhauen.

00:06:15.120 --> 00:06:17.640
 Aber es darf natürlich dann keine Lieferschwierigkeiten geben.

00:06:17.640 --> 00:06:19.780
 Okay.

00:06:19.780 --> 00:06:22.580
 Gut, genau. Schnaps hatten wir.

00:06:22.580 --> 00:06:24.480
 Bier, was hast du, was trinkst du heute?

00:06:24.480 --> 00:06:25.480
 Ah ja, genau.

00:06:25.480 --> 00:06:29.920
 Diese Folge ist wieder gesponsert von Darmstädter Bier.

00:06:29.920 --> 00:06:30.460
 Nicht.

00:06:30.460 --> 00:06:34.040
 Diesmal habe ich, also es steht da diesmal nicht Darmstädter drauf,

00:06:34.040 --> 00:06:35.600
 sondern Pfungstädter heißt das.

00:06:35.600 --> 00:06:37.960
 Pfungstädter Edelpilz Premium.

00:06:38.520 --> 00:06:42.380
 Ist wieder eine 0,5er-Flasche, das heißt, das Ende der Folge wird wahrscheinlich wieder sehr merkwürdig.

00:06:42.380 --> 00:06:44.080
 Ja, es wird heute auch lang.

00:06:44.080 --> 00:06:46.340
 Also ich glaube, wir können uns jetzt schon mal darauf einstellen.

00:06:46.340 --> 00:06:48.260
 Wir sind noch nicht mal bei der Retro.

00:06:48.260 --> 00:06:53.220
 Es wird heute lang, weil wir einfach eine Woche mehr hatten, um Ideen zu sammeln und zu erzählen.

00:06:53.280 --> 00:06:56.100
 Ich habe schon wieder welche rausgenommen, weil ich dachte, es ist schon wieder so alt.

00:06:56.100 --> 00:07:02.680
 Ja, wir haben vorhin noch mal spontan am Hauptthema rumgeschnibbelt.

00:07:02.680 --> 00:07:04.260
 Mal gucken.

00:07:04.640 --> 00:07:07.040
 Dann machen wir jetzt gleich noch das Bier hinterher, Mensch.

00:07:07.040 --> 00:07:08.480
 Wir werden echt Alkoholikern.

00:07:08.480 --> 00:07:13.620
 Ich habe den Schlaf noch nicht mal leer, aber gut, bevor wir noch mehr Zeit verlieren an die Bierfrage.

00:07:13.620 --> 00:07:15.560
 Ich habe einen Flensburger Pilsener.

00:07:15.560 --> 00:07:23.440
 Gut, dann wie schon in den Folgen zuvor, jetzt könnt ihr Pause drücken, euch euer eigenes Bier holen.

00:07:23.440 --> 00:07:26.120
 Oder ihr müsst auch kein Bier trinken, ihr dürft alles Mögliche trinken.

00:07:26.120 --> 00:07:32.820
 Ihr dürft euch jetzt an die Kaffeemaschine gehen oder an den Kühlschrank und eine Clubmate rausholen oder was auch immer ihr jetzt trinken möchtet.

00:07:32.960 --> 00:07:35.360
 Also jetzt Pause und dann gleich weiter.

00:07:35.360 --> 00:07:37.080
 Und zwar jetzt.

00:07:37.080 --> 00:07:38.400
 Ja, da sind wir wieder.

00:07:38.400 --> 00:07:41.240
 Wir kommen zurück.

00:07:41.240 --> 00:07:43.940
 Ja, dann lass uns doch mal aufmachen.

00:07:43.940 --> 00:07:46.520
 Ja, super, hat der überhaupt nicht gepfloppt.

00:07:46.520 --> 00:07:48.380
 Das war sehr enttäuschend.

00:07:48.380 --> 00:07:54.840
 Ich habe gerade gesehen, der Konstantin hat so eine schöne Bügelflasche und das hat leider nicht den Effekt, den ich letzte Woche hatte.

00:07:54.840 --> 00:07:59.240
 Ich hätte vielleicht vorher schütteln müssen.

00:07:59.240 --> 00:08:01.280
 Also nochmal hier Fake anstoßen.

00:08:02.280 --> 00:08:04.380
 Ja, genau, anstoßen, Moment.

00:08:04.380 --> 00:08:05.240
 Ach, ist doch egal.

00:08:05.800 --> 00:08:11.700
 Und nochmal danke an den Stefan, das ist jetzt das zweite Bier aus seiner Heimat, aus Darmstadt.

00:08:11.700 --> 00:08:14.680
 Und eins habe ich noch für die nächste Folge.

00:08:14.680 --> 00:08:17.580
 Dann müsst ihr uns Neues schicken, sonst können wir nicht weitermachen.

00:08:18.440 --> 00:08:22.880
 Aufforderung an die WWSV-Fanboys und in diesem Atemzug.

00:08:22.880 --> 00:08:23.720
 Und diverse.

00:08:23.720 --> 00:08:25.700
 Und wir wollen niemanden ausschließen.

00:08:25.700 --> 00:08:30.940
 Nein, wir sind ja sehr inklusiv, auch durch alle Entwicklungsstufen der Entwickler hinweg.

00:08:30.940 --> 00:08:33.460
 Oh mein Gott, jetzt wird es schon wieder Meta.

00:08:33.960 --> 00:08:35.160
 Inklusive Inklusivität.

00:08:35.160 --> 00:08:38.700
 Also wir haben weiterhin wachsende Zahlen, das freut uns sehr.

00:08:38.700 --> 00:08:42.500
 Das heißt aber natürlich nicht, dass ihr nicht weiterhin weiterempfehlen dürft und sollt.

00:08:42.500 --> 00:08:44.560
 Also das gleich schon mal am Anfang.

00:08:44.560 --> 00:08:45.680
 Tut das bitte weiterhin.

00:08:45.680 --> 00:08:51.460
 Und ich würde sagen, jetzt kommen wir endlich mal zur Retro.

00:08:52.300 --> 00:09:13.040
 Ja, das Thema, das uns beide beschäftigt hat und weshalb die Folge, die letzte, also die jetzige Folge sich um eine Woche verschoben hat, war das liebe Internet.

00:09:13.040 --> 00:09:15.420
 Also das uns im Stich gelassen hat.

00:09:15.420 --> 00:09:27.380
 Und so ein bisschen meine Reaktion, damit umzugehen, war ein Tweet, wo ich mich bei den entsprechenden Internet-Service-Providern im Namen des Podcasts bedankt habe.

00:09:27.380 --> 00:09:29.680
 Kann man doch eigentlich, glaube ich, auch sagen, oder?

00:09:29.680 --> 00:09:31.780
 Also der Tweet ist ja öffentlich einsichtbar.

00:09:31.780 --> 00:09:32.740
 Kann man sagen.

00:09:32.740 --> 00:09:35.180
 Wir haben ja zwei verschiedene, das heißt hier auch nicht Werbung.

00:09:35.180 --> 00:09:42.500
 Bei mir war es die Telekom und irgendwie, wir haben schon gesagt, na gut, solange das bei mir nicht stabil läuft, verschieben wir es lieber.

00:09:42.920 --> 00:09:46.960
 Und prompt am Freitag ist bei Moritz auch das Internet bei Vodafone ausgefallen.

00:09:46.960 --> 00:09:51.960
 Ja, und dementsprechend war es gut, dass wir den Freitag gar nicht erst eingeplant haben.

00:09:51.960 --> 00:09:57.600
 Passenderweise habe ich genau an dem Tag einen neuen Router bekommen, also jetzt eine Fritzbox.

00:09:57.600 --> 00:10:00.200
 Dafür darf ich mal Werbung machen, weil ich finde, das Teil ist echt gut.

00:10:00.200 --> 00:10:02.740
 Ja, ich habe auch eine und bin auch sehr zufrieden.

00:10:04.260 --> 00:10:13.880
 Ja, und dann konnte ich natürlich nicht herausfinden, ob das jetzt, ob jetzt der eigentliche Ausfall das Problem war oder die Fritz oder der Router selbst.

00:10:13.880 --> 00:10:24.760
 Also ich meine, es war ein richtiger Ausfall, aber jetzt kann ich gar nicht sagen, ob meine vorherigen Internet-Probleme jetzt dadurch behoben sind, dass da jetzt am Kabel draußen irgendwo was repariert wurde oder dass ich jetzt einen besseren Router habe.

00:10:24.900 --> 00:10:26.360
 Auf jeden Fall bin ich da echt zufrieden mit.

00:10:26.360 --> 00:10:28.860
 Das Problem ist nur mit dieser Fritzbox-Cable.

00:10:29.500 --> 00:10:31.920
 Sie ist ungefähr so groß wie ein DIN-A4-Blatt.

00:10:31.920 --> 00:10:37.540
 Also relativ mächtig und auch nochmal so fünf Zentimeter breit.

00:10:37.540 --> 00:10:45.080
 Also das ist, und dadurch, dass sie nicht besonders schön ist, ist es quasi ein extra Möbelstück, das man jetzt erstmal unterbringen muss.

00:10:45.080 --> 00:10:47.300
 Vor allem musst du gucken, wo du es unterbringen darfst.

00:10:47.300 --> 00:10:51.940
 Da sind ja auch irgendwie, steht ja dabei, wo du es überall nicht hinstellen darfst und nicht abdecken.

00:10:51.940 --> 00:10:56.320
 Und bitte nicht hier hin und bitte nicht an Kabel und bitte, ja, am besten gar nicht benutzen.

00:10:56.780 --> 00:11:00.200
 Am besten gar nicht benutzen, genau. Das ist die Anleitung, so kurz zusammengefasst.

00:11:00.200 --> 00:11:03.960
 Genau, also unser Internet war kaputt. Und wie hat es sich geäußert? In einem Tweet.

00:11:03.960 --> 00:11:06.920
 Und dann habe ich so gedacht, Mensch, ich ärgere mich so sehr.

00:11:06.920 --> 00:11:10.840
 Es muss jetzt noch irgendwo anders hin, meine negative Energie.

00:11:10.840 --> 00:11:19.040
 Und dann habe ich auf unserer Webseite was eingebaut, wo ich eigentlich so, ich habe ein bisschen Code-Archäologie betrieben

00:11:19.040 --> 00:11:27.800
 und habe überlegt, wie teilen wir jetzt denn unseren Hörerinnen mit, dass das bei uns gerade nicht läuft, dass es diese Folge nicht gibt.

00:11:27.800 --> 00:11:29.840
 Jetzt die Leute, die uns nicht auf Twitter folgen.

00:11:31.460 --> 00:11:36.640
 Und dann dachte ich mir, naja, was zieht mehr Aufmerksamkeit auf sich als ein Marquee-Element?

00:11:37.640 --> 00:11:41.920
 Und da dürft ihr jetzt gerne mal kurz recherchieren, falls ihr das nicht kennt und nicht wisst, was das ist.

00:11:41.920 --> 00:11:47.520
 Marquee-Element, das macht einen Lauftext, das ist, ich weiß gar nicht, in welchem HTML-Standard das spezifiziert wurde.

00:11:47.520 --> 00:11:50.100
 Auf jeden Fall ist das so komplett ohne JavaScript.

00:11:50.100 --> 00:11:53.880
 Macht das eine schöne Schrift, die irgendwie von rechts nach links läuft.

00:11:53.940 --> 00:11:57.580
 Man kann sie auch, glaube ich, mit diversen Attributen in die andere Richtung laufen lassen.

00:11:57.580 --> 00:11:59.480
 Da gibt es so ein bisschen Zauberei.

00:11:59.480 --> 00:12:01.700
 Und da habe ich das mal eingebaut, so ein bisschen nervig oben.

00:12:01.700 --> 00:12:04.200
 Dann lief das so hin und her und dann dachte ich so, jetzt, genau.

00:12:04.200 --> 00:12:09.700
 Also jetzt kommt keiner mehr dran vorbei zu sehen, warum die Folge verschoben wird und dass sie verschoben wird.

00:12:09.700 --> 00:12:11.620
 Ja, war schön, das mal wieder zu sehen.

00:12:11.620 --> 00:12:13.660
 Sehr lange her, dass man das gesehen hat.

00:12:13.660 --> 00:12:16.300
 In Firefox ist mir aufgefallen, dass es sehr geruckelt hat.

00:12:16.300 --> 00:12:17.000
 Ich weiß nicht, warum.

00:12:17.000 --> 00:12:18.140
 Im Chrome lief es flüssig.

00:12:18.140 --> 00:12:19.760
 Ja, das war bei mir auch so.

00:12:20.800 --> 00:12:25.100
 Interessant ist, dass das schon längst deprecated ist und überall steht, dass man es nicht mehr benutzen soll.

00:12:25.100 --> 00:12:27.000
 Es funktioniert aber noch in jedem Browser.

00:12:27.000 --> 00:12:29.800
 Funktioniert denn Blink noch? Weißt du das zufällig gerade?

00:12:29.800 --> 00:12:32.060
 Du meinst Chrome oder was?

00:12:32.060 --> 00:12:34.880
 Nee, nicht die Render Engine, das Blink-Tag.

00:12:34.880 --> 00:12:36.940
 Das Blink-Tag, das weiß ich nicht.

00:12:36.940 --> 00:12:39.320
 Aber warte mal, ich habe hier gerade ein CodePen-Demo offen.

00:12:39.320 --> 00:12:43.700
 Ich kann es kurz ganz schnell live testen.

00:12:43.700 --> 00:12:45.420
 Also zumindest in Firefox.

00:12:45.420 --> 00:12:48.360
 Moment, Blink.

00:12:49.120 --> 00:12:53.420
 Während du das suchst, wollte ich noch sagen zu dem Tweet, das fand ich sehr erstaunlich.

00:12:53.420 --> 00:12:58.300
 Ich hatte wegen meines Problems schon ein paar Tage vorher den Social Media Support auf Twitter angeschrieben.

00:12:58.300 --> 00:13:02.140
 Von Telekom hilft, also at Telekom unterstrich hilft.

00:13:02.140 --> 00:13:11.080
 Die Jungs und Mädels und diverse von dieser Hotline, also von diesem Callcenter, in dem die wahrscheinlich auch sitzen, reagieren da auch recht schnell.

00:13:11.080 --> 00:13:13.840
 Also es ist einfacher, da jemanden zu erreichen, als über die Hotline, glaube ich.

00:13:13.900 --> 00:13:15.660
 Oder zumindest hat man halt nicht diese Warterei.

00:13:15.660 --> 00:13:19.020
 Und die sorgen dann aber auch dafür, dass dann ganz schnell einen jemand zurückruft.

00:13:19.020 --> 00:13:21.360
 Also muss ich sagen, ist echt eine gute Sache.

00:13:21.360 --> 00:13:24.840
 Bieten viele, viele Unternehmen an, dass man da per Social Media was machen kann.

00:13:24.840 --> 00:13:27.080
 War ich an sich recht zufrieden.

00:13:27.160 --> 00:13:35.000
 Aber trotzdem wartet man auch da natürlich teilweise mal, gerade jetzt zur Zeit, wo es anscheinend öfter mal irgendwie Probleme gibt, dann schon auch mal gerne zwei Stunden oder drei auf eine Antwort.

00:13:35.620 --> 00:13:45.780
 Und erstaunlich fand ich, dass Moritz diesen Beitrag über unseren WWSV-Account postet und die Telekom nach sechs Minuten und Vodafone nach zwölf Minuten darauf geantwortet hat.

00:13:45.780 --> 00:13:49.360
 Und gleich hier so, ah, Feuer löschen und was ist denn das Problem und so.

00:13:49.360 --> 00:13:51.580
 Und das fand ich echt beachtlich.

00:13:51.580 --> 00:13:56.740
 Ich meine, wir haben ja jetzt nicht tausende Follower, wir haben ja ein paar hundert, aber das macht schon den entscheidenden Unterschied.

00:13:56.840 --> 00:14:06.200
 Ob du jetzt irgendwie so als privater Hans Wurst da was twitterst oder als doch von der Wahrnehmung her größerer Account, vielleicht liegt es auch daran, dass wir Telekom und Vodafone getaggt haben.

00:14:06.200 --> 00:14:17.360
 Vielleicht haben die da spezielle Filter, dass das in der Queue dann hochrutscht, weil die sehen so, oh, hoppla, da geht es hier Wettrennen mit der Konkurrenz und irgendwie beweisen, dass Telekom viel toller ist als Vodafone oder umgekehrt.

00:14:17.360 --> 00:14:21.020
 Vielleicht lag es auch daran, ich weiß es nicht, aber es hat mich echt erstaunt, dass das so schnell ging.

00:14:22.160 --> 00:14:30.060
 Also zum Vodafone-Support bei Twitter kann ich, also ganz kurz noch, Nachtrag, Blink, man kann es natürlich noch verwenden, das Tag, aber es blinkt zumindest in Firefox nicht.

00:14:30.060 --> 00:14:32.900
 Nur so als kurze Nebenwirkung.

00:14:32.900 --> 00:14:36.840
 Also es macht einfach nichts, also so als ob ich jetzt irgendwie ein Moritz-Tag schreibe.

00:14:36.840 --> 00:14:37.920
 Also du schreibst Konstantin Tag, genau.

00:14:37.920 --> 00:14:38.840
 Okay.

00:14:38.840 --> 00:14:50.820
 So, ja, also Vodafone, ja, man kann die toll über Twitter erreichen, nur die Antworten auch, naja, manchmal dauert es dann schon irgendwie ein, zwei Tage, also wenn man ihnen so einen normalen Tweet schickt.

00:14:50.920 --> 00:14:56.880
 Und die Antwort ist eigentlich immer, und auch auf diesen Tweet, ja, schick uns mal eine private Nachricht.

00:14:56.880 --> 00:15:02.360
 Dann wird nämlich dein Anliegen quasi, also dann kann es keiner mehr öffentlich lesen, was du da machst.

00:15:02.540 --> 00:15:12.060
 Und da lassen sie dich dann aber drei Tage warten, bis sie eine Antwort bringen und die ist dann meistens, ich fasse kurz zusammen, du bist selbst schuld.

00:15:12.060 --> 00:15:21.460
 Oder, keine Ahnung, hier, guck mal, Anleitung hier, bla bla bla, geh mal aus dem WLAN raus, wenn dein Internet so langsam ist.

00:15:21.600 --> 00:15:36.600
 Und dabei sind meine Speed-Tests, die ich gemacht habe, immer aus dem LAN, immer unter den Bedingungen, die die wollen, also so Laborbedingungen sozusagen, kein anderes Gerät angeschlossen, alle anderen WLAN-Geräte aus, nur eins mit LAN-Kabel angeschlossen.

00:15:36.740 --> 00:15:39.320
 Und das Erste, was die mir sagen, ist, mach das mal nicht aus dem WLAN.

00:15:39.320 --> 00:15:41.560
 Da sage ich dann, naja, gut.

00:15:42.360 --> 00:15:54.160
 Gut, das ist so dieses typische Hotline-Dings, auch bei Telefon-Hotlines, dass sie natürlich erstmal ihren Baum abhaken, so diese vorgegebene Struktur, was sie dich fragen müssen und so, da können ja auch die Mitarbeiter dort gar nichts dafür, dass das so läuft.

00:15:54.160 --> 00:15:56.100
 Das ist ja auch okay, wenn die das einmal machen.

00:15:56.100 --> 00:15:58.080
 Aber es ist nicht sehr befriedigend als User.

00:15:58.080 --> 00:16:00.500
 Moment, jetzt, ah, komm, don't get me started.

00:16:00.500 --> 00:16:01.840
 Oh, jetzt geht's los.

00:16:01.840 --> 00:16:04.640
 Also wir machen, wir lassen das Thema heute ausfallen, wir reden heute jetzt.

00:16:04.640 --> 00:16:07.520
 Ja, wir lassen das Thema ausfallen, jetzt muss kurz was raus.

00:16:07.520 --> 00:16:08.540
 Okay, schieß los.

00:16:08.540 --> 00:16:09.640
 Jetzt muss kurz was raus.

00:16:10.140 --> 00:16:15.820
 So, und da wird wahrscheinlich unsere Software jetzt ein bisschen an ihre Grenzen stoßen, wenn ich ein bisschen lauter werde.

00:16:15.820 --> 00:16:22.300
 Da muss jetzt kurz raus, die lesen natürlich auch nicht, was ihre Vorredner da geschrieben haben.

00:16:22.300 --> 00:16:33.460
 Das heißt, du hast da auf diesen Vodafone-Twitter-DM-Dings, hast du es mit 20, 30, weiß ich nicht wie viel, verschiedenen Leuten zu tun, die auch immer mit ihren Kützeln antworten.

00:16:33.460 --> 00:16:36.600
 Und jeder, jede Nachricht wird von einem anderen beantwortet.

00:16:36.600 --> 00:16:38.340
 Das findet also keine Konversation statt.

00:16:38.420 --> 00:16:40.980
 Du kannst nicht auf die Nachricht von vorher nochmal eingehen.

00:16:40.980 --> 00:16:44.100
 Und die lesen nie, die lesen nie verfickt nochmal.

00:16:44.100 --> 00:16:44.900
 Das ist interessant.

00:16:44.900 --> 00:16:46.960
 Die lesen nie das, was vorher schon geschrieben wurde.

00:16:46.960 --> 00:16:49.920
 Das heißt, jeder empfiehlt mir nochmal, geh doch mal aus dem WLAN raus.

00:16:49.920 --> 00:16:51.340
 Also, da muss ich sagen ...

00:16:51.340 --> 00:16:58.320
 Und ich hab mich schon überlegt, ob ich so eine richtig lange Nachricht zusammenschreiben soll, die ich immer an den Anfang pack, wo drinsteht, nein, ich bin nicht im WLAN.

00:16:59.120 --> 00:17:01.340
 Okay, Moritz, Moritz hier im Rage-Modus.

00:17:01.340 --> 00:17:04.580
 Ja, verdammt, das muss jetzt auch mal sein.

00:17:04.580 --> 00:17:08.320
 Ich muss sagen, da waren die Erfahrungen mit dem Telekom-Support tatsächlich anders.

00:17:08.320 --> 00:17:17.120
 Also, natürlich antwortet da auch jeder mit seinem Kützel und es sind immer andere oder oft andere, weil die natürlich auch ihre Schichten fahren und da nicht immer jeder da ist.

00:17:17.360 --> 00:17:23.140
 Aber die haben erstens teilweise noch abends irgendwie um halb zehn geantwortet und auch am Wochenende geantwortet.

00:17:23.140 --> 00:17:24.200
 Also, das fand ich schon mal positiv.

00:17:24.200 --> 00:17:28.680
 Und auch wenn es nicht der gleiche war, ich hatte nie die Situation, dass ich mich nochmal komplett neu erklären musste.

00:17:28.680 --> 00:17:38.760
 Sondern im Gegenteil wurde ich dann teilweise auch, obwohl ich nichts mehr geschrieben hatte, nochmal angeschrieben, irgendwie am Abend dann oder nochmal am nächsten Tag.

00:17:38.760 --> 00:17:40.900
 Also, man merkt, ich hatte längere Zeit Probleme.

00:17:40.900 --> 00:17:45.640
 Und dann wurde nochmal nachgefragt, ja, wie schaut es denn inzwischen aus und konnte denn der Kollege das lösen und so.

00:17:45.640 --> 00:17:47.460
 Also, das war richtig gut.

00:17:47.460 --> 00:17:50.540
 Also, da muss ich sagen, da muss man der Telekom lassen.

00:17:50.540 --> 00:17:52.020
 Also, das machen sie schon ganz gut.

00:17:52.020 --> 00:18:01.980
 Ändert nichts daran, dass es natürlich bei mir dann auch wieder so war, dass dem Kunden natürlich erstmal, ja, der Kunde hat keine Ahnung, dem Kunden wird erstmal nichts geglaubt und natürlich wird der Fehler erstmal beim Kunden gesucht.

00:18:01.980 --> 00:18:08.780
 Also, bei mir hatte das irgendwie schon am Donnerstag vor der geplanten Aufnahme, also die Woche vorher angefangen.

00:18:08.780 --> 00:18:13.680
 Und ich habe halt immer festgestellt, das ist zu exakt gleichen Zeiten der Ausfall.

00:18:13.800 --> 00:18:17.040
 Und halt wirklich überhaupt kein Sync mehr mit dem DSLRM.

00:18:17.820 --> 00:18:19.320
 Also, da war einfach die Leitung tot.

00:18:19.320 --> 00:18:23.580
 Das hat mir auch der Mensch an der Hotline dann auch bestätigt.

00:18:23.580 --> 00:18:25.060
 Ja, er sieht, die Leitung ist tot.

00:18:25.060 --> 00:18:28.020
 Und da war für mich auch schon klar, das liegt nicht an mir.

00:18:28.020 --> 00:18:37.260
 Also, ich habe nichts hier im Haus, was ich habe dann auch angefangen hier irgendwie, ich habe noch tatsächlich zwei DLAN Adapter im Einsatz, weil ich die in der aktuellen Verkabelung hier einfach nicht los werde.

00:18:37.640 --> 00:18:52.960
 Habe die dann mal abgeklemmt, ich habe tatsächlich alle Access Points, alle Rechner sogar, ich habe alles runtergefahren, weil ich gehört habe, dass sogar kaputte Netzteile ab und zu dafür verantwortlich sein können, dass beim DSL da irgendwelche Störungen auftreten, Störsignale irgendwie mit einfließen in die Leitungen.

00:18:53.380 --> 00:18:57.060
 Habe das alles gemacht, also ich war mir sicher, das liegt nicht bei mir.

00:18:57.400 --> 00:19:04.940
 Also, weil auch dieser Ausfall von bestimmten Tageszeiten, also immer um 13 Uhr bis immer um 21.45 Uhr, das konnte ich mir nicht erklären.

00:19:04.940 --> 00:19:05.720
 Oh Gott, den ganzen Nachmittag.

00:19:05.720 --> 00:19:10.800
 Und ja, also es war wirklich, ich meine, ich habe dann Handy halt, Tethering und konnte dann trotzdem noch arbeiten, aber es ist trotzdem ärgerlich.

00:19:10.800 --> 00:19:16.400
 Und natürlich schicken die dann einen Techniker und der Techniker kommt direkt rein.

00:19:16.400 --> 00:19:26.680
 Ich habe mir jetzt schon angewöhnt, ich informiere mich vorher noch mal so kurz, also ich habe mir noch mal kurz bei Wikipedia und so angelesen, wie funktioniert denn so DSL-Technik, da geht es dann den KVZ, den Kabelverzweiger, der steht dann am Ende der Straße.

00:19:26.680 --> 00:19:30.420
 Und von dort geht es weiter zur Verteilstelle, also zum DSL-AM.

00:19:30.420 --> 00:19:42.600
 Und so hat man mir so ein bisschen DSL-Technik angelesen, mache ich eigentlich immer, wenn ich mit irgendwie mit Hotline so zu tun habe, dass ich gleich mal so ein bisschen zeigen kann, ich bin jetzt nicht 0815-Nutzer, der gar keinen Plan von irgendwas hat, sondern mit mir braucht ihr nicht versuchen, ja.

00:19:42.600 --> 00:19:47.240
 Merkt das, der 0815-Support-Mitarbeiter, checkt der das?

00:19:47.240 --> 00:19:48.400
 Ja, ja, schon, doch schon.

00:19:48.400 --> 00:19:49.260
 Okay, gut.

00:19:49.260 --> 00:19:55.860
 Ich habe das früher nicht gemacht und dann ist so, ja, jetzt machen Sie doch erstmal, schalten Sie doch mal die Fritzbox aus.

00:19:55.960 --> 00:19:57.840
 Und jetzt machen Sie mal hier, machen Sie mal das.

00:19:57.840 --> 00:20:00.400
 Und haben Sie dann schon probiert und haben Sie mal den Strom ausgemacht.

00:20:00.780 --> 00:20:04.720
 Und der kam rein und ich habe gleich gesagt, ja, müssen wir zum APL oder gleich zum Router?

00:20:06.100 --> 00:20:15.200
 Und ja, APL, jetzt habe ich vergessen schon wieder, was das heißt, irgendwas, da war Point Offline, das ist das, wo es reinkommt, der Hausanschluss, ja.

00:20:15.200 --> 00:20:19.360
 Da habe ich gedacht, okay, gleich mal hier APL streuen, dann weiß der gleich schon mal, woran der ist.

00:20:19.360 --> 00:20:23.880
 War tatsächlich auch so, also gleich, wir gehen an den Router und schalten Sie sich mal auf die Fritzbox und so, ja.

00:20:24.140 --> 00:20:25.700
 Also hat er schon gleich gemerkt.

00:20:25.700 --> 00:20:32.000
 Und obwohl ich schon so gesagt habe, ich vermute ja, dass es auf der Strecke zum DSLRM liegt und so, ja.

00:20:32.000 --> 00:20:34.840
 Natürlich trotzdem, wir gucken jetzt mal hier die Verkabelung an.

00:20:34.840 --> 00:20:41.320
 Und dann war es blöderweise auch so, dass ich tatsächlich noch einen Splitter drinnen hängen hatte, den man für VDSL nicht mehr braucht und für ADSL gebraucht hat.

00:20:42.480 --> 00:20:47.380
 Weil noch eine analoge Telefonleitung im Haus ist und so, dann hat er natürlich gleich gesagt, ja, daran liegt es.

00:20:47.380 --> 00:20:51.880
 Hat das abgeklemmt, hat noch gesagt, naja, kann sein, dass die Telekom dafür was verlangt.

00:20:51.880 --> 00:20:56.280
 Das sind ja meistens dann auch wieder Subunternehmer, weil das ja quasi meine Schuld wäre.

00:20:56.280 --> 00:21:02.460
 Da habe ich schon gedacht, die sollen sich mal trauen, mir eine Rechnung zu schicken, weil mir klar war, dass das auch damit nicht erledigt ist.

00:21:02.460 --> 00:21:06.220
 Und siehe da, er verkabelt das um, war eine Sache von fünf Minuten.

00:21:06.220 --> 00:21:10.220
 Ich gucke auf die Fritzbox, nachdem der Sync wieder da war, ist er super, die Werte schlechter als vorher.

00:21:11.120 --> 00:21:15.800
 Und er hat schon gesagt, ja, sieht nicht so aus, als wäre das jetzt unbedingt die Ursache gewesen.

00:21:15.800 --> 00:21:22.920
 Dann hat er den Port neu gestartet und aha, siehe da, plötzlich kriege ich meine 40 MBit Upload auch hin, die ich auch laut Vertrag haben sollte.

00:21:22.920 --> 00:21:23.940
 Vorher waren es immer nur 30.

00:21:23.940 --> 00:21:26.040
 Also es hat sich was getan.

00:21:26.040 --> 00:21:30.340
 Und dann lief das auch den kompletten Nachmittag und ich dachte schon, ja gut, okay, vielleicht hat er ja doch recht gehabt.

00:21:30.340 --> 00:21:36.400
 Und zack, am nächsten Tag, 13 Uhr, wieder Ausfall, bis abends 21.45 Uhr und das dann die nächsten Tage.

00:21:36.400 --> 00:21:41.220
 Also wieder Support angefragt und gesagt, hm, hier, so ein bisschen hier habe ich doch gesagt.

00:21:41.220 --> 00:21:46.980
 Und dann hat er an der Hotline auch wieder gesagt, ja, also nee, ich sehe schon, das liegt absolut an der Leitung, da haben sie recht.

00:21:47.600 --> 00:21:53.620
 Und hat also nochmal den Techniker vorbeigeschickt, der dann den Port neu verkabelt hat und schubdiwupp war die Sache erledigt.

00:21:54.540 --> 00:22:03.560
 Also hätte man auch gleich haben können, und das war für die natürlich jetzt wieder Kostenaufwand, der nicht hätte sein müssen, wenn man dem Kunden einfach mal glauben würde, dass der Kunde nicht total bescheuert ist.

00:22:03.560 --> 00:22:06.740
 Aber gut, so ist es nicht total bescheuert.

00:22:06.740 --> 00:22:08.860
 Nicht total, nicht total, nur ein bisschen.

00:22:09.420 --> 00:22:12.100
 An der Stelle mal eine Frage, du hast gesagt, du hast Tethering gemacht.

00:22:12.100 --> 00:22:16.940
 Weißt du jetzt, wie viel du am Tag so an Daten verbrauchst?

00:22:16.940 --> 00:22:23.540
 Weil ich habe das auch mal einen Tag machen müssen, den Freitag letzte Woche, weil da bei mir mittags irgendwann das Internet ausgefallen ist.

00:22:23.540 --> 00:22:27.780
 Und ich habe dann übers Firmenhandy dann auch mal Tethering gemacht, ich benutze es normalerweise nicht.

00:22:28.440 --> 00:22:33.560
 Und kann da jetzt natürlich ziemlich genau sehen, wie viele Daten da durchgeflossen sind, weil ich habe sofort eine Datenwarnung natürlich gekriegt.

00:22:33.560 --> 00:22:35.400
 Also es kommt natürlich darauf an, was du damit machst.

00:22:35.400 --> 00:22:44.820
 Also erstmal ist wichtig, wenn du dann diesen Access Point da einrichtest und dich damit verbindest, du kannst in den Windows-Einstellungen, weiß nicht, ob das bei Linux auch geht,

00:22:44.820 --> 00:22:57.160
 kannst du festlegen, dass das eine, also auf Englisch heißt das Metered Connection, also eine eingeschränkte Verbindung, eine mitgezählte Verbindung, ich weiß nicht, wie ich es auf Deutsch jetzt ausdrücken soll,

00:22:57.560 --> 00:23:01.740
 Also dass solche Sachen wie Updates oder sowas, so unnötige Sachen, nicht darüber laufen sollen.

00:23:01.740 --> 00:23:06.600
 Weil sonst, ne, einmal hier ein größeres Windows-Update gezogen, dann hast du dann ein, zwei Gigabyte vielleicht los.

00:23:06.600 --> 00:23:08.880
 Also das ist wichtig einzustellen.

00:23:08.880 --> 00:23:14.100
 Und dann sollte man halt nicht unbedingt jetzt irgendwie 4K-Videos streamen oder so.

00:23:14.100 --> 00:23:24.980
 Und dann bin ich mit normalem Arbeiten und doch ein, zwei Tutorials irgendwie auf YouTube angucken, bin ich so am Tag bei schon so 500 MB gewesen.

00:23:25.500 --> 00:23:27.540
 Also Nachmittag, Nachmittag.

00:23:27.540 --> 00:23:28.500
 Ich lache mich tot.

00:23:28.500 --> 00:23:29.320
 Okay, gut.

00:23:29.320 --> 00:23:31.420
 Ich habe aber halt auch wirklich versucht, das einzudämmen.

00:23:31.420 --> 00:23:32.360
 Also ich wollte natürlich jetzt nicht mehr Daten aufbauen.

00:23:32.360 --> 00:23:37.680
 Also ich hatte von 13 Uhr bis, ähm, bis 18 Uhr oder so, habe ich das benutzt.

00:23:38.140 --> 00:23:42.440
 Und ich muss dazu sagen, ich hatte auch ein paar Video-Chat-Meetings über Jitsi.

00:23:42.440 --> 00:23:45.760
 Ähm, ich weiß, dass auch da die meisten Daten reingeflossen sind.

00:23:45.760 --> 00:23:49.740
 Also ich glaube, ich hatte, ich hatte ein, ein, eineinhalb Stunden Meeting oder sowas.

00:23:49.740 --> 00:23:51.160
 Mindestens eins darüber.

00:23:51.160 --> 00:23:55.700
 Ähm, und ich habe in diesem Zeitraum 5,6 Gigabyte verbraucht.

00:23:55.700 --> 00:24:02.320
 Und das meiste, das war wirklich, also, ja, bei, bei einem halben Tag.

00:24:02.320 --> 00:24:04.480
 Also wie gesagt, von 13 bis 18 Uhr oder so.

00:24:04.480 --> 00:24:10.700
 Ja, also, naja, das hat mich jetzt nur noch interessiert, wie viel du da verbraucht hast.

00:24:10.700 --> 00:24:12.440
 Ich habe da aber auch nichts ausgeschaltet.

00:24:12.440 --> 00:24:13.100
 Ja, ja, gut, klar.

00:24:13.460 --> 00:24:16.660
 Also der hat auch tatsächlich in dem Zeitraum ein Android-Update gemacht.

00:24:16.660 --> 00:24:20.400
 Ähm, und, äh, ja, also das, das lief dann halt alles.

00:24:20.400 --> 00:24:21.560
 Ich habe da jetzt nichts eingeschränkt.

00:24:21.560 --> 00:24:23.380
 Ich habe mir gedacht, ähm, wieso?

00:24:23.380 --> 00:24:27.160
 Ja gut, klar, wenn es ein Firmenhandy ist, ähm, ist das ja kein Problem.

00:24:27.160 --> 00:24:30.500
 Ich möchte mein Datenvolumen halt irgendwie noch den restlichen Monat gebrauchen können,

00:24:30.500 --> 00:24:31.220
 war ja jetzt auch erst Anfang des Monats.

00:24:31.220 --> 00:24:32.380
 Ja, bei dir ist es privat, bei mir nicht.

00:24:32.380 --> 00:24:34.260
 Bei mir ist das Handy genau für solche Notfälle.

00:24:34.260 --> 00:24:39.820
 Also das heißt, ich habe die Box ausgeschaltet, äh, hier Creative Suite Updates, äh, nicht runtergeladen.

00:24:39.820 --> 00:24:43.420
 Und wie gesagt, mir hat Connection eingestellt, ähm, und versucht da irgendwie alles.

00:24:43.460 --> 00:24:45.280
 Genau, das wollen wir dann auch noch machen.

00:24:45.280 --> 00:24:48.460
 Natürlich, das lief natürlich dann auch und ich habe mich gewundert, warum alles so lahm ist.

00:24:48.460 --> 00:24:51.100
 Okay, gut.

00:24:51.100 --> 00:24:53.320
 Äh, ja, hast du noch, noch Retro-Punkte?

00:24:53.320 --> 00:24:56.340
 Ja, du weißt genau, dass ich noch Retro-Punkte habe.

00:24:56.340 --> 00:24:58.300
 Du weißt genau, dass ich noch Retro-Punkte habe.

00:24:58.300 --> 00:24:59.560
 Aber wir können sie schnell abhandeln.

00:24:59.560 --> 00:25:00.860
 Nee, mach zu, keinen Stress.

00:25:00.860 --> 00:25:04.860
 Über Marquis habe ich, über Marquis habe ich, na, okay, wollen wir denn den Rekord knacken?

00:25:04.860 --> 00:25:07.000
 Ja, über Marquis habe ich schon gesprochen.

00:25:07.000 --> 00:25:13.320
 Ähm, dann eine Sache, die mich besonders gefreut hat, ähm, vor allem, weil ich mit, mit, äh,

00:25:13.460 --> 00:25:17.520
 dem, dem Macher davon, äh, schon mal, äh, gesprochen habe auf einer Konferenz.

00:25:17.520 --> 00:25:23.460
 Ähm, der erste Podcast, den ich jemals überhaupt gehört habe, Technikwürze, geht weiter.

00:25:23.460 --> 00:25:29.020
 Ähm, Technikwürze war von 2005 bis 2013, glaube ich.

00:25:29.020 --> 00:25:36.720
 Ich glaube, am Ende ist es nicht mehr so regelmäßig erschienen, so ein Webdesign-Frontend-Webstandards-Podcast.

00:25:36.720 --> 00:25:38.460
 Die Seite ist auch noch online von denen.

00:25:38.460 --> 00:25:44.080
 Ähm, gemacht von dem, äh, also unter anderem gestartet von dem David Matsiejewski.

00:25:44.080 --> 00:25:46.400
 Ähm, den habe ich auch mal auf einer Konferenz getroffen.

00:25:46.400 --> 00:25:50.400
 Ähm, 2016, glaube ich.

00:25:50.400 --> 00:25:53.800
 Und da habe ich ihn mal drauf angesprochen, habe so gemeint, ey, du bist doch der von Technikwürze.

00:25:53.800 --> 00:25:56.680
 Und er so, ah, geil, äh, dass sich noch jemand dran erinnert.

00:25:56.680 --> 00:25:58.980
 Äh, ja, genau, das geht jetzt wieder an den Start.

00:25:58.980 --> 00:26:02.200
 Ist, äh, per Twitter angekündigt worden, dass es da im Herbst weitergeht.

00:26:02.200 --> 00:26:06.020
 Und das freut mich echt, weil, äh, das ist auch für mich so ein bisschen Inspiration gewesen.

00:26:06.020 --> 00:26:08.760
 Ich habe damals mit ihm drüber gesprochen, so, hey, Podcast und so.

00:26:08.760 --> 00:26:10.800
 Äh, hast du irgendwie Bock, Technikwürze nochmal weiterzumachen?

00:26:10.800 --> 00:26:13.220
 Und ich würde sowas auch gern starten.

00:26:13.220 --> 00:26:18.140
 Also, das war 2016 tatsächlich schon im Kopf, dass ich sowas mal vielleicht machen will.

00:26:18.660 --> 00:26:21.720
 Und, äh, ja, also, äh, danke, David.

00:26:21.720 --> 00:26:25.700
 Ähm, ohne dich wäre das hier wahrscheinlich nicht möglich gewesen.

00:26:25.700 --> 00:26:32.940
 Also, ich freue mich, äh, ihr könnt mal auf technikwürze.de schauen, glaube ich, technikwuerze.de.

00:26:32.940 --> 00:26:35.700
 Ähm, da gibt es 188 Folgen schon.

00:26:35.700 --> 00:26:37.940
 Ähm, wie gesagt, die letzte ist von 2013.

00:26:37.940 --> 00:26:43.940
 Ähm, ich weiß nicht, inwiefern das jetzt noch relevant ist, der Inhalt von damals.

00:26:43.940 --> 00:26:47.880
 Aber es ist auf jeden Fall aus, äh, historischer Sicht auf jeden Fall ein interessantes Archiv.

00:26:47.880 --> 00:26:50.080
 Genau, da freue ich mich drauf.

00:26:50.080 --> 00:26:52.080
 Vielleicht machen wir ja mal ein Crossover. Mal gucken.

00:26:52.080 --> 00:26:53.640
 Ja, vielleicht machen wir mal ein Crossover.

00:26:53.640 --> 00:26:54.340
 Vielleicht gibt es da mal irgendwie eine Kooperation.

00:26:54.340 --> 00:26:57.720
 Ja, muss man mal, muss man den David mal fragen.

00:26:57.720 --> 00:27:01.800
 Vielleicht, ich war, er hat, er hat schon angekündigt, dass das Format anders wird als vorher.

00:27:01.800 --> 00:27:03.380
 Und vorher war es ein Interviewformat.

00:27:03.380 --> 00:27:07.740
 Also, in erster Linie zumindest habe ich es so in Erinnerung, dass der oft Gäste hatte.

00:27:07.740 --> 00:27:12.700
 Ähm, ich möchte gar nicht wissen, was für ein Aufwand das war, 2005,

00:27:13.280 --> 00:27:16.500
 übers Internet, mit Skype irgendwie Podcast aufzunehmen.

00:27:16.500 --> 00:27:21.880
 Ähm, das ist jetzt heutzutage mit schnellem Internet und, und, äh, irgendwie guter Technik gut möglich.

00:27:21.880 --> 00:27:24.260
 Aber das muss damals echt ein Riesenakt gewesen sein.

00:27:24.260 --> 00:27:26.680
 Ja, komm, vielleicht hören wir uns ja sogar zu.

00:27:26.680 --> 00:27:28.080
 Also, wir freuen uns auf jeden Fall drauf.

00:27:28.080 --> 00:27:31.760
 Ja, also David, falls du zuhörst, äh, melde dich mal und dann machen wir was.

00:27:31.760 --> 00:27:33.440
 Das sagen die Musiker immer, ne?

00:27:33.440 --> 00:27:34.380
 Dann machen wir mal was.

00:27:34.380 --> 00:27:37.460
 Meld dich, melde dich mal und wir müssen unbedingt mal was zusammen machen.

00:27:37.460 --> 00:27:39.320
 Das ist der Musikerspruch schlechthin.

00:27:39.620 --> 00:27:43.220
 Jeder Musiker, den du triffst, den du nicht ganz doof findest und der dich nicht ganz doof findet,

00:27:43.220 --> 00:27:45.180
 sagt, wir müssen unbedingt mal was zusammen machen.

00:27:45.180 --> 00:27:46.180
 Und dann passiert nichts.

00:27:46.180 --> 00:27:49.900
 Also, lass uns, äh, lass uns keine Musiker sein.

00:27:49.900 --> 00:27:50.580
 Wir machen das besser.

00:27:50.580 --> 00:27:52.560
 Ähm, einen Punkt habe ich noch.

00:27:52.680 --> 00:27:57.740
 Und zwar, das kam jetzt, äh, glaube ich, gestern oder vorgestern, zumindest so in, in, in meine Wahrnehmung.

00:27:57.740 --> 00:28:06.520
 Ähm, äh, ich bin jetzt, äh, das haben viele andere über Twitter schon geschrieben, Arctic Code Vault Contributor bei GitHub.

00:28:06.520 --> 00:28:09.240
 Ach, ach, was, äh, was, äh, was ist das denn?

00:28:09.240 --> 00:28:11.500
 Ähm, ich weiß nicht.

00:28:11.500 --> 00:28:14.400
 Warte mal, ich glaube, ich glaube, den Link, ich muss jetzt selbst nochmal den, den Link kurz suchen.

00:28:15.020 --> 00:28:24.720
 Ähm, genau. Es, es gibt von GitHub ein Programm, dass sie, dass sie Open-Source-Projekte, ähm, auf Mikrofilm, ähm, bannen.

00:28:24.720 --> 00:28:32.480
 Und dann wollen sie das, äh, für die nächsten tausend Jahre sicher in der Arktis verwahren, in der Nähe vom Nordpol, in so, in so einer Permafrost-Höhle.

00:28:33.480 --> 00:28:51.260
 Ähm, und jeder, der schon mal an einem von den Projekten, die die da, ähm, mit reinnehmen, ähm, ähm, Code, äh, Contributor hat, ähm, hat jetzt ein Badge auf seinem Profil, wo eben steht, äh, Arctic, äh, genau, Moment, ich hab's hier nochmal, Arctic Code Vault Contributor.

00:28:51.260 --> 00:28:52.220
 Ach, krass.

00:28:52.220 --> 00:28:54.880
 Das hast du wahrscheinlich auch, wenn du schon mal bei Open-Source-Uni ...

00:28:54.880 --> 00:28:57.040
 Ähm, weiß ich jetzt nicht, wo, äh, warte mal.

00:28:57.040 --> 00:29:01.620
 Ja, geh mal, geh mal auf deinem Profil bei GitHub, da weißt du, dass ...

00:29:01.620 --> 00:29:05.200
 So viel hab ich, glaub ich, noch gar nicht contributed, äh, contributed ...

00:29:05.200 --> 00:29:10.720
 Da reicht, da reicht ein Commit in einem Repository, das, glaub ich, einen Stern hat und Open-Source ist.

00:29:10.720 --> 00:29:15.340
 Oder, ich glaub, ich glaub, alle ...

00:29:15.340 --> 00:29:24.200
 Ach doch, hier, Highlight, äh, Arctic, äh, Code Vault Contributor, äh, several repositories in the ...

00:29:24.200 --> 00:29:25.000
 Ach, tatsächlich.

00:29:25.000 --> 00:29:27.080
 Verrückt.

00:29:27.080 --> 00:29:28.540
 Also, unser Code geht in die Arktis.

00:29:28.540 --> 00:29:36.920
 Ja, sogar zu, äh, mindestens dreien, also, hätt ich jetzt gar nicht gedacht, dass ich da doch so aktiv war. Verrückt.

00:29:36.920 --> 00:29:37.420
 Ha!

00:29:37.420 --> 00:29:42.640
 Mich, mich hat's auch gewundert, ähm, weil ich hab das bei vielen auf Twitter gesehen, dass sie das stolz gepostet haben,

00:29:42.640 --> 00:29:48.340
 hey, mein Code geht in die Arktis, und ich dachte mir so, ah, da bin ich bestimmt nicht dabei, weil ich nicht so viel bei Open-Source mitgemacht hab.

00:29:48.600 --> 00:29:56.640
 Aber hab dann gesehen, es hat gereicht, also, ich hab zum Beispiel bei Media Element mal Pull-Requests gestellt, ähm, das ist so ein, äh, so ein Video-Player, Open-Source.

00:29:56.640 --> 00:30:06.560
 Ich hab bei Mailvelop mal mitgearbeitet, ähm, und, äh, bei dem Tiny Helpers hab ich auch, äh, schon, schon Tools eingereicht, und das sind, äh, drei Repositories, wo ich irgendwie damit auftauche.

00:30:07.060 --> 00:30:26.240
 Sieht man da irgendwo die ganze Liste, wo man dabei war, weil hier steht nur, also, bei mir ist es, äh, TNT-Search, das weiß ich gar nicht, weil, ich glaub, ein PHP-Suchindex, äh, W2-UI, was ist denn, JavaScript-Library, äh, Mapbox-Supercluster, and more steht da nur, also, das sieht man irgendwie nicht die, äh, die ganze Liste.

00:30:26.240 --> 00:30:28.700
 Ich hab, ich hab drei Stück, und dann steht da and more.

00:30:28.700 --> 00:30:29.660
 Ja, genau, bei mir auch.

00:30:29.660 --> 00:30:36.980
 Ähm, also, was mich noch interessiert hätte, wäre, ist mein Accessibility-Cheat-Sheet vielleicht da mit drin, weil da stand irgendwas von wegen, äh, ich weiß jetzt,

00:30:36.980 --> 00:30:53.720
 die Kriterien nicht mehr zu 100 Prozent genau, aber ich glaub, es war irgendwie sowas wie, ähm, wenn's im, wenn's da Updates gab, innerhalb des letzten Jahres, und das Repository mindestens einen Stern hat, äh, das wäre gegeben, dann wär das nämlich auch da mit drin, also, äh, find ich, ist ne coole Sache.

00:30:53.720 --> 00:30:55.100
 Ja, witzig.

00:30:55.100 --> 00:30:56.280
 Keine Ahnung, wie sinnvoll das ist.

00:30:56.280 --> 00:30:58.660
 Super, dass du mich darauf hingewiesen hast, wäre völlig an mir vorbeigegangen.

00:30:58.660 --> 00:31:03.780
 Ha! Cool. Endlich noch was, was du noch nicht gesehen hast, Tommy.

00:31:03.780 --> 00:31:05.180
 Ja, du zeigst mir immer wieder neue Sachen.

00:31:05.180 --> 00:31:06.660
 Ja, das hat mir die Twitter-Bubble zugespielt.

00:31:06.900 --> 00:31:07.040
 Cool.

00:31:07.040 --> 00:31:29.520
 Äh, das haben ganz viele da ganz stolz gepostet, und, äh, ich hab das jetzt nicht gemacht, ich rede ganz stolz im Podcast darüber, dass irgendein, ja, das ist, also, da gibt's so ein kleines Video auf der Seite von denen, ähm, von, von diesem Projekt, und das ist irgendwie, äh, das ist ganz, ganz sehenswert, weil man da auch sieht, in was für einer Form das festgehalten ist, wo man diesen, das sieht aus wie so, wie so riesen QR-Code auf Mikrofilm in so Filmrollen drin.

00:31:29.520 --> 00:31:35.380
 Ähm, und ich glaube, sie haben irgendwie auch gesagt, dass sie es in verschiedener Form festhalten, also, das ist nicht das Einzige.

00:31:35.380 --> 00:31:36.540
 Ja, coole Sache.

00:31:36.540 --> 00:31:40.680
 Mal gucken, ob das in ein paar Jahrhunderten noch jemand entschlüsseln kann, und was damit anfangen kann.

00:31:40.720 --> 00:31:46.640
 Ja, da haben sie sich auch Gedanken drüber gemacht, wie das dann geht, aber das, äh, das hab ich jetzt nicht im Detail gelesen, wie, wie sie das sicherstellen wollen.

00:31:46.640 --> 00:31:48.000
 Ich weiß nicht, ob die da noch ein ...

00:31:48.000 --> 00:31:49.520
 Fast mal ein eigenes Geilteil wert.

00:31:49.520 --> 00:31:51.640
 Was, das, äh ...

00:31:51.640 --> 00:31:56.920
 Das ganze, das ganze Programm und mal so ein bisschen noch tiefere Informationen, was da so geplant ist und gedacht ist und wie die Technik und so.

00:31:56.920 --> 00:31:59.360
 Ja, kann man ja, kann man mal vergeilen irgendwann.

00:31:59.360 --> 00:32:03.320
 Ja, das ist das zum Arctic Code, Walt.

00:32:03.320 --> 00:32:07.060
 Äh, dann, du hast auch noch Retro, gell?

00:32:07.060 --> 00:32:13.640
 Ja, ja, wir sind ja erst bei einer halben Stunde, also, kann man ja mal langsam zur zweiten Retro kommen.

00:32:13.640 --> 00:32:17.420
 Ja, vielleicht ist das auch völlig uninteressant, was wir hier erzählen, aber, ähm, ja, Pech.

00:32:17.840 --> 00:32:18.800
 Nicht unser Problem.

00:32:18.800 --> 00:32:19.140
 Nee.

00:32:19.140 --> 00:32:20.560
 Dein Problem.

00:32:20.560 --> 00:32:23.860
 Wir sprechen ja auch nur alle zwei Wochen miteinander. Wir haben halt hier, äh, müssen wir mal Rücksicht nehmen.

00:32:23.860 --> 00:32:26.680
 Wir haben halt auch uns Sachen zu erzählen. Wir sehen uns nicht so oft zur Zeit.

00:32:26.680 --> 00:32:27.440
 Ja, nehm mal Rücksicht, ey.

00:32:27.440 --> 00:32:38.260
 Gut, dann, äh, ja, mach ich mal weiter. Ähm, ich hab ein Follow-up zu meiner PHP-Emoji-Library, die ich angekündigt habe in, war das die letzte Folge?

00:32:38.260 --> 00:32:41.460
 Oder war das die davor? Ne, ich glaub, es war sogar die, die letzte, die 10er.

00:32:41.460 --> 00:32:47.760
 Ähm, und das Ding hat jetzt einen Namen und ist jetzt auch verfügbar. Äh, ist aber, glaub ich, auch nullmal runtergeladen worden.

00:32:47.760 --> 00:32:48.880
 Also, ich hab auch noch keine Werbung dafür gemacht.

00:32:48.880 --> 00:32:49.840
 Warte, ich lad's mal schnell runter.

00:32:49.840 --> 00:32:57.660
 Ähm, es heißt, äh, 4-8-Design, also mein Firmenname, ähm, 4 und 8 als Zahl, Design, Slash, Smiley.

00:32:58.480 --> 00:33:00.720
 Ich hab mich schon gefragt, wie man's ausspricht.

00:33:00.720 --> 00:33:14.640
 Smiley. Smiley, äh, Femoji war schon vergeben. Und, ähm, da ich, da ich ja so ganz retro Smiley gesagt hab, statt Emoji in, in, in, in der Emoji-Folge oder, oder in einer drauf, ähm, ich hab gedacht, gut, dann halt Smiley.

00:33:15.600 --> 00:33:21.580
 Smiley. Ah, und man findet's auch sofort, wenn man, wenn man tatsächlich dann Google dazu überredet, nein, ich wollte nicht Smiley schreiben.

00:33:21.580 --> 00:33:35.200
 Ja, also ist verfügbar auf, auf, auf GitHub, äh, Open Source natürlich und, äh, auf, äh, Packagist, äh, lässt sich also per Composer auch installieren und, äh, ich, ja, was es genau macht, äh, hört euch, hört euch, hört euch letzte Folge an.

00:33:35.440 --> 00:33:48.080
 Muss ich jetzt nicht nochmal erzählen, ähm, bevor es jetzt noch länger ausartet. Genau, also Smiley und, äh, das bringt mich auch zum nächsten Punkt gleich, da hab ich nämlich zum ersten Mal, äh, Travis CI, äh, selbst integriert in ein Projekt.

00:33:48.080 --> 00:33:58.820
 Ich kannte das schon von diversen, äh, anderen Open Source Projekten und, äh, es ist nämlich komplett kostenlos für Open Source Projekte, das find ich auch ziemlich cool, ähm, und wem das jetzt nicht sagt.

00:33:58.820 --> 00:34:00.340
 Was macht das denn genau? Ich hab das schon öfter gesehen.

00:34:00.340 --> 00:34:15.880
 Genau, also Continuous Integration, das ist, wenn du irgendwo einen Pull Request stellst und dann wird da erst irgendwas gerödelt und dann ist dein Pull Request erst irgendwie gelb markiert und dann laufen da so automatisch irgendwelche Builds und Tests und dann wird das hoffentlich irgendwann grün und sagt dann hier, jo, der Pull Request ist kompatibel und macht nichts kaputt.

00:34:15.880 --> 00:34:29.800
 Und, äh, also genau, Continuous Integration ist das Stichwort, das war übrigens auch Travis CI, ähm, sollten wir schon kurz vielleicht erklären, was das bedeutet, äh, weiß ich nicht, jeder damit auskennt und ich auch bis vor kurzem noch nicht so viel damit zu tun hatte.

00:34:30.340 --> 00:34:43.700
 Ähm, das bedeutet, dass man den Code in kleinen Häppchen committet, ähm, eventuell sogar mehrmals am Tag, ja, also wenn mehrere Entwickler vor allem dran arbeiten, äh, wird mehrmals am Tag der aktuelle Entwicklungsstand, äh, an den Master committet.

00:34:43.700 --> 00:34:59.540
 Ähm, das Problem ist ja immer beim Entwickeln, gerade wenn viele Leute entwickeln und Parallelfeatures, äh, vielleicht auch noch an der gleichen Stelle im Programm entwickeln, dass die Unterschiede zwischen Master Branch und deinem Entwicklungs- oder Feature-Branch immer größer werden.

00:34:59.540 --> 00:35:11.780
 Ja, je länger du dir Zeit lässt, um das wieder irgendwie abzugleichen, desto größer wirst und, ähm, da besteht natürlich das Risiko, dass du dann mehrere Integrationskonflikte irgendwie auf einmal hast beim Zurück-Merchen und, äh, das wird dadurch halt minimiert.

00:35:12.100 --> 00:35:22.300
 Also die Folgendesweise ist, dass du vorher den Master wieder in deinen Entwicklungs-Branch mergst, damit da schon mal keine, äh, Unterschiede mehr bestehen und dann eben kleinteilig deine Änderungen reinmergst.

00:35:22.740 --> 00:35:30.340
 Vorher am besten Unit-Tests, wenn es die denn gibt, bei dem Projekt laufen lässt und zu gucken, okay, mach ich denn irgendwas kaputt und erst dann geht das Ganze in den, in den Branch.

00:35:30.340 --> 00:35:38.800
 Und, ähm, ja genau, also je größer der Unterschied halt ist zwischen, zwischen den Branches, umso mehr Arbeit hast du halt am, am Ende, wenn du das Merchen willst.

00:35:39.360 --> 00:35:49.400
 Ähm, da gibt's so die, die Stichworte Merch-Hell oder Integration-Hell, äh, nennt man das, wenn man dann halt irgendwie plötzlich feststellt, oje, äh, jetzt hab ich einen Haufen Arbeit und wollte doch nur das kleine Feature irgendwie committen.

00:35:50.100 --> 00:36:01.240
 Ähm, und das Ganze erlaubt eben auch automatische Unit-Tests laufen zu lassen, das heißt, du solltest schon als Entwickler das bei dir auch lokal machen, bevor du's machst, dann, bevor du's committest, weil dann siehst du gleich schon, ob irgendwas kaputt geht.

00:36:01.240 --> 00:36:14.040
 Aber diese, diese, ähm, Build-Prozesse, die da laufen, die können auch automatisch Unit-Tests ausführen, ähm, auch automatisch bei jedem Pull-Request, das gestellt wird, das machen, das wird ganz oft eben gemacht bei, bei Open-Source-Software.

00:36:15.240 --> 00:36:32.760
 Also technisch läuft das so, dass du da VMs hast, die da laufen, du kannst ja aussuchen, auf welchen, äh, Linux-Versionen, auf welchen, ähm, PHP-Versionen, wenn's jetzt ein PHP-Projekt ist, ähm, kannst das alles richtig, äh, detailreich und deinen Ansprechungen, äh, ansprüchengemäß konfigurieren.

00:36:32.760 --> 00:36:40.520
 Und, ähm, dann läuft das eben bei jedem Commit oder bei jedem Pull-Request und die, die Gefahr von Breaking-Changes wird dadurch eben deutlich verringert.

00:36:40.860 --> 00:36:47.460
 Oder beziehungsweise, wenn was auftritt, sieht man halt gleich, okay, das lag an dem Commit, mit dem Commit ist es kaputt gegangen und dann, äh, kann man das schneller fixen.

00:36:47.460 --> 00:37:01.400
 Ähm, der Code kann dabei auch vollständig kompiliert werden, also wenn du jetzt irgendwie eine, eine C++-Anwendung hast oder was, ähm, wo der Code wirklich kompiliert werden muss, dann macht, äh, kannst du das in der VM, äh, in der VM direkt machen lassen.

00:37:01.980 --> 00:37:16.460
 Und, äh, auch da beim Bild-Prozess halt auch Fehler hingewiesen werden. Ähm, aber nicht nur, nicht nur Unit-Tests oder sowas oder kompilieren ist da machbar, also auch Performance-Tests oder irgendwelche anderen statischen Analysen und was weiß ich was, äh, kann man da alles automatisiert durchlaufen lassen.

00:37:17.120 --> 00:37:18.820
 Ähm, und, äh, das ist schon ziemlich cool.

00:37:18.820 --> 00:37:26.300
 Also, äh, die Qualitätssicherung passiert quasi kontinuierlich, statt wie das halt vorher immer üblich war, erst am Ende von so einem Entwicklungsschritt.

00:37:26.940 --> 00:37:31.000
 Wo dann, also ich meine, wir beide kennen das ja, haben ja auch mit QA, äh, zu tun, öfter mal.

00:37:31.000 --> 00:37:34.400
 Und, ähm, da hat sich ja in den letzten Jahren schon einiges getan.

00:37:34.400 --> 00:37:46.820
 Also, wenn ich zurückdenke, so, äh, in der Anfangszeit, wo ich da zum ersten Mal mit QA so in Berührung gekommen bin in einem größeren Unternehmen, ähm, da war schon sehr viel manuelle Arbeit und immer wieder auch repetitiv und immer wieder das Gleiche.

00:37:46.820 --> 00:37:52.240
 Und dann kam das Nächste und dann hat sich das Release wieder verzögert, weil dann doch wieder größere Dinge aufgefallen sind und so.

00:37:52.580 --> 00:38:01.560
 Und in den letzten Jahren wurde da immer mehr, immer mehr automatisiert und das führt schon zu, zu einer höheren Qualität oder auch, auch zu Verkürzungen von, von irgendwelchen Schleifen, die man da dreht.

00:38:01.560 --> 00:38:07.380
 Eine Frage, kann das nicht GitHub mittlerweile von, von sich aus?

00:38:07.380 --> 00:38:22.560
 Es gibt von GitHub jetzt auch so einen Dienst, also dieses Travis CI, ich möchte das jetzt auch gar nicht explizit bewerben, es ist halt eins solcher Tools, ähm, ist ein CI-Tool, es gibt, ähm, ja, jetzt hab ich den Namen blöderweise vergessen, es gibt noch ein anderes, ähm, vielleicht verlinke ich das auch noch in den Shownotes.

00:38:22.580 --> 00:38:35.960
 Wenn's mir wieder einfällt, ähm, das ist, glaub ich, auch kostenlos für, für, sogar für kleinere Teams, soweit ich weiß, also nicht nur für Open Source, sondern auch für Closed Source, hat aber Beschränkungen halt, wie viele Tasks du gleichzeitig da laufen lassen kannst und so.

00:38:36.460 --> 00:38:40.080
 Ähm, aber es gibt auch von GitHub ein, an, so, so, so, so ein Software-as-a-Service-Dings.

00:38:40.080 --> 00:38:43.180
 Ich dachte, da ist was integriert mittlerweile, es gibt's aber noch nicht so lange, ne?

00:38:43.180 --> 00:38:53.760
 Ist aber auch ein Paid-Service, also das ist nicht, ähm, ja, hab ich nämlich auch gesehen in dem Zug, also das ist nicht, jetzt irgendwie free, so wie, wie, wie, also vielleicht ist es sogar für Open Source free, das weiß ich jetzt gar nicht.

00:38:53.760 --> 00:38:56.280
 Äh, kann ich auch nochmal schauen und den Link, äh, reinpusten.

00:38:56.280 --> 00:39:14.700
 Das ist nur, das ist nur vor einer Weile an mir vorbeigescrollt bei GitHub und dachte, äh, das hat mich so drauf hingewiesen, so, hey, du kannst jetzt hier auch, äh, CI machen bei GitHub, äh, keine Ahnung, ich weiß auch nicht mehr, wie das heißt oder wie man das findet, ich glaube, man kann das irgendwie seinen Projekten einfach so hinzufügen, ähm, allerdings weiß ich nicht, ob das, ob das free ist für Open Source, keine Ahnung.

00:39:14.700 --> 00:39:26.700
 Also ich hab mir das gleich mal notiert hier in meinen, äh, Shownotes, dass ich da noch Links raus suche, auch zu alternativen Anbietern und eben zu diesem, ähm, zu diesem, ähm, zu diesem GitHub, äh, Software-as-a-Service gelöhnt, was das angeht, äh, werde ich dann auf jeden Fall in den Shownotes nachreichen.

00:39:26.700 --> 00:39:44.360
 Ja, genau, wenn wir jetzt schon bei, bei, bei, äh, Definition von Keywords in diesem Bereich sind, äh, wird man häufig auch über Continuous Delivery oder Continuous Deployment, äh, stolpern in dem Zusammenhang, also das heißt einfach, dass, ähm, Software, die in der Mainline ist, also im,

00:39:44.360 --> 00:39:56.100
 im Mainbranch immer sich in einem Zustand befindet, in dem er theoretisch deployed werden könnte, also das ist Continuous, ähm, Delivery und teilweise wird das sogar automatisch deployed, das ist dann Continuous Deployment, also das geht alles so Hand in Hand.

00:39:56.100 --> 00:40:03.200
 Genau, genug, äh, Fremdwörter um uns geworfen, Moritz guckt schon ganz kritisch.

00:40:03.200 --> 00:40:08.540
 Ja, nee, das hat er nicht, äh, ich glaube, ich muss mein WhatsApp hier mal ausschalten.

00:40:08.540 --> 00:40:14.020
 Mach das. Äh, äh, apropos, äh, kompiliert, weil ich gerade schon gesagt hab, hier C++

00:40:14.020 --> 00:40:16.220
 und, und Software, die kompiliert werden muss. Kompliziert, heißt das.

00:40:16.220 --> 00:40:25.300
 Kompliziert, ähm, ich hab einen kleinen Ausflug in die C++-Welt gemacht, weil ich mich mit Fontforge beschäftigt hab, das ist das Begriff?

00:40:25.300 --> 00:40:30.520
 Fontforge ist, äh, so ein Open-Source, ähm, ja, wie nennt man das dann? Schriftart-Erstellungsprogramm.

00:40:30.520 --> 00:40:33.260
 Das hat bestimmt einen Namen, also Typografie.

00:40:33.280 --> 00:40:39.060
 Vorhandene Schriftarten angucken und anschauen, was für Features die haben und kann da Dinge dran rum vorwerken.

00:40:39.060 --> 00:40:48.040
 Und damit hatte ich, äh, hatte ich jetzt zu tun in meiner, äh, Arbeitswelt und hab damit ein bisschen rumgebastelt und bin immer wieder auf Bugs gestoßen

00:40:48.040 --> 00:41:01.080
 und hab entsprechend natürlich, äh, Bug-Tickets dann geöffnet auf GitHub, ähm, und dann halt auch irgendwie zwei Tage nix gehört und dann irgendwie beschlossen, äh, ich bin zu ungeduldig und ich versuche das selbst zu fixen.

00:41:02.080 --> 00:41:10.500
 Es gibt nur ein kleines Problem, ich kann kein C++ und, äh, ich muss echt sagen, ich bin auch echt froh, das nicht machen zu müssen.

00:41:10.500 --> 00:41:22.160
 Also ich hab die, ich hab unsere Frontend-Welt und dieses, äh, oder auch, ja, PHP, auch was, was nicht kompiliert werden muss, sondern zur Laufzeit ausgeführt wird, ich hab das echt nochmal richtig schätzen gelernt.

00:41:22.160 --> 00:41:28.060
 Ähm, ja, also ich mein, klar, je, je, je mehr Low-Level es wird, ja, umso weniger wird einem abgenommen.

00:41:28.060 --> 00:41:33.420
 Klar, umso mächtiger ist es natürlich theoretisch auch, aber ganz ehrlich, Speicherbereiche reservieren.

00:41:33.420 --> 00:41:35.480
 Wer will das denn?

00:41:35.480 --> 00:41:39.340
 Warum, also, warum, also, also, nee.

00:41:39.340 --> 00:41:44.900
 Aber gibt's da nicht mittlerweile Sprachen, die so Low-Levelig sind und bei denen du das trotzdem nicht machen musst?

00:41:44.900 --> 00:41:45.300
 C-Sharp.

00:41:45.300 --> 00:41:46.920
 Also, was ist denn?

00:41:46.920 --> 00:41:55.900
 Also ich glaub, C-Sharp ist, äh, ist schon so, mein Bruder programmiert, äh, auch mit C-Sharp und, äh, der ist relativ begeistert davon und sagt, der, den ganzen Kram kannst du dir da sparen.

00:41:56.700 --> 00:41:59.160
 Und es ist trotzdem noch Low-Level genug, um halt richtig gut zu machen.

00:41:59.160 --> 00:42:00.860
 Ich bin da jetzt nicht tief drin, aber ist nicht Rust jetzt gerade so der heiße Scheiß?

00:42:00.860 --> 00:42:04.740
 Rust ist auch, ja, hör ich auch irgendwie an, an jeder Ecke, ja, hab ich mich noch gar nicht mit beschäftigt.

00:42:04.740 --> 00:42:08.660
 Haben wir, haben wir einen gemeinsamen ehemaligen Kollegen, den wir dazu vielleicht mal befragen können.

00:42:08.660 --> 00:42:09.400
 Ja, ah, okay, interessant.

00:42:09.400 --> 00:42:11.280
 Können wir nachher mal drüber quatschen.

00:42:11.280 --> 00:42:15.200
 Der, der zumindest in seinem Twitter-Profil drinstehen hat, dass er damit irgendwas macht.

00:42:15.380 --> 00:42:16.960
 Ja, also hört man ganz, ganz, äh, oft.

00:42:16.960 --> 00:42:19.080
 Also ist jetzt auch so ein, so ein Trend irgendwie.

00:42:19.080 --> 00:42:23.780
 Ähm, ja, und alleine schon das, das GUI, wie das zusammengewurschtelt ist, ja.

00:42:23.780 --> 00:42:32.520
 Also dafür gibt's natürlich auch Libraries inzwischen, die es halt damals noch nicht gab, als das irgendwie, keine Ahnung, vor 20 Jahren, glaube ich, oder 25, äh, angefangen wurde.

00:42:33.180 --> 00:42:39.780
 Aber, also jeder, jeder Button wird da platziert, pixelgenau und jede Tabelle und, wow.

00:42:39.780 --> 00:42:47.860
 Also ich, ich hab echt versucht, mich da richtig tief durchzuwurscheln, zuwurscheln und mit dem Compiler zu arbeiten und da irgendwie in die Funktion reinzuspringen und rauszuspringen und drüberzuspringen.

00:42:47.860 --> 00:42:59.280
 Ich hab's nicht, also einen Bug hab ich tatsächlich gefixst bekommen, da bin ich jetzt auch ein bisschen stolz drauf, ja, dass ich ohne zählt, bloß bloß wirklich zu können, äh, den Fehler gefunden hab und tatsächlich ist auch schon, ähm, in den, in den, in den Master jetzt, äh, gemerged, mein Fix.

00:42:59.440 --> 00:43:05.500
 Und der andere, ja, da hab ich, äh, noch nicht mal einen Kommentar zurück, ich hab selber in dem Issue, glaube ich, irgendwie zehn Kommentare geschrieben, aber noch nix gehört.

00:43:05.500 --> 00:43:10.920
 Mal gespannt. Es ist auch nur was, also es macht halt nur eine Funktion quasi völlig unnutzbar, ja.

00:43:10.920 --> 00:43:21.040
 Und das ist auch, das ist halt so ein Ding, ähm, die, das ist durch Entwicklerhände gegangen und immer wieder gewechselt und keiner weiß bei manchen Coachstellen mehr, wie das richtig funktioniert.

00:43:21.040 --> 00:43:23.820
 Unter anderem bei dem Zusammenbauen von, von GUI.

00:43:23.820 --> 00:43:27.860
 Kannst du verraten, was du da gemacht hast oder ist das springgeheim?

00:43:28.180 --> 00:43:33.080
 Naja, was werde ich mit dem Schriftartprogramm gemacht haben? Ich hab, äh, bin dabei gerade eine Schriftart zu basteln.

00:43:33.080 --> 00:43:36.220
 Ah, die Konstantin Sands?

00:43:36.220 --> 00:43:37.480
 Äh, nicht ganz, nee.

00:43:37.480 --> 00:43:48.940
 Nee, für, äh, es ist ein, äh, für den Kunden werde ich sicherlich, wenn's fertig ist, wenn's tatsächlich durch ist, dann, äh, auch hier ein bisschen bewerben, aber, ähm, ja, aktuell kann ich da noch nix, noch nix Genaues dazu sagen.

00:43:49.520 --> 00:43:57.860
 Aber es gibt eine Schriftart, ja, und ich wollte das, ich, ich hab mich schon früher immer mit, mit, mit, mit Fonts, äh, äh, auseinandergesetzt und gespielt und wollte das auch ewig machen.

00:43:57.860 --> 00:44:02.800
 Jetzt hat sich's ergeben, dass wir tatsächlich die Möglichkeit haben, das für den Kunden zu machen und, äh, ich bin gespannt, wie das wird.

00:44:03.220 --> 00:44:16.320
 Aber jedenfalls, die Anwendung ist halt leider voller Bugs und, ähm, wie gesagt, die Leute wissen teilweise auch gar nicht, was da jetzt genau passiert und, also, ich kann sagen, was, was, was der Bug ist.

00:44:16.480 --> 00:44:25.300
 Also, ich, äh, das gibt so OpenType-Tabellen, diese Features, ja, also, dass irgendwie Legaturen erzeugt werden oder kontextuell irgendwelche Änderungen passieren in den Buchstaben, Zusammenstellungen.

00:44:25.300 --> 00:44:32.260
 Und wenn ich so eine Tabelle anlege, dann steht statt des Tabellennamens da nur eine Zahl in der Spalte.

00:44:32.260 --> 00:44:44.380
 Und das deutet für mich darauf hin, dass entweder irgendwas, äh, von der Typisierung, da wird halt irgendwie ein Integer reingeschrieben statt einem String, ähm, aber mit dem Debugger hab ich festgestellt, das wird zuerst richtig reingeschrieben und dann steht dann plötzlich doch ein Integer da.

00:44:44.380 --> 00:44:49.460
 Oder es ist irgendwas mit, eben mit der Speicherverwaltung, ja, dass da irgendwelche Zufallszahlen irgendwie aussehen.

00:44:49.460 --> 00:44:56.600
 Also, jedenfalls, das sind so Sachen, es sind wirklich, also, da funktionieren einfach Features nicht und die funktionieren halt irgendwie schon seit Jahren nicht in der Anwendung.

00:44:56.600 --> 00:45:06.380
 Das finde ich halt bei, bei OpenSource immer so ein bisschen schade, dass das halt, also, das würde dir halt bei einer kommerziellen Software eher nicht passieren, dass da wirklich was einfach über, über ein, zwei Jahre hinweg gar nicht funktioniert.

00:45:06.380 --> 00:45:11.820
 Und viele, viele nutzen halt die, naja, also, es ist schon, also, die Wahrscheinlichkeit ist schon geringer.

00:45:11.820 --> 00:45:13.900
 Also, zahlende Kunden würden einem da aufs Dach steigen.

00:45:14.380 --> 00:45:19.380
 Aber es ist halt OpenSource, also, da kannst du dich halt nicht, äh, ja, in dem Fall finde ich es halt nicht ganz unwichtig.

00:45:20.020 --> 00:45:25.300
 Also, jedenfalls frage ich mich, wer macht das freiwillig, sich so Low-Level, äh, auseinanderzusetzen.

00:45:25.300 --> 00:45:27.420
 Ist gut, dass es Leute gibt, die das machen, für mich wäre es nix.

00:45:27.420 --> 00:45:30.100
 Vielleicht landet dein Fix ja in der Arktis.

00:45:31.060 --> 00:45:32.100
 Genau, möglich, ja.

00:45:32.100 --> 00:45:37.500
 Ja, das, das war voll meine Vermutung, dass das vielleicht als Projekt dabei ist, aber dafür ist die, ist der, das zu neu, das war jetzt erst vor ein paar Tagen.

00:45:37.500 --> 00:45:42.440
 Äh, ja, genau, also, ich will auch nicht, ich will jetzt auch nicht Fontforge schlechtreden.

00:45:42.440 --> 00:45:49.580
 Das ist ein cooles Tool und es ist auch als Command-Line-Tool sehr gut brauchbar und das unterstützt inzwischen auch Python-Scripting, auch wenn ich jetzt Python nicht so doll finde.

00:45:49.700 --> 00:45:56.160
 Aber, ähm, ich glaube, ich werde versuchen, das, äh, eher per Command-Line anzusprechen, als über das GUI, weil damit funktioniert es nämlich dann.

00:45:56.160 --> 00:46:09.480
 Also, wenn jemand Probleme hat mit Fontforge, ähm, und da irgendwelche Bugs hat, äh, was, was OpenType-Features, ähm, anbelangt, dann macht euch die Mühe und lest euch kurz an, wie Feature-Files für OpenType funktionieren.

00:46:09.480 --> 00:46:13.460
 Schreibt euch die Feature-Files selber und importiert die dann in Fontforge.

00:46:13.460 --> 00:46:14.760
 Das funktioniert nämlich sehr gut.

00:46:14.760 --> 00:46:19.260
 Dann, äh, wenn ich das jetzt eh schon, ich wollte das eigentlich gar nicht, weil Schriftabdarstellung ist jetzt nicht unbedingt Frontend,

00:46:19.260 --> 00:46:29.240
 wobei vielleicht teilweise auch, ich mach's ja auch, ähm, ich poste mal den Link zu einem Artikel, äh, schreib mir gleich mal auf, Link zum Artikel, ähm, Feature-Files.

00:46:29.240 --> 00:46:37.540
 Äh, der hat mir nämlich sehr geholfen, das dann am Ende doch so hinzubekommen mit diesen Features und den Legaturen und den, äh, Dings, wie ich das wollte.

00:46:37.540 --> 00:46:46.300
 So, jetzt, jetzt haben wir eine Dreiviertelstunde, eine Dreiviertelstunde Retro gemacht und, äh, ja, jetzt mag ich nicht mehr.

00:46:46.300 --> 00:46:49.080
 Also, Vodafone und Telekom, schaut zu,

00:46:49.080 --> 00:46:55.660
 dass ihr unser Internet nicht mehr ausfallen lasst, sonst habt ihr das an der Backe, Dreiviertelstunde Retro, das ist nicht unsere Schuld.

00:46:55.660 --> 00:46:56.420
 Mann, Mann, Mann.

00:46:56.420 --> 00:46:58.980
 Haut überhaupt noch jemand zu? Jetzt oder?

00:46:58.980 --> 00:47:00.040
 Schon vorbei?

00:47:00.040 --> 00:47:01.280
 Hallo, hallo, ist da jemand?

00:47:01.520 --> 00:47:05.020
 Nee, ich hab die ganz, ich hab schon lange keinen mehr gehört, die sind alle schon nach Hause gegangen.

00:47:05.020 --> 00:47:06.780
 Oh, oh, oh, oh.

00:47:06.780 --> 00:47:08.400
 Wir müssen mal eine Live-Folge machen vielleicht.

00:47:08.400 --> 00:47:09.200
 Oh.

00:47:10.940 --> 00:47:12.660
 Ja, ja, ja, äh, der weiß nicht.

00:47:12.660 --> 00:47:14.120
 Können wir mal überlegen.

00:47:14.120 --> 00:47:15.480
 Ja, vielleicht.

00:47:15.480 --> 00:47:16.840
 Machen wir ja nachher was live quasi.

00:47:16.840 --> 00:47:18.960
 Ähm, wir machen nachher was live.

00:47:18.980 --> 00:47:23.280
 Ja, erst machen wir die Property der Woche.

00:47:26.160 --> 00:47:26.700
 Bitteschön.

00:47:26.700 --> 00:47:29.460
 Ja, die ist, die kommt heute von mir.

00:47:29.460 --> 00:47:35.440
 Äh, das ist was, was ich tatsächlich in den letzten Tagen mal gebraucht hab und, äh, neu entdeckt hab für mich.

00:47:35.440 --> 00:47:38.040
 Und zwar, äh, Mask-Image.

00:47:38.040 --> 00:47:41.540
 Ähm, kennst du das, Konstantin?

00:47:41.640 --> 00:47:43.300
 In CSS, Mask-Image.

00:47:43.300 --> 00:47:48.040
 Ich hab überlegt, ob ich das schon mal tatsächlich irgendwo produktiv eingesetzt habe.

00:47:48.040 --> 00:47:50.180
 Mir ist aber kein Beispiel eingefallen.

00:47:50.180 --> 00:47:50.800
 Ich glaub's nicht.

00:47:50.800 --> 00:47:52.100
 Was ist denn dein Anwendungsfall gewesen?

00:47:52.100 --> 00:47:59.220
 Mein Anwendungsfall ist, also, ähm, ich erklär vielleicht erst mal ganz kurz, wie das funktioniert und was das, was das tut.

00:47:59.220 --> 00:48:06.460
 Ähm, mit Mask-Image kann ich ein Bild nehmen oder auch bei, anstatt, anstatt Bildern kann man ja oft auch, äh, in CSS Gradients nehmen.

00:48:06.460 --> 00:48:08.160
 Das ist mein Anwendungsfall nämlich.

00:48:08.160 --> 00:48:13.600
 Ähm, kann man ein Bild nehmen, das, äh, transparente Bereiche hat und nicht transparente Bereiche.

00:48:13.600 --> 00:48:16.040
 Also, ein SVG kommt in Frage oder auch ein PNG.

00:48:16.040 --> 00:48:23.640
 Ähm, es darf auch halbtransparente Bereiche geben und damit kann ich, äh, ein anderes Element maskieren.

00:48:23.640 --> 00:48:33.660
 Das bedeutet, äh, die, die Bereiche in dem Bild, die transparent sind, werden dann auch transparent dargestellt bzw. abgeschnitten von dem Element, äh, wo ich das drauf anwende.

00:48:34.380 --> 00:48:39.300
 Und, äh, die Bereiche, wo was ist in dem Bild, die werden dargestellt, die sind, die sind dann da.

00:48:39.300 --> 00:48:47.860
 Aber, äh, ich glaube nicht, dass, da bin ich mir gerade nicht sicher, da ich jetzt kein echtes Bild ausprobiert habe, ich glaube, das Bild selbst nicht, wird nicht angezeigt, sondern nur die Form davon.

00:48:48.100 --> 00:48:52.880
 Also, es wird nur die Form davon genommen, angewendet auf das Element, ähm, das ich dann habe.

00:48:52.880 --> 00:49:06.480
 Mein Anwendungsfall war, äh, ich wollte Text am Ende des Absatzes ausblenden, langsam ausfaden lassen, aber ohne, dass ich was drüber lege, sodass der Text immer noch markierbar ist.

00:49:07.080 --> 00:49:10.540
 Und, äh, da gibt es natürlich eine Menge, äh, Ideen, wie man das machen kann.

00:49:10.540 --> 00:49:17.040
 Und früher hat man da halt unten dann irgendwie, ähm, noch ein Element drüber gelegt mit einem Verlauf oder so in der Hintergrundfarbe.

00:49:17.040 --> 00:49:20.300
 Ähm, aber ich wollte echte Transparenz haben an der Stelle.

00:49:20.300 --> 00:49:26.320
 Ich wollte sagen, dass das ist unabhängig von der Hintergrundfarbe oder von dem, was da irgendwie hinten dran passiert ist, soll, ich will echte Transparenz.

00:49:27.080 --> 00:49:34.260
 Ähm, und ich habe, ich hatte diesen Fall und dachte mir, naja, im schlimmsten Falle muss ich es halt irgendwie mit einem Bild machen und das da drüber legen.

00:49:34.260 --> 00:49:39.220
 Und dann habe ich nochmal kurz recherchiert und gesehen, nein, dafür gibt es jetzt eine geile Methode, nämlich Mask-Image.

00:49:39.220 --> 00:49:42.320
 Und das, jetzt habe ich das wirklich mit einem CSS-Einzeiler gelöst.

00:49:42.320 --> 00:49:44.140
 Die Demo, äh, kommt in die Shownotes.

00:49:44.140 --> 00:49:47.100
 Ähm, und zwar, ich kann es mal kurz vorlesen.

00:49:47.100 --> 00:49:52.840
 Also, ich habe jetzt auf das Element, äh, das relativ viel Text enthält, ähm, ein Mask-Image gelegt.

00:49:52.840 --> 00:49:57.160
 Und zwar Linear, Gradient, äh, Black 50 Prozent und dann zu Transparent.

00:49:57.160 --> 00:50:00.440
 Also, 50 Prozent, bei 50 Prozent beginnt das.

00:50:00.440 --> 00:50:03.100
 Äh, und bei 100 Prozent ist dann Transparent.

00:50:03.100 --> 00:50:08.180
 Also, das ist ein Verlauf von, von, äh, Schwarz, ähm, zu Transparent.

00:50:08.180 --> 00:50:10.760
 Ab der Hälfte des Elements nach unten.

00:50:10.760 --> 00:50:14.220
 Und, äh, habe ich genau den Effekt, dass das nämlich dann ausgefadet wird.

00:50:14.220 --> 00:50:17.180
 Der Text ist aber noch, äh, verwendbar und markierbar.

00:50:17.180 --> 00:50:18.260
 Genau.

00:50:18.260 --> 00:50:20.960
 Sehr cool, dass man das mit, mit dem Gradient auch kombinieren kann.

00:50:21.320 --> 00:50:25.120
 Und halt eben dann keine Grafik braucht, sondern halt wirklich die, die Grafik sich quasi generiert.

00:50:25.120 --> 00:50:27.560
 Genau, die Grafik generiert sich.

00:50:27.560 --> 00:50:30.480
 Und das macht es halt wirklich zum, zum echten Einzeiler in CSS.

00:50:30.480 --> 00:50:31.980
 Und das finde ich, äh, ziemlich mächtig.

00:50:31.980 --> 00:50:35.540
 Also, Mask-Image, äh, da gibt es auch noch, man kann das auch noch irgendwie,

00:50:35.540 --> 00:50:37.280
 ich glaube, es gibt auch noch Mask-Repeat.

00:50:37.280 --> 00:50:39.980
 Es gibt noch mehr Eigenschaften, die da ein bisschen mit reinspielen.

00:50:39.980 --> 00:50:43.120
 Ich habe jetzt aber tatsächlich nur Mask-Image, äh, gebraucht.

00:50:43.120 --> 00:50:47.420
 Und ich fand das, äh, ziemlich, also, eigentlich ist das der Weg, wie man sowas machen will.

00:50:47.420 --> 00:50:51.220
 Das ist, also, ich kann mir nicht vorstellen, dass man das irgendwie noch besser oder eleganter machen kann.

00:50:51.320 --> 00:50:53.820
 Das ist genau der Weg, wie man es haben, wie man es schon immer haben wollte.

00:50:53.820 --> 00:50:54.180
 Cool.

00:50:54.180 --> 00:50:56.060
 Also, gerade für diesen Anwendungsfall.

00:50:56.060 --> 00:50:56.780
 Ja, ich glaube, ich habe es…

00:50:56.780 --> 00:50:58.140
 Man kann natürlich noch verrückte Sachen mitmachen.

00:50:58.140 --> 00:51:02.100
 Ich kann natürlich jetzt, äh, auch ein Element, äh, irgendwie ein verrücktes Bild nehmen mit einem verrückten Rand,

00:51:02.100 --> 00:51:06.140
 was irgendwie am, äh, am Rand noch, äh, irgendwie langsam ausfädet oder so.

00:51:06.140 --> 00:51:08.180
 Und kann da alle möglichen verrückten Sachen mitmachen.

00:51:08.180 --> 00:51:10.100
 Äh, mein Fall war halt relativ einfach.

00:51:10.100 --> 00:51:12.120
 Genau, du wolltest noch was sagen, glaube ich.

00:51:12.120 --> 00:51:20.460
 Ja, ich glaube, ich habe es bei unserer Seite tatsächlich noch mit einem, mit einem Overlay von einem Verlauf, äh, das wäre tatsächlich was, wo ich das ändern könnte, zum Mask-Evage.

00:51:20.460 --> 00:51:26.460
 Ja, das, das Blöde ist, wenn man was drüber legt, ähm, dann bin ich immer von der Hintergrundfarbe abhängig.

00:51:26.460 --> 00:51:26.620
 Mhm.

00:51:26.620 --> 00:51:27.180
 Normalerweise.

00:51:27.180 --> 00:51:28.440
 Genau, das ist da auch das Problem, ja.

00:51:29.220 --> 00:51:32.880
 Und ich überdecke den Text, das heißt, der ist dann auch an der Stelle nicht mehr markierbar.

00:51:32.880 --> 00:51:37.660
 Das ist nicht unbedingt schlimm, aber geil wäre es, wenn er trotzdem noch markierbar wäre bis zum Ende.

00:51:37.660 --> 00:51:39.100
 Cool.

00:51:39.100 --> 00:51:41.020
 Genau, und das geht, das geht damit.

00:51:41.020 --> 00:51:48.860
 Ich weiß nicht, ob man es extra erwähnen muss, weil eigentlich ist es logisch, dass es so ist, aber ich wollte noch sagen, es betrifft auch die, das Before und, Before und After, äh, Pseudo-Element.

00:51:48.860 --> 00:51:56.060
 Aber ist eigentlich klar, wenn man drüber nachdenkt, weil das fügt ja quasi nur am Anfang des Text-Contents und am Ende des Text-Contents ein Element ein.

00:51:56.060 --> 00:51:59.180
 Äh, dementsprechend ist das auch mit abgeschnitten.

00:51:59.220 --> 00:52:00.340
 Wenn da eine Maske drüber liegt.

00:52:00.340 --> 00:52:03.020
 Aber ich dachte, ich erwähne es mal zusätzlich.

00:52:03.020 --> 00:52:10.900
 Genau, ja, in den Shownotes habt ihr dann auf jeden Fall noch die, äh, so eine kleine Erklärung, ähm, von, von, äh, MDN.

00:52:10.900 --> 00:52:24.080
 Ähm, Can I use, äh, kann ich noch kurz was zu sagen, ähm, geht in Firefox seit Version 53, wenn ich das gerade richtig sehe, äh, in Chrome mit Prefix seit Version 4.

00:52:24.080 --> 00:52:25.060
 Wow.

00:52:25.060 --> 00:52:27.020
 Das finde ich jetzt gerade verrückt.

00:52:27.620 --> 00:52:29.640
 Das, das, das, das erstaunt mich gerade selbst ein bisschen.

00:52:29.640 --> 00:52:35.800
 Ähm, also das scheint schon eine frühe Webkit-Geschichte zu sein, weil in Safari ist das auch seit Version 4 irgendwie schon mit drin.

00:52:35.800 --> 00:52:42.520
 Ähm, auch in dem neuen Edge logischerweise dadurch, aber in Chrome tatsächlich immer noch nur geprefixt mit, äh, Webkit.

00:52:43.520 --> 00:52:47.940
 Aber das habe ich getestet, das funktioniert da eigentlich auch so, wie man es erwarten würde.

00:52:47.940 --> 00:53:00.420
 Jo, äh, wollte ich dazu, äh, ja genau, es gibt auch noch ein paar Demos, die auch noch in die Shownotes kommen, so ein paar, ähm, habe ich noch so einen Blogartikel gefunden, wo noch, ähm, so ein paar Anwendungsbeispiele, was man damit noch machen kann.

00:53:00.700 --> 00:53:03.560
 Ähm, also, äh, so ein bisschen drin sind, muss ich jetzt nicht, äh, weiter drauf eingehen.

00:53:03.560 --> 00:53:07.080
 War eine schnelle Property der Woche, außer du hast noch Fragen.

00:53:07.080 --> 00:53:07.340
 Nee, nee.

00:53:07.340 --> 00:53:08.200
 Dann kann man es auch verlängern.

00:53:08.200 --> 00:53:09.640
 Nee, nee, nee, um Gottes Willen.

00:53:11.120 --> 00:53:17.520
 Ja, jetzt, äh, jetzt käme normalerweise eigentlich der Spam-Spot, aber wir haben heute was, was anderes vor.

00:53:17.520 --> 00:53:19.540
 Ich bin mal gespannt, ob das funktioniert.

00:53:19.540 --> 00:53:20.100
 Ich hab ein bisschen Angst.

00:53:20.100 --> 00:53:29.420
 Es ist, es ist quasi live, ähm, wir haben es mal, äh, ich spiel einfach mal, ich spiel mal den, den, den, den, oder sowas erst erklären und dann den Trailer, also das Intro.

00:53:29.620 --> 00:53:31.320
 Ja, wir, wir, wir erklären es vielleicht erst.

00:53:31.320 --> 00:53:52.880
 Ähm, also, ich hab, ähm, ich hab die Tage, oder ich, ich hab vor ein paar Tagen, ähm, so ein paar Sachen bei Ebay Kleinanzeigen reingestellt und unter anderem einen, äh, Bluetooth-Audio-Receiver, den ich verkaufen wollte, ähm, und hab dazu eine Anfrage bekommen, ähm, und, ähm, den Dialog, den tragen wir euch jetzt mal live vor.

00:53:52.880 --> 00:54:09.660
 Also, der Konstantin, sie liest das jetzt zum ersten Mal. Ich, ich, ich kenn's natürlich schon. Ich spreche mich und der Konstantin spricht den anderen Part. Wir nennen ihn einfach mal Horst. Ist aber auch egal, wie der andere heißt. Also, der hieß nicht wirklich Horst, der hatte einen anderen Namen.

00:54:09.660 --> 00:54:13.480
 Wenn ich das richtig sehe, dann, äh, äh, sehe, dann ersetze ich jetzt alle Rauten durch Horst.

00:54:13.480 --> 00:54:22.840
 Äh, nee, nee, nee, nee. Die Rauten, die Rauten im Text, ähm, kurz zur Erklärung, ich hab ein kleines Transkript geschrieben. Ähm, die Rauten im Text sind eigentlich nur,

00:54:22.880 --> 00:54:26.940
 dass da längere, größere Abstände sind, dass man das besser sieht. Die sind nicht, da steht nicht immer Horst.

00:54:26.940 --> 00:54:27.540
 Alles klar.

00:54:27.540 --> 00:54:30.360
 Weil dann steht, dann würde nämlich unter meinem auch immer Horst stehen.

00:54:30.360 --> 00:54:36.040
 Stimmt, okay, du hast recht. Du hast recht. Ich setze einfach Horst ein, wo ich, äh, wo es, wo es passt.

00:54:36.040 --> 00:54:37.420
 Okay.

00:54:37.420 --> 00:54:39.660
 Spam-Mail für dich.

00:54:39.660 --> 00:54:41.780
 Boop.

00:54:41.780 --> 00:54:49.360
 Hallo, ich bin bereit, Ihnen einen Betrag von 20 Euro inklusive Versandkosten anzubieten. Mit freundlichen Grüßen, Horst.

00:54:50.400 --> 00:54:57.620
 Äh, ich mach das mit meiner normalen Stimme jetzt, ähm, ja, hi, ich kann das, ich kann das, ich kann das, ich kann das Nachrichtengeräusch jetzt nicht machen.

00:54:57.620 --> 00:54:58.700
 Okay, ich bin so angespannt.

00:54:58.700 --> 00:55:01.600
 Okay, danke.

00:55:01.600 --> 00:55:11.300
 Hi, äh, 20 Euro inklusive Versand geht, äh, dann aber als Päckchen, in Klammern ohne Tracking, versichert mit Tracking, 22 Euro, passt, Fragezeichen.

00:55:12.600 --> 00:55:16.860
 Gut, ich brauche Ihren Vor- und Nachnamen sowie IBAN. Grüß, Horst.

00:55:16.860 --> 00:55:29.940
 Äh, an der Stelle eine kurze Erklärung. Ähm, ich hab, ich fand das ein bisschen krass, dass er sofort, äh, gesagt hat, jetzt gib mal hier Name und IBAN, weil wir hatten noch überhaupt nichts weiteres vereinbart.

00:55:30.500 --> 00:55:37.160
 Ähm, und bei sowas werde ich, werde ich dann normalerweise misstrauisch und guck dann, könnte das vielleicht eine Masche sein, von der ich noch nichts weiß.

00:55:37.160 --> 00:55:53.840
 Also hab ich kurz gegoogelt, ähm, und hab rausgefunden, es gibt tatsächlich eine Masche bei eBay Kleinanzeigen, ähm, wo Leute, ähm, versuchen eben IBAN und, äh, Vor- und Nachname irgendwie zu bekommen, um dann, weiß ich nicht, weiß nicht genau, wahrscheinlich versuchen die dann Geld von deinem Konto abzubuchen, ohne dass du's merkst.

00:55:53.840 --> 00:56:07.580
 Ähm, ich fand's auf jeden Fall sehr pushy, gleich in der zweiten Nachricht, jetzt gib mir mal schnell deine IBAN, weil wir hatten noch nicht mal drüber geredet, wie wir überhaupt das mit dem Geld machen wollen oder, oder, er ist auch nicht drauf eingegangen, ähm, was er jetzt für einen Versand haben will.

00:56:07.580 --> 00:56:16.660
 So, genau, also dann meine nächste Nachricht, ähm, also, ich war auf jeden Fall misstrauisch, ähm, versichert oder nicht versichert? Fragezeichen.

00:56:16.660 --> 00:56:19.880
 Wir hatten die Zahlung noch nicht besprochen, bei mir geht nur PayPal.

00:56:21.160 --> 00:56:31.660
 Sorry, leider funktioniert mein PayPal nicht. Für mich ist es besser, also Überweisung. Also, jetzt hab ich mich verlesen. So, so schlecht war's gar nicht. Für mich ist es also besser Überweisung.

00:56:31.660 --> 00:56:38.020
 Dann geht's leider nicht.

00:56:38.020 --> 00:56:46.340
 Viele Käufer und Verkäufer und Käufer wissen nicht, wie man mit PayPal arbeitet und Geld über Überweisung überweist.

00:56:48.820 --> 00:56:49.280
 Büüb.

00:56:49.280 --> 00:56:58.400
 Warum geht, warum es geht nicht über Überweisung? Ich kaufe teurere Sachen per Überweisung und aus irgendeinem Grund haben Sie Angst um Ihre 22 Euro?

00:56:58.400 --> 00:57:00.660
 Büüb.

00:57:00.660 --> 00:57:02.900
 Sind Sie von Angst beherrscht?

00:57:02.900 --> 00:57:05.160
 Büüb.

00:57:05.160 --> 00:57:10.300
 Was soll ich tun, wenn ich wirklich kaufen möchte? Haben Sie Angst, per Banküberweisung zu verkaufen?

00:57:10.300 --> 00:57:12.180
 Büüb.

00:57:12.820 --> 00:57:22.840
 So, jetzt ganz kurz. Das kam jetzt einen Tag später. Ich hab nicht mehr reagiert. Und einen Tag später kam dann quasi wieder die erste Nachricht sozusagen, weil dann ist er plötzlich wieder freundlich geworden.

00:57:24.840 --> 00:57:32.360
 Hallo. Und wie haben Sie Ihre Meinung zur Zahlung geändert? Ich kann Ihnen sofort Geld überweisen. Mit freundlichen Grüßen.

00:57:34.260 --> 00:57:43.020
 Horst. Das war's. Vielleicht fand auch nur ich das lustig. Aber mein Moneyquote war, sind Sie von Angst beherrscht?

00:57:44.580 --> 00:58:02.260
 Ja, krass. Also, ich nenne das immer manuellen Spam, nenne ich sowas. Das ist, also, wenn es E-Mails sind, auch im Posteingang, die nicht offensichtlich einfach solche Massen-E-Mails sind, ja, sondern wo schon jemand dahinter steckt, wo du merkst, okay, der fragt auch mal irgendwie nach einem Tag nach und so.

00:58:02.260 --> 00:58:18.360
 Also, ich fand's super krass, dass der sehr, sehr schnell eigentlich, der ist so super pushy geworden. Und das ist ja eigentlich schon frech, wie der mich da angeschaut hat. Sind Sie von Angst beherrscht? Und hast du jetzt ja Angst um deine 22 Euro? Naja, ich will halt nicht Geschäfte machen mit einem, der mich verarschen will. Ganz einfach.

00:58:18.800 --> 00:58:26.440
 Ja, und auch dann dieses 20 Nachrichten dann hinterher schicken, weil du nicht reagierst und so. Also, sehr dubios das Ganze.

00:58:26.440 --> 00:58:39.880
 Ich hatte da auch mal eine Anfrage zu einer Anzeige von einem Musikinstrument, was ich verkaufen wollte bei Thomann. Die haben sich auf Englisch gemeldet und dann hab ich hinterher auch rausgefunden, dass das so eine Masche ist, die die da fahren.

00:58:41.240 --> 00:58:53.680
 Ja, also, da gibt's eine Menge. Also, wenn euch was komisch vorkommt bei irgendwelchen Verkäufen, dann vielleicht, bevor ihr irgendwie schnell antwortet, erst mal googeln, ob das nicht vielleicht irgendwie eine komische Masche ist, die da versucht, einer mit euch abzuziehen.

00:58:53.680 --> 00:58:59.360
 Hatte ich jetzt schon mehrfach, bin zum Glück nie drauf reingefallen. Vielleicht meint das ja wirklich nur gut, ich fand's einfach komisch.

00:58:59.360 --> 00:59:02.160
 Ja, so, äh, Trailer.

00:59:02.160 --> 00:59:06.900
 Hier ist WWS IV mit dem Tagesthema.

00:59:11.240 --> 00:59:19.080
 Ja, wir haben jetzt noch gleich die Stunde, die erste Stunde voll und kommen schon zum Thema. Mensch.

00:59:19.080 --> 00:59:21.060
 Ja, und wir setzen das ...

00:59:21.060 --> 00:59:24.660
 Ja, eigentlich hab ich den anderen erwartet, aber macht nix. Wir können noch ein Thema.

00:59:24.660 --> 00:59:27.300
 Ja, wir hatten, ich hab das Outro von, ja, egal.

00:59:27.300 --> 00:59:28.700
 Egal.

00:59:28.700 --> 00:59:29.300
 Egal.

00:59:29.300 --> 00:59:31.940
 Das kommt nächstes Mal. Das kommt nächstes Mal am Anfang oder so.

00:59:31.940 --> 00:59:38.560
 Genau. Wir können es nachher als Outro nutzen für, weil wir ja immer noch nix haben für, äh, bevor das Ende kommt.

00:59:38.560 --> 00:59:39.800
 Hm.

00:59:40.520 --> 00:59:44.080
 Also da hatten wir das Geilteil rückwärts, aber egal. Wir quatschen schon wieder.

00:59:44.080 --> 00:59:51.740
 Ähm, genau. Wir kommen zum Tagesthema und das Tagesthema ist, oh, Überraschung, äh, die Fortsetzung von Teil 1 von letzter Folge.

00:59:51.740 --> 00:59:56.780
 Also es geht auch wieder um CSS-Wünsche, um Features, die es noch nicht gibt.

00:59:56.780 --> 01:00:00.440
 Und, äh, unser erster Punkt hier ist Container-Queries.

01:00:00.440 --> 01:00:06.420
 Das war tatsächlich was, was relativ schnell aus der Pistole geschossen kam, als wir auf Twitter da gefragt haben.

01:00:06.420 --> 01:00:09.080
 Ähm, kam gleich, äh, ja, Container-Queries.

01:00:09.800 --> 01:00:12.600
 Ähm, möchtest du da was direkter zu sagen?

01:00:12.600 --> 01:00:16.140
 Äh, ich kann mal sagen, was damit eigentlich gemeint ist.

01:00:16.140 --> 01:00:34.060
 Ähm, also gerade in der modularen Web-Entwicklung, also wenn ich, ähm, jetzt nicht irgendwie eine Seite als Seite baue, sondern irgendwie kleine Module, die ich am Ende zusammenstecken möchte, kommt man immer mal wieder an den Punkt, wo man, äh, wo man gerne Responsiveness eingebaut hätte, aber modulbasiert.

01:00:34.060 --> 01:00:41.560
 Also wirklich nur, dass das Modul im Prinzip, ähm, sich anpasst an den, an den Platz, den es bekommt, äh, im Layout.

01:00:41.640 --> 01:00:49.460
 Und das kann ja durchaus mal unterschiedlich sein, wenn ich so ein Modul habe, das kann mal irgendwie 1000 Pixel breit Platz haben und das kann halt auch irgendwie mal 300 Pixel breit Platz haben.

01:00:49.460 --> 01:00:51.780
 Und dann möchte ich vielleicht darauf reagieren können.

01:00:51.780 --> 01:01:02.320
 Ähm, und so wie Media-Queries, äh, bei Media-Queries kann ich ja, ähm, auf dem Body quasi schauen und sagen, äh, der Body ist jetzt gerade so breit, ähm, oder er ist jetzt gerade so breit.

01:01:02.320 --> 01:01:07.420
 Und darauf kann ich reagieren und bei Container-Queries wäre das dann quasi für den Container meines Moduls.

01:01:07.420 --> 01:01:23.080
 Also, dass ich sage, ja, ähm, Section, äh, Sidebar, äh, ist jetzt irgendwie der Container und soll irgendwie, äh, was weiß ich, irgendwelche Elemente, die innen drin sind, sollen sich anders anordnen ab einer bestimmten Breite von dieser Sidebar.

01:01:23.080 --> 01:01:30.140
 Ähm, genau, also das ist jetzt so als, als ganz einfaches Beispiel. Hast du vielleicht noch ein anderes Beispiel oder ein besseres Beispiel?

01:01:30.140 --> 01:01:35.580
 Beispiel nicht, aber vielleicht wird es klarer, wenn man sich anguckt, was, was für eine Syntax, äh, man verwenden könnte.

01:01:35.580 --> 01:01:40.540
 Ähm, da habe ich mal geschaut, was ist das, oder da gibt es so verschiedene Vorschläge, wie man das umsetzen könnte.

01:01:40.540 --> 01:01:51.580
 Also das eine wäre, du hast einen Selektor, also Punkt Elements, sage ich jetzt mal, äh, dann Doppelpunkt Media und Klammer auf und dann eben, wie ich, wie ein Media-Queries schreiben würde, äh, Max-Width 600 Pixel zum Beispiel.

01:01:52.340 --> 01:02:00.120
 Ja, das heißt, wenn dieses Element, das ich mit dem Selektor ausgewählt habe, eine Maximalbreite von 600 Pixeln habe, dann verhalte dich so und so.

01:02:00.120 --> 01:02:05.320
 Das wäre ein möglicher Vorschlag, finde ich eigentlich gar nicht so doof.

01:02:05.320 --> 01:02:17.620
 Ähm, und die andere Idee, die da in den Raum geworfen wurde, war Nesting, also, äh, verschachtelte Queries, ähm, und alles, was, was verschachtelt ist, ist dann im Scope, äh, des umgebenden Elements, beziehungsweise des Selektors.

01:02:18.460 --> 01:02:27.860
 Da finde ich, wir haben Nesting schon bei diesen Prä-Prozessoren wie LES oder SAS, äh, und so weiter, das hat schon so eine, so eine Syntax als Entwickler.

01:02:27.860 --> 01:02:38.600
 Ähm, das dann jetzt umzumodeln auf, auf Media-Queries, hm, äh, fände ich nicht so gut, zumal man ja vielleicht tatsächlich irgendwann mal in der zukünftigen CSS-Version vielleicht, äh, Nesting haben möchte.

01:02:39.320 --> 01:02:45.680
 Da, das fände ich nicht gut, das jetzt irgendwie für, für zwei verschiedene Sachen zu nutzen. Also, da gefällt mir das mit dem Media doch deutlich besser.

01:02:45.680 --> 01:02:58.140
 Ja, das mit dem Media, das gefällt mir eigentlich auch von den vorgeschlagenen Möglichkeiten am besten. Ähm, bist du da auch auf diesen Artikel von dem, ähm, Philipp Walton gestoßen? Äh, Ingenieur?

01:02:58.140 --> 01:03:01.180
 Weiß ich gar nicht mehr, ich hab mir jetzt da keinen, keinen Link notiert.

01:03:01.180 --> 01:03:09.140
 Ähm, Responsive Components is a solution to Container Queries Problem. Das ist, glaub ich, so der Artikel, auf den man da stößt, wenn man da ein bisschen tiefer sucht.

01:03:09.140 --> 01:03:21.180
 Der hat, ähm, der hat, ähm, der hat einen Vorschlag gemacht, äh, das mit JavaScript zu lösen und, äh, sagt auch, dass das sehr performant sei. Ähm, dazu kann ich vielleicht noch kurz was sagen.

01:03:21.180 --> 01:03:28.420
 Also, er sagt auch, ähm, am liebsten wäre ihm eine CSS-Möglichkeit, das zu machen. Ähm, aber so lange, bis wir das haben, hab ich halt hier mal was gebaut.

01:03:28.420 --> 01:03:38.700
 Und er hat da auch so ein paar Demos, ähm, die ich, die ich ganz schick finde. Da kann man so ein bisschen hin und her schieben. Äh, tun wir auch in die Shownotes. Ähm, und der hat halt so eine Möglichkeit geschaffen, dass er

01:03:38.700 --> 01:04:08.260
 abhängig davon, ähm, wie viel, wie breit ein Element ist, und das wird mit dem, äh, Resize Observer, äh, in JavaScript dann, äh, performant berechnet, ähm, setzt er dann Klassen, die so, äh, auf das Element, die sowas heißen, wie, äh, MD für Medium und so weiter. Ähm, warte mal, wie heißen, wie heißen die anderen, bevor ich jetzt hier, äh, genau, SM für Small, Medium, ähm, und dann gibt's, glaub ich, noch Large oder so. Genau, also kann man dann aber auch selbst vergeben, also der hat da so ein paar Standard, äh, Größen definiert, kann man aber auch

01:04:08.260 --> 01:04:20.260
 selbst vergeben für jedes einzelne Element, ähm, was für Klassen das bekommt, bei welcher Größe. Ähm, und das kannst du dann quasi in CSS direkt verwenden, also das heißt, letzten Endes, ähm, die einzige Dom-Änderung, die stattfindet, ist eben, dass Klassen hinzugefügt werden auf die Elemente.

01:04:20.260 --> 01:04:32.260
 Und der hat das, äh, glaube ich, auch so gebaut, dass das, äh, wenn er dann noch, äh, eine Mutation-Observer-Geschichte in JavaScript dazu baut, ähm, dass, das dann auch, äh, das bei dynamischen Seiten

01:04:32.260 --> 01:04:39.060
 funktioniert, wo Elemente dynamisch hinzugefügt, äh, oder entfernt werden. Oder auch mal vielleicht die Größe ändern, das soll ja auch vorkommen.

01:04:40.460 --> 01:04:47.200
 Jo, also das, das finde ich, ähm, also das, auf seiner, auf seiner Demo wirkt das alles ziemlich fluffig und schnell. Ich hab das jetzt noch nicht

01:04:47.200 --> 01:04:52.440
 eingesetzt, ähm, das wäre aber was, womit ich irgendwie leben könnte, wenn ich das umsetzen wollte jetzt, oder wenn ich das jetzt

01:04:52.440 --> 01:05:01.460
 wirklich, äh, hart brauchen würde. Ich hab jetzt leider keine besseren, keine besseren, äh, bessere Möglichkeit gefunden als das. Und diese, ich hab mich dann, weil sowas

01:05:01.460 --> 01:05:12.380
 frage ich mich jetzt seit unserer Houdini-Folge immer, kann man das nicht mit Houdini? Ähm, ähm, ja, gute Frage. Da bin ich, äh, zu, nicht tief genug, äh, drin in Houdini, aber, äh, wenn ich das richtig

01:05:12.380 --> 01:05:20.240
 verstanden hab, äh, kannst du damit, äh, eigentlich alles machen. Wahrscheinlich nicht jetzt gleich in den, das waren ja so verschiedene, ähm, Levels, in die das

01:05:20.240 --> 01:05:25.840
 aufgeteilt war. Wahrscheinlich jetzt nicht gleich mit den ersten Modulen von Houdini, die da, äh, auf den Markt kommen, wenn sie

01:05:25.840 --> 01:05:31.700
 denn mal kommen, ähm, aber mit Sicherheit mit diesen tiefer greifenden, wenn ich das richtig verstanden hab, kannst du damit

01:05:31.700 --> 01:05:41.000
 alles machen. Ja. Also du definierst sie ja quasi per JavaScript, das heißt, warum solltest du nicht dann darin wieder

01:05:41.000 --> 01:05:50.220
 einen, einen, äh, Media Observer, ähm, irgendwie benutzen? Ja. Also Media, äh, was sag ich, Media Query, sag ich, Media Query,

01:05:50.240 --> 01:06:13.300
 das gibt's ja schon ewig, äh, hab ich zum ersten Mal, glaub ich, gesehen auf einer Konferenz 2010 in Action Media Queries, ähm, ich erinnere mich noch, äh, an einen geschätzten Kollegen, der damals auf der Bühne stand und sein Handy, sein iPhone, glaub ich, damals in der Hand hielt und dann eine Seite gebaut hat, äh, die, wenn man sie gedreht hat, dann einen anderen Text angezeigt hat, irgendwie so hochkant und Querformat oder sowas.

01:06:13.300 --> 01:06:19.820
 Und alle haben, alle haben, alle haben, ja genau, das war die Reaktion im Publikum, wow, das war damals auch wirklich krass.

01:06:19.820 --> 01:06:28.620
 Das war vor zehn Jahren. Also, äh, ich hab das jetzt ja schon so ein bisschen etabliert, wenn ich was von dem Browser herstellen will, dann komm ich ein bisschen näher zu euch und sage,

01:06:28.620 --> 01:06:30.880
 Container Queries, einbauen.

01:06:31.760 --> 01:06:33.000
 Aber, aber, aber, sag ich.

01:06:33.000 --> 01:06:37.060
 Gut, hast du noch was dazu?

01:06:37.060 --> 01:06:37.980
 Sonst?

01:06:37.980 --> 01:06:39.160
 Nö, nö.

01:06:39.160 --> 01:06:39.960
 Kann man zum nächsten.

01:06:39.960 --> 01:06:41.240
 Äh, Background Opacity.

01:06:42.060 --> 01:06:52.700
 Das hatte ich tatsächlich, äh, letztens den Fall, dass ich ein Bild in den Hintergrund setzen wollte, ich weiß gar nicht mehr, ja doch, ist auch egal, also ich wollte ein Bild in den Hintergrund setzen, ich wollte das aber transparent haben.

01:06:52.700 --> 01:06:55.540
 Und, das geht nicht.

01:06:55.540 --> 01:07:05.580
 Also, ich hab echt, ich hab gedacht, nee, das kann doch, also, da hab, das kann doch nicht sein, dass das nicht geht, also, da muss ich doch was übersehen haben, irgendein Attribut, das ich nicht kenne, irgendein Property, ähm, das muss doch gehen.

01:07:05.740 --> 01:07:29.180
 Also, es geht mit Farben, klar, mit RGBA-Notation, ähm, es geht, wenn ich dem Hintergrundbild die Opacity mitgebe, das heißt, äh, entweder eine PNG-Grafik, die natürlich dann riesig ist, entsprechend, oder, was auch so ein Trick ist, den man anwenden kann, wenn man große Bilder, vor allem Fotos, äh, mit Alpha-Kanal haben will, ein SVG nehmen, in dem dann der Alpha-Kanal drin ist, und, äh, das Bild an sich ist trotzdem JPEG.

01:07:29.480 --> 01:07:51.500
 Da aber das JPEG dann als Base64 in dem SVG drin ist, ist das natürlich auch entsprechend groß, das heißt, das SVG sollte man dann möglichst vom Server mit Gzip ausgeben lassen, ähm, das heißt, es ist immer ein bisschen größer noch als das JPEG, aber es ist nicht so groß in der Regel wie ein PNG, wobei man da aber auch echt abwägen muss, also, manchmal ist das JPEG mit Alpha-Kanal im SVG trotzdem größer als PNG.

01:07:51.500 --> 01:08:20.300
 Also jedenfalls, es kann doch nicht sein, dass ich, dass, dass das so, nur so umständlich geht. Also ich meine, klar, die andere Möglichkeit ist, ich mache ein Pseudo-Element oder ein Extra-Element, äh, und positioniere das dann, aber da ist dann wieder das Problem mit dem Positionieren, ja, es ist halt viel einfacher zu sagen, ähm, Background-Size-Cover oder Background-Size-Contain, als jetzt da wieder irgendwas mit Min-Height und Max-Height und Min-Width und 100% und Auto und, und was weiß ich, und, ähm, also, das ist für mich so rudimentär, das, das wundert mich echt.

01:08:20.300 --> 01:08:49.000
 Da gibt's auch was, ja, du kannst, äh, Image-Elemente jetzt auch quasi so, genau, Object-Fit, ähm, hab ich auch eingesetzt schon und, ja, natürlich, das geht, aber warum, warum soll ich das überhaupt müssen? Also, gut, wenn's jetzt wirklich eine Grafik ist, die halt auch, äh, Thema Accessibility, ähm, ähm, ja, wenn die jetzt accessible sein soll, wirklich als Grafik vorhanden sein soll, okay, ja, wenn's aber wirklich jetzt eine Hintergrund-Grafik ist, die völlig wurscht ist, also, die wirklich nix zur Sache tut, eigentlich nur Schmuck ist,

01:08:49.100 --> 01:08:59.220
 dann möchte ich die einfach mit Opacity in den Hintergrund legen können. Gibt's aber nicht. Ja. Gibt nicht. Und, also, Background-Opacity, einfach wie, wie normale Opacity, ja, warum nicht?

01:08:59.720 --> 01:09:01.600
 Muss man sich auch mit Houdini basteln, vielleicht.

01:09:01.600 --> 01:09:04.400
 Ja, ja, hätte ich, äh, äh, bastelt das doch mal schwer mit Houdini.

01:09:05.360 --> 01:09:16.380
 Du wirst, du wirst, du wirst wieder Abnehmer dafür haben. Äh, ja, äh, kann ich auch nicht verstehen, ich hab jetzt grad nochmal nachgeschaut, äh, ja, also, ich hätte wahrscheinlich jetzt tatsächlich, äh, das, das extra Element eingebaut und, äh, ich glaube,

01:09:16.380 --> 01:09:30.920
 Gott, jetzt darf ich, äh, weiß ich nicht, ob ich jetzt zu viel verrate, ähm, das Bild auf unserer Homepage vom Podcast ist auch ein extra Element mit Hintergrund, aber das ist nicht, das ist nicht transparent.

01:09:32.120 --> 01:09:37.160
 Nee, nee, da ist auch schon, also, da ist so ein transparenter Overlay, aber das ist auch im Bild drin, ja.

01:09:37.160 --> 01:09:45.140
 Und das hatte aber auch, ich weiß nicht mehr genau, warum, ich kann's nicht mehr auswendig sagen, aber das hatte auch einen Grund, dass das ein extra Element ist, das ist, hab ich auch nicht gemacht.

01:09:45.140 --> 01:09:52.680
 Klar, das BG, ähm, aber hat auch kein Object-Fit, also, das hat, ähm, das ist auch ein extra Element, aber wiederum mit einem Background-Image und dann halt Background-Size-Cover.

01:09:52.680 --> 01:10:08.120
 Also, dieses Object-Fit hab ich im Einsatz tatsächlich bei unserer, äh, Firmenwebseite, also 48design, äh, .com, ähm, da kommt das an diversen Stellen zum Einsatz und da hab ich das auch das erste Mal benutzt, also, das ist wie Background-Size im Endeffekt nur für, ähm, ja, Bild-Elemente.

01:10:08.520 --> 01:10:17.780
 Ich glaub, ich weiß gar nicht, äh, also, Picture-Element, äh, geht auch, ähm, Video, ähm, weiß ich jetzt gar nicht, ob das auch Object-Fit, doch, müsste aber eigentlich Object-Fit auch unterstützen.

01:10:17.780 --> 01:10:26.640
 Aber können wir mal, wir verlinken auch mal, ähm, hier Object-Fit, trage ich mir auch mal gleich ein, dass wir da, äh, auf die Specs verlinken.

01:10:26.640 --> 01:10:27.860
 So.

01:10:27.860 --> 01:10:35.460
 So, genau, ähm, das war's eigentlich von mir auch schon zu dem, zu, zu, zu, zu Background-Opacity.

01:10:37.460 --> 01:10:51.120
 Ja, dann kommen wir doch gleich zum nächsten, ähm, und das ist, äh, was von mir wieder, oder das hab ich auf die Liste geschrieben, und zwar hätte ich gern multiple, äh, Orgasmen, nein, multiple Pseudo-Elemente.

01:10:51.120 --> 01:10:52.120
 Ja, kann ich dir nicht helfen.

01:10:52.120 --> 01:10:54.800
 Ja, das ist schade.

01:10:54.800 --> 01:11:06.400
 Äh, multiple Pseudo-Elemente, also, ihr kennt wahrscheinlich, äh, before und after Pseudo-Elemente, also, ähm, Elemente, die ich an Elemente, innerhalb dranhängen kann, wo dann, ähm,

01:11:07.400 --> 01:11:12.360
 Ich weiß nicht, was, was ist denn, was ist denn eigentlich der ursprüngliche Gedanke dafür gewesen, so Anführungszeichen oder sowas, oder?

01:11:12.360 --> 01:11:24.640
 Ähm, ja, schöne Anführungszeichen, ähm, weiß ich nicht, was derjenige, der sich gedacht hat, wir müssen das unbedingt in die Speck aufnehmen, was der sich dabei gedacht hat, aber, ja, irgendwie an Text halt vorne was, oder hinten was dranhängen zu können, was, ähm.

01:11:24.800 --> 01:11:33.580
 Also, ich hab immer mal wieder den Fall, wo ich denke, mir reichen die zwei Pseudo-Elemente, before und after, pro Element nicht aus, ich hätte gerne noch mehr.

01:11:34.020 --> 01:11:48.420
 Und ich hab dafür auch, äh, vielleicht eine komisch aussehende Syntax schon im Sinn, ich hätte gerne Doppelpunkt before, Doppelpunkt before, Doppelpunkt before, so oft ich das eben machen will, ähm, oder Doppelpunkt after, Doppelpunkt after und so weiter, ähm.

01:11:48.740 --> 01:11:55.360
 Um einfach mehrere von denen zu haben, ich kann jetzt gar nicht sagen, ob da irgendwie aus Specksicht irgendwas dagegen spricht, oder ob das dann mega kompliziert wäre.

01:11:55.360 --> 01:12:01.780
 Vermutlich eher aus, äh, Rendering- und Performance-Sicht könnte ich mir vorstellen, dass das so der, ja, der ausschlaggebende Punkt ist.

01:12:01.780 --> 01:12:05.880
 Ja gut, aber ich meine, ich darf ja auch, äh, unendlich viele Dom-Notes, äh, haben.

01:12:05.880 --> 01:12:07.680
 Ja, ja, also ich versteh's auch nicht, es hat bestimmt Gründe.

01:12:07.680 --> 01:12:12.720
 Und HTML-Verschachtelung darf auch unbegrenzt sein, warum soll ich nicht, äh, unbegrenzt Pseudo-Elemente haben dürfen?

01:12:13.100 --> 01:12:19.680
 Also, falls du, Browser-Hersteller, mir das sagen möchtest, warum das nicht geht, äh, dann sag's mir, aber ansonsten bitte, hätte ich das gerne.

01:12:19.680 --> 01:12:24.700
 Obwohl, ähm, ich glaub, wir kommen später noch, das hab ich in, äh, in unseren Notizen schon gesehen.

01:12:24.700 --> 01:12:30.100
 Wir kommen zu einem Anwendungsfall, ja, ich hab überlegt, ob ich das jetzt schon sag, aber ich hab dann tatsächlich ein Geilteil draus gemacht, ähm.

01:12:30.100 --> 01:12:31.820
 Ja, dann lassen wir es, dann lassen wir es.

01:12:31.820 --> 01:12:32.200
 Ja.

01:12:32.200 --> 01:12:39.420
 Wir sagen nur, es gibt noch, äh, wir kommen noch zu einem Anwendungsfall und einer Seite, die ich auch ziemlich geil finde, also passend, ich glaube, beim Geilteil, ne?

01:12:39.420 --> 01:12:39.780
 Mhm.

01:12:39.780 --> 01:12:43.020
 Ähm, genau, da, dafür wäre das auch sehr gut.

01:12:43.100 --> 01:12:43.540
 Übereignet.

01:12:43.540 --> 01:12:48.260
 Ähm, ja, wie gesagt, ich glaub, da kann man nicht, nicht mehr dazu sagen, äh, hätte ich einfach gerne.

01:12:48.260 --> 01:12:50.720
 Haben ist besser als brauchen, wie ein, äh,

01:12:50.720 --> 01:12:51.800
 Haben ist besser als brauchen, danke schön, Oliver.

01:12:51.800 --> 01:12:54.460
 Wie ein gemeinsamer Kollege zu sagen pflegte, ja.

01:12:54.460 --> 01:12:58.440
 Ich glaub, man kann auch mal, danke, Oliver, das ist wirklich pure Weisheit.

01:12:58.440 --> 01:13:02.500
 Ist auch bei mir in den absoluten Sprachgebrauch übergegangen, dieser Sprache.

01:13:02.500 --> 01:13:03.760
 Ja, absolut, bei mir auch.

01:13:03.760 --> 01:13:12.900
 Ähm, genau, und dann, äh, würde ich schon zum nächsten springen, ähm, und das nächste ist auch, äh, eine, eine Submission oder etwas, was im Gespräch mit einem Kollegen,

01:13:12.900 --> 01:13:14.980
 äh, rauskam, mit dem, der das Bier spendiert hat.

01:13:14.980 --> 01:13:18.840
 Jetzt bin ich ins Mikrofon gestoßen, das war bestimmt ein furchtbares Geräusch für den Hörer.

01:13:18.840 --> 01:13:21.960
 Ähm, und zwar hätte der gerne Previous Sibling.

01:13:21.960 --> 01:13:27.900
 Also so wie der Plus-Operator, so next Sibling, hätte der gerne Previous Sibling.

01:13:27.900 --> 01:13:32.200
 Und ich hab dann kurz drüber nachgedacht und hab überlegt, was wär denn jetzt so ein klassischer Anwendungsfall dafür.

01:13:32.200 --> 01:13:42.900
 Und mir ist tatsächlich sehr schnell was eingefallen. Ähm, nämlich so, der, der, der Klassiker ist irgendwie bei Formularelementen, ähm, dass ich irgendwie, ich hab ein Label und danach kommt ein Input.

01:13:42.900 --> 01:13:56.140
 Und jetzt möchte ich vielleicht, wenn das Input Invalid ist, mit dem Label irgendwas machen. Das soll dann irgendwie anders aussehen, das soll dann irgendwie einen, äh, einen roten Rahmen kriegen, eine andere Textfarbe, was weiß ich.

01:13:56.140 --> 01:14:05.740
 Und da wär's ja geil, wenn ich einen Previous Sibling Selector hätte und das nicht irgendwie anders verschachteln müsste, ähm, um, äh, um da das dann anzuzeigen.

01:14:05.740 --> 01:14:15.200
 Ich glaub, es geht mit Focus Within, mit, mit diesen, diesen Fall kann ich, glaub ich, mit Focus Within auch abfackeln, aber das wär auch cool, wenn es da eine andere Möglichkeit gäbe. Also, es gibt bestimmt noch mehr Anwendungen.

01:14:15.200 --> 01:14:24.940
 Ja, ich glaub, du hast, du hast bei den, äh, Kommentarformularfeldern auf, äh, unserer Seite, da hattest du auch irgendwie gekämpft mit den Labeln und so. Und ich glaube, da wäre das auch hilfreich gewesen.

01:14:26.140 --> 01:14:32.240
 Also, Previous Sibling ist wahrscheinlich das gleiche, äh, Problem, das man hat mit Parent, wie mit Parent.

01:14:32.240 --> 01:14:33.440
 Genau, das sehe ich nicht, ja.

01:14:33.440 --> 01:14:40.400
 Und zwar geht's immer nur in eine Richtung, nämlich nach unten, beziehungsweise nach rechts. Es geht nie in die andere Richtung, es geht nie zurück.

01:14:40.400 --> 01:14:55.580
 Und das hat halt auch wieder Gründe, ne? Also, das ist halt die, das, das Rendern, wir haben das ja schon mal, hatten das auch verlinkt, ähm, dieses, diese, ja, dieses Video, diese animierte Grafik, wo man gesehen hat, wie denn die Rendering-Engine von, äh, Firefox das zusammenbaut.

01:14:55.680 --> 01:15:01.360
 Also, dass die halt echt dann guckt, okay, das Element hat die Werte und dann spannt sich das so auf und dann wird das so nach und nach aufgebaut.

01:15:01.360 --> 01:15:07.240
 Und wenn ich jetzt halt wieder zurück muss, dann muss ich halt eventuell wieder was verändern, was ich eigentlich schon festgeschrieben hab und so.

01:15:07.240 --> 01:15:13.380
 Also, mir ist schon klar, warum diese Restriktion besteht, aber es wäre halt trotzdem nice to have.

01:15:14.980 --> 01:15:24.260
 Absolut. Ähm, und bei der Recherche danach bin ich auf was gestoßen, ähm, wie man das vielleicht, äh, mit schon spezifizierten Dingen vielleicht in der Zukunft lösen kann.

01:15:24.260 --> 01:15:34.100
 Ich sag ganz bewusst in der Zukunft, weil das Feature, was ich euch jetzt sage, das ist, ähm, bei Can I Use ist es gelistet, es ist ein Working Draft und es ist komplett rot.

01:15:34.660 --> 01:15:41.900
 Ein Browser ist da dabei, der irgendwas davon schon könnte. Ähm, und zwar ist das Has.

01:15:41.900 --> 01:15:56.620
 Ähm, und mit Has, äh, das hat ein, ein finniger, äh, Stack Overflow-Nutzer, ähm, bemerkt, könnte man sowas machen wie, ähm, Previous Sibling, Doppelpunkt Has, in Klammern, Next Sibling.

01:15:56.620 --> 01:15:56.920
 Mhm.

01:15:56.920 --> 01:16:04.200
 Somit könnte ich vom, vom Vorherigen, äh, vom nächsten Bezug auf das Vorherige nehmen und das damit selektieren.

01:16:04.200 --> 01:16:07.700
 Aber wie gesagt, also das wäre CSS Selectors Level 4.

01:16:08.420 --> 01:16:26.460
 Das ist eigentlich, das ist ja echt geschickt, weil das eben genau diese Geschichte, dass ich halt nur immer von oben nach unten, vom Großen ins Kleine komme, das würde das ja nicht wirklich aushebeln, sondern ich würde halt zu dem Zeitpunkt dann gucken, obwohl es eigentlich vielleicht noch nicht an der Reihenfolge wäre, vom, vom Rendering-Prozess her, was hab ich denn für, für Child Notes und ist der denn vorhanden?

01:16:26.460 --> 01:16:27.780
 Das ist eigentlich echt geschickt.

01:16:27.780 --> 01:16:29.040
 Genau, genau, genau, genau.

01:16:29.040 --> 01:16:46.920
 Ja, wie gesagt, leider, leider ist das noch weit weg von Implementierung und ich, warte mal, ich kann mal gerade ganz kurz live da auf den Link klicken, da ist nämlich ein Link dabei, nämlich MS Edge Status, da gibt es ja eine Seite von, äh, ah, toll, na super, jetzt weiß ich auch nicht mehr.

01:16:46.920 --> 01:17:03.960
 Ja, genau, genau, es gibt ja von, von Microsoft so eine Seite, ähm, wo die einzelnen Features aufgelistet werden, also das ist dieses, ähm, Microsoft Edge Plattform Status, ähm, und dann wird, äh, gesagt, ja, ab welchem, ab welcher Version ist welches Feature denn, äh, vorhanden oder ist es denn schon vorhanden oder noch nicht oder wird da schon dran gearbeitet?

01:17:04.700 --> 01:17:25.060
 Ähm, und da steht bei, äh, Pseudoklasse has, naja, is not supported, äh, oh Wunder, in keinem Browser und ich sehe da auch nicht, dass irgendwie da stehen würde, dass da dran gearbeitet wird oder sonst irgendwas, ist einfach nicht supported, also da ist, keine Ahnung, also das scheint doch, ja, scheint doch eher ein Ding zu sein, ein größeres.

01:17:25.140 --> 01:17:47.560
 Aber das Schöne ist ja, jetzt, wo wir eigentlich nur noch Evergreen Browser haben, äh, wobei ich den Safari aktuell noch mal noch dazu aus, äh, klammern möchte, der ist so ein bisschen der neue IE, hab ich das Gefühl, aber es geht ja in der Regel jetzt relativ schnell, also wenn mal einer von denen, äh, aufspringt, ähm, entweder Firefox oder, oder Chromium, äh, mit der Blink Engine, dann ist das eigentlich relativ schnell überall drin.

01:17:47.560 --> 01:17:49.600
 Ja.

01:17:49.600 --> 01:17:51.820
 Also schauen wir mal, vielleicht kommt's ja doch schneller, als man denkt.

01:17:52.560 --> 01:18:06.500
 Ach, vielleicht, vielleicht müssen wir auch einfach mal anfangen, noch ein bisschen mehr Code in die Arktis zu schaufeln, indem wir einfach Pull-Requests stellen bei Mozilla und damit hätten wir das dann auch schon, wir müssen es einfach nur implementieren, ich mein, es ist ja easy, oder ich glaub, ist das, äh, ist das C++ oder C, oder?

01:18:06.500 --> 01:18:13.700
 Ja, ja, ich glaube, äh, ich weiß nicht, in was die Rendering Engine geschrieben ist, aber man kann's auf GitHub bestimmt schnell rausfinden.

01:18:13.700 --> 01:18:15.040
 Ich will das gar nicht.

01:18:15.040 --> 01:18:16.280
 Ich will nicht.

01:18:16.280 --> 01:18:19.260
 Also, in fünf Jahren ist es bestimmt Rust.

01:18:19.260 --> 01:18:19.980
 Ja.

01:18:19.980 --> 01:18:23.500
 So lange dauert die Migration, wenn überhaupt, also, vielleicht dauert's auch noch länger.

01:18:23.500 --> 01:18:25.040
 Keine Ahnung, ich weiß es tatsächlich nicht.

01:18:25.040 --> 01:18:30.620
 Äh, ich meine aber, das ist irgendwie schon so, so was C-mäßiges, glaube ich, äh, meine ich mal gehört zu haben.

01:18:30.620 --> 01:18:37.840
 Gut, also, äh, Has ist am Horizont, aber gibt's noch nicht und, äh, bitte einbauen.

01:18:37.840 --> 01:18:39.040
 Dankeschön.

01:18:39.040 --> 01:18:40.860
 Jo.

01:18:40.860 --> 01:18:41.200
 Next.

01:18:41.200 --> 01:18:42.700
 Äh, next.

01:18:43.340 --> 01:18:45.000
 Ja, text, text, text heißt, äh, fit.

01:18:45.000 --> 01:18:50.520
 Kannst du dich, warte mal, stopp, stopp, stopp, kannst du dich noch, äh, jetzt müssen wir noch kurz, äh, jetzt mein Gehirn, was das wieder für Sachen macht.

01:18:50.520 --> 01:18:54.800
 Ähm, es gab mal so eine MTV-Sendung, die hieß Next, glaube ich.

01:18:54.800 --> 01:18:55.560
 MTV Next, ja.

01:18:55.560 --> 01:18:57.100
 Kennst, kennst du das noch?

01:18:57.100 --> 01:19:00.480
 Oh, du ist, äh, hab ich, glaube ich, nicht so wirklich antifiziert.

01:19:00.480 --> 01:19:30.460
 Oder so ein Typ, ja, also es ist so eine, so eine Dating-Show gewesen, ähm, da steht dann so ein, so ein Mädel oder so ein Typ, ähm, und dann kommt so ein Bus, jeweils mit dem bevorzugten, äh, Geschlecht, also für, für, äh, für Beziehungen oder so, ähm, und dann steigt da einer nach dem anderen aus, und dann stellt die halt so drei, vier Fragen oder er, und jedes Mal, wenn irgendwas kommt, äh, was ihm oder ihr nicht passt, ähm, sagt die Person halt, next, und dann kommt, dann muss der gehen, und dann kommt der nächste aus dem Bus raus.

01:19:30.460 --> 01:19:31.520
 Okay.

01:19:31.520 --> 01:19:42.780
 Und manchmal, und manchmal, ähm, glaube ich, war das so, dass dann am Ende gar keiner irgendwie, äh, mit, bis, das bis zum Ende durchgehalten hat, und dann gab's halt einfach nichts mehr, war halt, ja, also das zunächst.

01:19:42.780 --> 01:19:44.000
 Ja.

01:19:44.000 --> 01:19:47.040
 Das, äh, könnt ihr, könnt ihr überspringen.

01:19:47.040 --> 01:19:49.420
 Zu spät, jetzt, jetzt, jetzt, jetzt haben sie ja schon gehört.

01:19:49.420 --> 01:19:50.020
 Egal.

01:19:50.020 --> 01:19:55.500
 Ähm, gut, ja, ich glaub, Text, Size, äh, Fit, Box, ich glaub, da musst auch du was dazu sagen.

01:19:55.500 --> 01:19:57.740
 Ja, ich hab das einfach mal so genannt.

01:19:57.740 --> 01:20:01.340
 Ich glaub nicht, dass das irgendwie, äh, offiziell irgendwie so heißt.

01:20:01.340 --> 01:20:04.460
 Ähm, ich kann mal beschreiben, welchen Effekt ich damit meine.

01:20:04.460 --> 01:20:08.540
 Ähm, ich weiß auch nicht, ob das bei den aktuellen, ähm, iPhones noch so ist.

01:20:08.540 --> 01:20:18.760
 Früher beim iPhone, ähm, bei dem, bei dem, äh, bei der Telefon-App war das so, dass, wenn man eine Nummer getippt hat, du tippst eine Nummer, und die wird immer länger, und es kommen immer mehr Zahlen dazu.

01:20:18.800 --> 01:20:24.680
 Und irgendwann ist nicht mehr genug Platz auf dem Display, dass, äh, dass die, dass die komplette Nummer hinpasst.

01:20:24.680 --> 01:20:32.300
 Und in dem Augenblick wird der Text kleiner, sodass er immer noch komplett hinpasst in das umgebende Element sozusagen.

01:20:32.300 --> 01:20:36.080
 Mit jeder dazu, äh, dazugekommenen Ziffer wird's dann immer ein Stückchen kleiner.

01:20:36.700 --> 01:20:40.240
 Genau, es ist ein schmaler Use-Case, das geb ich zu.

01:20:40.240 --> 01:20:49.260
 Aber geil wär's, wenn's das als CSS-Eigenschaft gäbe, irgendwie Font-Size-Fit-Container oder irgendwie sowas.

01:20:49.260 --> 01:20:53.580
 Und dann kannst du noch sagen, und dann möchte ich noch sagen, wie viele Zeilen das sein sollen.

01:20:53.580 --> 01:20:55.900
 Wollte ich grad sagen, ja, das wird dann doch ein bisschen komplexer.

01:20:55.900 --> 01:21:07.040
 Und dann, genau, und das, das wäre dann, das fände ich dann irgendwie ziemlich cool, wenn du, wenn du das, äh, wenn du die Textgröße so anpassen könntest, dass er, dass er perfekt in den Container passt auf so viele Zeilen, wie ich definiere.

01:21:07.080 --> 01:21:16.880
 Ja, wäre, wäre auf jeden Fall witzig. Also, ja, generell für Formulare auch, Kontaktformulare, wo dann irgendwie, du willst nicht gleich so Riesenplatz reservieren für die Felder, für die E-Mail-Adresse oder so, und dass das dann automatisch passiert wird.

01:21:16.880 --> 01:21:22.460
 Also, ich hab das, glaub ich, auch schon gesehen, dass das dann halt mit JavaScript entsprechend umgesetzt wurde, dass da geguckt wird, wie breit ist das und so.

01:21:22.460 --> 01:21:26.020
 Ja, wär, wär, wär auch wieder halt einfach so nice to have.

01:21:26.020 --> 01:21:31.300
 Ja, ich hab, ja, ist wirklich nice to have. Das ist, das ist nix, wofür ich jetzt nah ans Mikrofon müsste.

01:21:32.120 --> 01:21:46.360
 Ich hab diverse Möglichkeiten gesehen, wie das umgesetzt wird. Und ich weiß nicht, ob da in meinem Browser was kaputt war, aber alle Demos, die da mit JavaScript gebaut waren, und es gab auch eine Idee, das mit, äh, mit SVG zu machen, fand ich eigentlich auch cool.

01:21:46.360 --> 01:22:01.600
 Keine davon, das waren alles Code-Pen-Demos, keine davon war so dynamisch, dass ich den Text dynamisch ändern konnte und sich das automatisch angepasst hat, sondern die waren alle so, dass der Text, der mal drinsteht, dass es auf den dann passt.

01:22:02.120 --> 01:22:07.040
 Also nicht, ich kann jetzt noch mehr Nummern hinzufügen und das Ding, äh, dann wird der Text irgendwie kleiner.

01:22:07.040 --> 01:22:08.360
 Challenge-exacted.

01:22:08.360 --> 01:22:13.660
 Ja, nein, da gibt's garantiert irgendeine Umsetzung, vielleicht war da auch bei mir irgendwie in den Demos was kaputt.

01:22:13.660 --> 01:22:16.300
 Mich hat's gewundert, dass das da überall nicht funktioniert hat.

01:22:16.300 --> 01:22:20.720
 Äh, ich kann mir aber, also ich kann mir eigentlich nicht vorstellen, dass das nicht irgendjemand schon irgendwo umgesetzt hat.

01:22:20.720 --> 01:22:24.020
 Also, falls ihr sowas habt, bitte gerne in die Kommentare.

01:22:25.520 --> 01:22:26.820
 Bin ich sehr interessiert dran.

01:22:26.820 --> 01:22:32.780
 Dann kann ich nämlich irgendwie meine Kollegen nerven mit so fancy, fancy schmancy Text rumgedönse.

01:22:32.780 --> 01:22:36.040
 Gut, äh, mehr hab ich dazu auch nicht.

01:22:36.040 --> 01:22:38.360
 Dann kommen wir, glaub ich, zu unserem letzten.

01:22:38.360 --> 01:22:41.320
 Letzter oder vor der Zeit, wir gucken mal, wie viel Zeit.

01:22:41.320 --> 01:22:44.800
 Wir haben jetzt schon fast eineinhalb.

01:22:44.800 --> 01:22:48.160
 Ja, ich glaub, wir lassen den letzten weg und machen den dann irgendwann bei Punkt drei.

01:22:48.320 --> 01:22:53.260
 Aber ich glaub, den dritten Teil werden wir nicht in der nächsten Folge machen, sondern mal dann doch wieder was anderes zwischendurch.

01:22:53.260 --> 01:22:58.540
 Aber wie dem auch sei, äh, ich, ich wusste nicht so ganz, wie ich das bezeichnen sollte.

01:22:58.540 --> 01:23:02.800
 Ich hab's jetzt mal Scroll-Hooks oder Viewport-Hooks genannt.

01:23:02.800 --> 01:23:12.720
 Und, ähm, mein Use-Case wäre, wenn ich, man sieht das ja immer, immer häufiger, wenn man irgendwie rumscrollt und dann ein Element zum ersten Mal in den Viewport gescrollt wird,

01:23:12.720 --> 01:23:18.620
 dass dann irgendwie irgendwelche Icons kurz so aufplöppen oder reinfliegen von mir aus wie in so einer schlechten PowerPoint.

01:23:18.620 --> 01:23:22.820
 Ähm, aber dass einfach irgendwas passiert zu einem Zeitpunkt, wo ich irgendwo hinscrolle.

01:23:22.820 --> 01:23:29.720
 Und natürlich ist das aktuell mit JavaScript gemacht, obwohl es ja eigentlich, also es ist ja nicht viel.

01:23:29.720 --> 01:23:36.560
 Ich muss, es geht ja wirklich nur darum, erkenne, sobald das Element, äh, in den Viewport kommt und mach dann was, verändere das Element irgendwie.

01:23:38.000 --> 01:23:46.040
 Und, ähm, das wäre halt schön, das direkt in CSS machen zu können und entsprechende Animations oder Transitions irgendwie laufen lassen zu können.

01:23:46.040 --> 01:23:50.700
 Und ich hab mir überlegt, wie man das, also ich hab, ich hab dazu gar nicht so viel gefunden.

01:23:50.700 --> 01:23:53.800
 Ich wusste jetzt auch gar nicht nach, was ich so genau suchen soll.

01:23:53.800 --> 01:24:01.680
 Ähm, jedenfalls hab ich geguckt irgendwie halt nach, äh, Element, Enters Viewport, ähm, ähm, äh, Apply CSS oder so.

01:24:01.680 --> 01:24:08.840
 Also, und da kam irgendwie nicht viel, nicht das, was ich so im, im, äh, im, im Hirn habe, wenn ich da dran denke.

01:24:08.840 --> 01:24:12.020
 Und, äh, ich hab mir überlegt, wie könnte die Syntax aussehen.

01:24:12.020 --> 01:24:18.980
 Also, das wäre irgendwie, ähm, Doppelpunkt Viewport Enter und Doppelpunkt Viewport Leave zum Beispiel, könnte ich mir vorstellen.

01:24:18.980 --> 01:24:22.780
 Und dann halt irgendwie, äh, dass dann da eine Animation gestartet wird.

01:24:23.220 --> 01:24:33.020
 Oder, dass man da eben halt sagen kann, nur beim ersten Mal, entweder dann in Klammern hintendran eine Eins, wobei ich da nicht weiß, ob das Sinn macht, dass man da irgendwie dann das zwei- oder dreimal machen lassen will.

01:24:33.020 --> 01:24:39.660
 Aber vielleicht, äh, Doppelpunkt First, äh, Viewport Enter und First Viewport Leave, wäre so meine Idee, wie man das machen könnte.

01:24:39.660 --> 01:24:47.980
 Ich weiß nicht, ob das jemals schon mal jemand so gedacht hat, äh, wie gesagt, nicht viel dazu gefunden, aber ich fände das cool, sowas nicht wieder mit JavaScript machen zu müssen.

01:24:47.980 --> 01:24:56.720
 Also, ich will eigentlich, ich mag JavaScript, ja, aber ich möchte eigentlich solche grafischen Sachen und was halt mit Styling zu tun hat, das möchte ich eigentlich nativ in CSS lösen können.

01:24:56.720 --> 01:25:08.520
 Ja, kann ich total verstehen. Also, ich mein, letzten Endes wäre das dann, äh, eine Pseudoklasse, so wie, so wie Hover eben, also irgendein bestimmtes Event passiert, in dem Fall Viewport Enter, ja, kann ich mir sehr gut vorstellen.

01:25:08.520 --> 01:25:16.120
 Vielleicht gibt's da noch mehr Sachen, also, was man halt eben mit Scrolling oder je nachdem, ob's nach oben gescrollt wird oder nach unten gescrollt wird zum Beispiel, könnte ich mir vorstellen.

01:25:17.000 --> 01:25:26.700
 Oder vielleicht, also generell vielleicht solche Hooks, solche Events, ja, dass man, äh, gut, da macht man aber halt vielleicht einen Riesenfass auf, ja, also native Swipe-Events in CSS zum Beispiel.

01:25:26.700 --> 01:25:29.180
 Ach, also, das wäre doch echt ein Ding.

01:25:29.180 --> 01:25:35.980
 Also, äh, dann geht's dann auch wieder, es gibt x JavaScript-Libraries und dann ist es teilweise vielleicht doch verbuggt und dann funktioniert das irgendwie auf iOS nicht.

01:25:35.980 --> 01:25:36.800
 Ach, das will ich filmen und das haben.

01:25:36.800 --> 01:25:41.040
 Und dann musst du irgendwie Distanz messen und dann vielleicht hat der User das aber auch nur aus Versehen gemacht.

01:25:41.040 --> 01:25:45.180
 Das, da möchte ich mich ja eigentlich nicht, gar nicht mit befassen müssen und das vor allem nicht in JavaScript machen.

01:25:45.180 --> 01:25:59.440
 Also, das ist was, das, aber, okay, ja, gut, ähm, ich glaub, so Basis, so Basis-Events gibt's ja, die sind mittlerweile im Browser, also, JavaScript seitlich eingebaut, aber so, äh, Swipe, glaub ich, oder, oder irgendwie so Pinch, das gibt es nicht.

01:25:59.520 --> 01:26:01.500
 Das musst du, glaub ich, immer selbst rein implementieren, oder?

01:26:01.500 --> 01:26:07.200
 Das ist, also, im Browser, ich glaube, in so, in so richtigen mobilen Betriebssystemen ist das ja mit drin, ne?

01:26:07.200 --> 01:26:07.820
 Ja, ja, klar.

01:26:07.820 --> 01:26:14.160
 Geh ich, äh, geh ich, geh ich jetzt gerade schwer davon aus, ich hab jetzt noch keine Native-App gebaut, aber ich kann's mir eigentlich nicht anders vorstellen.

01:26:14.160 --> 01:26:22.700
 Ja, warum das nicht auch? Also, wär ich großer Fan, nur, das ist dann, ja, aber das Fass, das du damit aufmachst, ist tatsächlich wahrscheinlich ein größer.

01:26:22.700 --> 01:26:49.340
 Ja, es verwischt halt tatsächlich so die Grenzen zwischen CSS und JS so ein bisschen, ja, also ich verstehe, warum vielleicht jemand sagt, nee, das, da verwehren wir uns dagegen, dass das passiert in CSS, aber es ist halt irgendwie, ja, also, es ist halt, der Anwendungsfall ist jetzt nicht so selten, sondern das sind schon häufigere Sachen und warum sollte man das nicht direkt in CSS machen können, ohne dafür jetzt wieder ein zusätzliches Request für eine JavaScript-Datei und, äh, Performance und was weiß ich, also.

01:26:51.140 --> 01:26:52.540
 Ich bin dafür.

01:26:52.540 --> 01:26:54.180
 Sehr gut, sind wir schon mal zwei.

01:26:54.180 --> 01:27:00.640
 Bauen wir morgen, bauen wir morgen einen Firefox ein. Nachdem du C gelernt hast, kannst du das ja jetzt machen.

01:27:00.640 --> 01:27:09.020
 Gut, ähm, ja, ich glaube, wir lassen den, lassen den, äh, letzten Punkt weg, oder?

01:27:09.020 --> 01:27:11.220
 Wir lassen den, wir lassen den letzten Punkt weg und wir sagen euch auch nicht was.

01:27:11.220 --> 01:27:15.320
 Wir machen das bei, bei Folge 3, den nächsten Punkt, den wir jetzt noch hätten.

01:27:15.620 --> 01:27:24.160
 So, was ich jetzt gerade noch geschaut habe, ist, ähm, in was für einer Sprache die, äh, Firefox-Engine geschrieben ist, ist das eigentlich immer noch Gecko?

01:27:24.160 --> 01:27:27.780
 Ähm, nee, wie heißt sie denn, ähm ...

01:27:27.780 --> 01:27:28.820
 Ah, warte mal, Moment.

01:27:29.180 --> 01:27:31.740
 Äh, äh, hier, ich hab's doch erwähnt vor, vor einer Folge oder zwei.

01:27:31.740 --> 01:27:36.240
 Aber 57, das ist nicht mehr Gecko-Lautopädie? Ähm, äh, äh, äh, ach doch, weil so in 850 sind.

01:27:36.240 --> 01:27:41.040
 Wenn du es jetzt sagst, dann, dann denke ich, ja, klar. Äh, äh, ich hab's erwähnt letztes Mal.

01:27:41.040 --> 01:27:46.300
 Äh, äh, äh, äh, äh, äh, warte mal, Version 57, 14, nee, das kann nicht sein.

01:27:46.960 --> 01:27:51.220
 Das kann nicht sein. Nee, ich, äh, ich, äh, ich sehe es hier jetzt gerade auf den ersten Blick nicht.

01:27:51.220 --> 01:27:55.880
 Ich wollte nämlich mal nachgucken. Also, die Gecko-Engine ist auf jeden Fall in C++ geschrieben.

01:27:55.880 --> 01:27:58.980
 Ähm, vielleicht hilft dir das ja.

01:27:58.980 --> 01:28:00.580
 Nee, hilft mir nicht.

01:28:00.580 --> 01:28:05.080
 So, HTML-Renderer. Ach, Wikipedia ist wirklich toll.

01:28:05.080 --> 01:28:07.560
 So, Servo. Nee.

01:28:09.560 --> 01:28:12.920
 Es gibt so viele komische.

01:28:12.920 --> 01:28:14.720
 Quantum, Mozilla, National Project Quantum.

01:28:14.720 --> 01:28:17.200
 Ach, ist, äh, ist ja auch, eigentlich ist das ja auch egal.

01:28:17.200 --> 01:28:22.100
 Ist egal. Also, Gecko ist in C++ geschrieben, der, der Nachfolger ist.

01:28:22.100 --> 01:28:25.220
 Wenn er in was Neuerem geschrieben ist, dann ist er bestimmt in Rust geschrieben.

01:28:25.220 --> 01:28:27.440
 Behaupte ich jetzt einfach.

01:28:27.440 --> 01:28:31.220
 Könnt ihr uns korrigieren, weil wir wissen ja eh nix, wir reden ja nur drüber.

01:28:31.220 --> 01:28:37.940
 Äh, von, ist, äh, ich glaube es, ich merke, ich merke schon, es wird jetzt, wir sind jetzt schon wieder an dem Punkt, ne?

01:28:38.040 --> 01:28:40.140
 Wir sind jetzt schon wieder an dem Punkt, wo wir jetzt eigentlich aufhören sollten.

01:28:40.140 --> 01:28:42.080
 Aber ihr seid noch nicht entlassen.

01:28:42.080 --> 01:28:42.960
 Nee, nee.

01:28:42.960 --> 01:28:46.100
 So schnell nicht. Also, eine halbe Stunde machen wir noch.

01:28:46.100 --> 01:28:46.940
 Mindestens.

01:28:46.940 --> 01:28:52.160
 Also, ich glaube, ich, ich glaube, ich komme durch Mainz relativ schnell durch, aber.

01:28:52.160 --> 01:28:54.520
 Ja, Mainz ist auch nicht so, bei mir ist es auch nicht so viel.

01:28:54.520 --> 01:28:57.260
 Aber, ähm, wir quatschen ja immer wieder zwischendrin und schweifen ab.

01:28:57.260 --> 01:28:58.240
 Also, wir kennen uns doch.

01:28:58.240 --> 01:29:02.180
 Ich wollte noch abschließend sagen zu dem Thema, wenn du nichts noch sonst zum Thema hast.

01:29:02.180 --> 01:29:02.680
 Nö, ich hab nichts mehr.

01:29:02.680 --> 01:29:07.300
 Also, man merkt so, auch schon letzte Folge, und auch jetzt gerade eben habe ich es ja eigentlich schon genau gesagt,

01:29:07.780 --> 01:29:12.320
 Ähm, es geht immer darum, bei diesen CSS-Features eigentlich JavaScript so ein bisschen zu minimieren

01:29:12.320 --> 01:29:17.020
 oder zusätzliche unsemantische Elemente zu minimieren.

01:29:17.020 --> 01:29:22.220
 Und da möchte man ja eigentlich hinkommen, dass man nur noch semantischen Code im Markup hat.

01:29:22.220 --> 01:29:25.480
 Das wäre schön, aber ich glaube, das wird so schnell nicht passieren.

01:29:26.540 --> 01:29:27.940
 Ja, mir geht es auch noch um was anderes.

01:29:27.940 --> 01:29:30.160
 Also, das auf jeden Fall auch unterschreibe ich so.

01:29:30.160 --> 01:29:38.900
 Mir geht es auch darum, dass es für, äh, sag ich mal, ähm, unterschiedliche Implementierungen von bestimmten Dingen,

01:29:38.900 --> 01:29:44.480
 die unterschiedlich stabil, Entschuldigung, stabil laufen auf unterschiedlichen Systemen,

01:29:45.080 --> 01:29:48.320
 Ähm, dass es dafür Standard-Implementierungen gibt.

01:29:48.320 --> 01:29:53.140
 Standard-Implementierungen, die einfach immer funktionieren, wo ich mir keine Gedanken mehr drüber machen muss,

01:29:53.140 --> 01:29:56.980
 wie ich jetzt meinen Swipe oder meinen Pinch oder sonst irgendwas, ähm,

01:29:58.220 --> 01:30:01.680
 Das, das funktioniert in dem Browser dann einfach, weil es mit eingebaut ist.

01:30:01.680 --> 01:30:05.020
 Also, es ist genau so, ich glaube, der Klassiker ist irgendwie Drag-and-Drop.

01:30:05.020 --> 01:30:05.960
 Ja.

01:30:05.960 --> 01:30:12.260
 Drag-and-Drop war lange, ein komplett kleinseitiges, also eine komplett selbstgeschriebene Geschichte mit JavaScript

01:30:12.260 --> 01:30:15.940
 und dann gab es irgendwann eine Drag-and-Drop-API. Ich weiß gar nicht, heißt die so? Drag-and-Drop-API?

01:30:15.940 --> 01:30:18.160
 Auf jeden Fall, damit funkt...

01:30:18.160 --> 01:30:18.800
 Ja, keine Ahnung.

01:30:18.800 --> 01:30:21.380
 Wir haben doch gar keine Ahnung, Fabian ist das Zeug.

01:30:21.380 --> 01:30:27.020
 Ja, Sachen, auf die wir uns nicht vorbereitet haben, haben wir keine Ahnung von.

01:30:27.120 --> 01:30:29.520
 Und Sachen, auf die wir uns vorbereitet haben, haben wir auch keine Ahnung von.

01:30:29.520 --> 01:30:36.480
 Ähm, nee, aber das wurde irgendwann standardisiert, spezifiziert und jetzt gibt's ja irgendwie standardisiertes Drag-and-Drop

01:30:36.480 --> 01:30:38.780
 und das funktioniert, glaube ich, seitdem auch vernünftig.

01:30:38.780 --> 01:30:43.540
 Und dann musst du nicht mehr irgendwie überlegen, hab ich jetzt die richtige Drag-and-Drop-Library genommen

01:30:43.540 --> 01:30:47.620
 und muss ich die jetzt updaten oder irgendwie so ein Käse, sondern du kannst halt einfach damit Sachen machen.

01:30:47.620 --> 01:30:54.420
 Und das ist, also, das ist ja auch eine Bewegung, die ist eigentlich seit, seit die Standards ein bisschen schneller entwickelt werden,

01:30:54.420 --> 01:30:56.820
 als alle fünf Jahre kommt ein neuer Browser raus.

01:30:57.020 --> 01:31:03.240
 Ähm, ist das ja auch immer das Ding gewesen, dass eben solche Sachen, ähm, in, in Browser irgendwann eingebaut werden.

01:31:03.240 --> 01:31:05.920
 Es dauert nur meistens länger, äh, als man möchte.

01:31:05.920 --> 01:31:09.420
 Und manchmal ist es so, dass das dann irgendwie eingebaut wird und dann denkt man so,

01:31:09.420 --> 01:31:11.720
 ach stimmt, vor fünf Jahren hat man sowas noch gebraucht.

01:31:12.420 --> 01:31:14.460
 Ah, jetzt ist es fertig, jetzt brauch ich's nicht mehr.

01:31:14.460 --> 01:31:17.140
 Jetzt will ich was anderes Geiles machen.

01:31:17.140 --> 01:31:22.640
 Das heißt, wenn, äh, wenn, wenn dein, wenn dein, ähm, wie hast du das genannt?

01:31:22.640 --> 01:31:32.160
 Ähm, deine, deine Scroll-Viewport-Hooks, wenn die dann eingebaut sind, dann denkst du, ah ja, jetzt ist aber was ganz anderes irgendwie hip, das will ich gar nicht mehr machen.

01:31:32.540 --> 01:31:33.800
 Wer scrollt denn heute noch?

01:31:33.800 --> 01:31:40.180
 Da ist dann der Trend irgendwie zu Seiten, die sich, äh, wie so alte Flash-Seiten, wo dann alles in so Kästchen, ja, keine Ahnung.

01:31:40.180 --> 01:31:45.420
 Ich frage mich ja schon seit über zehn Jahren, wann übernimmt 3D das Web? Und das ist immer noch nicht passiert.

01:31:45.420 --> 01:31:53.000
 Web-Chain, ja, da kommen wir dann wieder zurück zur Folge, jetzt muss ich mal ganz langsam reden, damit ich schnell die Folgenummer nachgucken kann.

01:31:53.000 --> 01:32:00.340
 Ähm, Folge Nummer drei, äh, ist das noch Frontend oder kann das weg? Äh, nachhören, wenn noch nicht geschehen.

01:32:00.340 --> 01:32:02.140
 Da geht's um 3D unter anderem.

01:32:02.140 --> 01:32:09.760
 Genau. Äh, ich hab ja eher gedacht an, also das geht ja mittlerweile, man kann ja mittlerweile, ähm, äh, CSS,

01:32:10.180 --> 01:32:18.620
 äh, mit CSS, äh, HTML-Elemente im 3D-Space ausrichten, aber ich glaube, sowas wie, ich mach da jetzt mal einen Würfel hin,

01:32:18.620 --> 01:32:22.000
 ist, glaub ich, immer noch relativ kompliziert, weil du den dann selbst zusammenbauen musst.

01:32:22.000 --> 01:32:24.320
 Ja, hab ich auch schon mal gemacht, ja, ist nicht so schön.

01:32:24.320 --> 01:32:27.140
 Also, äh, ich glaub, jetzt sind wir schon weit genug abgeschwufen.

01:32:27.140 --> 01:32:29.000
 Juuuut, dann.

01:32:29.000 --> 01:32:33.200
 Vielleicht kommen wir zum ...

01:32:33.200 --> 01:32:34.900
 Das Geiltein.

01:32:34.900 --> 01:32:38.120
 Geiltein.

01:32:40.180 --> 01:32:45.560
 Das war der Special Move.

01:32:45.560 --> 01:32:46.300
 Aha.

01:32:46.300 --> 01:32:49.740
 Aber wir müssen eigentlich, wir müssen das eigentlich mit Video machen, also eigentlich,

01:32:49.740 --> 01:32:53.340
 viel Witziges bleibt, glaub ich, verborgen, weil wir hier ...

01:32:53.340 --> 01:32:58.280
 Dieses Schitzi hier hat sowohl eine Recording-Funktion als auch eine Streaming-Funktion,

01:32:58.280 --> 01:33:00.000
 aber live dürfen wir sowas auf keinen Fall machen.

01:33:00.000 --> 01:33:00.660
 Nee, nee, nee.

01:33:00.660 --> 01:33:03.940
 Ähm, gut, übergehen wir das einfach.

01:33:03.940 --> 01:33:06.320
 Ähm, wer will denn anfangen mit seinem Geiltein?

01:33:07.740 --> 01:33:14.240
 Äh, du hattest ... Also, mir ist es egal. Wir könnten aber sagen, du hattest das letzte CSS-Thema, dann fang ich mit dem Geilteil an.

01:33:14.240 --> 01:33:14.640
 Gerne.

01:33:14.640 --> 01:33:19.960
 Ähm, wobei meins ... Das hat eigentlich überhaupt gar nichts mit Technik zu tun. Es war nur so ein ...

01:33:19.960 --> 01:33:24.020
 Ähm, es war so ein verrückter Moment, den ich hatte und den wollte ich jetzt einfach mal teilen.

01:33:24.020 --> 01:33:26.940
 Ähm, und zwar ...

01:33:26.940 --> 01:33:37.920
 Ähm, ist es so, ich mache ja auch ab und zu mal Musik oder habe viel Musik gemacht und ich höre gerne Musik und auch sehr aufmerksam und ich habe da auch mittlerweile keine Berührungspunkte mehr, was irgendwelche Genres angeht.

01:33:37.920 --> 01:33:49.880
 Also, ich höre momentan viel Popmusik. Ähm, einfach weil ... Weil ich, ich habe große Freude an guten Produktionen, an Sachen, wo ich das Gefühl habe, meine Kopfhörer müssen mal so richtig was leisten, so in alle möglichen Richtungen.

01:33:49.880 --> 01:34:02.640
 Also, so eine richtig geile Produktion. Ähm, und ich bin, ähm, einfach, also mein, ähm, mein Streaming, mein Musik-Streaming-Dienst hat mir halt irgendwelche Popmusik, neue Sachen empfohlen und da war ein Song dabei von Katy Perry.

01:34:02.640 --> 01:34:13.120
 Ähm, und zwar, ähm, Never Really Over. Das ist relativ neu, glaube ich noch. Und ich habe, ich habe den gehört und dachte so, das ist ja eine geile Nummer.

01:34:14.240 --> 01:34:21.500
 Und, äh, immer, immer, wenn ich so ein, so ein Song höre und denke, das ist ja eine geile Nummer. Also, ich finde, ich fand halt irgendwie, das hat, das hat, das Ding hat mich so richtig mitgenommen.

01:34:21.500 --> 01:34:28.960
 Also, so, so, so, so irgendwie ein geiler Groove und ich habe, ich habe den in Dauerschleife gehört. Ich konnte den hundertmal hintereinander hören und der ist mir nicht langweilig geworden. Ich fand den einfach gut.

01:34:28.960 --> 01:34:44.000
 Ähm, und wenn, wenn ich, wenn das passiert, ähm, dann normalerweise ist der nächste Schritt dann, dass ich gucke, wer hat den produziert? Weil, ich meine, ja, klar, Katy Perry hat bestimmt da irgendwas dran mitgemacht, aber heutzutage in der Popmusik ist es oft so, da steht irgendein bekannter Produzent dahinter.

01:34:44.240 --> 01:34:51.820
 Der, der den Song geschrieben hat oder oft sind es auch richtig ganze Kollektive, manchmal zehn, fünfzehn, zwanzig Leute, die an einem Song mitgeschrieben haben.

01:34:51.820 --> 01:34:58.420
 Ähm, und ich habe, äh, vielleicht noch kurz zur Erklärung bei, ah, Konstantin, ja?

01:34:58.420 --> 01:34:59.060
 Ich höre schon, ja.

01:34:59.060 --> 01:35:01.340
 Achso, du, ja, Konstantin, du denkst gerade ab.

01:35:02.140 --> 01:35:07.920
 Ja, ich bin, ich bin mal gespannt, was du sagst. Ähm, äh, der, der Link, äh, zu dem Song und zu dem Video kommt auch noch, äh, in die Shownotes.

01:35:07.920 --> 01:35:20.180
 Ähm, also, was ich da mache, ist, ich gucke, wer hat das Ding geschrieben? Ähm, und, äh, komischerweise, ganz oft bei Popmusik, äh, wenn ich ne geil, wenn ich einen geilen Song finde, kommt raus, Max Martin hat ihn geschrieben.

01:35:20.920 --> 01:35:26.060
 Und, ähm, der steht auch diesmal in der Produzentenliste dabei, aber es steht halt noch jemand anderes dabei, nämlich Zett.

01:35:26.060 --> 01:35:37.740
 Und dann dachte ich mir, Zett, Zett, keine Ahnung, wer ist denn Zett? Äh, und dann habe ich rausgefunden, dass Zett aus meiner Heimatstadt Kaiserslautern stand.

01:35:37.740 --> 01:35:38.160
 Ach!

01:35:39.380 --> 01:35:58.100
 Ähm, und mittlerweile, und, und, es ist komplett an mir vorbeigegangen, muss ich sagen, der hat, der hat, der hat Musik gemacht, der hat Musik produziert für Lady Gaga, für Justin Bieber, äh, und eben für Katy Perry, und der hat auch einen, äh, Song produziert, äh, für Ariana Grande, und das war 2013 schon, der hat schon ein Grammy gewonnen.

01:35:58.100 --> 01:36:02.240
 Ja, der ist ne richtig dicke Nummer im Popgeschäft.

01:36:02.240 --> 01:36:02.800
 Auslauter.

01:36:02.800 --> 01:36:14.200
 Der hat irgendwie ne, ne Million, der hat ne Millionenvilla in Los Angeles, da kannst du dir irgendwie auf YouTube angucken, und das ist halt einfach ein Typ aus Kaiserslautern, der irgendwie ein bisschen jünger ist als ich, und das finde ich wahnsinnig beeindruckend.

01:36:14.200 --> 01:36:32.540
 Also, mein Geilteil diese Woche ist Zett, und, äh, wir können, äh, mal dieser eine Song, aber der hat noch ganz viele andere geile Nummern, also, wenn man, wenn man Pop oder auch, äh, was, was er viel macht, EDM, wenn man dem nicht abgeneigt ist, äh, der macht richtig, ich finde, der macht richtig geile Produktionen, und man merkt auch an seinen Produktionen,

01:36:32.540 --> 01:36:55.740
 Das ist nicht nur einfach uffz, uffz, uffz, sondern man merkt, ähm, der hat ne musikalische Ausbildung, also der weiß, was er da tut, der hat irgendwie Klavier, äh, gelernt im Alter von vier Jahren, und hat auch irgendwie mal Schlagzeug, äh, gespielt in einer Metalband, und man merkt, dass das ein richtig guter Musiker ist, das ist nicht einer, der einfach nur, äh, an seinem Laptop Samples zusammenklickt, solange bis es irgendwie halb, halbwegs gut klingt, sondern der weiß, was er da tut, und ich finde, das merkt man in der Musik.

01:36:56.320 --> 01:37:01.820
 Und, äh, davon war ich jetzt einfach irgendwie diese Woche so begeistert, dass das mein, mein Geilteil der Woche ist.

01:37:01.820 --> 01:37:02.140
 Cool.

01:37:02.140 --> 01:37:02.280
 Genau.

01:37:02.280 --> 01:37:04.000
 Und wir können ja in den Sommer reinhören.

01:37:04.000 --> 01:37:06.400
 Ja, wir haben ja gesagt, das muss nicht immer, muss nicht immer technisch sein, das Geilteil.

01:37:06.400 --> 01:37:06.700
 Nee, genau.

01:37:08.020 --> 01:37:24.780
 Also, ich bin, ich bin begeistert von Set, ich bin Fan, und, äh, seitdem ich weiß, dass, dass er, äh, aus meiner ursprünglichen Heimatstadt stammt, und ich dachte ja, da kommt nur schlechter Fußball her, und irgendwie, äh, ich weiß gar nicht, was, was gibt's denn, was gibt's denn aus Kaiserslautern noch, da ist ein Opel-Werk, aber Opel ist jetzt auch aus Kaiserslautern.

01:37:24.780 --> 01:37:26.660
 Und, äh, halt, die Amis kommen aus Kaiserslautern.

01:37:26.660 --> 01:37:32.640
 Die Amis da halt, äh, sitzen, und dass es da noch so Diner gibt, und, äh, ja, also, das verbinde ich so mit Kaiserslautern.

01:37:32.640 --> 01:37:34.680
 Ja, und da gab's auch mal ein Autokino, vielleicht gibt's das auch noch.

01:37:34.680 --> 01:37:44.200
 Ähm, also, äh, ich sag's mal so, wenn man, wenn man aus Kaiserslautern kommt, dann ist das für einen erst mal die Welt, und wenn man da weggeht und was anderes sieht, dann denkt man sich, aha, Kaiserslautern.

01:37:44.200 --> 01:37:47.760
 Und deswegen ist Set auch mit gutem Grund jetzt in Los Angeles.

01:37:47.760 --> 01:37:49.320
 Genau.

01:37:49.320 --> 01:37:51.300
 Mein Geilteil der Woche Set.

01:37:51.300 --> 01:37:54.440
 Gut, dann mach ich zum Ausgleich.

01:37:54.780 --> 01:38:03.680
 Ähm, jetzt auch wieder was Technisches, und wir bleiben auch beim Thema CSS, haben wir ja vorhin schon kurz angekündigt, und zwar sind, ähm, gleich zwei Seiten.

01:38:03.680 --> 01:38:22.720
 Einmal css-art.com, äh, da gibt's so Basteleien mit purem CSS, also grafische Basteleien, also, äh, Porträts, ähm, Gemälde, also zum Beispiel ganz oben die Mona Lisa, äh, mit purem CSS, ähm, oder irgendwelche Gesichter.

01:38:22.720 --> 01:38:30.640
 Ähm, aber teilweise wirklich, also fast schon fotorealistisch, ähm, oder zumindest so, so, so, so, animationsfilmmäßig, ähm, gemacht.

01:38:31.080 --> 01:38:55.420
 Also wirklich richtig Hammer-Sachen, ähm, wird auf jeden Fall in den Show Notes natürlich verlinkt, äh, was gibt's noch hier, ja, wie gesagt, äh, Gemälde, äh, eine Violine hier zum Beispiel gebaut, alles aus, aus CSS, ähm, Anweisungen, ja, also, das ist ein Diff und dann manchmal noch, noch Before- und After-Element und manchmal, äh, mit verschachtelten Elementen, manchmal auch ohne.

01:38:55.420 --> 01:39:03.760
 Und dann wirklich nur mit, ähm, mit irgendwelchen Outlines und Bordern und, äh, Gradients und schlag mich tot.

01:39:04.340 --> 01:39:10.000
 Ähm, also wirklich echt cool und beachtlich, was da teilweise auch mit Animationen und so weiter erzeugt wird.

01:39:10.000 --> 01:39:15.180
 Und, äh, wenn man das auf die Spitze treiben will, dann macht man das, wie gesagt, mit einem einzigen Diff-Element.

01:39:15.860 --> 01:39:31.560
 Ist nicht immer möglich, weil dann einen das natürlich doch sehr einschränkt und das wäre eben auch, ähm, der Anwendungsfall für diese mehreren Pseudo-Elemente, Before und After, äh, dass man da eben verschiedene verketten kann und dann käme man immer auf jeden Fall mit einem Diff-Element auch tatsächlich zu Potte.

01:39:31.560 --> 01:39:47.760
 Ähm, und Lynn Fischer betreibt die Seite a.singlediff.com und hat dort eben solche, solche Beispiele und solche Basteleien, wo sie wirklich ein einziges Diff benutzt und das ist einfach nur krass, was sie damit rausholt.

01:39:47.760 --> 01:39:53.940
 Also unbedingt mal anschauen, mal durchscrollen, ähm, wird auch öfter mal aktualisiert und, äh, ist einfach der Hammer.

01:39:53.940 --> 01:40:07.000
 Also zum Beispiel dieses, äh, Gefährt von einem Elektro-Auto-Hersteller, ohne den Namen jetzt zu nennen, dieses komische, zackische, dass da ja auch teilweise belächelt wurde und, äh, schon ein Beam wurde.

01:40:07.000 --> 01:40:13.040
 Äh, auch das mit CSS nachgebaut und halt, wie gesagt, alles in einem einzigen Diff und ich hab dann, ich hab das schon länger.

01:40:13.040 --> 01:40:23.280
 Ja, ich muss mal kurz, ich muss mal kurz einhaken, äh, du musst mal deine, ähm, deine E-Mail-Adresse bei CodePen verify, damit ich dein, dein Pen in Full-View, Page-View sehen kann.

01:40:23.280 --> 01:40:24.880
 Habe ich, habe ich das nicht gemacht, tatsächlich?

01:40:24.880 --> 01:40:28.540
 Das ist witzig, so eine Meldung hab ich noch nie gesehen.

01:40:28.540 --> 01:40:33.960
 Ja, verrückt, aber warum muss ich das, ähm, das muss ich machen, damit du das angucken kannst.

01:40:33.960 --> 01:40:39.000
 Ähm, dachte ich eigentlich, hätte ich gemacht, äh, ja, guck ich mal, bevor wir die Sendung veröffentlichen, dass ich das mache.

01:40:39.480 --> 01:41:00.900
 Jedenfalls hab ich schon lange mal gedacht, äh, müsste man eigentlich auch mal, ähm, versuchen, was zu basteln, aber mich hat so ein bisschen abgeschreckt, ich bin halt kein, kein Grafiker, also Grafik ist jetzt nicht so meine Welt und, äh, deswegen hab ich gedacht, brauch ich eigentlich erst gar nicht versuchen, aber, äh, ich hab dann gesehen, dass auch ganz viele, die sowas basteln, sich halt einfach eine Grafik in den Hintergrund legen und dann versuchen, das nachzubasteln.

01:41:01.160 --> 01:41:08.700
 Und auf der Basis hab ich dann tatsächlich, äh, mal versucht, sowas zu machen, bin aber schon daran gescheitert, tatsächlich nur ein Diff-Element zu benutzen.

01:41:08.700 --> 01:41:17.200
 Also ich hab am Schluss, äh, tatsächlich, es gibt ein, ein Root-Diff-Element und, äh, zwei, also dann jeweils ein Diff nochmal drin und da drin nochmal ein Diff.

01:41:17.200 --> 01:41:27.600
 Ähm, ich meine, wahrscheinlich, wenn man sich richtig gut auskennt, also, ähm, hier, äh, Lynn Fischer hätte das vermutlich auch in einem Diff hinbekommen, ich bin dran gescheitert.

01:41:27.600 --> 01:41:47.280
 Aber wer sich's mal angucken möchte, ich hab da auf, auf, äh, CodePen was gebastelt, ich habe, äh, Baby Yoda aus, äh, The Mandalorian nachgebaut und ich muss sagen, also, ich, ich bin schon ein bisschen stolz, dass ich das so hinbekommen hab, ja, auch wenn, wenn auch mit, mit, mit drei Elementen statt nur einem, ähm, aber es ist doch so annähernd, annähernd geworden, wie ich mir das vorgestellt hab.

01:41:47.280 --> 01:41:57.100
 Ähm, ja, ich hab noch ein paar Verbesserungsideen, wie man, wie man da noch was machen könnte, aber so im Großen und Ganzen, äh, hat es Spaß gemacht, das mal zu machen und das schult einfach so ein bisschen,

01:41:57.600 --> 01:42:08.960
 äh, äh, ein, wie man, wie man mit wenig Diff-Suppe grafisch groß was bewirken kann mit CSS und auch wirklich keine Grafiken braucht für, für irgendwelche Verläufe und selbst für irgendwelche ausgefallenen Formen, also

01:42:08.960 --> 01:42:31.700
 echt erstaunlich, also ich hab natürlich vorher angeguckt, wie machen das andere, ich hab jetzt die Techniken dazu jetzt nicht erfunden, ähm, aber das war eben, dass man multiple, äh, Radial Gradients im, im Background-Property zum Beispiel benutzt oder was ich ganz interessant fand, ähm, dass man, äh, Box-Shadow-Property vergewaltigt, um, um zum Ziel zu kommen.

01:42:31.920 --> 01:42:39.360
 Also das war echt mal spannend, das zu machen, hat Spaß gemacht und, äh, kann ich eigentlich nur empfehlen, das selber mal zu versuchen, so ein bisschen was zu basteln.

01:42:39.360 --> 01:42:50.340
 Vielleicht nehme ich das eine oder andere mit tatsächlich, äh, so ins, ins Interface-Design, äh, statt da irgendwelche Rapper außenrum zu bauen oder so, ein bisschen, ein bisschen rumzuspielen und sich, sich einfach Elemente zu sparen.

01:42:51.340 --> 01:42:54.320
 Erinnerst du dich noch an unser Rock, Paper, Scissors, Lizards, Spock?

01:42:54.320 --> 01:42:55.000
 Ja.

01:42:55.000 --> 01:42:58.340
 Dass wir mal angefangen und die fertig gemacht haben, ja.

01:42:58.340 --> 01:43:11.220
 Ja, da ist mir grad eingefallen, also ich, als ich deinen Baby-Yoda gesehen habe, ich hab, ich hab, äh, nicht viele Versuche unternommen, äh, mit CSS irgendwie was zu zeichnen oder irgendwelche Bilder zu machen, aber das ist, glaub ich, so einer, einer der okayen Versuche, die ich da mal gemacht hab.

01:43:11.780 --> 01:43:19.820
 Übrigens, ähm, ich finde deinen Baby-Yoda so gut, ich würde, ich würde mal an deiner Stelle, ähm, ein bisschen Fame damit, äh, versuchen zu kriegen.

01:43:19.820 --> 01:43:22.000
 Ich werd's, ich werd's twittern, sobald die Folge, äh, ausgestrahlt ist, ja.

01:43:22.000 --> 01:43:29.400
 Twitter das mal und erwähn mal den CodePen-Account, mach den mal auf CC mit da drauf, die retweeten dann sowas ganz gerne, das machen die.

01:43:29.400 --> 01:43:35.460
 Also wenn das, wenn das, was du machst, irgendwie ein bisschen halbwegs vernünftig aussieht, ähm, dann featuren die das.

01:43:35.460 --> 01:43:36.260
 Ah, okay.

01:43:36.260 --> 01:43:37.840
 Das, das, das passiert dann.

01:43:37.840 --> 01:43:38.420
 Schreib ich mir mal auf.

01:43:38.420 --> 01:43:41.380
 Also, ich hab grad gesehen, das Ding hat jetzt gerade drei Views, wahrscheinlich sind das wir beide.

01:43:41.380 --> 01:43:42.520
 Ja, das dürften wir sein, ja.

01:43:42.520 --> 01:43:56.860
 Genau, also ich, ich glaube, also das, das hab ich schon ein paar Mal gemacht, ich hab ja mal so ein, ähm, so ein Player gebaut, oder diese, diese, diese Playing Animation, falls du dich erinnerst, für die, wo wir sind, ist Vorne-Seite, ähm, mit diesen, mit diesen Balken, die so hoch und runter gehen.

01:43:56.860 --> 01:44:02.320
 Und, äh, das hab ich da auch, äh, bei denen, äh, irgendwie auf CC mit, äh, hey, CodePen, schaut mal.

01:44:02.320 --> 01:44:06.800
 Und die haben das dann entweder getweetet oder das war, glaub ich, sogar gefeatured dann.

01:44:06.800 --> 01:44:10.980
 Also, und dann haben das irgendwie, äh, warte mal, ich kann mal gucken, wo ist denn das?

01:44:10.980 --> 01:44:15.000
 Das hat dann irgendwie 800, äh, Views bekommen oder so, warte mal, wo haben wir's?

01:44:15.000 --> 01:44:17.440
 Ja, genau, da ist es.

01:44:17.440 --> 01:44:23.420
 Äh, 1300 Views hat das dann mal eben so bekommen und 56 Herzen, nur, dass, dass ich die bei Twitter mal eben erwähnt hab.

01:44:23.420 --> 01:44:24.800
 Also, das kann ich dir auf jeden Fall empfehlen.

01:44:24.800 --> 01:44:29.260
 Cool, ich glaub, ich hab mir jetzt auch zur Idee gekommen, ich, äh, werde so eine kleine Challenge, äh, vielleicht auch starten.

01:44:29.260 --> 01:44:31.340
 Äh, die Challenge, make this a single div.

01:44:31.980 --> 01:44:37.680
 Also, wer schafft es da tatsächlich ein Diff rauszumachen, äh, mal gucken, vielleicht kann ich ja Lynn Fischer auch noch irgendwie, äh, attacken.

01:44:37.680 --> 01:44:39.940
 Mal gucken. Äh, ja, mal gespannt.

01:44:39.940 --> 01:44:45.160
 Äh, also, wenn, wenn's jemand von euch schafft, ähm, das in einem Diff nachzubauen, ähm, gerne her damit, würd mich interessieren.

01:44:46.600 --> 01:44:49.060
 Cool. Dann, äh, mach das mal.

01:44:49.060 --> 01:44:50.740
 So und ...

01:44:50.740 --> 01:44:54.140
 Ich hab mal Rock, Paper, Scissors, Lizards, Bock noch, äh, verlinkt.

01:44:54.140 --> 01:44:55.960
 Äh, das ist sogar ein bisschen animiert.

01:44:55.960 --> 01:44:57.940
 Ähm, hast du erinnert mich?

01:44:57.940 --> 01:45:00.460
 Ach so, nicht das Spiel, äh, du hast, äh, ich weiß nicht, wer's sogar gebastelt hast.

01:45:00.460 --> 01:45:08.700
 Es geht um, es geht um eine CSS-Animation auf CodePen, ich hab's dir mal eben kurz geschickt noch, ähm, wo du auch dann auswählen kannst, wie die Hand gerade aussehen soll.

01:45:08.700 --> 01:45:13.700
 Äh, mit dem, mit dem, äh, Lizard hab ich mir ein bisschen schwer getan.

01:45:13.700 --> 01:45:21.840
 Vor allem, weil man die Hand eigentlich immer von oben sieht, ähm, ja, genau.

01:45:21.840 --> 01:45:22.920
 Sorry, der gute Lösung.

01:45:22.920 --> 01:45:30.380
 Ja, das könnt ihr euch da mal hingucken, das ist jetzt, wir sind ja ein Audio-Podcast und das ist was zum Angucken, aber der Link ist in den Shownotes, das könnt ihr euch mal anschauen.

01:45:30.380 --> 01:45:37.580
 Also, das ist, ich hab versucht, eine mit CSS und HTML-Elementen, und das bin ich, da bin ich weit davon entfernt, irgendwie nur ein Element, äh, verwendet zu haben.

01:45:37.580 --> 01:45:40.360
 Ich hab wirklich für jeden Finger von der Hand ein eigenes Element genommen.

01:45:40.360 --> 01:45:44.800
 Also, ich glaube, Hände sind ja auch immer so die, das ist so die Königsdisziplin, glaube ich, auch beim Zeichnen.

01:45:44.800 --> 01:45:48.480
 Also, ganz viele Leute, die zwar eigentlich gut zeichnen können, die scheuen, glaube ich, Hände.

01:45:48.480 --> 01:45:52.120
 Weil das irgendwie immer so ein Ding ist, das sieht ganz oft komisch aus.

01:45:52.120 --> 01:46:01.320
 Und dafür finde ich, also, jetzt mal den, den Lizard jetzt vielleicht mal vorgenommen, aber ansonsten finde ich die, finde ich die Hand eigentlich sehr cool, äh, stilisiert und, und gut gelungen.

01:46:02.900 --> 01:46:07.800
 Ja, sie bewegt sich auch ein bisschen komisch, geh mal von Rock of Paper, die Finger werden einfach länger.

01:46:07.800 --> 01:46:10.220
 Ja, weil die ausklappen, das ist doch klar.

01:46:10.220 --> 01:46:13.400
 Ja, natürlich, die klappen aus, das sieht man so ganz einfach.

01:46:13.400 --> 01:46:15.620
 Wenn du das 2D siehst, dann werden die einfach länger.

01:46:15.620 --> 01:46:16.720
 Macht schon so.

01:46:16.720 --> 01:46:16.940
 Genau.

01:46:16.940 --> 01:46:21.060
 Danke, dass du mir erklärt hast, dass das vielleicht doch gar nicht ganz scheiße ist.

01:46:21.060 --> 01:46:22.380
 Gerne.

01:46:22.380 --> 01:46:24.140
 Ego boosten kann ich.

01:46:24.140 --> 01:46:25.120
 Gut.

01:46:25.120 --> 01:46:25.720
 Ja, dankeschön.

01:46:26.760 --> 01:46:28.520
 Sind wir dann jetzt tatsächlich am Ende?

01:46:28.520 --> 01:46:31.420
 Ja, wir haben es geschafft und wir sind unter zwei Stunden.

01:46:31.420 --> 01:46:32.180
 Wow.

01:46:32.180 --> 01:46:39.620
 Wir sind echt jetzt, wir haben, wir haben extrem viel retro gelabert und das ist dank Telekom und Vodafone, wollte ich nochmal betonen, nur deswegen, die sind schuld.

01:46:39.620 --> 01:46:46.260
 Und dann tatsächlich nur eine Dreiviertelfolge, Thema und Geilteil zusammen und Property.

01:46:46.260 --> 01:46:51.260
 Ja, wir haben einfach nichts zu sagen gehabt, offenbar.

01:46:51.260 --> 01:46:52.940
 Ja.

01:46:52.940 --> 01:46:56.280
 Vielleicht nehmen wir die Folge, wir haben nichts zu sagen.

01:46:56.760 --> 01:46:59.820
 Nein, wir wissen schon, wie die Folge heißt, wussten wir jetzt diesmal schon vorher.

01:46:59.820 --> 01:47:01.020
 Und die heißt halt Teil 2.

01:47:01.020 --> 01:47:01.980
 Sonst hätten wir uns immer hinterher einladen.

01:47:01.980 --> 01:47:04.660
 Wir hatten ja schon Teil 1, jetzt heißt sie halt Teil 2.

01:47:04.660 --> 01:47:06.980
 Genau, dann bleibt uns.

01:47:06.980 --> 01:47:08.780
 Dann kommen wir jetzt, dann spielen wir jetzt.

01:47:08.780 --> 01:47:21.040
 Das Outro, das vorhin vergessene Outro ist jetzt unser Trenner zu unserem Endgeschwafel.

01:47:21.040 --> 01:47:23.260
 Das hast du sehr gut gemacht.

01:47:23.260 --> 01:47:24.180
 Danke, danke.

01:47:26.760 --> 01:47:30.180
 Ja, einmal pro Folge muss der Quatsch sein.

01:47:30.180 --> 01:47:33.480
 Dann bleibt uns noch.

01:47:33.480 --> 01:47:36.020
 Euch nochmal aufzufordern, natürlich.

01:47:36.020 --> 01:47:42.060
 Und ich weiß, das wird irgendwie nervig und die überspringt das jetzt wahrscheinlich schon alle, aber die, die es hören, die hören es ja vielleicht jetzt zum ersten Mal.

01:47:43.280 --> 01:47:45.580
 Bewertet uns in Podcast-Portalen.

01:47:45.580 --> 01:47:49.780
 Natürlich nur gute Bewertungen, alle anderen werden wir löschen, sofern das geht.

01:47:52.280 --> 01:48:02.740
 Teilt uns auf Social Media, wir freuen uns, also wir haben da so ein paar, bei der letzten Folge so ein paar Retweets bekommen, das hat uns sehr, sehr gefreut, wenn ihr die Post zu unserer, zu unserer aktuellen Folge jeweils teilt.

01:48:02.740 --> 01:48:03.600
 Das freut uns sehr.

01:48:03.600 --> 01:48:11.820
 Das hilft uns sehr, dass wir weitermachen können und dass wir irgendwie mit Freude bei der Sache sind und schickt uns natürlich Bier, ganz wichtig.

01:48:11.980 --> 01:48:12.500
 Und Oliven.

01:48:12.500 --> 01:48:15.320
 Bier und Oliven.

01:48:15.320 --> 01:48:23.880
 Und dem Konstantin dürft ihr auch Oliven schicken, über die Parkstationsadresse auf unserer Homepage.

01:48:25.000 --> 01:48:33.460
 Ja, erzählt weiter, ich meine, wenn ihr das gut findet, macht ihr das sowieso und wenn ihr es schlecht findet, dann erzählt einfach trotzdem weiter, das haben wir jetzt ja schon ein paar Mal gesagt.

01:48:33.460 --> 01:48:53.920
 Genau, und wenn ihr es schlecht fandet, dann schickt uns ungern öffentlich, lieber per DM, nein, aber schickt uns auf jeden Fall euer Feedback, also wenn ihr jetzt sagt, zwei Folgen hintereinander, das gleiche Thema zum Beispiel ist total doof und war total langweilig heute oder ihr übertreibt es tatsächlich mit eurer Retro total, das interessiert doch keine Sau und steckt lieber mehr Hirnschmalz ins Thema,

01:48:54.420 --> 01:49:00.080
 Dann sagt uns das und wenn ihr Glück habt, dann nehmen wir uns das zu Herzen und wenn nicht, dann vielleicht auch einfach nicht.

01:49:00.080 --> 01:49:23.840
 Ich wollte sagen, es kann sein, weil da muss man jetzt mal kurz sagen, das hier ist eine Veranstaltung, die soll uns beiden Spaß machen, das heißt, wenn da jetzt irgendein Vorschlag kommt, der uns keinen Spaß macht oder der uns überhaupt gar keinen Spaß macht, dann werden wir wahrscheinlich nicht drauf eingehen, aber wenn ihr konstruktive Vorschläge habt, wie wir das irgendwie besser machen können, immer her damit, wir können nicht versprechen, dass wir alles machen, wie gesagt, wir

01:49:23.840 --> 01:49:34.000
 Wir verdienen ja hier auch kein Geld mit oder so, es muss für uns irgendwie noch eine gute Veranstaltung bleiben und wenn ihr im Rahmen dessen irgendwie einen Vorschlag habt, dann immer her damit, da freuen wir uns auf jeden Fall über Feedback.

01:49:34.180 --> 01:49:34.800
 Ganz genau.

01:49:34.800 --> 01:49:40.760
 Jetzt habe ich was gesagt, wo dann am Ende kein Feedback mehr kommt, weil die sagen, die machen das ja dann eh nicht.

01:49:41.100 --> 01:49:47.640
 Nee, also es interessiert uns natürlich schon, also wenn ihr sowas sagt, dass irgendwas total doof war oder so, natürlich nehmen wir uns das dann irgendwo zu Herzen.

01:49:47.640 --> 01:50:02.440
 Wir werden halt natürlich nicht das komplette Sendungskonzept jetzt über den Haufen werfen, aber es interessiert uns einfach, also wir haben ja schon mal gesagt, wir kriegen relativ wenig Feedback, es ist schon besser geworden, aber es ist halt einfach nur, man denkt sich dann so, das gibt's doch gar nicht, sonst sind doch alle immer so schnell dabei beim Meckern.

01:50:03.300 --> 01:50:06.780
 Und ja, es kommt so wenig, also es kommt eigentlich immer so, ja, es ist cool.

01:50:07.820 --> 01:50:14.540
 Wie wir in einem Podcaster-Forum gelesen haben, müssen wir nur einfach mehr Quatsch erzählen und dann kriegen wir auch mehr Feedback, dass wir doof sind.

01:50:14.540 --> 01:50:20.140
 Gut, dann machen wir nächste Folge eine Spezialsendung zu Low-Level-Programmiersprachen.

01:50:20.140 --> 01:50:29.480
 Also ich glaube, wir haben das eh schon in unseren Ideen-Sammelsurium, dass wir mal eine Folge machen, wo wir über was sprechen, wovon wir keine Ahnung haben.

01:50:29.480 --> 01:50:32.380
 Vielleicht sollten wir das einfach mal demnächst in Angriff nehmen.

01:50:32.380 --> 01:50:33.320
 Wir tun dann aber so als ob.

01:50:33.420 --> 01:50:35.340
 Ja, natürlich, das machen wir ja sowieso.

01:50:35.340 --> 01:50:58.180
 Und zwischendurch sprechen wir dann noch eine selbsterfundene Sprache, also wir machen es dann richtig unangenehm für euch, die Folge zu hören, aber für die Leute unter euch, die die Compulsive Disorders haben, die dann nicht, die trotzdem dann alles hören müssen, also Sheldon, ich rede von dir, du musst ja alles abschließen, das heißt, wenn du eine Serie mal angefangen hast, dann musst du alle Folgen hören und für dich wird's dann richtig hart.

01:50:59.140 --> 01:51:00.360
 Aber so ist das, aber so ist das dann.

01:51:00.360 --> 01:51:03.720
 Aber jetzt ist glaube ich …

01:51:03.720 --> 01:51:04.820
 Jetzt ist der Punkt erreicht.

01:51:04.820 --> 01:51:10.040
 Ich glaube, jetzt ist der Punkt. Obwohl ich jetzt eigentlich, ich könnte jetzt eigentlich noch ein Bier trinken, habe ich gerade gedacht. Vielleicht trinke ich noch kurz.

01:51:10.040 --> 01:51:12.280
 Vielleicht trinken wir zusammen noch ein Bier. Ich habe glaube ich keins mehr.

01:51:12.280 --> 01:51:13.820
 Trinken wir zusammen noch ein Bier.

01:51:14.220 --> 01:51:30.640
 Aber damit belästigen wir jetzt nicht die Hörer und Hörerinnen und Diverse, sondern ich würde sagen, wir machen Schluss. War mir eine Freude, mal wieder, nach drei Wochen, endlich. Und ja, bleibt uns gewogen und lasst es euch gut gehen.

01:51:30.640 --> 01:51:32.180
 Ja, bis dann.

01:51:32.180 --> 01:51:39.800
 Jetzt finde ich den Knopf, ist auch noch nicht. Ja, dann reden wir doch noch ein bisschen. Nee, also macht's gut und bis zum nächsten Mal.

01:51:39.800 --> 01:51:41.100
 Ciao.

01:51:41.100 --> 01:51:41.240
 Ciao.

01:51:44.220 --> 01:51:45.220
 Ciao.