WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: #season2::after { content: "Sommerpause" }
Publishing Date: 2021-06-20T12:07:52+02:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/season2after-content-sommerpause/

00:00:00.000 --> 00:00:04.500
 Wo wir sind, ist vorne, Folge 29, Rückblick, Ausblick, ach nee, Spaß hatten wir schon.

00:00:04.500 --> 00:00:09.660
 Wir schauen zurück auf die Staffel 2 und schauen, was sich so getan hat.

00:00:09.660 --> 00:00:26.060
 Herzlich willkommen bei Wo wir sind, ist vorne.

00:00:26.060 --> 00:00:28.860
 Frontend-Fakten-Frotzelein.

00:00:28.860 --> 00:00:32.940
 Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

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

00:00:57.720 --> 00:01:04.380
 Herzlich willkommen zur letzten Folge vor der Sommerpause.

00:01:05.380 --> 00:01:06.900
 Wir schauen heute noch mal ein bisschen zurück.

00:01:06.900 --> 00:01:07.600
 Oh, irgendwas.

00:01:07.600 --> 00:01:10.600
 Ich dachte, ich überraschte dich mal mit ein bisschen Urlaubsstimmung.

00:01:10.600 --> 00:01:14.460
 Ich habe mich noch gefragt, was hat es damit auf sich?

00:01:14.460 --> 00:01:16.640
 Ich habe die Dinger gesehen in unserem Soundboard.

00:01:16.640 --> 00:01:17.780
 Weißt du, was jetzt noch schön wäre?

00:01:17.780 --> 00:01:19.700
 Vogelgezwitscher.

00:01:19.700 --> 00:01:22.200
 Ah, das ist ja traumhaft.

00:01:22.200 --> 00:01:25.180
 Bisschen Urlaubsfeelung für unseren Staffelabschluss.

00:01:25.180 --> 00:01:27.700
 Vogelgezwitscher, ja.

00:01:27.700 --> 00:01:33.680
 Stell uns jetzt einfach vor, wir sitzen am weißen Sandstrand, Cocktail in der Hand und machen eine Live-Aufnahme.

00:01:33.760 --> 00:01:37.120
 Das sind Vögel auf Hawaii.

00:01:37.120 --> 00:01:38.500
 Vögel auf Hawaii?

00:01:38.500 --> 00:01:38.960
 Echt?

00:01:38.960 --> 00:01:39.760
 Hast du selbst aufgenommen?

00:01:39.760 --> 00:01:43.220
 Das sind Kilaue-Birds.

00:01:43.220 --> 00:01:43.400
 Ja.

00:01:43.400 --> 00:01:46.560
 Und ich habe mich noch gefragt, was das ist.

00:01:46.560 --> 00:01:48.280
 Hat da sich jemand verschrieben?

00:01:48.280 --> 00:01:51.780
 Habe ich da irgendwas in den Ordner reingetan und vergessen und habe mich vertippt?

00:01:51.780 --> 00:01:54.180
 Nee, einfach nur ein bisschen für die Stimmung.

00:01:54.560 --> 00:01:55.160
 Ja, das ist nett.

00:01:55.160 --> 00:01:56.040
 Das ist tatsächlich gut.

00:01:56.040 --> 00:01:57.420
 So, jetzt komme ich gut in Stimmung.

00:01:57.420 --> 00:01:58.140
 Frage ich mal nach.

00:01:58.140 --> 00:02:00.440
 Es gibt kein Bier auf Hawaii.

00:02:00.440 --> 00:02:00.860
 Ach nee.

00:02:00.860 --> 00:02:01.720
 Ja doch, tatsächlich.

00:02:01.720 --> 00:02:02.500
 Es gibt Bier.

00:02:02.500 --> 00:02:04.940
 Es gibt Bier und wir sind auf Hawaii.

00:02:04.940 --> 00:02:06.400
 Bleibt es jetzt?

00:02:06.400 --> 00:02:11.100
 Das plätschert irgendwie so vor sich hin, wortwörtlich und hört dann auf.

00:02:11.100 --> 00:02:12.760
 Das kann auch ruhig bleiben.

00:02:12.760 --> 00:02:14.900
 Ich kann auch öfter draufkicken aufs Knöpfchen.

00:02:14.900 --> 00:02:16.240
 Was hast du denn?

00:02:16.240 --> 00:02:18.000
 Du hast wieder deinen Standardfall.

00:02:18.000 --> 00:02:19.380
 Nee, ich habe wieder das.

00:02:19.380 --> 00:02:21.400
 Ja gut, es gibt ja mittlerweile zwei Standards bei mir.

00:02:21.400 --> 00:02:22.640
 Ich habe wieder einen Rosé-Boc.

00:02:22.640 --> 00:02:23.300
 Ah, ja.

00:02:24.560 --> 00:02:26.280
 Das verspricht Schlimmes.

00:02:26.280 --> 00:02:28.700
 Ja, ich habe ein Kloster-Andex.

00:02:28.700 --> 00:02:32.120
 Guck mal.

00:02:32.120 --> 00:02:36.120
 Stimmt, das habe ich jetzt heute nicht so gut gemacht, den Öffner.

00:02:36.120 --> 00:02:36.620
 Zum Wohl.

00:02:36.620 --> 00:02:38.080
 Aber der Konzernier hat es umso besser gemacht.

00:02:38.080 --> 00:02:42.720
 Ihr dürft hören.

00:02:42.720 --> 00:02:49.060
 Das ist so entspannend mit dem Geplätscher.

00:02:49.060 --> 00:02:50.840
 Ich weiß nicht, ob wir heute überhaupt noch was machen.

00:02:50.840 --> 00:02:51.680
 Nee.

00:02:53.180 --> 00:02:58.540
 Wir sind ein bisschen ja auch den Stream jetzt gewöhnt, wo wir auch ganz gern mal so ein bisschen Stille zwischendrin haben.

00:02:58.540 --> 00:03:04.880
 Da wird nicht jede Sekunde gelabert, so wie beim Podcast, sondern da hört man auch mal zu, schraut mal, was der Chat schreibt und reagiert dann da drauf.

00:03:04.880 --> 00:03:07.680
 Und guckt auch manchmal einfach nur belemmert in die Kamera.

00:03:09.160 --> 00:03:10.720
 Beim Podcast geht das natürlich nicht.

00:03:10.720 --> 00:03:18.420
 Aber mit diesem Sound hintendran stellen wir vielleicht sicher, dass die ganzen Podcatcher die Stille nicht überspringen liegen.

00:03:18.420 --> 00:03:18.920
 Stimmt.

00:03:18.920 --> 00:03:21.640
 Also gerne geschehen.

00:03:21.640 --> 00:03:25.780
 Dann können wir jetzt einfach mal ein bisschen nichts sagen und in unser Bier nippen, oder?

00:03:25.780 --> 00:03:28.000
 Und jetzt könnt ihr Meeresrauschen zuhören.

00:03:32.620 --> 00:03:38.040
 Schön, schön, schön, sehr entspannt.

00:03:38.040 --> 00:03:39.440
 Können wir vielleicht öfter mal so machen.

00:03:39.440 --> 00:03:43.360
 Es wurde auf Twitch auch schon öfter mal gefragt, ob wir ein bisschen ASMR machen können.

00:03:43.360 --> 00:03:47.260
 Das machen wir natürlich gerne für euch.

00:03:47.260 --> 00:03:52.260
 Jetzt hat mein Hals auch schon gegurgelt, vielleicht hat man es gehört.

00:03:55.080 --> 00:03:56.960
 Immerhin essen wir nicht während dem Podcasten.

00:03:56.960 --> 00:03:58.080
 Nee, das stimmt, ja.

00:03:58.080 --> 00:03:58.900
 Wir trinken nur.

00:03:58.900 --> 00:04:00.800
 Wir trinken nur, aber...

00:04:00.800 --> 00:04:01.360
 Oh, jetzt ist es aus.

00:04:01.360 --> 00:04:02.020
 Ich mach wieder an.

00:04:02.020 --> 00:04:03.320
 Oh nein.

00:04:03.320 --> 00:04:04.300
 Ja, mach wieder an.

00:04:04.300 --> 00:04:05.600
 Kannst du das nicht...

00:04:05.600 --> 00:04:06.920
 Gibt es da kein Loop?

00:04:06.920 --> 00:04:07.740
 Nee, geht es leider nicht.

00:04:07.740 --> 00:04:08.600
 Ich weiß nicht.

00:04:08.600 --> 00:04:09.440
 Nee.

00:04:09.440 --> 00:04:10.060
 Naja.

00:04:10.060 --> 00:04:13.360
 Aber ich mache die Vögel noch dazu, okay?

00:04:13.360 --> 00:04:13.740
 Mhm.

00:04:13.740 --> 00:04:16.540
 Ich glaube, es geht nicht bei mir.

00:04:16.540 --> 00:04:17.940
 Ich höre die Vögel nicht.

00:04:17.940 --> 00:04:19.040
 Ich habe sie angemacht.

00:04:19.040 --> 00:04:22.280
 Weißt du was, wir machen das Retro-Intro und dann machen wir nochmal Vogelgezwitscher.

00:04:22.280 --> 00:04:23.060
 Okay.

00:04:25.080 --> 00:04:31.040
 WBSEV präsentiert die Retrospektive.

00:04:31.040 --> 00:04:41.660
 Ich glaube, wir machen einfach sonst auch heute nichts mehr.

00:04:41.660 --> 00:04:44.900
 Nee, du darfst anfangen.

00:04:44.900 --> 00:04:45.940
 Was, ich darf anfangen?

00:04:45.940 --> 00:04:47.180
 Oder fang ich an?

00:04:47.180 --> 00:04:48.140
 Achso, nee, dann fang...

00:04:48.140 --> 00:04:49.300
 Mir egal.

00:04:49.300 --> 00:04:50.300
 Mir ist heute alles egal.

00:04:50.300 --> 00:04:51.080
 Mir ist alles egal.

00:04:51.080 --> 00:04:52.580
 Ich bin schon in Urlaubsstimmung.

00:04:52.580 --> 00:04:54.660
 Mein Hirn ist eh ausgeschaltet bei der Hitze.

00:04:55.080 --> 00:04:57.400
 Dann fang ich jetzt einfach mal an.

00:04:57.400 --> 00:05:00.240
 Ich habe zwar jetzt schon alles angefangen hier, aber...

00:05:00.240 --> 00:05:01.040
 Ähm, genau.

00:05:01.040 --> 00:05:03.320
 Ich habe gar nicht so viel.

00:05:03.320 --> 00:05:04.800
 Ich habe eigentlich nur ein Thema.

00:05:04.800 --> 00:05:08.240
 Ich habe tatsächlich vorher überlegt, Mensch, was könnte ich denn...

00:05:08.240 --> 00:05:09.440
 Was war denn jetzt irgendwie so?

00:05:09.440 --> 00:05:11.980
 Irgendwie bin ich auch schon in so einer entspannten Stimmung.

00:05:11.980 --> 00:05:12.780
 Keine Ahnung warum.

00:05:12.780 --> 00:05:13.540
 Oder so ein bisschen...

00:05:13.540 --> 00:05:17.040
 Nimmt der Stream natürlich auch so ein bisschen...

00:05:17.040 --> 00:05:22.320
 Das Feuer raus beim Podcast, muss ich leider zugeben, weil man da schon über viel spricht.

00:05:22.320 --> 00:05:25.800
 Und dann, man will sich ja auch nicht unbedingt tausendfach wiederholen, obwohl wir das heute

00:05:25.800 --> 00:05:28.440
 dann nochmal tun werden, glaube ich, an der einen Stelle.

00:05:28.440 --> 00:05:29.460
 Aber das ist dann auch okay.

00:05:29.460 --> 00:05:32.660
 Weil nicht alle, die den Podcast hören, hören ja auch...

00:05:32.660 --> 00:05:33.920
 Äh, schauen ja auch den Stream.

00:05:33.920 --> 00:05:35.160
 Oder auf...

00:05:35.160 --> 00:05:38.140
 Ich habe tatsächlich jetzt schon heute von jemandem gehört, der das wirklich auf YouTube, den

00:05:38.140 --> 00:05:39.080
 Streamen nachguckt.

00:05:39.080 --> 00:05:39.960
 Egal.

00:05:39.960 --> 00:05:40.580
 Tatsächlich.

00:05:40.580 --> 00:05:44.180
 Ja, also ich weiß, man sieht ja auch die Aufrufzahlen.

00:05:44.180 --> 00:05:49.280
 Aber, ähm, ich weiß nicht, ob ich das machen würde, mir einen Stream nachher...

00:05:49.280 --> 00:05:51.400
 Also, ich kenne so Stream-Zusammenschnitte.

00:05:51.400 --> 00:05:53.180
 Das finde ich, das ist nett.

00:05:53.180 --> 00:05:56.980
 Also, es haben ja schon andere Streamer gesagt, dass sie tatsächlich, weil sie zur gleichen Zeit

00:05:56.980 --> 00:05:59.000
 streamen, uns dann nachträglich schauen.

00:05:59.000 --> 00:06:01.840
 Also, das wird wohl tatsächlich gemacht.

00:06:01.840 --> 00:06:04.360
 Äh, nee, der, der, der...

00:06:04.360 --> 00:06:04.820
 Ja, Knossi.

00:06:04.820 --> 00:06:05.160
 Nee.

00:06:05.160 --> 00:06:09.080
 Knossi hat angerufen und hat gesagt, ich gucke euren Stream.

00:06:09.080 --> 00:06:09.960
 Genau, ich gucke euren Stream.

00:06:09.960 --> 00:06:11.720
 Der Retzo, der Retzo auch.

00:06:11.720 --> 00:06:12.500
 Der Retzo.

00:06:12.500 --> 00:06:15.160
 Ich wollte eigentlich schon reden.

00:06:15.160 --> 00:06:15.760
 Okay.

00:06:15.760 --> 00:06:21.500
 Also, ich habe ein bisschen, ähm, Design-Tools ausprobiert und eigentlich, ja, was heißt Design-Tools?

00:06:21.500 --> 00:06:23.320
 Prototyping-Tools würde ich es jetzt mal nennen.

00:06:23.320 --> 00:06:34.160
 Ähm, weil, ähm, ich jetzt, ähm, wir hatten den Fall, dass wir jetzt mal so ein bisschen UX und UX-Design machen wollten, aber jetzt mal losgelöst vom Code.

00:06:34.160 --> 00:06:42.920
 Und wenn man, wenn man das mit Code macht, ich weiß, wie es ist, es ist zwar cool, weil man quasi schon einen funktionierenden Prototypen hat, aber man verliert sich dann manchmal in den Einzelheiten des Codes.

00:06:42.920 --> 00:06:49.320
 Und vielleicht will man ja nur was Visuelles machen, da ist es manchmal ganz gut, wenn man ein Tool hat, ähm, wo man sich in sowas nicht verlieren kann.

00:06:50.000 --> 00:06:56.500
 Ähm, und ich habe da überlegt, was, was kann man denn da nehmen, ähm, habe verschiedene Sachen ausprobiert und bin dann mal bei Figma gelandet.

00:06:56.500 --> 00:07:01.760
 Ich glaube, das verwenden viele Leute in der, in der Grafik, äh, Branche mittlerweile.

00:07:01.760 --> 00:07:08.580
 Wenn man da ganz geile Prototypen, ähm, bauen kann, ähm, und das Ganze funktioniert im Browser.

00:07:08.580 --> 00:07:10.520
 Oh, das Wasser ist weg, kannst du es bitte nochmal anmachen?

00:07:10.520 --> 00:07:11.660
 Ich habe mich total dran gewöhnt.

00:07:11.660 --> 00:07:14.140
 Ähm, genau.

00:07:14.140 --> 00:07:20.580
 Das Ganze, das funktioniert komplett im Browser und, äh, man kann auch gemeinsam, also gleichzeitig gemeinsam an so einem Prototypen arbeiten.

00:07:20.580 --> 00:07:24.700
 Und das war halt genau mein Anwendungsfall, weil jetzt gerade Corona, ähm, alle im Homeoffice.

00:07:25.240 --> 00:07:31.320
 Und wir wollten gemeinsam ein bisschen, ähm, da Elemente rumschieben, Farben, Fonds, äh, und so.

00:07:31.320 --> 00:07:33.180
 Das war, hat irgendwie ganz gut funktioniert.

00:07:33.180 --> 00:07:39.100
 Und was dann auch noch, äh, mir über den Weg gelaufen ist, ähm, was ein Kollege mal vorgestellt hat, äh, ist Quant UX.

00:07:39.100 --> 00:07:43.400
 Ähm, und das kann man sich, äh, sogar auch selbst installieren, wenn man möchte.

00:07:43.400 --> 00:07:47.500
 Ähm, da gibt es ein Git-Repro dazu, das habe ich jetzt noch gar nicht aufgeführt.

00:07:47.500 --> 00:07:49.340
 Das ist mir nämlich gerade erst spontan eingefallen.

00:07:49.340 --> 00:07:51.660
 Steht gar nicht in den, in den Notizen drin.

00:07:51.660 --> 00:07:53.380
 Ähm, und das ist so ähnlich.

00:07:53.380 --> 00:07:58.280
 Und was ich, was ich bei beiden Tools ziemlich cool finde, ist, dass man tatsächlich auch so Flows abbilden kann.

00:07:58.280 --> 00:08:09.460
 Das heißt, du machst einzelne Screens und kannst aber auch einen Bereich markieren und sagen, ähm, wenn ich das jetzt irgendwie präsentiere oder irgendwie jemandem zeige, ähm, und klicke auf diesen Button, dann geh bitte zu diesem Screen, geh bitte zum nächsten.

00:08:09.460 --> 00:08:10.960
 Also du kannst irgendwie das auch irgendwie so.

00:08:10.960 --> 00:08:13.660
 Also in den Flow dann wirklich zeigen.

00:08:13.660 --> 00:08:15.600
 So ein bisschen, so ein bisschen den, den Flow, genau.

00:08:15.600 --> 00:08:22.440
 Dieses Quant UX kann, glaube ich, noch mehr, ich glaube, da kann man, das kann man noch verbinden mit, mit, äh, Eye-Tracking und, ach, was weiß ich.

00:08:22.440 --> 00:08:26.840
 Ich, ich, ich, ich habe die ganzen Features jetzt nicht drauf, aber ich fand es nett, mal wieder mit sowas zu arbeiten einfach.

00:08:27.000 --> 00:08:32.560
 Also, so ganz weg vom Code, einfach mal wirklich nur die, die Grafikbrille aufsetzen.

00:08:32.560 --> 00:08:37.880
 Ja, cool, weil wir haben, ähm, wir, äh, wir sagen ja immer irgendwie Webdesign und Entwicklung, machen aber eigentlich viel zu wenig Design.

00:08:37.880 --> 00:08:41.580
 Das ist ja schön, dass so, dass wir da mal heute drüber sprechen.

00:08:41.580 --> 00:08:52.720
 Also ich kann, ähm, ich, Figma ist irgendwie, äh, kostet irgendwie Geld, aber man kann für so, für, für, für nix kann man, glaube ich, irgendwie ein, zwei, fünf Projekte anlegen und da auch gemeinsam dran arbeiten.

00:08:52.800 --> 00:08:57.040
 Fand ich nett, also man kann das ganz gefahrlos ausprobieren, ohne dass es einem was kostet.

00:08:57.040 --> 00:09:02.880
 Und wie gesagt, Quant UX, ähm, das wird, glaube ich, auch von einem Deutschen entwickelt, wenn ich es richtig gesehen habe.

00:09:02.880 --> 00:09:07.640
 Ähm, das kannst du dir einfach bei GitHub runterladen und bei dir lokal installieren, wenn du es möchtest.

00:09:07.720 --> 00:09:10.460
 Oder man kann es auch dort, ähm, so als Software as a Service nutzen.

00:09:10.460 --> 00:09:18.640
 Und das ist dafür, dass es noch niemand, also dafür, dass ich glaube, dass es fast niemand kennt, weil es mir noch nie begegnet ist, bis unser, bis mein Kollege das vorgestellt hat.

00:09:18.640 --> 00:09:22.780
 Ähm, das ist verdammt gut dafür, dass es niemand kennt.

00:09:22.780 --> 00:09:27.040
 Und ich verstehe nicht, dass, dass das so, dass es mir noch nie begegnet auf Twitter oder in irgendeinem Blog.

00:09:27.040 --> 00:09:29.880
 Und ich finde, eigentlich sollte man mal dafür Werbung machen.

00:09:29.880 --> 00:09:30.900
 Und das machen wir hiermit.

00:09:30.900 --> 00:09:31.400
 Sehr schön.

00:09:31.400 --> 00:09:32.060
 Ganz kostenlos.

00:09:32.060 --> 00:09:35.620
 Und also, äh, auch ohne, dass wir was dafür kriegen, weil ich es cool fand.

00:09:37.540 --> 00:09:37.820
 Genau.

00:09:37.820 --> 00:09:39.220
 Jetzt darfst du.

00:09:39.220 --> 00:09:51.800
 Ja, wir hatten es in unserer letzten Folge unter anderem über CSS Containment, ähm, wo man Inhalte ausblenden kann, aber so ausblenden kann, dass der Browser die gar nicht initial irgendwie versucht, äh, zu layouten.

00:09:51.800 --> 00:09:55.000
 Und dementsprechend dann Zeit spart beim ersten Paint.

00:09:55.000 --> 00:10:00.280
 Und dann habe ich gesagt, ich mache das mal testweise bei unserer, äh, also meiner Firmenseite.

00:10:00.280 --> 00:10:07.240
 Und ich habe das tatsächlich dann angewendet, Content Visibility auf Auto, dann dieses Content Intrinsic Size.

00:10:07.360 --> 00:10:11.900
 Damit das auf jeden Fall, äh, weiß, wie viel Höhe der Content ungefähr einnimmt.

00:10:11.900 --> 00:10:14.280
 Und dann das Contain Content noch gesetzt.

00:10:15.420 --> 00:10:30.860
 Und ich hätte mit mehr gerechnet, äh, Wasser, ha, ich hätte mit mehr gerechnet, es war auf Desktop Performance um einen Prozentpunkt verbessert, wobei wir da schon relativ gut dabei waren sowieso.

00:10:31.220 --> 00:10:37.580
 Und auf Mobile, wo wir tatsächlich noch Verbesserungsbedarf haben, waren es immerhin fünf Prozentpunkte, die das ausgemacht hat.

00:10:38.080 --> 00:10:39.540
 Wie hast du das gemessen?

00:10:39.540 --> 00:10:42.360
 Äh, mit dem, mit dem Lighthouse in Chrome.

00:10:42.940 --> 00:10:48.300
 Okay, also weil ein Prozent, fünf Prozent, das ist jetzt für mich sehr abstrakt, also kann ich dann schneller scrollen, oder?

00:10:49.360 --> 00:10:58.700
 Nee, nee, tatsächlich diese Werte, ja, also diesen Performance-Wert, der ja von eins bis hundert geht und da eben dann einen Prozentpunkt verbessert auf Desktop und bei Mobile immerhin fünf Prozentpunkte.

00:10:59.000 --> 00:11:10.940
 Ja, also mit dem Scrollen nicht unbedingt was zu tun, sondern eben halt einfach der Seitenaufbau und gefühlt würde ich sagen, ist es tatsächlich ein bisschen, ein bisschen spürt man es schon, dass es flotter geht, das initiale Laden.

00:11:10.940 --> 00:11:11.780
 Cool.

00:11:11.780 --> 00:11:20.680
 Ähm, und wahrscheinlich kann man da auch noch mehr rausholen. Ich hab das jetzt einfach mal für alle Sections, die so direkt im Body liegen, untereinander, hab ich das angewendet und für den Footer.

00:11:21.640 --> 00:11:30.220
 Eigentlich könnte ich da noch weiter aufbohren, wenn ich mich da ein bisschen tiefer reinfuchse, aber, ähm, ja, es ist, es ist so ein bisschen wie dieses Loading gleich Lazy, es ist wirklich nicht viel Aufwand.

00:11:30.220 --> 00:11:40.480
 Das war wirklich an zwei Stellen, wie gesagt, einmal Sections, einmal Footer, äh, reingeklatscht, ähm, noch einen gescheiten Wert für diese Intrinsic Size rausgesucht und dann war das im Endeffekt erledigt.

00:11:40.480 --> 00:11:45.740
 Und dafür ist es halt, ne, wenn ich diese fünf Prozentpunkte rauskitzeln kann, warum soll ich es nicht tun?

00:11:45.740 --> 00:11:50.360
 Ja, geil, klar. Kostet ja quasi nichts, also eine Zeile CSS.

00:11:50.680 --> 00:11:53.340
 Drei Zeile in dem Fall, wenn man es untereinander schreibt, aber das ist ja echt nichts.

00:11:53.340 --> 00:11:54.100
 Ja, gut.

00:11:54.100 --> 00:11:56.140
 Ja, mhm.

00:11:56.140 --> 00:11:58.040
 Und das war's dann eigentlich auch schon.

00:11:58.040 --> 00:11:58.540
 Ich bin so spannend.

00:11:58.540 --> 00:11:58.640
 Ich bin so spannend.

00:11:58.640 --> 00:11:59.880
 Oh, es ist Wahnsinn.

00:11:59.880 --> 00:12:01.320
 Was das ausmacht.

00:12:01.320 --> 00:12:04.840
 Ich hoffe, dass es euch nicht nervt, zu Hause an den Empfangsgeräten.

00:12:04.840 --> 00:12:07.680
 Aber ich find's, äh, einfach fantastisch.

00:12:07.680 --> 00:12:12.600
 Dann lass uns doch ganz entspannt in die Property der Woche gleiten.

00:12:12.600 --> 00:12:13.660
 Yes.

00:12:13.660 --> 00:12:17.240
 Die Property der Woche.

00:12:19.720 --> 00:12:22.160
 Wow, die hat jetzt ganz schön reingehauen in die Entspannung.

00:12:22.160 --> 00:12:23.280
 Das ist ja fast anstrengend.

00:12:23.280 --> 00:12:26.140
 Du darfst, jetzt darfst du anfangen, habe ich gesagt.

00:12:26.140 --> 00:12:27.040
 Jetzt darf ich anfangen, okay.

00:12:27.040 --> 00:12:27.620
 Jetzt darfst du anfangen.

00:12:27.620 --> 00:12:29.080
 Autocomplete.

00:12:29.080 --> 00:12:34.520
 Das hatten wir jetzt, äh, der, die ein oder andere wird es jetzt schon wiedererkennen.

00:12:34.520 --> 00:12:37.600
 Da haben wir im, im Stream am Mittwoch drüber gesprochen.

00:12:37.600 --> 00:12:43.340
 Und ich hab aber schon gesagt, das ist quasi so hier exklusiv für unseren exklusiven ZuschauerInnen-Club.

00:12:43.560 --> 00:12:45.540
 Und wir sprechen im Podcast nochmal drüber.

00:12:45.540 --> 00:12:50.360
 Und ich hatte im Podcast, äh, im Stream dich gefragt, Moritz, kennst du das?

00:12:50.360 --> 00:12:51.720
 Und wie, wie setzt man das ein?

00:12:51.720 --> 00:12:54.920
 Und du hast gesagt, äh, ja, du hast dich noch nicht viel mit beschäftigt.

00:12:54.920 --> 00:12:58.100
 Ähm, man setzt da Autocomplete gleich on und damit sagt man dann oder off.

00:12:58.100 --> 00:13:05.160
 Und sagt dann damit, äh, in dem Formular oder in dem, auf dem Feld explizit, ähm, möchte ich eben die Autocomplete-Funktion an- oder ausschalten.

00:13:05.160 --> 00:13:05.880
 Genau.

00:13:05.880 --> 00:13:10.500
 Und dazu noch, äh, wahrscheinlich, wahrscheinlich, ich glaube, Out, ich glaube, Default ist, äh, on.

00:13:10.500 --> 00:13:13.460
 Und man schaltet es oft dann aus, wenn man es nicht haben will.

00:13:13.460 --> 00:13:13.580
 Genau.

00:13:13.580 --> 00:13:16.540
 Weil, wenn man vielleicht selbst schon irgendwie ein Autocomplete implementiert hat oder so.

00:13:16.540 --> 00:13:20.340
 Das war mein Anwendungsfall, den ich halt schon öfter hatte, dass ich es eigentlich ausschalte.

00:13:20.340 --> 00:13:29.220
 Und das war auch mein Stand bis, äh, vor letzter Woche etwa, ähm, dachte ich halt auch, ich kannte das nur mit, mit on und off und hab das auch genauso genutzt.

00:13:29.220 --> 00:13:31.960
 Manchmal will man ja aus, aus Gründen das eben nicht haben.

00:13:31.960 --> 00:13:38.920
 Und dann hab ich auch festgestellt, weil ich das für einen bestimmten Fall gebraucht habe, da geht's noch deutlich mehr an, an Values.

00:13:38.920 --> 00:13:45.480
 Also ich kann da wirklich sagen, also erstmal generell der Browser hat da so eine, so eine Logik, das funktioniert auch ziemlich gut.

00:13:45.480 --> 00:13:49.300
 Anhand vom Feldnamen wird da versucht zu erraten, was denn da drin stehen könnte.

00:13:49.300 --> 00:13:56.820
 Also First Name und Surname und sowas, wenn das entsprechend benannt ist, dann kann der Browser sich denken, was da entsprechend rein soll.

00:13:56.820 --> 00:14:03.800
 Und das funktioniert auch, selbst wenn da mit Dashes irgendwie getrennt noch Prefixes oder so drin sind, da sind die Browser echt trotzdem ziemlich gut, das zu erkennen.

00:14:03.800 --> 00:14:09.820
 Es gibt manchmal den Fall, dass dann halt was falsch erkannt wird und, äh, da hab ich mir irgendwie aber nie Gedanken drüber gemacht.

00:14:09.820 --> 00:14:15.000
 Ich hab halt immer, bei mir hat das meistens gepasst und hab jetzt aber festgestellt, man kann da tatsächlich dem Browser sagen,

00:14:15.000 --> 00:14:21.520
 Okay, in dem Feld möchte ich eben den Vornamen oder den Nachnamen haben, E-Mail-Adresse und so weiter.

00:14:22.520 --> 00:14:26.320
 In der Regel ist es natürlich sinnvoll, das entsprechend schon zu benarmen und dann kann der Browser das auch.

00:14:26.320 --> 00:14:31.740
 Ich hatte aber jetzt einen Spezialfall, da hab ich ja gerne mal solche Spezialfälle.

00:14:32.600 --> 00:14:40.640
 Und zwar war die Herausforderung, eine Text-Area zu haben, also ich hatte Vorname, Nachname, E-Mail-Telefon, alles als einzelne getrennte Felder.

00:14:40.640 --> 00:14:53.240
 Aber die Adresse, die Anschrift, die hab ich als eine Text-Area gebraucht mit, wie man es halt kennt, Straße, Postleitzahl, Ort, Land jetzt nicht unbedingt, aber könnte man theoretisch auch brauchen für internationale Adressen.

00:14:53.960 --> 00:15:04.060
 Und dann dachte ich, vielleicht geht das mit mehreren Values, also dass ich halt irgendwie sage, Street-Adress ist zum Beispiel für den Datensatz Straße und Hausnummer, das ist eins.

00:15:04.060 --> 00:15:11.260
 Dann gibt's noch verschiedene Adress-Lines für solche Zusätze, Postbox oder dieses CO, wenn man irgendwo anders die Post empfängt.

00:15:13.600 --> 00:15:23.260
 Und dann dachte ich, vielleicht kann man da mehrere reinschreiben, also dass ich irgendwie diese Street-Adress und den Postal-Code, also Postal-Code ist für die Postleitzahl,

00:15:23.260 --> 00:15:31.360
 und die City vielleicht reinmachen kann und der Browser dann automatisch sogar vielleicht weiß, okay, ich bin jetzt im deutschen Locale, also setze ich die Postleitzahl vor die Stadt

00:15:31.360 --> 00:15:34.800
 und im amerikanischen eben andersrum und den Start noch dazu, was weiß ich.

00:15:34.800 --> 00:15:36.340
 Das funktioniert aber leider nicht.

00:15:37.740 --> 00:15:46.560
 Ich hab dann aber ein Workaround gefunden, ich bin da jetzt auch nicht der Erfinder dessen, ich hab dann an einer anderen Stelle auch gefunden, wo jemand die gleiche Voraussetzung hatte und das irgendwie umgehen musste.

00:15:46.560 --> 00:15:54.760
 Und was man da machen kann, und da hab ich auch eine kleine Code-Pen-Demo gebaut im Stream, dann live, die ich natürlich jetzt auch in den Shownotes verlinke.

00:15:55.700 --> 00:16:05.240
 Und zwar kann man die Felder verstecken, also ich hab zum Beispiel nur das Feld Adresse, also die Text-Area, und da mach ich die Street-Adress rein, dass die automatisch ausgefüllt wird.

00:16:05.240 --> 00:16:11.320
 Wenn ich da reinklicke, zeigt mir dann Chrome oder Firefox oder wer auch immer meine Straße von der Adresse an.

00:16:11.320 --> 00:16:16.940
 Und die wird dann eingefügt und die Felder für Postleitzahl und Stadt sind aber im Hintergrund versteckt.

00:16:17.340 --> 00:16:26.940
 Also die sind irgendwie rauspositioniert, Position Absolut mit minus 100 VW und minus 100 VH oder so, Tab-Index minus 1 auch, damit die nicht reingetappt werden können.

00:16:26.940 --> 00:16:34.580
 Ich meine, dass das Sinn macht aus Accessibility-Sicht, aber vielleicht auch nicht, bin ich mir jetzt nicht hundertprozentig sicher.

00:16:34.580 --> 00:16:41.300
 Ich hab's mal gemacht, weil ich eigentlich das Autofill nur auslösen will, wenn ich eben in dieses Adressfeld selbst reingehe.

00:16:41.300 --> 00:16:49.200
 Also ich möchte eigentlich nicht, dass man in diesen versteckten Feldern auch landen kann, um das da zu triggern, weil man dann irgendwie vielleicht was anderes eingibt und das soll man eigentlich an der Stelle nicht.

00:16:49.200 --> 00:16:56.240
 Also jedenfalls sind die versteckt, werden aber ausgefüllt, also man darf sie nicht mit Display-Nan machen, weil sonst werden sie auch nicht ausgefüllt beim Autofill.

00:16:56.240 --> 00:17:05.080
 Aber sie sind eben versteckt, werden ausgefüllt, sobald ich die Straße auswähle, steht dann auch an den anderen Feldern was drin, Postleitzahlort, Stadt, Stadt, Stadt und Land.

00:17:06.300 --> 00:17:19.640
 Und auf denen ist dann aber das Change-Event registriert und sobald die sich ändern, bastle ich quasi alles zusammen, hab das dann auch mit einer Funktion, die das entsprechend nach gesetztem Locale eben zusammenbaut.

00:17:19.640 --> 00:17:31.180
 Also UK-Adressen sehen anders aus als US-Adressen und deutsche Adressen sowieso und das landet dann zusammen in dieser Text-Area und so hab ich dann diese Text-Area als Adressfeld und trotzdem ein Autofill.

00:17:32.000 --> 00:17:33.440
 Und das funktioniert erstaunlich gut.

00:17:33.440 --> 00:17:42.780
 An der Stelle, weil du gerade von Inhalt verstecken gesprochen hast, ich wurde nämlich vor kurzem gefragt, wie macht man denn das eigentlich heutzutage?

00:17:42.780 --> 00:17:54.540
 Und dann, ich glaube das war auch im Stream, und dann habe ich gesagt, lass uns mal gucken, wie Bootstrap das macht, weil die sind da, ich weiß, dass die so eine Kombination an verschiedenen Techniken haben.

00:17:54.620 --> 00:17:56.080
 Und da habe ich jetzt gerade nochmal nachgeschaut.

00:17:56.080 --> 00:18:05.720
 Die nutzen zum Beispiel auch Clip-Path, also nicht Clip-Path, sondern Clip und mit 0, 0, 0, 0, also quasi 0 Größe.

00:18:06.520 --> 00:18:19.020
 Aber verschiedene Sachen, also auch noch Position Absolut, Width ein Pixel, Height ein Pixel, komischerweise auch Padding 0, Margin minus 1, minus 1 Pixel, Overflow hidden.

00:18:19.020 --> 00:18:24.460
 Also es ist eine interessante Kombination an Eigenschaften, kann ich auf jeden Fall nur mal empfehlen, sich da das mal reinzuziehen, mal anzugucken.

00:18:24.580 --> 00:18:27.220
 Fand ich auf jeden Fall interessant, wie das da jetzt gemacht wird mittlerweile.

00:18:27.220 --> 00:18:35.520
 Genau, also gar nicht rauspositioniert, sondern, und ich glaube das ist auch, ist das focusable?

00:18:35.520 --> 00:18:37.660
 Ja genau, das ist für beide, ja genau.

00:18:37.660 --> 00:18:42.140
 Ja, also das werde ich vielleicht auch nochmal verlinken, das kommt noch in die Shownotes rein.

00:18:42.140 --> 00:18:44.620
 Fand ich irgendwie eine spannende Geschichte.

00:18:44.620 --> 00:18:46.900
 Machst du fertig.

00:18:46.900 --> 00:18:50.060
 Noch nicht ganz, weil mir ist nämlich jetzt gerade beim Vorbereiten was ausgefallen.

00:18:50.140 --> 00:18:53.320
 Ich habe es auch gerade verifiziert in meiner Erinner-Demo, dass es tatsächlich so ist.

00:18:53.320 --> 00:19:01.600
 Ist mir dann vorhin aufgefallen, ich muss nach diesem Change-Event, wenn ich die Adresse zusammengebastelt habe, diese versteckten Felder leeren.

00:19:01.600 --> 00:19:10.260
 Aus dem Grund, dass die bei einem erneuten Ausfüllen von diesem Straßenfeld oder von dem Adressfeld, dass die dann auch wieder befüllt werden.

00:19:10.260 --> 00:19:17.540
 Weil es ist so, zumindest in Firefox und Chrome, die Felder, die bereits befüllt sind, die ich vielleicht manuell schon eingegeben habe,

00:19:17.680 --> 00:19:20.900
 oder die ich halt nicht geleert habe, im Gegensatz zu einem anderen Feld.

00:19:20.900 --> 00:19:24.860
 Wenn ich dann nochmal einen Autofill mache, werden die nicht überschrieben, sondern die bleiben dann.

00:19:24.860 --> 00:19:32.020
 Und das führt halt dazu, wenn ich jetzt die Adresse, die da zusammengebastelt wurde, rauslösche und dann über das Autocomplete eine andere Adresse auswähle,

00:19:32.020 --> 00:19:35.700
 dann passiert nichts, weil die anderen Felder dieses Change-Event gar nicht bekommen.

00:19:35.700 --> 00:19:41.560
 Wenn die anderen Felder aber leer sind, dann kriegen die auch nochmal ein Change-Event, weil dann auch tatsächlich in den Feldern wieder was ausgefüllt wird.

00:19:42.060 --> 00:19:47.220
 Und das ist ein guter Punkt, den muss ich mir merken, weil ich den da, wo ich das gebraucht habe, tatsächlich auch noch machen muss,

00:19:47.220 --> 00:19:49.880
 weil es sonst gar nicht so funktioniert, wie ich das gerne hätte.

00:19:49.880 --> 00:19:53.920
 Aber das war's.

00:19:53.920 --> 00:19:54.940
 Cool.

00:19:54.940 --> 00:19:59.520
 Dann haben wir zwei Properties, sind damit schon durch.

00:19:59.520 --> 00:20:01.380
 Wir haben sogar auch noch eine dritte Sache angeschnitten.

00:20:01.380 --> 00:20:01.820
 Wahnsinn.

00:20:02.200 --> 00:20:03.360
 Dinge verstecken, ja.

00:20:03.360 --> 00:20:05.920
 Und jetzt kommt das große Nichts.

00:20:05.920 --> 00:20:06.400
 Genau.

00:20:06.400 --> 00:20:08.060
 Jetzt kommt das große Nichts.

00:20:08.060 --> 00:20:12.480
 Hier ist WWS IV mit dem Tagesthema.

00:20:12.480 --> 00:20:24.360
 Tja, wir blicken zurück auf 15 Folgen in der zweiten Staffel und auf vier Gäste.

00:20:24.360 --> 00:20:25.780
 Wow.

00:20:26.220 --> 00:20:26.580
 Wahnsinn.

00:20:26.580 --> 00:20:29.420
 Und auf unserer Twitch-Start auch.

00:20:29.420 --> 00:20:33.000
 Das ist alles innerhalb des letzten halben Jahres passiert.

00:20:33.000 --> 00:20:33.360
 Nicht nur das.

00:20:33.360 --> 00:20:34.620
 Merchandise.

00:20:34.620 --> 00:20:35.460
 Merchandise.

00:20:35.460 --> 00:20:37.320
 Gibt's auch.

00:20:37.320 --> 00:20:38.520
 Verlinken wir natürlich auch nochmal.

00:20:38.520 --> 00:20:40.720
 T-Shirts, Pullis und leider noch keine Unterhosen.

00:20:40.720 --> 00:20:44.720
 Ja, ich hab meinen ja jetzt endlich auch mal in den Händen gehalten und auch direkt mal gewaschen.

00:20:44.720 --> 00:20:48.920
 Es ist jetzt gerade nur temperaturtechnisch mit dem Hoodie ein bisschen unangenehm, glaube ich.

00:20:48.920 --> 00:20:51.660
 Aber ich werde mir auf jeden Fall noch ein T-Shirt bestellen, weil die sind nämlich auch toll.

00:20:51.660 --> 00:20:53.400
 Yeah.

00:20:54.600 --> 00:20:59.140
 Also, Merch unter wo wir sind, ist vorne.show slash Merch.

00:20:59.140 --> 00:21:00.460
 Stimmt, das geht jetzt nämlich auch.

00:21:00.460 --> 00:21:01.020
 Das geht jetzt.

00:21:01.020 --> 00:21:02.300
 Wir haben jetzt so Weiterleitungen eingerichtet.

00:21:02.300 --> 00:21:04.280
 Wir haben total geile Redirects eingerichtet.

00:21:04.280 --> 00:21:04.860
 Ganz viele.

00:21:04.860 --> 00:21:08.160
 Ihr könnt nur mal erraten, vielleicht findet ihr auch noch andere.

00:21:08.160 --> 00:21:10.880
 Vielleicht slash Onlyfans.

00:21:10.880 --> 00:21:12.100
 Vielleicht.

00:21:12.100 --> 00:21:13.540
 Vielleicht gibt's das auch.

00:21:13.540 --> 00:21:16.980
 Oder noch mehr.

00:21:16.980 --> 00:21:19.560
 Wer sie alle findet, kriegt ein Gummibärchen.

00:21:19.560 --> 00:21:21.720
 WWS IV Gummibärchen.

00:21:21.720 --> 00:21:23.460
 WWS IV Gummibärchen.

00:21:23.460 --> 00:21:26.000
 Fehlt noch in unserem Merch-Repertoire.

00:21:26.000 --> 00:21:27.000
 Stimmt.

00:21:27.000 --> 00:21:28.660
 Das kommt dann als nächstes.

00:21:28.660 --> 00:21:30.440
 Nachdem die T-Shirts ausverkauft sind.

00:21:30.440 --> 00:21:36.480
 Also ich glaube, eine der Erkenntnisse der Staffel war, irgendwie Clickbait läuft am besten, oder?

00:21:37.480 --> 00:21:41.260
 Also irgendwie sind die Folgen bei unseren Clickbait-Titeln, die gehen ab wie Schmitzkatze.

00:21:41.260 --> 00:21:43.340
 Wir machen uns ja so ein bisschen lustig drüber, ja?

00:21:43.460 --> 00:21:49.700
 Also wir haben, wenn wir Clickbait-Titel machen, dann eigentlich so, weil wir denken, wir meinen das ja nicht so wirklich ernst.

00:21:49.700 --> 00:21:52.700
 Das ist ja, es steckt ja keine Business-Absicht dahinter.

00:21:52.700 --> 00:21:55.360
 Das Schlimme daran ist, aber dass es am besten funktioniert.

00:21:55.360 --> 00:21:59.200
 Das ist tatsächlich fast, das ist mir schon fast unangenehm.

00:21:59.640 --> 00:22:01.620
 Ich sage, ah komm, lass uns wieder einen Clickbait-Titel machen.

00:22:01.620 --> 00:22:02.940
 Der klickt einfach besser.

00:22:02.940 --> 00:22:11.380
 Und es ist tatsächlich so, die Folgen mit den Clickbait-Titeln, die werden deutlich öfter gehört, als die mit anderen Titeln, die so irgendwie kryptisch merkwürdig sind.

00:22:12.480 --> 00:22:26.520
 Also wenn wir sagen hier, 17 CSS-Eigenschaften, die wir noch nicht kannten, oder Technik-Offenbarung im Wandel der Zeit, oder 48 Dinge, die du nie über Selbstständigkeit wissen wolltest, funktioniert einfach sehr gut.

00:22:26.520 --> 00:22:37.660
 Man darf einfach nicht zu viel, man muss sagen, um was es geht, aber man muss sagen, implizit, du musst die Folge anhören, sonst sagen wir dir nichts Genaues.

00:22:37.660 --> 00:22:44.680
 Was ich jetzt noch gelesen habe, ist, dass so Hate-Click noch besser funktioniert, sogar noch als Clickbait.

00:22:44.680 --> 00:22:49.200
 Also du musst in diesen Clickbait-Titel noch was reinbauen, wo man denkt, boah, nee, das kann ja wohl nicht sein.

00:22:49.200 --> 00:22:55.640
 Also irgendwie, diese Person, die du absolut nicht magst, könnte etwas gesagt haben, was tatsächlich wahr ist.

00:22:55.640 --> 00:23:00.600
 Mal gucken, wir experimentieren vielleicht in der nächsten Staffel weiter.

00:23:00.600 --> 00:23:04.520
 Vielleicht, was Hitler mit CSS zu tun hat.

00:23:04.520 --> 00:23:06.280
 Oh, Moment.

00:23:07.660 --> 00:23:11.020
 Ja, keine Ahnung, das ist doch schon diese Richtung, oder?

00:23:11.020 --> 00:23:15.520
 Ja, gut, das ist vielleicht, ich glaube, das ist ein bisschen verbrannt.

00:23:15.520 --> 00:23:21.260
 Warum? Ich glaube, bei der Bild-Zeitung kann man da, glaube ich, viel lernen. Die haben das perfektioniert.

00:23:21.260 --> 00:23:25.140
 Ich weiß nicht, ob ich mich auf dieses Niveau herabziehen lassen möchte.

00:23:25.140 --> 00:23:27.060
 Ja, aber die klickt auch gut, die Bild-Zeitung.

00:23:27.060 --> 00:23:27.580
 Das stimmt leider.

00:23:27.580 --> 00:23:30.900
 Die haben schon immer Clickbait gemacht, schon immer, also auch in Print.

00:23:33.280 --> 00:23:42.940
 Ja, also zehn Wege mit CSS, Hitler. Und da weiß ich nicht, wie man es zu Ende bringt. Wahrscheinlich bringt man es am besten gar nichts.

00:23:42.940 --> 00:23:44.020
 Nee, am besten nicht.

00:23:44.020 --> 00:23:52.520
 Ja, wir haben angefangen, die zweite Staffel, direkt mit einem Gast, mit unserem allerersten Gast überhaupt, Gerrit van Aken.

00:23:53.180 --> 00:23:54.760
 Und haben da über Webtypographie gesprochen.

00:23:54.760 --> 00:24:01.440
 Und ja, hast du dich denn mit Webtypographie noch beschäftigt seitdem?

00:24:01.440 --> 00:24:08.360
 Nicht, ich muss gerade überlegen. Hatte ich noch? Hatte ich noch was Neues seitdem?

00:24:08.360 --> 00:24:10.840
 Ich bin mir gerade nicht sicher. Ich bin ja auch sehr vergessen.

00:24:10.840 --> 00:24:21.000
 Also ich weiß, dass wir bei uns, auf der Seite, bei wewesendesphorne.show, haben wir noch was gemacht wegen diesem Blinken, dieses Flash of Unloaded.

00:24:21.000 --> 00:24:25.560
 Ah, das ist noch gar nicht so lange her, witzigerweise, weil ich nämlich dachte, wir hätten das.

00:24:25.560 --> 00:24:30.100
 Und es ist aber jetzt noch keine drei Wochen her, dass ich das nochmal eingebaut habe.

00:24:30.100 --> 00:24:34.100
 Du meinst Font Swap? Nee, Font Loading?

00:24:34.100 --> 00:24:37.820
 Ja, genau, ja, dieses mit diesem Flash of, wie heißt das denn?

00:24:37.820 --> 00:24:40.680
 Flash of Unstyled Text?

00:24:40.680 --> 00:24:41.300
 Ja, genau.

00:24:41.300 --> 00:24:46.160
 Font Display.

00:24:46.160 --> 00:24:49.220
 Mensch, sind wir gut vorbereitet, ne?

00:24:49.220 --> 00:24:50.840
 Wie immer.

00:24:50.840 --> 00:24:52.160
 Das ist ja fantastisch.

00:24:52.160 --> 00:24:56.020
 Font Display ist es, glaube ich.

00:24:56.020 --> 00:24:59.140
 Ich gucke gerade nochmal.

00:24:59.140 --> 00:25:00.280
 Genau, Font Display.

00:25:00.280 --> 00:25:03.800
 Swap haben wir, glaube ich, jetzt.

00:25:03.920 --> 00:25:16.700
 Das gibt ja dann an, wie lange, also unter anderem, wie lange gewartet wird, bis der Font angezeigt wird, beziehungsweise ob irgendwann abgebrochen wird, das Fontladen und gesagt wird, hey, machen wir jetzt nicht mehr.

00:25:16.700 --> 00:25:17.880
 Unter anderem, ne?

00:25:17.880 --> 00:25:18.380
 Das war...

00:25:18.380 --> 00:25:18.580
 Genau.

00:25:18.580 --> 00:25:20.000
 Ja.

00:25:20.000 --> 00:25:22.860
 Ich glaube, da haben wir auch nochmal ausführlicher, letzte Folge drüber gesprochen, ne?

00:25:22.860 --> 00:25:23.800
 Ja, genau.

00:25:23.800 --> 00:25:37.180
 Und Gerrit hat uns damals, glaube ich, auch noch einen weiteren Font in unserem Font-Stack empfohlen, der damals noch relativ schmal war, der eine ähnliche X-Höhe hat, damit der Sprung dann auch nicht so schlimm aussieht.

00:25:37.260 --> 00:25:37.780
 Stimmt, ja.

00:25:37.780 --> 00:25:40.720
 Das haben wir dann direkt im Anschluss an die Folge noch geändert.

00:25:40.720 --> 00:25:41.900
 Genau.

00:25:41.900 --> 00:25:43.160
 Aber ansonsten, ja.

00:25:43.160 --> 00:25:49.300
 Was ich mir noch, also ich habe mir bei jeder Folge aus den Shownotes mindestens eine Zeile markiert.

00:25:49.540 --> 00:25:58.360
 Und ich habe das Geilteil nochmal mir markiert für die Folge, nämlich der Font, der Color-Font Liebe Heide.

00:25:58.360 --> 00:25:58.740
 Ja.

00:25:58.740 --> 00:26:04.800
 Einfach ein Traum. Kann ich jedem nur empfehlen, nochmal drauf zu gehen, sich das nochmal anzugucken.

00:26:04.800 --> 00:26:10.060
 Das ist einfach, einfach eine Freude, das zu sehen, was man mit Fonts so machen kann.

00:26:10.060 --> 00:26:15.500
 Und das ist halt eine Schriftart, die tatsächlich aussieht wie mit einem Kugelschreiber auf Papier geschrieben.

00:26:15.500 --> 00:26:22.460
 So richtig schöne Handschrift und mit auch ganz tollen Ligaturen drin, die dann so ein Smiley machen oder sowas.

00:26:22.460 --> 00:26:25.180
 Oder auch das Durchgestrichen und Unterstrichen und so.

00:26:25.180 --> 00:26:27.100
 Das ist einfach ganz wunderbar.

00:26:27.100 --> 00:26:28.480
 Absolut. Wirklich sehr schön.

00:26:28.480 --> 00:26:34.420
 Ja, ansonsten haben wir es über Webtypografie, Geschichte, über die Herausforderungen heutzutage und über Variable Fonts.

00:26:34.420 --> 00:26:35.940
 Auch ein ganz spannendes Thema.

00:26:35.940 --> 00:26:37.780
 Also wen das interessiert, Folge Nummer 14.

00:26:37.780 --> 00:26:39.120
 Tolle Folge.

00:26:40.060 --> 00:26:41.960
 Danke nochmal an Gerrit, dass er dabei war.

00:26:41.960 --> 00:26:43.760
 War auch ein toller Gast auf jeden Fall.

00:26:43.760 --> 00:26:44.180
 Ja.

00:26:44.180 --> 00:26:48.020
 War ja einer meiner kleinen Fanboy-Momente.

00:26:48.020 --> 00:26:50.540
 Und genau, kann ich nur empfehlen.

00:26:50.540 --> 00:26:52.940
 Falls ihr es noch nicht gehört habt, auf jeden Fall nochmal anhören.

00:26:52.940 --> 00:26:55.600
 Das geht jetzt so weiter. Wir gehen jetzt alle durch.

00:26:55.600 --> 00:26:56.040
 Ja.

00:26:56.040 --> 00:26:58.220
 Wir sind aber auch gut in der Zeit.

00:26:58.220 --> 00:27:00.840
 Also wir können die auch alle durchgehen.

00:27:00.840 --> 00:27:01.300
 Ja.

00:27:01.300 --> 00:27:02.620
 Ja, die nächste Folge.

00:27:02.620 --> 00:27:06.140
 Es fehlt eigentlich so ein Donnergrollen und ein Blitzschlag.

00:27:06.140 --> 00:27:07.860
 Die Folge aus dem Giftschrank.

00:27:08.780 --> 00:27:11.120
 Ja, so ähnlich haben wir es mir vorgestellt.

00:27:11.120 --> 00:27:14.600
 Ja, Moritz war nicht gut drauf in der Folge.

00:27:14.600 --> 00:27:16.040
 Ich war ein bisschen schlecht gelaunt.

00:27:16.040 --> 00:27:17.580
 Wir haben dafür auch auf die Finger bekommen.

00:27:17.580 --> 00:27:22.020
 Aber ich glaube, die Kernaussage wurde dabei leider so auch ein bisschen aus den Augen verloren.

00:27:22.020 --> 00:27:28.120
 Also dein Hass, der sich da so geäußert hat, das war ja eigentlich auch ein Stilmittel einfach so.

00:27:28.900 --> 00:27:33.680
 Und das heißt ja schon nicht, wir haben ja schon Semantic HTML, haben wir ja schon gesagt.

00:27:33.680 --> 00:27:36.540
 Und es ist eine Folge aus der Hölle geworden.

00:27:37.880 --> 00:27:41.320
 Aber ich glaube so, die Kernaussage ist unterschätzt.

00:27:41.320 --> 00:27:44.640
 Also was wir da gesagt haben, das haben wir ja durchaus ernst gemeint.

00:27:45.440 --> 00:27:53.740
 Ja, nehmt semantisches HTML und also Kernaussage eigentlich und schaut immer mal, welches Element wäre denn jetzt gerade das passende.

00:27:53.820 --> 00:27:59.240
 Ich habe jetzt gerade heute in Code, den ich selbst geschrieben habe, was gefunden, wo ich mich gefragt habe, was habe ich mir dabei gedacht?

00:27:59.240 --> 00:28:01.040
 Und die Antwort ist einfach nix.

00:28:01.040 --> 00:28:01.300
 Nix.

00:28:01.300 --> 00:28:06.000
 Ich habe mir einfach nix dabei gedacht und habe hinterher, das kann doch nicht wahr sein.

00:28:06.100 --> 00:28:07.460
 Wer hat denn den Scheiß geschrieben?

00:28:07.460 --> 00:28:17.040
 Und wenn man dann in Faust Code das GitLens-Plugin anhat und dann sieht, welche Codezeile wer von wem ist und ich sehe dann halt, dass das alles von mir ist.

00:28:17.040 --> 00:28:27.260
 Ja, da dachte ich, ja, ich habe nämlich tatsächlich bei einer Textarea kein sprechendes Label gesetzt.

00:28:27.260 --> 00:28:31.720
 Also habe genau denselben Scheiß gemacht, den ich dir immer vorwerfe.

00:28:32.180 --> 00:28:39.580
 Also hier nochmal der Appell, auch so zusammengefasst die Folge, schaut euch an, was für ein semantisches HTML-Element für euren Fall passt.

00:28:39.580 --> 00:28:44.360
 Gerne mal bei MDN einfach die Liste nebenher offen haben an HTML-Elementen.

00:28:44.360 --> 00:28:47.460
 Ihr wird erstaunt sein, was es da so alles gibt.

00:28:47.460 --> 00:28:53.000
 Genau, also mehr habe ich, ich weiß gar nicht, habe ich zu der Folge noch was da?

00:28:53.000 --> 00:28:59.020
 Wir haben da so ein kleines Quiz gemacht, was man auch nochmal nachmachen kann, was man noch hinterher nochmal machen kann.

00:28:59.460 --> 00:29:04.300
 In den Shownotes steht Semantik-Quiz, da waren drei Beispiele und dann darf man dann nicht den Fehler machen.

00:29:04.300 --> 00:29:11.480
 Also es sind CodePen-Beispiele und dann macht man die auf und versucht möglichst nicht auf den Code zu gucken, was für ein Element da verwendet wurde.

00:29:11.480 --> 00:29:13.140
 Und da könnt ihr ein bisschen mitquizzen.

00:29:13.920 --> 00:29:32.580
 Und natürlich, html.dev ist natürlich eine total coole Seite, die jetzt so wieder ein bisschen wiederbelebt wird, habe ich gesehen bei Twitter, weil der Kollege, der die macht, hat sich hinterher auch bei uns gemeldet, weil er den Podcast gehört hat und hat gesagt, ey geil, dass ihr nochmal was dazu gesagt habt.

00:29:32.720 --> 00:29:34.180
 Vielleicht muss man da nochmal weitermachen.

00:29:34.180 --> 00:29:34.860
 Ach, sehr schön.

00:29:34.860 --> 00:29:36.180
 Da geht es seitdem auch ein bisschen weiter.

00:29:36.180 --> 00:29:37.480
 Ja, das war echt cool.

00:29:37.480 --> 00:29:40.920
 Warte mal, der Manuel ist das, glaube ich, wenn ich das richtig weiß.

00:29:40.920 --> 00:29:44.280
 Ich will nicht, ich will nicht auf Twitch, ich will auf Twitch, ist auch egal, muss ich jetzt nicht.

00:29:44.280 --> 00:29:46.180
 Das war einfach nett.

00:29:46.860 --> 00:29:57.180
 Zu ehren dessen gibt es auch auf Twitch und bei uns im Discord ein Emote, html, wir haben den Begriff nicht erfunden.

00:29:57.180 --> 00:30:01.340
 Genau, wir haben nämlich jetzt auch Discord, das haben wir, glaube ich, im Podcast auch noch gar nicht angekündigt.

00:30:01.340 --> 00:30:07.300
 Das ist auch eher so spontan entstanden während des Streams, weil es hieß, ey, ihr braucht doch Discord.

00:30:07.500 --> 00:30:18.460
 Und der liebe Michael, unser Gast aus einer anderen Folge, der hat sich auch, na, breit erklärt wäre eigentlich zu viel gesagt, der ist jetzt unser Discord-Moderator.

00:30:18.460 --> 00:30:20.500
 Ja.

00:30:20.500 --> 00:30:30.080
 Ah, achso, jetzt bin ich natürlich blöderweise auf Discord gegangen und habe gerade gesehen, dass jemand lange gebraucht hat, um das eine Emote zu verstehen.

00:30:30.080 --> 00:30:31.540
 Vielleicht posten wir das irgendwann nochmal.

00:30:31.540 --> 00:30:34.100
 Nämlich die Frontend.

00:30:34.100 --> 00:30:36.780
 Ach ja, okay.

00:30:36.780 --> 00:30:38.960
 Da braucht man vielleicht ein bisschen.

00:30:38.960 --> 00:30:43.060
 Ja, das passt auch wieder zu deinem vorgeschlagenen Kickbait-Titel vielleicht.

00:30:43.060 --> 00:30:44.900
 Achso, ja, stimmt.

00:30:44.900 --> 00:30:48.540
 Achso, ja, ja, vielleicht, vielleicht.

00:30:48.540 --> 00:30:49.880
 Die Verknüpfung hast du gar nicht hergestellt.

00:30:49.880 --> 00:30:51.760
 Nee, habe ich tatsächlich nicht.

00:30:51.760 --> 00:30:54.500
 Gut, machen wir weiter.

00:30:54.500 --> 00:30:55.560
 Ja.

00:30:55.560 --> 00:31:00.080
 Folge Nummer 16, da haben wir eine Umfrage ausgefüllt und das klingt so wahnsinnig spannend, wenn man das sagt.

00:31:00.080 --> 00:31:01.360
 War auch super spannend.

00:31:01.360 --> 00:31:05.720
 Nee, also ich glaube, es war nicht die spannendste Folge, die wir jemals gemacht haben, aber

00:31:06.060 --> 00:31:10.340
 Sie hat zur Vorgängerfolge von dieser geführt, zur Folge 28.

00:31:10.340 --> 00:31:11.140
 Genau.

00:31:11.140 --> 00:31:13.140
 Und sie hat einige Wissenslücken offenbart.

00:31:13.340 --> 00:31:22.420
 Genau, wir haben dabei gemerkt, dass wir ganz viel nicht wissen und haben dann tatsächlich, wie gesagt, mit Folge 28 noch eine Folge gemacht, wo wir versucht haben, diese Wissenslücken zu füllen.

00:31:22.620 --> 00:31:43.840
 Aber weißt du, wir gehen da so ein bisschen von unserem Standpunkt aus und ich meine, wir sind jetzt halt schon relativ lange dabei, ich will jetzt weiß Gott nicht sagen, dass wir alles wissen, das haben wir ja nämlich dann auch festgestellt, aber für jemanden, der da quer einsteigt jetzt oder halt erst jetzt angefangen hat, sich mit auseinanderzusetzen, war die Folge mit der Umfrage vielleicht echt ganz gut, weil man halt doch erst überhaupt gemerkt hat, was gibt's denn da alles.

00:31:43.900 --> 00:31:50.900
 Und Sachen, wo wir gesagt haben, ach ja klar, gut kennen, alter Hut, sind für andere neu. Von daher, ich glaube, die Folge hat durchaus ihre Daseinsberechtigung.

00:31:50.900 --> 00:32:05.020
 Ja, also was, was wir ausgefüllt haben, wir haben es noch gar nicht, haben wir es gesagt, die State of CSS Umfrage und die ist schon ein paar Mal passiert und wird bestimmt dieses Jahr auch wieder passieren, weil das war nämlich die von 2020.

00:32:05.020 --> 00:32:15.940
 Genau, war, ja, war eine, war eine gute Folge, vielleicht wie gesagt nicht, also für uns nicht die spannendste, haben wir dann hinterher gemerkt, aber ist ja euer Problem.

00:32:19.080 --> 00:32:26.640
 Wir treffen uns ja eh nur zum Biertrinken und neuerdings zum Meeresrauschen hören und was ihr draus macht, ist euer Ding.

00:32:26.640 --> 00:32:28.020
 Es ist so traumhaft.

00:32:28.020 --> 00:32:35.680
 Ich könnte mir vorstellen, dass es bei eineinhalbfacher Geschwindigkeit oder bei doppelter vielleicht ein bisschen irritierend werden könnte, aber das seht ihr dann.

00:32:35.680 --> 00:32:36.460
 Das ist euch.

00:32:36.460 --> 00:32:39.500
 Ich wollte gerade sagen, das sehen wir dann, aber wir sehen und hören das ja gar nicht.

00:32:39.500 --> 00:32:42.140
 Ihr könnt ja dann mal in die Kommentare schreiben, ob wir sowas nochmal machen sollen.

00:32:42.140 --> 00:32:44.460
 Ihr könnt ja schreiben, wie blöd es tatsächlich war.

00:32:46.360 --> 00:32:51.320
 Also für uns ist es extrem entspannend und das ist jetzt mir, das ist schon wert, dass wir das jetzt beibehalten.

00:32:51.320 --> 00:32:52.620
 Ich finde das total.

00:32:52.620 --> 00:32:54.500
 Auf jeden Fall für diese Folge.

00:32:54.500 --> 00:32:57.260
 Dann hätten wir Folge Nummer 17.

00:32:57.260 --> 00:32:59.780
 Oh Gott, wir haben noch so viele vor uns.

00:32:59.780 --> 00:33:01.740
 Wollen wir echt alle machen?

00:33:01.740 --> 00:33:04.220
 Ja, komm, wir haben jetzt gerade mal eine halbe Stunde.

00:33:04.220 --> 00:33:07.780
 Die Stunde kriegen wir voll.

00:33:07.780 --> 00:33:08.200
 Gut, ja komm.

00:33:08.200 --> 00:33:09.640
 Ja, ja, ja, ja.

00:33:09.640 --> 00:33:11.140
 Es kommt ja auch bald schon mein Essen.

00:33:11.740 --> 00:33:18.620
 Und ich glaube auch, je mehr recent wir werden, desto weniger müssen wir, glaube ich, sagen, weil es ist ja noch so frisch.

00:33:18.620 --> 00:33:22.380
 Tag Template Literals.

00:33:22.380 --> 00:33:24.280
 Ja, das war so auf meinen Mist gewachsen.

00:33:24.280 --> 00:33:30.200
 Sehr, sehr spezifisches Thema, aber wir haben es geschafft, einige Zeit damit zu füllen.

00:33:30.200 --> 00:33:31.720
 Ich weiß gar nicht, wie lange die Folge ging.

00:33:31.720 --> 00:33:33.780
 War das eine unserer kurzen?

00:33:33.780 --> 00:33:36.140
 Ach ja, das ist eine unserer kürzeren.

00:33:36.140 --> 00:33:39.260
 Okay, dann haben wir es ja gar nicht so übertrieben, ein Thema so breit zu walzen.

00:33:39.260 --> 00:33:43.780
 Es könnte sogar sein, dass es fast die kürzeste ist, bis auf Spezialfolgen.

00:33:43.780 --> 00:33:45.560
 Ich scroll gerade mal durch.

00:33:45.560 --> 00:33:47.640
 Währenddessen kannst du erzählen, um was es da ging.

00:33:47.640 --> 00:33:49.860
 Es ging um Tag Template Literals.

00:33:49.860 --> 00:33:53.580
 Und wer wissen will, was es damit auf sich hat, der hört sich einfach die Folge an.

00:33:53.580 --> 00:33:56.860
 Ich glaube, das brauchen wir nicht jetzt nochmal hier so im Speziellen ausbreiten.

00:33:57.780 --> 00:34:03.000
 Und ich habe seit der Folge auch, ehrlich gesagt, mit Tag Template Literals nichts mehr zu tun gehabt.

00:34:03.000 --> 00:34:05.100
 Hast du dich da nochmal mit beschäftigt?

00:34:05.100 --> 00:34:06.280
 Nee, tatsächlich nicht.

00:34:06.280 --> 00:34:08.380
 Es fehlt mir immer noch so ein bisschen der Einsatzzweck.

00:34:08.380 --> 00:34:12.700
 Also es ist, ja, es kann Dinge vereinfachen, aber irgendwie habe ich es einfach nicht so auf dem Schirm.

00:34:12.700 --> 00:34:14.060
 Ich muss es mir vielleicht nochmal anschauen.

00:34:14.060 --> 00:34:15.640
 Vielleicht höre ich mir auch die Folge nochmal an.

00:34:15.640 --> 00:34:17.540
 Das ist die kürzeste Folge aus Staffel 2 auf jeden Fall.

00:34:17.540 --> 00:34:25.840
 Wir hatten in Staffel 1 eine, die Accessibility-Folge, die ging eine Minute kürzer.

00:34:27.040 --> 00:34:30.920
 Ja, wir haben in dieser Folge, in dieser Staffel auch Rekorde gebrochen.

00:34:30.920 --> 00:34:37.300
 Und ansonsten waren alle Folgen, die keine Specials waren oder Spezialfolgen, waren länger.

00:34:37.300 --> 00:34:41.420
 Ja, das war tatsächlich eine der kürzesten.

00:34:41.420 --> 00:34:43.200
 Aber es war vielleicht auch gar nicht so schlecht.

00:34:43.200 --> 00:34:46.180
 Es ist ja manche, das könnten wir vielleicht für die Zukunft auch nochmal ab und zu machen,

00:34:46.180 --> 00:34:47.960
 dass wir uns wirklich so ein Ding ausbreiten.

00:34:47.960 --> 00:34:48.800
 Ein Ding und das dann, genau.

00:34:48.800 --> 00:34:51.000
 Und dann gibt es halt vielleicht keine Property der Woche,

00:34:51.000 --> 00:34:54.780
 sondern die Property der Woche wird ein bisschen größer aufgespannt und wird dann einfach das Thema.

00:34:54.780 --> 00:34:56.120
 Ich glaube, das könnten wir schon mal sagen.

00:34:56.120 --> 00:34:58.240
 Was ihr davon haltet, schreibt es mal in die Kommentare.

00:34:58.240 --> 00:35:00.000
 Ja, das ist ein guter Punkt.

00:35:00.000 --> 00:35:00.400
 Feedback.

00:35:00.400 --> 00:35:01.620
 Wir haben ja endlich Feedback bekommen.

00:35:01.620 --> 00:35:05.280
 In der ersten Staffel haben wir es ja so übertrieben mit, bitte schickt euch uns doch euer Feedback.

00:35:05.280 --> 00:35:08.480
 Und jetzt aber auch durch den Stream, aber auch durch eure Interaktionen,

00:35:08.480 --> 00:35:12.720
 haben wir so viel zurückbekommen und wissen, was ihr euch so wünscht und so.

00:35:12.720 --> 00:35:13.820
 Also es ist schön.

00:35:13.820 --> 00:35:14.880
 Es macht Spaß mit euch.

00:35:15.280 --> 00:35:17.380
 Wollte ich an der Stelle einfach auch nochmal zurückgeben.

00:35:17.380 --> 00:35:21.060
 Ja, über was wir auch gesprochen haben in der Folge Nummer 17.

00:35:21.060 --> 00:35:25.340
 Es war ja nicht nur Tag Templates Literals, wir hatten ja noch andere Dinge so ein bisschen am Rande.

00:35:25.340 --> 00:35:27.780
 Container Queries hatten wir noch.

00:35:27.780 --> 00:35:28.960
 Oh, stimmt.

00:35:29.040 --> 00:35:31.040
 Und da gibt es jetzt was Neues.

00:35:31.040 --> 00:35:37.260
 Tatsächlich in Chrome Canary hinter einem Flag gibt es neuerdings Container Queries anzuschalten.

00:35:38.300 --> 00:35:41.200
 Und ich verlinke da auch nochmal einen Artikel von CSS Tricks.

00:35:41.200 --> 00:35:45.420
 Und was da noch angesprochen wurde, was auch ein wichtiger Punkt ist, was ich jetzt auch nicht so auf dem Schirm hatte.

00:35:45.420 --> 00:35:50.380
 Man denkt halt immer, na gut, ich kann dann irgendwelche Bildgrößen oder Aspect Ratio oder sowas anpassen,

00:35:50.380 --> 00:35:52.760
 je nachdem wie groß der Parent Container ist.

00:35:52.760 --> 00:35:56.780
 Aber Typografie ist tatsächlich auch ein wichtiger Punkt.

00:35:56.780 --> 00:36:01.540
 Also ich kann halt eben darauf reagieren, wie schmal, wie klein das Parent Element wird

00:36:01.540 --> 00:36:05.340
 und dann entsprechend die Font Size, die sich vielleicht an RAM orientiert oder so,

00:36:05.340 --> 00:36:08.480
 kann ich dann halt wirklich darauf reagieren, dass sie nicht zu klein werden

00:36:08.480 --> 00:36:11.540
 oder dass sie auch nicht zu riesig werden und ich den Textfluss dann irgendwie nochmal anpassen kann.

00:36:11.540 --> 00:36:18.120
 Also Container Queries wirklich sehr vielseitig, ein sehr viel gewünschtes, bisher fehlendes Feature von CSS.

00:36:18.120 --> 00:36:20.060
 Und schön, dass das jetzt endlich kommt.

00:36:20.060 --> 00:36:23.600
 Wird wahrscheinlich noch eine Weile dauern, bis das erstmal aus dem Canary raus ist

00:36:23.600 --> 00:36:25.900
 und erst recht, bis es in anderen Browsern ist.

00:36:25.900 --> 00:36:29.020
 Aber toll, dass das kommt. Sehr, sehr hilfreich.

00:36:29.600 --> 00:36:35.120
 Haben wir auch schon mal drüber gesprochen bei Jäger der verlorenen CSS Features Kapitel 2, Folge 11,

00:36:35.120 --> 00:36:39.700
 wo wir so ein bisschen gesagt haben, was wir uns wünschen würden für den Standard

00:36:39.700 --> 00:36:42.640
 und jetzt scheint es tatsächlich am Horizont zu sein.

00:36:42.640 --> 00:36:46.040
 Ist aber glaube ich wahrscheinlich auch wirklich das am meisten gewünschte.

00:36:46.040 --> 00:36:49.080
 Also wenn du jemanden fragst, wenn du fragst den Web irgendwie bei Twitter,

00:36:49.080 --> 00:36:53.360
 was ist denn das Feature, wenn du dir eins wünschen dürftest,

00:36:53.360 --> 00:36:55.700
 dann haben die Leute immer sofort Container Queries gesagt.

00:36:55.700 --> 00:37:00.800
 Also nicht verwunderlich, aber es war wohl irgendwie schwierig umzusetzen.

00:37:01.340 --> 00:37:03.160
 Es gab viele Diskussionen in den Tickets, ja.

00:37:03.160 --> 00:37:06.660
 Und ja, aber jetzt gibt es was. Das ist doch geil.

00:37:06.660 --> 00:37:11.720
 So, ich habe dieses Google-Ticket hier gerade nochmal aufgemacht.

00:37:11.720 --> 00:37:15.640
 Genau, in dem Ticket hat sich aber glaube ich gar nicht viel getan.

00:37:15.640 --> 00:37:17.160
 Und trotzdem ist es jetzt im Canary.

00:37:17.160 --> 00:37:19.140
 Hatte ich nämlich auch vorhin reingeschaut.

00:37:19.140 --> 00:37:20.180
 Tatsächlich nicht.

00:37:20.180 --> 00:37:23.480
 Da hat sich dieses Jahr noch gar nichts getan, wenn ich das richtig sehe.

00:37:24.160 --> 00:37:27.380
 Das Ticket, was wir in den Shownotes in Folge 17 verlinkt hatten, meinst du, ne?

00:37:27.380 --> 00:37:27.660
 Mhm.

00:37:27.660 --> 00:37:28.240
 Ja.

00:37:28.240 --> 00:37:32.960
 So, jetzt haben wir unseren Clickbait.

00:37:32.960 --> 00:37:38.380
 Ich glaube, das war so, war das nicht der erste Clickbait-Titel, den wir so gemacht haben?

00:37:38.380 --> 00:37:40.340
 Ja, ja, kann sein.

00:37:40.340 --> 00:37:44.420
 48 Dinge, die du nie über Selbstständigkeit wissen wolltest.

00:37:44.420 --> 00:37:49.900
 Und da hatten wir meinen Bruder zu Gast und haben zusammen über Selbstständigkeit und Freelancertum gesprochen.

00:37:49.900 --> 00:37:52.420
 Und wir haben nicht nachgezählt. Wir wissen gar nicht, ob es 48 sind.

00:37:52.420 --> 00:37:53.460
 Nein, es sind keine 48.

00:37:53.460 --> 00:37:57.520
 Wir haben hinterher einfach gesagt, 48, es geht noch viel.

00:37:57.520 --> 00:37:58.840
 Bei den anderen Folgen stimmt es, glaube ich.

00:37:58.840 --> 00:38:02.300
 Also wir haben tatsächlich sieben Technik-Offenbarungen und 17 CSS-Eigenschaften.

00:38:02.300 --> 00:38:05.560
 Aber da haben wir einfach gedacht, komm, ist eh egal.

00:38:05.560 --> 00:38:08.880
 Da sage ich nur, die Häppchen schmieren sich schließlich nicht von allein.

00:38:08.880 --> 00:38:11.260
 Genau.

00:38:11.260 --> 00:38:14.940
 Ja, das kam auch in der Folge vor, oder?

00:38:14.940 --> 00:38:16.900
 Die Häppchen schmieren sich nicht allein, ja.

00:38:16.900 --> 00:38:21.900
 Und das war auch die Folge, da warst du gerade frisch im T3N-Magazin.

00:38:22.420 --> 00:38:22.760
 Ach ja.

00:38:22.760 --> 00:38:23.840
 Das habe ich mir so aufgeschrieben, ja.

00:38:23.840 --> 00:38:26.080
 Mensch, das habe ich auch schon wieder vergessen.

00:38:26.080 --> 00:38:28.320
 Stimmt, ich war ja mal im T3N-Magazin.

00:38:28.320 --> 00:38:29.160
 Bist du jetzt berühmt?

00:38:29.160 --> 00:38:30.780
 Ach ja, genau.

00:38:30.780 --> 00:38:35.100
 Das sieht man auch an meiner unglaublichen Twitter-Follower-Zahl, wie berühmt ich bin.

00:38:37.440 --> 00:38:39.340
 Was gibt es denn zu sagen über die Folge?

00:38:39.340 --> 00:38:41.640
 Wir hatten definitiv schon Gäste, die deutlich berühmter sind.

00:38:41.640 --> 00:38:42.900
 Auf jeden Fall.

00:38:42.900 --> 00:38:44.060
 Da kommen wir auch noch dazu, ja.

00:38:44.060 --> 00:38:49.240
 Den, den wir schon genannt haben, der ist auch schon auf jeden Fall berühmter.

00:38:49.240 --> 00:38:51.560
 Aber der hat ja auch ein Buch geschrieben.

00:38:51.560 --> 00:38:53.240
 Wenn man ein Buch schreibt, ist glaube ich gut.

00:38:53.240 --> 00:38:54.860
 Machen wir auch.

00:38:55.920 --> 00:38:59.780
 So, jetzt habe ich natürlich verloren, was ich mir hier markiert habe.

00:38:59.780 --> 00:39:04.300
 Ich habe tatsächlich die Browser-Tabs aufgemacht, die einzelnen Folgen, und habe mir immer Text markiert.

00:39:05.920 --> 00:39:08.180
 Ja, also Property der Woche war Animation-Delay.

00:39:08.180 --> 00:39:13.140
 Unsere schöne Hintergrundfarbe, muss man auch sagen, das haben wir auch schön gemacht auf unserer Podcast-Seite.

00:39:13.140 --> 00:39:15.180
 Wenn man da was markiert, dann kriegt man ein schönes Pink.

00:39:15.180 --> 00:39:17.720
 Das ist einfach eine Freude.

00:39:17.720 --> 00:39:21.360
 Ach, ich lese gerade hier Sanitizer-API.

00:39:21.360 --> 00:39:24.440
 Da habe ich erst letztens irgendwas Neues dazu gelesen, ja.

00:39:24.440 --> 00:39:24.580
 Ach, mein Gott.

00:39:24.580 --> 00:39:31.480
 Dass das jetzt teilweise schon tatsächlich irgendwas ist, aber ich habe jetzt natürlich hier kein Can-I-Use oder so.

00:39:31.480 --> 00:39:33.600
 Mal gucken, ob es da schon was Neues dazu gibt.

00:39:33.600 --> 00:39:36.300
 Das habe ich vorhin irgendwie übersehen bei der Vorbereitung.

00:39:36.300 --> 00:39:39.680
 Wir hatten es aber davon, hinter dem Flag.

00:39:39.680 --> 00:39:44.260
 Also tatsächlich, 17. November 2020, Firefox 83.

00:39:44.260 --> 00:39:46.420
 Also Firefox bisher der einzige.

00:39:46.420 --> 00:39:49.620
 Die ist ganz neu aktualisiert, am 8. Juni.

00:39:49.620 --> 00:39:51.660
 Vom 8. Juni ist der aktuelle Draft.

00:39:51.660 --> 00:39:53.220
 Oha.

00:39:53.220 --> 00:39:55.660
 Also da tut sich jetzt tatsächlich auch was.

00:39:55.660 --> 00:39:59.180
 Ich hätte ja wirklich gedacht, da wird nie was draus.

00:39:59.740 --> 00:40:07.020
 Das war so mein Gefühl, so, ah ja, das ist nicht mal irgendwie auf einer Seite, also es ist irgendwie auf GitHub, irgendwie auf so einer GitHub-Seite.

00:40:07.020 --> 00:40:12.440
 Und ich hätte gedacht, naja, das sieht so weit weg aus vom W3C.

00:40:12.440 --> 00:40:14.460
 Es war das W3C-Logo drauf auf der Seite.

00:40:14.460 --> 00:40:19.920
 Aber immerhin die Kollegen vom Working Draft hatten damals auch eine Folge dazu, unter anderem.

00:40:20.540 --> 00:40:31.880
 Und wir hatten ja so ein bisschen auch so ein Streitgespräch, will ich gar nicht sagen, aber so, wir hatten es darum, ist das denn überhaupt Aufgabe des Browsers oder ist das Aufgabe der Libraries oder also muss man das mit Bordmeld und so.

00:40:31.880 --> 00:40:35.240
 Also wen das interessiert, gerne einfach mal in die Folge reinhören.

00:40:35.240 --> 00:40:42.840
 Und wer nicht weiß, um was es dabei geht, das sagen wir vielleicht nochmal kurz, also es geht da um das Bereinigen von Eingaben.

00:40:42.840 --> 00:40:52.000
 Also gerade wenn man irgendwie mit JavaScript irgendwie Sachen annimmt, Text annimmt oder ein Eingabefeld hat, dass da kein Schindluder mitgetrieben werden kann.

00:40:52.000 --> 00:40:58.240
 Und wir haben uns darüber unterhalten, ob der Browser denn das machen muss oder ob das das Framework machen muss oder wo das hingehört.

00:40:58.680 --> 00:41:01.920
 Und scheinbar wird es vielleicht einen neuen Webstandard geben dazu.

00:41:01.920 --> 00:41:04.160
 Du sagst, es ist tatsächlich schon implementiert in Firefox?

00:41:04.160 --> 00:41:05.140
 Hinter einem Flag, ja.

00:41:05.140 --> 00:41:06.840
 Ah, krass.

00:41:06.840 --> 00:41:12.120
 Ich markiere jetzt mal, dass ich den Can-I-Use-Link vielleicht noch reinpacke.

00:41:12.120 --> 00:41:13.760
 Jetzt haben wir noch gar nichts über Selbstständigkeit gesagt.

00:41:13.760 --> 00:41:18.500
 Ich glaube, ich fasse mal ganz kurz zusammen, um was es denn ging.

00:41:18.500 --> 00:41:20.200
 Also wir haben hier 48.

00:41:20.200 --> 00:41:25.820
 Also unsere Liste hier in den Show Notes ist ein bisschen kürzer, ganz dezent.

00:41:25.960 --> 00:41:33.800
 Also wir reden zum Beispiel über, redeten in der Folge zum Beispiel über Künstlersozialkasse, Rechnungsstellungen, Mehrwertsteuerumsatz, Steuerfreibeträge.

00:41:33.800 --> 00:41:35.820
 Ich glaube, es ist dann gar nicht akut geworden.

00:41:35.820 --> 00:41:38.200
 Ich habe ja damals gefragt aus einem bestimmten Anlass.

00:41:38.200 --> 00:41:42.640
 Ich habe aber dann am Ende gar keinen Auftrag gehabt, beziehungsweise habe dann gar nichts gemacht, selbstständig.

00:41:42.640 --> 00:41:44.400
 Aber das kommt ja vielleicht noch.

00:41:44.400 --> 00:41:50.940
 Mehrwertsteuer, ach so, das habe ich schon gesagt, Steuerberater, Gesellschaftsform, IHK-Mitgliedschaft.

00:41:51.380 --> 00:42:01.060
 Wer alles von einem Geld will, Stundensätze, Aufwände für Verwaltung, Timetracking, Preisverhandlungen, Kundengespräche, Akquise.

00:42:01.060 --> 00:42:02.740
 Ich lese hier einfach nur vor, aber ich glaube...

00:42:02.740 --> 00:42:07.460
 Also ich glaube, wir haben das Thema schon sehr gut abgedeckt.

00:42:07.460 --> 00:42:09.860
 Also wir haben, glaube ich, alles angesprochen, was halt...

00:42:09.860 --> 00:42:12.040
 Ich meine, mein Bruder und ich sind ja wirklich auch mittendrin.

00:42:12.600 --> 00:42:14.680
 Und deswegen konnten wir da, glaube ich, auch überall was dazu sagen.

00:42:14.680 --> 00:42:21.380
 Also wer vorhat, sich selbstständig zu machen, für den ist das, glaube ich, eine ganz gute Folge, um so ein bisschen zu sehen, was da so auf einen zukommt.

00:42:21.380 --> 00:42:23.680
 Also ich fand es mega.

00:42:23.680 --> 00:42:26.300
 Ich habe am Ende gedacht, ja, morgen geht es los.

00:42:26.300 --> 00:42:31.340
 Obwohl wir ja relativ negativ, wir müssen ja aufpassen, dass wir jetzt nicht total madig reden.

00:42:31.340 --> 00:42:35.400
 Wir haben ja viel, weil es halt auch wirklich viel Verantwortung ist und auch viel Blödsinn auf einen zukommt.

00:42:35.960 --> 00:42:42.480
 Aber an sich, gerade jetzt in der Pandemiezeit, ich habe es nur ansatzweise bereut.

00:42:42.480 --> 00:42:46.980
 Also falls ihr noch nicht gehört habt, ich meine, natürlich gilt das für alle Folgen.

00:42:46.980 --> 00:42:51.420
 Ihr sollt natürlich alle unsere Folgen hören, aber das ist auf jeden Fall eine der Highlights, würde ich sagen.

00:42:51.420 --> 00:42:53.500
 Tatsächlich.

00:42:53.500 --> 00:42:55.520
 Ja, freut mich.

00:42:55.520 --> 00:43:03.620
 Also für mich war die Folge ja, wie soll ich sagen, ich hatte Fragen und ich habe sie einfach gestellt.

00:43:04.400 --> 00:43:05.940
 Und ich wollte Antworten haben.

00:43:05.940 --> 00:43:09.660
 Für mich war das eine Goldgrube, weil ich, ja, habe ich absolut bekommen.

00:43:09.660 --> 00:43:10.440
 Es war super.

00:43:10.440 --> 00:43:15.160
 Es war für mich eine Goldgrube, weil ich jetzt, weil ich ganz viel über, ja, also im Prinzip,

00:43:15.160 --> 00:43:20.800
 was ich normalerweise euch bei einem Bierchen abends irgendwo gefragt hätte, so, ach Mensch,

00:43:20.800 --> 00:43:22.380
 ihr seid doch selbstständig, erzählt doch mal.

00:43:22.380 --> 00:43:24.280
 Das haben wir einfach in einen Podcast gegossen.

00:43:24.280 --> 00:43:31.220
 Und ich glaube wirklich, also wenn du, liebe HörerIn, dich selbstständig machen möchtest,

00:43:31.220 --> 00:43:33.020
 dann ist das auf jeden Fall ein sehr guter Startpunkt.

00:43:34.400 --> 00:43:35.380
 Haben wir aber eben schon gesagt.

00:43:35.380 --> 00:43:36.460
 Also, komm, weiter, oder?

00:43:36.460 --> 00:43:36.960
 Ja.

00:43:36.960 --> 00:43:45.340
 Ja, jetzt kommt die Folge, die du bei der Folgenvorstellung am Anfang quasi zitiert hast.

00:43:45.340 --> 00:43:48.180
 Moment, bei welcher sind wir denn jetzt?

00:43:48.180 --> 00:43:49.280
 Ich bin jetzt gerade bei 19.

00:43:49.280 --> 00:43:51.480
 Ja, Rückblick, Ausblick, Nitpick.

00:43:52.320 --> 00:43:53.800
 Die habe ich, was, die habe ich zitiert, was?

00:43:53.800 --> 00:43:54.860
 Ja, ganz, ganz am Anfang.

00:43:54.860 --> 00:43:56.480
 Ach so, ja.

00:43:56.480 --> 00:43:57.200
 Noch vor dem Intro.

00:43:57.200 --> 00:43:58.280
 Oh, meine Güte.

00:43:58.280 --> 00:44:00.180
 Die Temperatur des Hirnkocht.

00:44:00.180 --> 00:44:03.460
 Ja, Moment, aber vielleicht, muss ich jetzt gerade nochmal sagen, falls ihr das nicht hört

00:44:03.460 --> 00:44:06.540
 am Anfang, dann habe ich das Intro nochmal neu eingesprochen, weil es war wirklich schlecht.

00:44:06.540 --> 00:44:11.180
 Das war, das war wirklich total mies daneben.

00:44:11.180 --> 00:44:14.300
 Ich habe mir auch schon ein Post-it notiert, wo drauf steht Intro nochmal.

00:44:14.620 --> 00:44:16.580
 Nee, jetzt lassen wir es, jetzt lassen wir es extra so.

00:44:16.580 --> 00:44:18.960
 Nein, das ist, das ist furchtbar.

00:44:18.960 --> 00:44:20.800
 Nee, weil die Leute springen dann schon ab.

00:44:20.800 --> 00:44:22.860
 Moritz, wir schneiden nichts, Gießmann.

00:44:22.860 --> 00:44:27.760
 Ja, ich meine, wenn ich es ja sage, ich meine, das Intro, das kann man jetzt schon.

00:44:27.760 --> 00:44:28.940
 Also, genau.

00:44:28.940 --> 00:44:32.500
 Ihr wisst es jetzt einfach nicht, wenn ihr es hört, ob das Intro nochmal neu eingesprochen

00:44:32.500 --> 00:44:33.220
 wurde oder nicht.

00:44:34.360 --> 00:44:38.640
 Ihr könnt ja dann mal in die Kommentare schreiben und mal raten, das ist jetzt, ich bin so verwirrt,

00:44:38.640 --> 00:44:40.600
 wenn das Meeresrauschen ausgeht.

00:44:40.600 --> 00:44:41.520
 Es fehlt sofort was.

00:44:41.520 --> 00:44:43.540
 Ich habe mich so dran gewöhnt.

00:44:43.540 --> 00:44:47.600
 Und das ist echt, also ich glaube, ich war noch nie so entspannt bei der Podcast-Aufnahme.

00:44:47.600 --> 00:44:50.240
 Wahnsinn, das ist fast, man schläft fast ein dabei, gell?

00:44:50.240 --> 00:44:50.600
 Ja.

00:44:50.600 --> 00:44:53.160
 Und wir sind trotzdem eigentlich relativ schnell.

00:44:53.160 --> 00:44:55.300
 Also, wir kommen ganz.

00:44:55.300 --> 00:44:57.520
 Ich glaube, wir müssen das übernehmen.

00:44:57.520 --> 00:45:00.900
 Der Podcast mit Meeresrauschen.

00:45:00.900 --> 00:45:04.040
 Der Meeresrauschen-Podcast.

00:45:04.920 --> 00:45:10.520
 So, ähm, ja, aber was war denn in der Folge eigentlich?

00:45:10.520 --> 00:45:15.600
 Ja, wir haben, wir hatten auch schon mal einen Rückblick, aber keinen Rückblick jetzt so gezielt

00:45:15.600 --> 00:45:19.540
 über unsere Folgen, wie wir das jetzt machen, wie wir es auch beim ersten Staffelende gemacht

00:45:19.540 --> 00:45:21.600
 haben, sondern eigentlich so einen Rückblick über das Jahr.

00:45:21.600 --> 00:45:26.420
 Also, es war ein Jahresrückblick auf Webtechniken bezogen und haben mal geschaut, was hat sich denn

00:45:26.420 --> 00:45:29.360
 alles getan, in welchen Chrome-Versionen kam denn was dazu und so.

00:45:29.360 --> 00:45:31.900
 Aber es war auch ein Ausblick, wie man das an Silvester so macht.

00:45:31.980 --> 00:45:35.980
 Man schaut nicht nur zurück, man schaut auch aufs nächste Jahr und haben mal geguckt, was ist denn angekündigt

00:45:35.980 --> 00:45:37.600
 in den Browsern, was soll denn alles kommen.

00:45:38.220 --> 00:45:44.380
 Und, äh, ein Ausblick war zum Beispiel, ähm, diese Internationalization-API, das List-Format.

00:45:44.380 --> 00:45:47.700
 Da hieß es, das, äh, das soll irgendwie bald ausgebaut werden.

00:45:47.700 --> 00:45:52.580
 Und tatsächlich geht es jetzt auch in Safari 14, seit, wann ist der April, glaube ich, dieses

00:45:52.580 --> 00:45:53.260
 Jahr erschienen.

00:45:53.260 --> 00:45:54.480
 In Safari mal vorne.

00:45:55.100 --> 00:45:57.820
 Nee, nicht vorne, als letztes haben sie es implementiert.

00:45:57.820 --> 00:45:58.100
 Ach so, okay.

00:45:58.100 --> 00:46:01.360
 Ja, aber, aber es ist jetzt eben überall unterstützt.

00:46:01.360 --> 00:46:05.960
 Also dieses List-Format, das war, dass ich, äh, Area-Elemente formatieren kann zu einer Liste, die

00:46:05.960 --> 00:46:07.180
 auch wirklich gelocalized wird.

00:46:07.180 --> 00:46:10.760
 Also, je nachdem, äh, in Deutsch, Englisch, wie auch immer, ähm, ausgegeben wird.

00:46:11.020 --> 00:46:13.880
 Und, dass ich eben eine Und- oder eine Oder-Verknüpfung machen kann.

00:46:13.880 --> 00:46:20.440
 Also da stehen dann Area-Elemente eins, Komma, Elemente zwei, äh, oder Elemente drei.

00:46:20.440 --> 00:46:26.740
 Und, ähm, diese International, das ist nur ein Part von dieser Internationalization-API.

00:46:26.740 --> 00:46:29.720
 Ähm, das ist so ungefähr wie Spezifizität.

00:46:29.720 --> 00:46:35.440
 Und, äh, ja, da wird auch noch mehr kommen, denke ich.

00:46:35.440 --> 00:46:40.140
 Und da, da gibt es auch schon einiges, ähm, wenn man da mehrsprachige Inhalte mit pflegen

00:46:40.140 --> 00:46:41.340
 will, ja, super Sache.

00:46:41.340 --> 00:46:48.320
 Und, was du noch vorgestellt hast, auch in der Folge, war die Web-Neural-Network-API.

00:46:48.320 --> 00:46:51.300
 Da hab ich auch geschaut, da hat sich auch ein bisschen was getan, ja.

00:46:51.300 --> 00:46:52.220
 Heute sogar.

00:46:52.220 --> 00:46:55.100
 Der Draft ist heute geupdatet worden, 18. Juni steht hier, ja.

00:46:55.100 --> 00:46:56.620
 Genau, aber mehr konnte ich noch nicht rausfinden.

00:46:56.620 --> 00:46:58.740
 Ich hab versucht mal so zu gucken, wie weit sind wir denn da.

00:46:58.740 --> 00:46:59.740
 Ja, ich werde mich aufnehmen.

00:46:59.740 --> 00:47:00.800
 Oh, oh, oh.

00:47:00.800 --> 00:47:02.580
 Im Stream haben wir es ja schon gesagt.

00:47:02.580 --> 00:47:06.220
 Ähm, geht's denn auf Can I Use was dazu?

00:47:06.220 --> 00:47:07.940
 Äh, Neural.

00:47:09.600 --> 00:47:09.920
 Nee.

00:47:09.920 --> 00:47:12.840
 Web-NN.

00:47:12.840 --> 00:47:13.620
 Ja, ist auch nicht.

00:47:13.620 --> 00:47:18.720
 Der Draft, also wird aktiv dran gearbeitet, also da geht auf jeden Fall irgendwas voran.

00:47:18.720 --> 00:47:21.640
 Ähm, aber es gibt jetzt noch nichts zu sehen, auch nicht hinter dem Flag oder so.

00:47:21.640 --> 00:47:25.560
 Mir ist gerade YOLO aufgefallen.

00:47:25.560 --> 00:47:26.020
 YOLO?

00:47:26.540 --> 00:47:28.240
 Ja, weil das da genannt wird in dem Draft.

00:47:28.240 --> 00:47:30.060
 Könnt ihr ja mal gucken, was damit gemeint ist.

00:47:30.060 --> 00:47:31.660
 Clickbait, clickbait.

00:47:31.660 --> 00:47:36.020
 Da steht auf jeden Fall, in dem Draft steht auf jeden Fall YOLO drin.

00:47:36.020 --> 00:47:36.280
 Okay.

00:47:36.280 --> 00:47:39.780
 Und zwar so richtig, wie man das schreibt, so mit Großbuchstaben.

00:47:39.780 --> 00:47:43.000
 Ja, das ist nur so, nur so angemerkt.

00:47:45.460 --> 00:47:46.800
 Ach, das sind die Vögelein wieder.

00:47:46.800 --> 00:47:48.780
 Ja, ich hab gedacht so ein bisschen zwischenrein.

00:47:48.780 --> 00:47:49.840
 Wie schön.

00:47:49.840 --> 00:47:51.200
 So.

00:47:51.200 --> 00:47:52.920
 Nächste.

00:47:52.920 --> 00:47:53.800
 Nächste.

00:47:54.900 --> 00:47:58.540
 The Elder Scrolls, der alte Scroll, Folge Nummer 20.

00:47:58.540 --> 00:48:04.540
 Ähm, das war eine Folge, da ging's eigentlich in erster Linie, also unser Thema war Scrollen

00:48:04.540 --> 00:48:06.320
 und ganz viele verschiedene Eigenschaften.

00:48:06.320 --> 00:48:11.840
 Auch wieder so eine Spezialfolge eigentlich, spezialisiert, aber halt alles mögliche, also

00:48:11.840 --> 00:48:13.000
 viele Properties abgedeckt.

00:48:13.000 --> 00:48:15.740
 Da haben wir wirklich alles, was mit Scrollen zu tun hat, ne?

00:48:15.740 --> 00:48:19.780
 Und eine deiner berühmten, berüchtigten Demos.

00:48:19.780 --> 00:48:23.180
 Genau das war, das hab ich mir tatsächlich hervorgehoben.

00:48:23.380 --> 00:48:29.080
 Also unsere, die stylable Scrollbars, dass man mittlerweile jetzt laut Standard auch wieder

00:48:29.080 --> 00:48:34.500
 Scrollbars stylen kann, das ging ja früher mit dem Internet Explorer schon mal, da gab's

00:48:34.500 --> 00:48:39.440
 schon mal so ein Pseudo Internet Explorer CSS Standard und da gibt's jetzt wieder was Neues

00:48:39.440 --> 00:48:44.400
 und das geht auf jeden Fall in Webkit-Browsern und ich weiß nicht genau, oder Blink, ich weiß

00:48:44.400 --> 00:48:48.320
 nicht genau, wie sich's da mit Firefox mittlerweile verhält, auf jeden Fall gibt's da eine lustige

00:48:48.320 --> 00:48:52.860
 Demo, bei der wir gehört haben, dass es wäre doch Augenkrebs, das anzuschauen.

00:48:52.860 --> 00:48:54.520
 Ja, stimmt.

00:48:54.520 --> 00:48:58.360
 Also könnt ihr euch auf jeden Fall, die Demo ist auf jeden Fall sehenswert.

00:49:00.580 --> 00:49:08.360
 Und wir haben dann im Nachgang zu dieser Folge auch, scrollbar ist bei uns auf der Podcastseite, direkt an dem Abend noch, oder?

00:49:08.360 --> 00:49:11.040
 Wir hatten die Aufnahme beendet, haben uns dann direkt, glaube ich, noch zusammengesetzt.

00:49:11.260 --> 00:49:14.140
 Also remote und haben gebastelt, ja.

00:49:14.140 --> 00:49:20.200
 Und wir haben dann gegenseitig noch unseren Code überschrieben und deswegen hat's noch länger gedauert, weil wir am offenen Herzen in WordPress

00:49:20.200 --> 00:49:30.520
 Da operiert haben und wie man's halt so macht, aber am Ende ist was ganz okayes rausgekommen und ich finde, es ist tatsächlich nicht nervig, nicht anstrengend.

00:49:30.520 --> 00:49:32.040
 Man könnte es bestimmt noch besser machen.

00:49:32.040 --> 00:49:35.660
 Ich hab grad überlegt, ob's so was wie Hover gibt dafür, hab ich nämlich gar nicht nachgekriegt.

00:49:35.740 --> 00:49:39.000
 Das wäre nämlich tatsächlich noch nett, wenn man mit der Maus drüber geht und es dann eine andere Farbe kriegt.

00:49:39.000 --> 00:49:40.980
 Macht das der Browser nicht sogar selbst?

00:49:41.360 --> 00:49:43.680
 Nee, also meiner macht er auf jeden Fall nix.

00:49:43.680 --> 00:49:48.340
 Ja, und das war aber also eine der Eigenschaften, die wir besprochen haben.

00:49:48.340 --> 00:49:59.400
 Außerdem haben wir noch über Scroll Snapping gesprochen, also sowas, wo man zum Beispiel so eigene Art Seiten, die dann stehen bleiben und rein snappen beim Scrollen machen kann.

00:49:59.400 --> 00:50:06.820
 Oder Overflow Anchor und Scroll Behaviour Smooth, dazu kann ich noch was sagen.

00:50:06.820 --> 00:50:15.700
 Tatsächlich dann mit JavaScript kann man tatsächlich Elemente in den sichtbaren Bereich scrollen und da jetzt auch animieren und ja.

00:50:15.700 --> 00:50:18.280
 Was haben wir hier noch? Geilteile, Netscape.

00:50:18.280 --> 00:50:19.700
 Über VEAT habe ich gesprochen.

00:50:19.700 --> 00:50:21.620
 Ach so, VEAT, genau.

00:50:21.620 --> 00:50:27.060
 VEAT, das ich seitdem auch tatsächlich weiterhin genutzt habe und immer noch gut finde. Also es ist zackig.

00:50:27.060 --> 00:50:32.460
 Und bei dieser Folge lohnen sich auf jeden Fall die Shownotes, weil da ist ein sehr schönes Bild drin.

00:50:33.820 --> 00:50:41.680
 Das sagen wir jetzt einfach nicht mehr, das guckt ihr euch einfach an. Das ist nicht beschreibbar, das muss man gesehen haben.

00:50:41.680 --> 00:50:43.740
 Ja, sehr schön.

00:50:43.740 --> 00:50:52.520
 Wir lernen das noch mit dem Clickbait, das kriegen wir auch audiomäßig hin, merke ich gerade. Es lohnt sich. Es lohnt sich wirklich.

00:50:52.520 --> 00:50:54.700
 Bei diesem Bild habe ich geweint.

00:50:54.700 --> 00:50:56.420
 Bei diesem Bild habe ich geweint, genau.

00:50:57.240 --> 00:50:59.880
 Na, eigentlich hast du bei dem Bild geweint, wenn man sich so recht anguckt.

00:50:59.880 --> 00:51:07.580
 Stimmt, stimmt. Wenn man sich so recht anguckt, habe ich bei dem Bild geweint. Und wenn ihr jetzt noch nicht davon überzeugt seid, dass ihr es euch angucken sollt, dann überzeugt euch wahrscheinlich nicht.

00:51:07.580 --> 00:51:09.380
 Ach schon mal, in der nächsten Folge hatten wir auch nochmal ein Bild.

00:51:09.380 --> 00:51:16.360
 Stimmt, in der nächsten Folge haben wir auch nochmal ein Bild. Da lohnen sich die Shownotes auch. Wobei ich das Bild in Folge Nummer 20 besser finde, als das in Nummer 21.

00:51:16.360 --> 00:51:16.740
 Ja, das stimmt.

00:51:17.160 --> 00:51:22.680
 Mal gucken, ob die Klickzahlen jetzt hochgehen auf die Folge Nummer 20.

00:51:22.680 --> 00:51:27.500
 Ich hoffe doch, dass über die Sommerferien, über die Pause jetzt fleißig nachgehört wird.

00:51:27.500 --> 00:51:29.740
 Ja.

00:51:29.740 --> 00:51:34.560
 Bei der nächsten Folge, oder wolltest du zu der noch was sagen?

00:51:34.560 --> 00:51:37.080
 Nee, wir waren ja jetzt quasi schon mit dem Bild.

00:51:37.080 --> 00:51:52.480
 Folge Nummer 21, sieben Technikoffenbarungen im Wandel der Zeit, habe ich gesehen in unseren Statistiken, dass tatsächlich Leute wegen der Folgenbeschreibung uns bei der Suche gefunden haben.

00:51:52.480 --> 00:52:03.640
 Und das, weil die Folgenbeschreibung, die ist wirklich sehr merkwürdig, vor allem das Ende davon, also ich muss dazu sagen, das schreibe ich meistens sonntags mittags.

00:52:04.120 --> 00:52:09.580
 Und ich bin da immer in einem sehr komischen Zustand. Ich weiß nicht genau, was mit meinem Kopf passiert, wenn es heißt jetzt Folgenbeschreibung schreiben.

00:52:09.580 --> 00:52:15.480
 Da passieren immer sehr merkwürdige Dinge. Und da kommen komische Sachen dabei raus, wie zum Beispiel, was jetzt hier drin steht.

00:52:15.480 --> 00:52:20.620
 Und das ist tatsächlich auch ein Teil davon, von dem Satz, weshalb jemand uns bei der Google-Suche gefunden hat.

00:52:20.620 --> 00:52:29.540
 Eigentlich sollte der DAZN-Praktikant unseren Sendungstitel schreiben, aber wir wurden leider von seinem Wishpendant wild weggeflext. AMK.

00:52:29.540 --> 00:52:32.220
 Und wer hat uns da wieso gefunden?

00:52:32.920 --> 00:52:34.100
 Ja, wer, weiß ich nicht.

00:52:34.100 --> 00:52:35.920
 Ja gut, wer war eher der, aber ja.

00:52:35.920 --> 00:52:40.920
 Wegen dem Wish, wegen dem DAZN-Praktikant, ich weiß nicht, wie man es ausspricht, DAZN?

00:52:40.920 --> 00:52:43.520
 Ja, DAZN sprechen die sich, glaube ich, selber aus.

00:52:43.520 --> 00:52:45.060
 DAZN, genau.

00:52:45.680 --> 00:52:56.360
 Weil der, der hat da zu dem Zeitpunkt, als diese Folge rauskam, so ein bisschen Berühmtheit erlangt, weil er bei YouTube so Fußballclips, sage ich mal.

00:52:56.440 --> 00:53:01.180
 Ich glaube, bei DAZN kann man, da gibt es, glaube ich, auch Bundesliga zu schauen oder irgendwas, Fußball im Fernsehen auf jeden Fall.

00:53:02.900 --> 00:53:19.080
 Und der hat so Fußballclips mit lustigen, mehr oder weniger lustigen Beschreibungstexten versehen, die so ein bisschen für so einen Fernsehsender oder für so einen halbwegs seriösen Sender, der halt auch Fußball zeigt, eher ungewöhnlich waren, sage ich mal.

00:53:19.080 --> 00:53:22.580
 Also zum Beispiel Wild weggeflext, das stand da tatsächlich drin.

00:53:22.580 --> 00:53:31.340
 Also irgendjemand, irgendjemand hat, irgendein Spieler hat einen anderen wohl schlimm gefoult und der hat halt geschrieben, ja, Spieler A hat Spieler B Wild weggeflext.

00:53:31.340 --> 00:53:36.960
 Der hat so ein bisschen TikTok-Berühmtheit erlangt damit.

00:53:36.960 --> 00:53:43.340
 Ja, und ich weiß nicht, ob es jetzt immer noch so was in der Richtung gibt, aber das war einfach lustig und ich dachte mir, naja, so ein bisschen Popkultur aktuell.

00:53:43.340 --> 00:53:46.620
 Ja, und es lief auch ganz gut, ne? Die Folge lief, glaube ich, auch ganz gut.

00:53:46.620 --> 00:53:48.520
 Ja, wegen dieser Beschreibung.

00:53:48.520 --> 00:53:49.480
 Nein, weiß ich nicht.

00:53:49.480 --> 00:53:50.560
 Ja, wegen dem Clickbait-Titel.

00:53:50.560 --> 00:53:53.820
 Wir haben noch gar nicht gesagt, über was wir da gesprochen haben.

00:53:53.820 --> 00:53:57.320
 Ja, das war so ein bisschen Opa erzählt vom Krieg auch, ne?

00:53:57.320 --> 00:54:01.080
 Aber ich fand das selber eine sehr schöne Folge, so retrospektiv, ne?

00:54:01.080 --> 00:54:04.980
 Wir haben so ein bisschen in Erinnerung geschwellt, ja, wie du sagst, so die Web-Opa erst erzählen vom Krieg, ne?

00:54:04.980 --> 00:54:09.120
 Einfach mal so sich zurück zu versetzen in die Jugendzeit und, ne?

00:54:09.120 --> 00:54:17.960
 Dafür haben wir schon einen Satz, den wir immer mal wieder sagen, den wir genau dafür erfunden haben, nämlich Web-Opa Konstantin sitzt

00:54:17.960 --> 00:54:19.400
 am Windows und meckert.

00:54:19.400 --> 00:54:20.700
 Ja, genau.

00:54:23.000 --> 00:54:24.540
 Das muss immer mal wieder gesagt werden.

00:54:24.540 --> 00:54:28.960
 Das war einfach, das wird nicht schlecht für mich, das wird nicht alt, ich finde es jedes Mal wieder lustig.

00:54:28.960 --> 00:54:32.300
 Ja, ich bin ja auch bekennender Windows-User, also es passt einfach.

00:54:32.860 --> 00:54:33.460
 Ja, richtig.

00:54:33.460 --> 00:54:35.700
 Es ist einfach ein Traum.

00:54:35.700 --> 00:54:39.300
 Ja, zum Beispiel AOL-CDs.

00:54:39.300 --> 00:54:40.160
 AOL-CDs.

00:54:40.160 --> 00:54:41.140
 AOL-CDs gesprochen.

00:54:43.240 --> 00:54:49.560
 Abständigkeiten, Downloadgrößen, Speicherplatz, bunte Pixel auf dem Bildschirm, optische Mäuse und nicht-optische Mäuse.

00:54:49.560 --> 00:54:54.260
 Ich weiß, die meisten Leute kennen wahrscheinlich, oder viele von euch kennen vielleicht gar nicht nicht-optische Mäuse,

00:54:54.260 --> 00:54:56.720
 so eine mit so einer Kugel unten dran.

00:54:56.860 --> 00:54:58.180
 Gibt es das heute eigentlich noch?

00:54:58.180 --> 00:55:01.600
 Gibt es da Leute, die darauf schwören, das noch zu nutzen?

00:55:01.680 --> 00:55:13.220
 Also, mich würde es extrem wundern, wenn es nicht in Berlin-Mitte so ein paar Hipster gäbe, die nicht irgendwie, wo es einen Laden gibt, wo es nur verschiedene Mäuse gibt mit Kugel unten.

00:55:13.220 --> 00:55:15.620
 Mit Kugel, mit verschiedenen Gewichten und Mustern.

00:55:15.620 --> 00:55:17.240
 Ja, wahrscheinlich.

00:55:17.240 --> 00:55:21.280
 Und wer zwei kauft, kriegt einen Bartkamm dazu.

00:55:21.280 --> 00:55:22.900
 Oder so.

00:55:24.500 --> 00:55:32.060
 Ja, und hier noch, ja, drei DFX-Voodoo-Voodoo-Grafikkarten, lauter so altes Zeug.

00:55:32.060 --> 00:55:37.640
 Ach, da kamen echt, also in der Vorbereitung, da kamen so Erinnerungen hoch, also das war echt einfach, für mich war es echt schön.

00:55:37.640 --> 00:55:41.960
 Ja, und ich habe es kaputt gemacht, ich habe tatsächlich über Web-Techniken gesprochen noch.

00:55:41.960 --> 00:55:42.980
 Echt?

00:55:42.980 --> 00:55:45.040
 Ja, Border-Radios, Box-Shadow.

00:55:45.040 --> 00:55:54.040
 Border-Radios, Box-Shadow, sowas, also was jetzt heute alltäglich ist, wo wir uns damals vor, naja, sagen wir mal, über zehn Jahren

00:55:54.040 --> 00:55:56.980
 und irgendwie noch einen abgebrochen haben mit irgendwelchen Grafiken, um sowas zu machen.

00:55:56.980 --> 00:55:59.860
 Oder PNGs mit Alpha-Transparenz im EA6 und so.

00:55:59.860 --> 00:56:03.400
 Ist auf jeden Fall eine schöne Reise durch die Vergangenheit.

00:56:03.400 --> 00:56:05.400
 Ja.

00:56:05.400 --> 00:56:06.540
 Schönes Schlusswort.

00:56:06.540 --> 00:56:09.060
 Ja, das war extra dafür.

00:56:09.060 --> 00:56:12.540
 Folge Nummer 22.

00:56:12.540 --> 00:56:16.500
 SVG-Sprites und andere Icon-Artigkeiten.

00:56:16.500 --> 00:56:19.560
 Super Watchplay.

00:56:19.560 --> 00:56:23.360
 Und die guten Titel kriegen nie viel Klicks.

00:56:23.580 --> 00:56:29.580
 Weil ich finde den Titel wirklich, also da haben wir, da haben wir wirklich alles reingesteckt, was in uns steckt.

00:56:29.580 --> 00:56:30.860
 Haben wir uns mal wieder selbst übertroffen.

00:56:30.860 --> 00:56:33.140
 Wir haben alles Icon-Artigkeiten.

00:56:33.140 --> 00:56:35.700
 Komm, komm, weißt du was?

00:56:35.700 --> 00:56:37.500
 Wenn es sonst keiner tut.

00:56:40.600 --> 00:56:43.680
 Ja, also ich finde, das hat die Folge auf jeden Fall verdient.

00:56:43.680 --> 00:56:44.300
 Absolut.

00:56:44.300 --> 00:56:45.220
 Alleine wegen des Titels.

00:56:46.260 --> 00:56:50.260
 Mindestens, mindestens, mindestens das, wenn nicht sogar ...

00:56:50.260 --> 00:56:52.900
 Auch für das Wortspiel.

00:56:53.160 --> 00:56:58.720
 Ja, wir haben über Icon-Systeme gesprochen und über die Geschichte, wie sich das so entwickelt hat.

00:56:58.720 --> 00:57:07.580
 Und ich glaube auch generell über Sprites, nicht mal nur Icon-Sprites mit irgendwelchen Border-Radiuses und Gradients, was damals noch nicht ging.

00:57:08.080 --> 00:57:11.440
 Und eben wie so die Entwicklung war bis hin zu aktuellen Techniken und wie man das jetzt umsetzt.

00:57:11.440 --> 00:57:16.500
 Und dass man es jetzt gar nicht mehr braucht, weil jetzt, wo wir Gradients haben, sind Gradients out und Flat Design is in.

00:57:17.440 --> 00:57:22.960
 Und Icons nutzt man irgendwie auch anders, als man es früher unbedingt forcieren wollte.

00:57:22.960 --> 00:57:24.340
 Also ja.

00:57:24.340 --> 00:57:25.540
 Genau.

00:57:25.540 --> 00:57:31.440
 Es geht auch darum, wie man es jetzt heutzutage macht mit Icons oder, naja, was heißt, wie man es heutzutage macht.

00:57:31.440 --> 00:57:33.120
 Wie man es heutzutage machen könnte.

00:57:33.120 --> 00:57:34.660
 Wie man es heutzutage machen könnte.

00:57:34.660 --> 00:57:35.260
 Und nicht tut.

00:57:35.260 --> 00:57:37.600
 Und was wir finden, was elegante Möglichkeiten dafür sind.

00:57:37.600 --> 00:57:39.240
 Und dazu habe ich tatsächlich noch einen Nachtrag.

00:57:39.240 --> 00:57:43.300
 Ich wurde nämlich, ich glaube, das ist leider kein Kommentar gewesen.

00:57:43.300 --> 00:57:46.300
 An der Stelle nochmal, Stefan, wenn du das hörst.

00:57:47.060 --> 00:57:49.520
 Wir haben uns sehr über deine Kommentare gefreut.

00:57:49.520 --> 00:57:51.500
 Und das war aber ein manueller Kommentar.

00:57:51.500 --> 00:57:55.740
 Nämlich, es geht um die eigentlich am Ende von mir empfohlene Variante.

00:57:55.740 --> 00:58:02.320
 SVG Sprites mit Symbol und href und id und aber extern.

00:58:02.320 --> 00:58:10.360
 Also mit extern ist gemeint, dass ich das nicht im DOM liegen haben muss, sondern dass ich tatsächlich das von einer Datei laden kann.

00:58:10.360 --> 00:58:12.020
 Und da kam noch der Nachtrag.

00:58:12.020 --> 00:58:16.280
 Das geht aber nicht offenbar aus Security-Gründen.

00:58:16.340 --> 00:58:17.480
 Und ich habe es nicht getestet.

00:58:17.480 --> 00:58:19.780
 Ich habe das dann nur nochmal kurz recherchiert.

00:58:19.780 --> 00:58:21.100
 Und es scheint tatsächlich so zu sein.

00:58:21.100 --> 00:58:22.880
 Das geht nicht.

00:58:22.880 --> 00:58:26.720
 Also ein SVG Sprite extern hinlegen, wenn es auf einer anderen Domain liegt.

00:58:26.720 --> 00:58:28.920
 Das haben wir ja auch dann festgestellt im Nachgang.

00:58:28.920 --> 00:58:34.320
 Ich habe ja in der Retro von der darauffolgenden Folge, habe ich ja noch was vorgestellt, was wir dann gebastelt haben.

00:58:34.660 --> 00:58:37.820
 Und ich wollte das eigentlich als Code-Pen-Demo bauen und das ging einfach partout nicht.

00:58:37.820 --> 00:58:39.920
 Ich konnte diese SVG Sprites da nicht reinladen.

00:58:39.920 --> 00:58:46.400
 Und dementsprechend haben wir das dann auch tatsächlich auf einer HTML-Datei auf unserer Domain abgelegt, damit wir da die Grafik reinladen konnten.

00:58:46.420 --> 00:58:46.600
 Genau.

00:58:46.600 --> 00:58:49.600
 Also das sei vielleicht an der Stelle noch angemerkt.

00:58:50.180 --> 00:59:00.480
 Wo dieser, wer diesen Use-Case hat, also der Klassiker wäre, meine Grafiken liegen in einem CDN, also Content Delivery Network, irgendwie sowas wie Akamai oder so.

00:59:01.040 --> 00:59:09.260
 Dann kann ich das, also wenn mein SVG da liegen muss und ich es von da aus liefern muss, dann habe ich da eventuell ein Problem an der Stelle.

00:59:09.260 --> 00:59:12.100
 Ich weiß auch nicht, ob es dafür mittlerweile eine Lösung gibt.

00:59:12.100 --> 00:59:12.740
 Ich glaube nicht.

00:59:12.740 --> 00:59:17.400
 Ich dachte, ich hätte es dann auch ausprobiert mit Course-Headern entsprechend, die zu setzen.

00:59:17.400 --> 00:59:20.500
 Und auch das hatte irgendwie nicht funktioniert.

00:59:20.500 --> 00:59:23.100
 Also da scheint das irgendwie nochmal strikter geregelt zu sein.

00:59:23.100 --> 00:59:30.020
 Falls ihr da was wisst oder Stefan, falls du das hörst und du mittlerweile eine Lösung dafür gefunden hast oder wer auch immer.

00:59:31.040 --> 00:59:32.700
 Gerne in die Kommentare schreiben.

00:59:32.700 --> 00:59:35.980
 Und natürlich, überall die Glocke.

00:59:35.980 --> 00:59:38.020
 Ich wollte es einfach nur mal.

00:59:38.020 --> 00:59:40.440
 Ja, immer sehr beliebt, die Glocke.

00:59:40.440 --> 00:59:43.520
 Die Glocke ist sehr, da haben wir schon auch Ärger für bekommen.

00:59:43.520 --> 00:59:47.500
 So, wir müssen uns beeilen, mein Essen kommt mal.

00:59:47.500 --> 00:59:48.980
 Oh, okay, ganz schnell.

00:59:48.980 --> 00:59:50.260
 Nein, nein, da müssen wir nicht.

00:59:50.260 --> 00:59:55.020
 Ich muss dann vielleicht nur kurz unterbrechen, aber davon kriegt ihr ja nichts mit.

00:59:55.020 --> 00:59:56.920
 Ich erzähle dann einen Witz.

00:59:56.920 --> 01:00:00.440
 Genau, der Konstantin hat nämlich jetzt bei uns im Stream.

01:00:01.040 --> 01:00:02.740
 Vielleicht müssen wir das auch erklären, warum, ja.

01:00:02.740 --> 01:00:03.460
 Ja, genau.

01:00:03.460 --> 01:00:05.940
 Es gab öfter mal eben solche Stille, haben wir auch schon gesagt.

01:00:05.940 --> 01:00:07.140
 Und dann hieß es.

01:00:07.140 --> 01:00:10.360
 Ich habe irgendwas am Stream kaputt gemacht und musste es schnell reparieren.

01:00:10.360 --> 01:00:15.600
 Und habe dann immer aus Spaß nebenher gesagt, ja Konstantin, jetzt haben wir hier so lange Stille, erzähl doch mal einen Witz.

01:00:15.600 --> 01:00:17.460
 Und ich war natürlich nicht vorbereitet.

01:00:18.900 --> 01:00:20.600
 Aber jetzt, das hat sich geändert.

01:00:20.600 --> 01:00:25.500
 Ja, ich habe jetzt eine Liste mit schlechten Nerdwitzen.

01:00:25.500 --> 01:00:32.480
 Ja, also es hieß Nerdwitze, aber im Endeffekt sind das eher so Dadjokes oder wie sich ältere Menschen Nerdwitze vorstellen.

01:00:33.260 --> 01:00:36.780
 Also, weiß ich nicht, vielleicht können wir nochmal einen aufgreifen, den wir im Stream schon hatten.

01:00:36.780 --> 01:00:38.900
 Dieser eine war so schlecht.

01:00:38.900 --> 01:00:42.780
 Also wirklich so, es ist wirklich so doof, dass es also nicht mal zu einem Schmunzeln reicht.

01:00:42.780 --> 01:00:49.000
 Sowas wie, wird das Internet leichter, wenn ich da etwas herunterlade?

01:00:51.580 --> 01:00:51.940
 Hüstel.

01:00:51.940 --> 01:00:54.200
 Nee, man muss ab und zu mal was hochladen.

01:00:54.200 --> 01:00:54.960
 Hui.

01:00:54.960 --> 01:00:56.500
 Das wusste das Känguru schon.

01:00:56.500 --> 01:00:57.680
 Man muss ab und zu mal was hochladen.

01:00:57.680 --> 01:00:58.100
 Auf der Ebene.

01:00:58.100 --> 01:01:00.700
 Wenn man so viel runterlädt, dann ist das Internet leer.

01:01:00.700 --> 01:01:01.340
 Genau.

01:01:01.340 --> 01:01:02.660
 Wenn man nicht ab und zu mal was hochlädt.

01:01:02.660 --> 01:01:04.380
 Auf dieser Ebene bewegen sich die Witze.

01:01:04.380 --> 01:01:06.640
 Ich habe aber noch einen, pass auf, auf Englisch.

01:01:06.640 --> 01:01:11.000
 Also so, ist tatsächlich sogar auch von dem Twitter-Account Dadjokes.

01:01:11.000 --> 01:01:14.560
 Und zwar, ich weiß nicht, ob ich den schon mal erzählt habe.

01:01:14.560 --> 01:01:15.940
 Ich finde ihn großartig.

01:01:15.940 --> 01:01:17.460
 Das darf man eigentlich nicht vorher sagen.

01:01:17.460 --> 01:01:17.980
 Er ist hinterher.

01:01:17.980 --> 01:01:21.200
 A Slice of Apple Pie, also Slider of Englisch,

01:01:21.200 --> 01:01:24.660
 is a $2.50 in Jamaica and $3 in the Bahamas.

01:01:24.660 --> 01:01:27.600
 These are the Pie-Rates of the Caribbean.

01:01:27.600 --> 01:01:28.620
 Wow.

01:01:28.620 --> 01:01:32.120
 Hui.

01:01:32.120 --> 01:01:35.860
 Ja, ich, das ist, also, ich finde ihn gut.

01:01:35.860 --> 01:01:38.820
 Aber es ist oft so, dass ich Witze gut finde, die andere nicht gut finden.

01:01:38.820 --> 01:01:39.660
 Weißt du was?

01:01:39.660 --> 01:01:41.560
 Ist mir egal, solange ich meinen Spaß habe.

01:01:41.560 --> 01:01:45.820
 Also ihr könnt ja mal in die Kommentare schreiben, ob ihr den gut fandet.

01:01:45.820 --> 01:01:49.140
 Also, nur wenn ihr ihn gut fandet.

01:01:49.140 --> 01:01:50.700
 Ansonsten braucht ihr den nicht schreiben.

01:01:50.820 --> 01:01:54.720
 Weil, wenn ihr ihn blöd fandet, da, ihr habt ja von Bambi gelernt.

01:01:54.720 --> 01:01:59.260
 Also, if you don't have to say something nice, don't say nothing at all.

01:01:59.260 --> 01:02:02.400
 Ich weiß nicht, ob das exakt das richtige Zitat war, aber irgendwie sowas.

01:02:02.400 --> 01:02:04.340
 Genau, nur nette Sachen.

01:02:04.340 --> 01:02:05.820
 So wie dir.

01:02:05.820 --> 01:02:10.900
 Wenn wir was falsch gesagt haben, fachlich, aber über Witze, über Witzgeschmack lässt sich

01:02:10.900 --> 01:02:12.400
 nicht streiten, finde ich.

01:02:12.400 --> 01:02:14.520
 Da könnt ihr mich nicht überzeugen.

01:02:14.520 --> 01:02:16.920
 Was ist gelb und katt?

01:02:16.920 --> 01:02:17.320
 Nein.

01:02:17.320 --> 01:02:22.100
 Geh wir zur nächsten Folge, oder hast du noch was?

01:02:22.100 --> 01:02:22.300
 Ja, nee.

01:02:22.300 --> 01:02:25.440
 Was ist denn die nächste Folge?

01:02:25.440 --> 01:02:27.380
 23 ist es, glaube ich, ne?

01:02:27.380 --> 01:02:30.820
 Da haben wir es uns leicht gemacht und trotzdem 183 Minuten gefüllt.

01:02:31.280 --> 01:02:32.700
 Wo wir sind, das Wunschkonzert heißt sie.

01:02:32.700 --> 01:02:36.320
 Und die sagt überhaupt gar nichts aus, über das, was darin vorkommt.

01:02:37.060 --> 01:02:41.000
 Es geht um wünschenswerte, ich sag mal, Web-noch-Lichtstandards.

01:02:41.000 --> 01:02:45.000
 Also eben um Dinge, die noch nicht mal irgendwie als Draft rumliegen.

01:02:45.000 --> 01:02:50.240
 Oder, ja, eigentlich gar nicht mal um technische Drafts generell, sondern eher so um Dinge, warum

01:02:50.240 --> 01:02:52.000
 hat sich das eigentlich noch nicht durchgesetzt?

01:02:52.000 --> 01:02:56.540
 So Verhaltensweisen, Verfahrensweisen, Dinge zu tun.

01:02:56.540 --> 01:03:02.560
 Was hat man denn zum Beispiel, dass man sich immer noch mit einer E-Mail-Adresse registrieren

01:03:02.560 --> 01:03:06.780
 muss oft, obwohl viele Leute eigentlich keine E-Mail mehr nutzen, sondern eher irgendwelche

01:03:06.780 --> 01:03:12.340
 Instant-Messenger-Inzwischen, selbst im Business-Bereich ist das ja nicht unüblich, dass es da WhatsApp-Kanäle

01:03:12.340 --> 01:03:12.820
 gibt und so.

01:03:12.820 --> 01:03:17.300
 Two-Factor-Authentification, was immer noch viel zu wenig verbreitet ist.

01:03:17.300 --> 01:03:22.400
 Einheitliche UI auch von Input, Datetime und Select.

01:03:22.400 --> 01:03:24.960
 Grafikformate und so weiter.

01:03:24.960 --> 01:03:28.300
 Also einfach Dinge, wo man sich denkt, ja, warum gibt es denn da noch nichts?

01:03:28.300 --> 01:03:29.900
 Genau.

01:03:29.900 --> 01:03:32.540
 Ja, das ist eigentlich schon super zusammengefasst.

01:03:34.400 --> 01:03:38.040
 Wir hatten dann noch, warte mal, was sind denn die, was sind denn die Geilteile?

01:03:38.040 --> 01:03:39.580
 Da muss ich gerade nochmal auf die Links klicken.

01:03:40.040 --> 01:03:41.000
 Ad Nauseam.

01:03:41.000 --> 01:03:46.980
 Ja, das war irgendwas, das klingt, als wird einem schlecht, aber eigentlich geht es um Design,

01:03:46.980 --> 01:03:47.200
 oder?

01:03:47.200 --> 01:03:52.740
 Ah, nee, das war dieser Werbeblocker, der aber nicht blockt, sondern draufklickt.

01:03:52.740 --> 01:03:54.940
 Der alle Werbung, der auf jedes App draufklickt.

01:03:54.940 --> 01:03:56.440
 Und dadurch das Targeting kaputt macht.

01:03:56.440 --> 01:03:58.900
 Das habe ich gar nicht installiert.

01:03:58.900 --> 01:04:01.260
 Das sollte ich jetzt, das installiere ich jetzt im Augenblick.

01:04:01.360 --> 01:04:02.300
 Ja, das ist einfach zu gut.

01:04:02.300 --> 01:04:04.880
 So, genau.

01:04:04.880 --> 01:04:07.880
 Aber eigentlich, ja, viel mehr gibt es zu der Folge, glaube ich, nicht zu sagen.

01:04:07.880 --> 01:04:09.460
 Nee, ich glaube, da können wir schnell drüber.

01:04:09.460 --> 01:04:14.180
 So, und die nächste, die muss man im richtigen Rhythmus aussprechen, den nächsten Folgentitel.

01:04:14.180 --> 01:04:15.440
 Möchtest du oder soll ich?

01:04:15.440 --> 01:04:16.080
 Mach du.

01:04:16.080 --> 01:04:22.220
 Editor, IDE und CMD, UFO, SVG, Ojemine.

01:04:23.640 --> 01:04:25.740
 Auch wieder so eine Popkultur-Anspielung.

01:04:25.740 --> 01:04:30.160
 Popkultur-Anspielung, wer weiß, auf was wir da anspielen, der schreibt es mal in die

01:04:30.160 --> 01:04:31.960
 Kommt, ich sage es einfach zu oft.

01:04:31.960 --> 01:04:34.560
 Weil es bringt ja gar nichts.

01:04:34.560 --> 01:04:36.620
 Wir wissen ja, dass es gar nichts bringt, wenn wir das sagen.

01:04:36.620 --> 01:04:36.780
 Nee.

01:04:36.780 --> 01:04:39.500
 Und jetzt versuchen wir es noch mit umgekehrter Psychologie.

01:04:39.500 --> 01:04:45.580
 Aber wenn wir Sachen falsch aussprechen, habe ich jetzt schon gemerkt, das kommt dann

01:04:45.580 --> 01:04:46.320
 tatsächlich zurück.

01:04:46.320 --> 01:04:47.220
 Ach so.

01:04:47.220 --> 01:04:48.840
 Also hier Chris Coyer.

01:04:48.840 --> 01:04:50.560
 Oh ja.

01:04:50.560 --> 01:04:51.320
 Nicht Coyer.

01:04:51.320 --> 01:04:51.680
 Stimmt.

01:04:51.680 --> 01:04:53.320
 Chris Coyer.

01:04:53.320 --> 01:04:57.320
 Und gerade auf die letzte Folge oder so kam auch wieder irgendwie ein Kommentar, weil wir

01:04:57.320 --> 01:04:58.440
 wieder was falsch gesagt haben.

01:04:58.440 --> 01:04:59.580
 Ja, da hast du was falsch gesagt.

01:04:59.580 --> 01:05:01.600
 Ausnahmsweise hast du mir was falsch gesagt.

01:05:01.600 --> 01:05:03.680
 Obwohl ich ja sonst die Sprachpolizei bin, ne?

01:05:03.680 --> 01:05:04.080
 Ja.

01:05:04.080 --> 01:05:06.820
 Ja, ich habe das aufgegeben.

01:05:06.820 --> 01:05:09.560
 Ich bin jetzt in der Dead-Joke-Sektion.

01:05:09.560 --> 01:05:12.540
 Da darf man dann alles, glaube ich.

01:05:12.540 --> 01:05:14.180
 So.

01:05:14.180 --> 01:05:15.540
 Und was ging es denn?

01:05:15.540 --> 01:05:15.780
 Ja, was haben wir da gemacht?

01:05:15.780 --> 01:05:16.580
 Erzähl doch mal.

01:05:16.580 --> 01:05:20.760
 Ja, wir haben über unsere Editoren gesprochen, was für Editoren wir früher verwendet haben,

01:05:20.760 --> 01:05:22.760
 was wir jetzt verwenden und welche Extensions.

01:05:23.000 --> 01:05:24.200
 Extensions wir da verwenden.

01:05:24.200 --> 01:05:26.900
 Und naja, Extensions, da kann man vielleicht rauslesen.

01:05:26.900 --> 01:05:30.000
 Es muss ein Editor sein, der Extensions zulässt.

01:05:30.000 --> 01:05:30.820
 Ich glaube, das kann auch nicht.

01:05:30.820 --> 01:05:33.140
 Mittlerweile wahrscheinlich jeder, aber früher konnte das nicht jeder.

01:05:33.140 --> 01:05:39.440
 Und wir sind beide, kann man mal kurz vorweg nehmen, bei VS Code gelandet und haben da

01:05:39.440 --> 01:05:44.200
 auch lange Listen an Extensions, die wir verwenden und sehr schätzen und mögen.

01:05:44.200 --> 01:05:57.520
 Und auf jeden Fall mal reinhören, wenn ihr was braucht oder wenn ihr Anregungen haben wollt, was man denn so an Extensions installieren kann in VS Code oder warum VS Code ein guter Editor ist.

01:05:57.520 --> 01:06:05.000
 Oder auch, falls ihr euch interessiert, was wir früher so verwendet haben, weil da ist auch einige, auch so ein bisschen, ja, wir erzählen immer so ein bisschen vom Krieg.

01:06:07.920 --> 01:06:08.840
 Genau, so.

01:06:08.840 --> 01:06:09.840
 Was haben wir da noch?

01:06:09.840 --> 01:06:12.480
 Ah, und als Geilteil war damals Gather Town.

01:06:12.480 --> 01:06:16.620
 Ein Tool, das ich jetzt tatsächlich bei einer Konferenz im Einsatz gesehen habe.

01:06:16.620 --> 01:06:17.120
 Ah ja, okay.

01:06:18.120 --> 01:06:22.340
 Ich habe es da nur zum Test nochmal benutzt, um zu sehen, wie diese Welt aussieht.

01:06:22.340 --> 01:06:31.060
 Die Gather Town, ganz kurz, ist so ein, wie soll ich sagen, wer Zelda kennt, der kennt auch so das Layout von Gather Town, also die alten Zelda-Spiele.

01:06:31.060 --> 01:06:41.180
 Es ist so Pixel, Pixelgrafik, isometrische Ansichten, ne, isometrisches nicht, es ist von oben, aber es ist 2,5D, glaube ich.

01:06:41.180 --> 01:06:41.480
 Egal.

01:06:42.120 --> 01:06:46.820
 Man steuert so ein kleines Pixelmännchen durch eine Welt und kann aber das mit anderen gemeinsam machen.

01:06:46.820 --> 01:06:57.040
 Und das wird tatsächlich teilweise auch für Meetings und sowas verwendet, weil wenn man jemandem anderen näher kommt, dann kann man sich per Webcam sehen und mit den Leuten austauschen.

01:06:57.040 --> 01:06:59.820
 Also alle, die in einem bestimmten Bereich sind, können miteinander reden.

01:06:59.820 --> 01:07:08.120
 Ist im Prinzip so eine Art Community-Event-Meeting-Ersatz, wenn man tatsächlich auch mal in kleine Gruppen irgendwie sich verteilen will.

01:07:08.120 --> 01:07:20.860
 Also ich weiß nicht, bei Teams, vielleicht kennt ihr eine oder andere Breakout-Rooms, da kann man dann einfach in eine Ecke von diesem Pixel-Spielraum gehen und dann alle, die da in dieser Ecke stehen oder an einem bestimmten Tisch sitzen sozusagen, können dann miteinander reden.

01:07:20.860 --> 01:07:25.640
 Das ist ganz nett und man kann auch eigene Level bauen und ja, ist einfach eine coole Sache.

01:07:25.780 --> 01:07:33.520
 Und ich würde, wir wollten, wollten wir nicht mal, doch, das wollten wir, das haben wir in der Folge mal gesagt, wir wollten mal ein HörerInnen-Treffen machen.

01:07:33.520 --> 01:07:34.100
 Stimmt, ja.

01:07:34.100 --> 01:07:34.980
 In Gather Town.

01:07:34.980 --> 01:07:36.780
 Das sollten wir noch tun.

01:07:36.780 --> 01:07:38.100
 Das sollten wir tatsächlich tun, ja.

01:07:38.100 --> 01:07:41.480
 Also auch wenn wir streamen, sollten wir das trotzdem mal machen.

01:07:41.480 --> 01:07:50.260
 Ja, vielleicht war auch das Streamen halt einfach nicht jedermanns Sache ist, aber so ein HörerInnen-Treffen vielleicht trotzdem gerne angenommen wird.

01:07:50.260 --> 01:07:55.220
 Und da wir das aktuell immer noch nicht in live machen wollen, wäre das tatsächlich eine gute Sache.

01:07:55.220 --> 01:07:57.020
 Das sollten wir im Hinterkopf behalten.

01:07:57.020 --> 01:08:01.440
 Vielleicht steigen wir damit irgendwie dann zum Beginn der nächsten Staffel mit ein.

01:08:02.320 --> 01:08:06.940
 Ja, also das fiel mir jetzt gerade wieder ein und ich hätte echt Bock drauf, weil ich finde auch dieses Tool geil.

01:08:06.940 --> 01:08:12.340
 Ich habe es bisher nur, ich habe es noch nie produktiv eingesetzt, wenn man es so sagen kann, sondern immer nur getestet.

01:08:12.340 --> 01:08:14.160
 Und ich fand es einfach, es macht einfach Spaß.

01:08:14.160 --> 01:08:23.700
 Man kann auch eigene Levels sozusagen bauen oder so eigene, kann da eigene, ja, ich weiß gar nicht, wie man das nennt, eine eigene Welt kann man sich tatsächlich da zusammenstricken.

01:08:23.700 --> 01:08:26.840
 Und man kann sogar Spiele da drin spielen, gemeinsam dann.

01:08:26.840 --> 01:08:28.280
 Also es ist echt eine coole Sache.

01:08:28.280 --> 01:08:30.500
 Ja.

01:08:30.500 --> 01:08:37.160
 Genau, ansonsten haben wir, glaube ich, alles gesagt, unsere Configs, unsere Themes, Coding-Fonts hatten wir auch so am Rande.

01:08:37.160 --> 01:08:41.260
 Extensions haben wir ganz viel darüber erzählt, was wir so nutzen.

01:08:41.260 --> 01:08:44.620
 Ich glaube, damit ist die Folge eigentlich auch zusammengefasst.

01:08:44.620 --> 01:08:45.120
 Ja.

01:08:45.120 --> 01:08:49.160
 Jetzt kommt die Folge, wo Konstantins PC kaputt gegangen ist.

01:08:50.300 --> 01:08:53.300
 Nicht während der Folge, ne, davor schon.

01:08:53.300 --> 01:08:54.600
 Zum Glück vorher.

01:08:54.600 --> 01:08:54.960
 Ja.

01:08:54.960 --> 01:08:56.160
 Zum Glück.

01:08:56.160 --> 01:08:57.780
 Ja, und auch wieder eine Folge mit Gast.

01:08:57.780 --> 01:09:00.820
 Was könnten wir?

01:09:00.820 --> 01:09:04.340
 Ich wollte nur gerade ausrechnen, wie lange dein PC jetzt schon kaputt ist.

01:09:04.340 --> 01:09:05.080
 Ach so, ja.

01:09:05.080 --> 01:09:09.140
 Witzigerweise auch am 18.

01:09:09.140 --> 01:09:12.140
 Ja, 18.04. war schon kaputt und jetzt ist der 18.06.

01:09:12.140 --> 01:09:16.760
 Seit zwei Monaten ist Konstantins PC kaputt.

01:09:16.760 --> 01:09:19.120
 Ja, ich lebe die Prokrastination.

01:09:19.120 --> 01:09:23.000
 Aber jetzt sind die Zahlen ja so, dass ich mich auch in die Stadt traue.

01:09:23.000 --> 01:09:25.720
 Jetzt ganz bald TM.

01:09:25.720 --> 01:09:28.580
 Ich habe schon überlegt, ob ich dir Teile vorbeibringen soll.

01:09:28.580 --> 01:09:32.620
 Ich muss ja nur wissen, ob es das Mainboard ist oder ob es die CPU ist.

01:09:32.620 --> 01:09:36.000
 Dann weiß ich ja, was ich ersetzen muss und was ich wieder einbauen muss.

01:09:36.000 --> 01:09:37.100
 Das ist ganz einfach.

01:09:37.100 --> 01:09:39.000
 Du gehst auf apple.de.

01:09:39.000 --> 01:09:42.880
 Ich ziehe die Kopfhörer ab, damit ich mir die Finger in die Ohren stecken kann.

01:09:42.880 --> 01:09:43.900
 La, la, la, la, la.

01:09:45.760 --> 01:09:47.940
 Du brauchst gar nicht nachgucken, was da kaputt ist.

01:09:47.940 --> 01:09:49.180
 Egal.

01:09:49.180 --> 01:09:50.640
 Also, da ging es.

01:09:50.640 --> 01:09:53.960
 Die Folge heißt Oh Gitt, Oh Gott mit Michael von Engelshofen.

01:09:53.960 --> 01:09:55.460
 Der Gittgott.

01:09:55.460 --> 01:09:57.040
 Auch wenn er es nicht gerne hört.

01:09:57.040 --> 01:09:58.380
 Der Gittgott.

01:09:58.380 --> 01:10:00.260
 Gittmissionar hat er, glaube ich.

01:10:00.260 --> 01:10:01.520
 Und Gittversteher.

01:10:01.520 --> 01:10:02.960
 Gittversteher.

01:10:03.640 --> 01:10:07.120
 Hat unsere Gittwissenslücken gefüllt und da wurde uns auch zugetragen, dass diese Folge

01:10:07.120 --> 01:10:09.960
 eine sehr hohe Informationsdichte hat und man sie mehrfach hören muss.

01:10:09.960 --> 01:10:16.380
 Ich würde sogar sagen, damit ich alles verstehe, was wir da drin gesagt haben und erklärt

01:10:16.380 --> 01:10:18.380
 bekommen haben, müsste ich sie auch noch fünfmal hören.

01:10:18.380 --> 01:10:19.740
 Bin ich ganz ehrlich.

01:10:19.980 --> 01:10:21.740
 Aber es ist echt einiges klarer geworden.

01:10:21.740 --> 01:10:24.400
 Also, ich fühle mich jetzt ein bisschen sicherer im Umgang.

01:10:24.400 --> 01:10:29.280
 Ja, also, ich weiß nicht, ob wir jetzt da groß zusammenfassen müssen.

01:10:29.280 --> 01:10:30.740
 Es geht schon relativ in die Tiefe.

01:10:30.740 --> 01:10:31.360
 Nee, es ist schon sehr tiefer.

01:10:31.420 --> 01:10:36.060
 Es ist kein, das kann ich an der Stelle schon mal sagen, es ist kein Gitt-Beginners-Tutorial,

01:10:36.060 --> 01:10:43.140
 sondern wir haben den Michael gelöchert mit unseren Problemen, die wir schon mit Gitt hatten.

01:10:43.140 --> 01:10:48.140
 Ja, wobei Michael selbst aber trotzdem von Anfang an so mit auf Grundkonzepte und alles

01:10:48.140 --> 01:10:50.400
 eingegangen ist, auch technisch, wie das eigentlich im Hintergrund funktioniert.

01:10:50.400 --> 01:10:53.700
 Also, ich glaube, auch als Anfänger nimmt man auf jeden Fall was mit.

01:10:53.700 --> 01:10:54.640
 So.

01:10:54.640 --> 01:10:56.200
 So, jetzt ist der Moritz weg gleich.

01:10:56.200 --> 01:10:57.320
 Ich bin kurz weg.

01:10:57.320 --> 01:11:00.680
 Ich erzähle mal einen schlechten Witz.

01:11:00.680 --> 01:11:03.300
 Ich erzähle ihn dann auch nochmal zweimal für den Moritz auch nochmal.

01:11:03.300 --> 01:11:04.680
 Welchen nehmen wir denn?

01:11:04.680 --> 01:11:09.880
 Wie viele Softwareentwickler braucht man, um eine Glühbirne auszuwechseln?

01:11:09.880 --> 01:11:10.900
 Keinen.

01:11:10.900 --> 01:11:12.940
 Es ist ein Hardware-Problem.

01:11:12.940 --> 01:11:15.720
 Ja.

01:11:15.720 --> 01:11:18.340
 Ich habe ja gesagt, die sind schlecht.

01:11:18.340 --> 01:11:19.700
 Die sind sehr schlecht.

01:11:19.700 --> 01:11:25.560
 Während Moritz da am Rödeln ist, was haben wir noch?

01:11:27.480 --> 01:11:31.020
 Wie nennt man die Verbindung eines Apple-Gerätes mit einem PC?

01:11:32.960 --> 01:11:38.060
 Oh, du hast einen Witz gemacht, den ich gar nicht mitgekriegt habe.

01:11:38.160 --> 01:11:39.620
 Ja, du hast zwei nicht mitbekommen.

01:11:39.620 --> 01:11:51.020
 Also, ich, äh, die sind wirklich so, also ich sage, das ist so, wie sich, also, ne, wie sich so zwei ältere Herren, sag ich jetzt einfach mal, äh, unterhalten, so, ho, ho, ho, ho, ho, das Internet ist alles Neuland.

01:11:51.220 --> 01:11:52.320
 Äh, äh, so sind diese Witze.

01:11:52.320 --> 01:11:54.480
 Aber das, äh, wurde als Nerd-Witze bezeichnet.

01:11:54.480 --> 01:11:58.140
 Ich glaube nur, dass von uns Nerds, äh, da irgendwie keiner so drüber lachen kann.

01:11:58.140 --> 01:12:00.640
 Also, ich, ich erzähle es dir auch nochmal, ähm.

01:12:00.640 --> 01:12:01.180
 Sehr gerne.

01:12:01.180 --> 01:12:04.500
 Äh, wie viele Softwareentwickler braucht man, um eine Glühbirne auszuwechseln?

01:12:04.500 --> 01:12:06.900
 Ähm.

01:12:06.900 --> 01:12:07.300
 Keinen.

01:12:07.300 --> 01:12:08.100
 Das ist ein Hardware-Problem.

01:12:09.760 --> 01:12:11.460
 Du lach, du lachst da tatsächlich drüber.

01:12:11.460 --> 01:12:12.080
 Okay.

01:12:12.080 --> 01:12:12.880
 Äh.

01:12:12.880 --> 01:12:17.580
 Ich weiß nicht, vielleicht geht's am Bier, aber ich fand den jetzt gar nicht so schlecht.

01:12:17.580 --> 01:12:17.880
 Okay.

01:12:17.880 --> 01:12:20.720
 Aber du weißt, du weißt ja, ich lache über andere Witze als du, das haben wir vorhin schon gemerkt.

01:12:20.720 --> 01:12:22.320
 Ja, das stimmt, das stimmt. Ist ja auch okay, ne?

01:12:22.320 --> 01:12:26.960
 Ähm, und, und der zweite war dann, wie nennt man die Verbindung eines Apple-Geräts mit einem PC?

01:12:26.960 --> 01:12:28.920
 Veräppeln.

01:12:28.920 --> 01:12:30.060
 Ja.

01:12:30.060 --> 01:12:30.560
 Ja.

01:12:30.560 --> 01:12:33.360
 Ich muss jetzt leider schon anfangen zu essen, sonst wenn die Pommes kalt.

01:12:33.360 --> 01:12:34.720
 Ja, ja, na klar, das will ja keiner.

01:12:34.720 --> 01:12:36.460
 Das müsst ihr jetzt, müsst ihr jetzt aushalten.

01:12:36.460 --> 01:12:37.320
 Mhm, ASMR.

01:12:39.200 --> 01:12:41.760
 Aber ASMR mit Meeresrauschen.

01:12:41.760 --> 01:12:43.020
 Hm.

01:12:43.020 --> 01:12:45.840
 Dann hört man auch das, dann hört man das Schmatzen noch nicht mehr so.

01:12:45.840 --> 01:12:49.760
 Also, ähm, zur Git-Folge.

01:12:49.760 --> 01:12:56.940
 Hab ich noch zwei, ähm, kurze Anmerkungen, oder zwei, zwei Teaser, zwei, zwei Appetittäppchen.

01:12:56.940 --> 01:13:03.900
 Falls ihr euch für Git interessiert, sag ich euch jetzt zwei Git-Befehle und falls ihr die nicht kennt, dann solltet ihr die Folge hören.

01:13:03.900 --> 01:13:08.540
 Und zwar Git Rerere und Git Bissect.

01:13:08.640 --> 01:13:10.260
 So, fertig.

01:13:10.260 --> 01:13:11.320
 Fertig.

01:13:11.320 --> 01:13:11.880
 Gut.

01:13:11.880 --> 01:13:17.760
 Ja, da hatten wir es auch in der Folge drauf, dann glaube ich nochmal, ne, aber das, äh, drehen wir jetzt nicht nochmal breit.

01:13:20.000 --> 01:13:24.520
 Okay, dann sind wir schon bei der drittletzten, ne, Folge Nummer 26.

01:13:24.520 --> 01:13:27.540
 Schrei aus von der Rückbühne.

01:13:27.540 --> 01:13:29.420
 Ja.

01:13:29.420 --> 01:13:32.480
 Also, äh, Shoutout from the Backstage.

01:13:32.480 --> 01:13:33.640
 Vielleicht muss man es mal auflösen.

01:13:33.640 --> 01:13:36.840
 Ich weiß nicht, ob wir, das hat sich so aus der Folge heraus entwickelt.

01:13:37.420 --> 01:13:41.240
 Ja, manchmal, manchmal muss man sich schon selber sehr wundern.

01:13:41.800 --> 01:13:44.080
 Manchmal geht irgendwas mit uns durch.

01:13:44.080 --> 01:13:51.080
 Wir wissen auch nicht genau was, aber, also, ich glaube, das höre ich heute irgendwie noch den ganzen Abend.

01:13:51.320 --> 01:13:53.060
 Das Meeresrauschen, unglaublich, ja.

01:13:53.060 --> 01:13:53.500
 Ja.

01:13:53.500 --> 01:13:56.260
 Ja, was haben wir da gemacht?

01:13:56.260 --> 01:14:01.660
 Wir haben ein bisschen, äh, eben Backstage berichtet, wie so eine Folge entsteht und auch so unseren Software-Stack.

01:14:01.660 --> 01:14:09.620
 Äh, einfach vielleicht, weil, weil es hoffentlich auch der eine oder andere interessant fand oder vielleicht selber vorhat, äh, einen Podcast zu gründen.

01:14:10.160 --> 01:14:15.960
 Und, äh, wir wollten auch ein bisschen so die Angst nehmen, so, was muss man denn da alles wissen und können und, und was braucht man denn da?

01:14:15.960 --> 01:14:21.480
 Und, äh, ja, ich glaube, ach viel mehr müssen wir über die Folge gar nicht sagen oder hatten wir noch irgendwas Spannendes.

01:14:21.480 --> 01:14:26.300
 Da haben wir viel zu viel verraten, ähm, was unser Betriebsgeheimnis eigentlich sein sollte.

01:14:26.300 --> 01:14:27.340
 Wir sollten ja eigentlich wieder offline.

01:14:27.340 --> 01:14:37.380
 Gut, das ist, das ist eine Geilteil vielleicht, ne, die MIT Missing Semester, ne, wo man so kostenlose Online-Semester vom, vom MIT bekommt.

01:14:37.380 --> 01:14:46.980
 Also wirklich so zu grundlegenden Dingen, auch zu Editoren, wie wir es ja auch schon hatten, ähm, aber auch, ja, Shell-Tools und Scripting, Version-Control, auch nochmal Git aufgegriffen.

01:14:46.980 --> 01:14:53.980
 Aber halt wirklich so auf Universitätsniveau und das Ganze kostenlos, ähm, Security und Cryptography sogar, also.

01:14:53.980 --> 01:14:59.440
 Aber keine Angst vor Universitätsniveau, ähm, es ist durchaus so, dass man's, dass man's verstehen kann.

01:14:59.440 --> 01:15:06.440
 Genau, also wenn man jetzt nicht irgendwie komplett gar nichts mit Computern am Hut hat, dann, dann ist das echt verständlich erklärt.

01:15:07.380 --> 01:15:18.480
 Gut, dann die vorletzte, VS Code and Edge DevTools mit Chris Heilmann, äh, unser hochkarätigster Gast, würde ich mal sagen.

01:15:18.480 --> 01:15:21.260
 Also ohne jetzt die anderen irgendwie kleinreden, wir haben alle Gäste lieb.

01:15:21.260 --> 01:15:22.980
 Die waren alle super.

01:15:22.980 --> 01:15:30.120
 Die waren alle super, aber, aber Chris hat halt schon, also, ne, er ist halt wirklich ein Web-Opa, ne, also wenn wir das so über uns sagen, ist das eigentlich fast schon ein bisschen überheblich.

01:15:30.120 --> 01:15:33.280
 Und im Vergleich dazu, der hat ja wirklich, der hat ja schon alles mitgemacht.

01:15:33.280 --> 01:15:42.320
 Der kann wirklich von, von den Browser-Wars erzählen und, äh, und, ja, unglaubliches Wissen einfach, unglaubliche Erfahrung einfach in sich, äh, versammelt.

01:15:42.500 --> 01:15:50.720
 Auch durch, äh, durch seine, durch seinen Werdegang bei verschiedenen, auch großen, bekannten Firmen, ähm, viel zu erzählen gehabt, viel Interessantes auch für uns.

01:15:50.720 --> 01:16:02.340
 Und, äh, was ich zum Beispiel mitgenommen hab, ist die VS Code Extension Error Lens, äh, die, so wie Git Lens, da inline, also wirklich in der Zeile Informationen einbindet, einblendet.

01:16:02.600 --> 01:16:04.980
 Ich bin gerade heute noch in den Wahnsinn getrieben, aber total gut.

01:16:04.980 --> 01:16:18.880
 Okay, und, und Error Lens zeigt eben diese Errors, die man, äh, die man kennt aus dem, aus dem Bereich unten, wo man sich die anzeigen lassen kann, äh, also unter Problems, ähm, die zeigt ja wirklich inline an und auch in rot, richtig fett, sodass man die nicht übersehen kann.

01:16:19.120 --> 01:16:28.500
 Und, äh, und das ist einfach schön, dann wirklich direkt zu sehen, okay, da ist jetzt was, worauf ich mich, äh, konzentrieren muss, ist dann auch entsprechend rot rechts in diesem, äh, in diesem, äh, Scroll-Vorschau, äh, Bereich.

01:16:28.500 --> 01:16:33.780
 Und, äh, die hab ich jetzt wirklich jetzt im Einsatz und, und freu mich immer, wie gut das funktioniert.

01:16:33.780 --> 01:16:41.840
 Ja, die meisten Errors, die ich davon habe, sind, ähm, von meiner anderen Extension, die ich vielleicht noch an der Stelle sagen kann, die auch von Microsoft ist, ähm, Webhint.

01:16:41.840 --> 01:16:43.060
 Ja, genau.

01:16:43.060 --> 01:17:01.180
 Das gibt einem sehr viel interessante Infos, ähm, ich hab so, ich würde mir wünschen, dass es richtig funktioniert mit, ähm, Browser-List, weil, ähm, ich da so Meldungen krieg, wie, ähm, naja, das wird dem I eh nicht unterstützt, und ich denk mir so, den unterstütz ich eh nicht, ähm, das, das ist, find ich, bisschen nervig dran.

01:17:01.180 --> 01:17:12.780
 Das ist witzig, weil ich genau diese Erfahrung auch, jetzt gerade erst letzte Woche oder diese Woche vielleicht sogar, genau das gleiche hatte, also, Webhint und dann irgendwie so, oh, die CSS-Eigenschaft, äh, die unterstützt aber, äh, der Edge erst ab so und so viel.

01:17:12.860 --> 01:17:16.320
 Und ich mir dachte, naja, ist ja schön, aber, äh, ist mir in dem Fall egal.

01:17:16.320 --> 01:17:20.420
 Also, eigentlich gibt's für sowas Browser-List, für Leute, die das nicht kennen.

01:17:20.420 --> 01:17:20.640
 Genau.

01:17:20.640 --> 01:17:31.120
 Ähm, aber das funktioniert irgendwie bei mir zumindest, also, ich hab die Browser-List in dem Projekt, ähm, in der Package-Chasen, das ist ein definierter Ort dafür, funktioniert aber irgendwie nicht.

01:17:31.120 --> 01:17:39.540
 Also, oder wird von, von, entweder von Webhint oder eben von dem, ähm, ähm, wie heißt's denn, Inland, dings da, Error-Lens, ja.

01:17:39.540 --> 01:17:41.620
 Vielleicht unterstützen die das gar nicht.

01:17:42.660 --> 01:17:44.100
 Die Browser-List, oder wird das angegeben?

01:17:44.100 --> 01:17:45.580
 Man sollte es unterstützen, angeblich.

01:17:45.580 --> 01:17:46.220
 Aber.

01:17:46.220 --> 01:17:46.920
 Okay, interessant.

01:17:46.920 --> 01:17:48.360
 Hm.

01:17:48.360 --> 01:17:56.900
 Also, ich hatte den Fall, wie gesagt, auch, ich hab da aber, glaub ich, keine Browser-Liste, also, das würde es natürlich erklären, weil ich gar nicht davon ausgegangen bin, dass die das überhaupt unterstützen und berücksichtigen.

01:17:58.820 --> 01:18:02.000
 ist eigentlich ein sehr guter Standard, das ist, ähm, eine sehr gute Idee.

01:18:02.000 --> 01:18:08.860
 Ähm, zu der Folge wollte ich noch was sagen und zwar wollte ich noch auf den Kommentar eingehen, den wir dazu bekommen haben, von dem Jens.

01:18:08.860 --> 01:18:09.820
 Ähm.

01:18:10.900 --> 01:18:15.880
 Wenn ich in der Folge, ähm, warte, war das bei der, wo haben wir denn das erwähnt?

01:18:18.240 --> 01:18:19.860
 Ich weiß gar nicht, wie wir da drauf kamen.

01:18:19.860 --> 01:18:22.300
 Ah, das war, ah, das war in der Retro, genau.

01:18:22.300 --> 01:18:37.220
 Der Spezifitäts, äh, Irrsinn, der in der Retro besprochen wurde, nämlich, dass man in CSS Klassen mehrfach hintereinander schreiben kann und dass die Spezifität erhöht, obwohl immer nur die gleiche Klasse geschrieben hat, also zum Beispiel .nav, .nav, .nav.

01:18:37.800 --> 01:18:41.260
 Und ich habe mich so gefragt, ähm, ja, cool, aber wofür?

01:18:41.260 --> 01:18:57.940
 Und der Jens hat, ähm, gesagt, dass sie damit, ähm, altere Code-Basen, Code-Bases refactoren, indem sie halt Dinge damit überschreiben können, ohne aber eine neue Klasse zu erfinden zu müssen oder irgendwie jetzt eine ID oder irgendwas, was mit einer höheren Spezifität, ähm, da drüber ballern zu müssen.

01:18:57.940 --> 01:19:12.160
 Und das, wenn man, äh, er sagt dann auch, ähm, wenn man das gut kommentiert, man sollte das gut kommentieren im Code, was man da macht und warum, ähm, dann kann es tatsächlich hilfreich sein und dafür finde ich das tatsächlich einen guten Anwendungsfall und das, ähm, genau.

01:19:12.480 --> 01:19:17.440
 So, jetzt lustig, jedes Mal, wenn du Spezifität sagst, macht's in meinem Kopf Spezifizität.

01:19:17.440 --> 01:19:35.300
 Und witzig fand ich, dass es dem, dem Chris aber genauso ging, weil man eben aus dem Englischen, weil wir ja echt sehr viel mit Englisch zu tun haben den ganzen Tag über und da heißt es halt nun mal Specificity und, äh, oder Specificity und bei mir ist es im Kopf so verankert, dass, äh, das geht einfach nicht raus.

01:19:35.300 --> 01:19:40.700
 You're welcome. Also, wenn du irgendwann mal möchtest, dass ich das für dich sag, jederzeit.

01:19:42.480 --> 01:19:51.080
 So, dann kommen wir jetzt schon zu, zur letzten, zur Folge Nummer 28, richtig?

01:19:51.080 --> 01:19:59.740
 Genau. Auch wieder Clickbait, 17 CSS-Eigenschaften, die wir noch nicht kannten. Und das sind tatsächlich 17 gewesen.

01:19:59.740 --> 01:20:05.540
 Wenn wir jetzt, wenn wir jetzt den richtig durchgezogen hätten als Clickbaiter, hätten wir gesagt, 17 CSS-Eigenschaften, die du noch nicht kennst.

01:20:05.540 --> 01:20:08.920
 Die du noch nicht kennst, genau. Drei hat mich schockiert.

01:20:08.920 --> 01:20:11.360
 Und bei fünf hab ich geweint.

01:20:11.360 --> 01:20:11.600
 Ja.

01:20:12.480 --> 01:20:25.180
 Hm. Nee, nee, wenn du es richtig durchziehen willst, dann musst du auf die letzte. Die letzte hat mich schockiert, damit die Leute auch wirklich komplett durchhören oder durchschauen oder keine Ahnung, was auch immer du durchlesen, was du bewerben willst.

01:20:26.460 --> 01:20:36.380
 Ja, das ist dann schon wieder, da ist der Kreis jetzt dann so geschlossen zum Anfang. Das war nämlich quasi die, die Füllung der Lücken, die sich aufgetan haben, als wir die Umfrage ausgefüllt haben.

01:20:38.040 --> 01:20:41.800
 Genau. Genau. Das war eine sehr, sehr gute Folge. Also ich hab da extrem viel gelernt.

01:20:41.800 --> 01:20:45.000
 Soll ich vielleicht nicht einfach mal fertig essen, sonst klingt das komisch.

01:20:45.000 --> 01:20:47.540
 Schluck.

01:20:47.540 --> 01:20:49.340
 Ja, schluck, schluck, schluck.

01:20:51.940 --> 01:21:04.760
 Wir reden, also es sind wirklich, diesmal stimmt die Zahl, es waren wirklich 17 und es sind nicht nur Eigenschaften, sondern es sind auch zum Beispiel Pseudoklassen oder sowas.

01:21:06.160 --> 01:21:18.880
 Und zum Beispiel, ich sag jetzt einfach mal ein paar davon, Text-Align-Last, Font-Arient-Numeric-Image-Rendering, das war für mich so ein Highlight, das fand ich ziemlich cool.

01:21:18.880 --> 01:21:27.580
 Sub-Grid ist, glaube ich, da brauchen wir eigentlich nichts drüber sagen, Aspect-Ratio, Default-Indeterminate-Content-Visibility, da hatten wir es heute nochmal davon.

01:21:27.580 --> 01:21:31.860
 Das war für mich auch so das Größte, Unbekannte eigentlich, diese Content-Visibility.

01:21:34.860 --> 01:21:35.200
 Ja.

01:21:35.200 --> 01:21:40.320
 Ja, genau. Ich glaube, damit sind wir doch tatsächlich jetzt am Ende, oder?

01:21:40.320 --> 01:21:41.840
 Ja.

01:21:41.840 --> 01:21:45.720
 Also für mich hat sich sonst auch nichts mehr Neues ergeben.

01:21:45.720 --> 01:21:52.180
 Nee, für mich jetzt auch nicht, aber das ist ja auch ganz frisch gewesen.

01:21:52.180 --> 01:21:52.640
 Genau.

01:21:52.640 --> 01:21:56.640
 Diese Folge, also können wir direkt...

01:21:56.640 --> 01:22:02.200
 Also es war ein schönes Jahr, wir haben viel gelernt, ich hoffe, ihr auch alle.

01:22:03.320 --> 01:22:14.180
 Und ja, wenn ihr irgendwelche Themenwünsche habt oder einen Gast, eine Gästin gerne mal bei uns hören würdet, dann macht doch gerne Vorschläge, auf welchen Kanälen auch immer.

01:22:15.480 --> 01:22:20.220
 Es gibt ja mittlerweile so viele. Also ich zähle mal kurz auf, was mir jetzt einfällt, mir fallen wahrscheinlich gar nicht alle ein.

01:22:20.220 --> 01:22:22.280
 Also erstens mal müsst ihr unser Merch bestellen.

01:22:22.280 --> 01:22:23.020
 Nein, Spaß.

01:22:23.020 --> 01:22:25.960
 Und da, wo wir sind, ist vorne.show slash Merch.

01:22:25.960 --> 01:22:28.940
 Joach, müsst ihr trotzdem. Bis es leer ist. Es ist bald leer.

01:22:29.440 --> 01:22:30.020
 Habe ich gehört.

01:22:30.020 --> 01:22:33.440
 Unsere Kanäle, ja.

01:22:33.440 --> 01:22:40.980
 Twitter, ihr könnt uns auf Instagram schreiben oder auf Discord. Wir haben einen Discord-Server.

01:22:43.260 --> 01:22:46.020
 Ihr könnt uns eine Mail schreiben, ihr könnt uns Kommentare schreiben.

01:22:46.020 --> 01:22:49.980
 Ihr könnt theoretisch auch kommentieren bei YouTube auf unsere Streams.

01:22:49.980 --> 01:22:51.040
 Ihr könnt bei Twitch mal vorbeischauen.

01:22:51.040 --> 01:22:52.860
 Die ist auch schon passiert, bei YouTube tatsächlich.

01:22:52.860 --> 01:22:57.360
 Ihr könnt unbedingt mal bei Twitch vorbeischauen, wenn wir mal wieder streamen.

01:22:57.360 --> 01:22:59.220
 Die Livestreams gehen später zu YouTube.

01:22:59.220 --> 01:23:01.300
 Also das heißt, man kann sie auch danach schauen.

01:23:01.300 --> 01:23:05.120
 Aber es ist viel mehr Spaß, wenn ihr bei Twitch dabei seid, weil da...

01:23:05.120 --> 01:23:07.260
 Bei Twitch ist das weniger so wie der Podcast.

01:23:07.260 --> 01:23:09.260
 Wir peitschen da nicht so die Themen durch.

01:23:09.260 --> 01:23:13.120
 Das ist so ein bisschen entspannter, so ein bisschen Afterwork-Party, so ein bisschen quatschen,

01:23:13.120 --> 01:23:15.400
 weil da die Interaktion so im Vordergrund steht.

01:23:15.400 --> 01:23:21.680
 Wir reden mit den anwesenden Leuten im Chat und gehen auch auf Vorschläge da ein.

01:23:21.680 --> 01:23:23.120
 Und das ist irgendwie eine witzige Runde.

01:23:23.120 --> 01:23:25.820
 Es ist meistens mittwochs und freitags.

01:23:25.820 --> 01:23:29.100
 Nicht immer, nicht jeden Mittwoch und jeden Freitag.

01:23:29.100 --> 01:23:31.820
 Und auch jetzt in der Sommerpause werden wir, glaube ich, ein bisschen runterfahren.

01:23:31.820 --> 01:23:34.480
 Aber da wäre es sehr schön, wenn ihr da mal vorbeikommen könnt.

01:23:34.860 --> 01:23:40.820
 Und da könnt ihr natürlich auch eure Themenwünsche oder Gast-Gästinnen-Wünsche äußern.

01:23:40.820 --> 01:23:43.100
 So.

01:23:43.100 --> 01:23:43.840
 Genau.

01:23:43.840 --> 01:23:45.480
 Das war der letzte Punkt, oder?

01:23:45.480 --> 01:23:47.100
 Zum Abschluss.

01:23:47.100 --> 01:23:48.960
 Der Moritz ist das geil-Teil.

01:23:48.960 --> 01:23:52.160
 Yes.

01:23:52.160 --> 01:23:54.960
 Das geil-Teil.

01:23:54.960 --> 01:23:58.120
 Geil-Teil.

01:23:58.120 --> 01:24:00.960
 Ich ziehe zur Feier des Abends die Sonnenbrille auf.

01:24:00.960 --> 01:24:02.600
 Im Stream kostet das.

01:24:02.600 --> 01:24:04.120
 Im Stream kostet das.

01:24:04.600 --> 01:24:07.180
 Punkt, aber bei uns jetzt hier im Podcast gibt es das kostenlos.

01:24:07.180 --> 01:24:08.900
 Ihr könnt es nur leider nicht sehen.

01:24:08.900 --> 01:24:10.260
 Aber der Konstantin sieht es.

01:24:10.260 --> 01:24:10.560
 Ich sehe es.

01:24:10.560 --> 01:24:10.560
 Ich freue mich.

01:24:10.560 --> 01:24:11.640
 Ich habe es tatsächlich gemacht.

01:24:12.680 --> 01:24:13.680
 Das geil-Teil heute ist Colors.

01:24:13.680 --> 01:24:16.300
 Das geil-Teil heute ist Colors.Lol.

01:24:16.300 --> 01:24:20.540
 Und es hat seinen Namen.

01:24:20.540 --> 01:24:24.100
 Es ist auf jeden Fall ein würdiges WWS-TV-Geil-Teil.

01:24:24.100 --> 01:24:34.040
 Und zwar der Untertitel von Colors.Lol, also so heißt tatsächlich die Seite, Colors.Lol, ist Overly Descriptive Color Palettes.

01:24:35.160 --> 01:24:36.240
 Und ich lese jetzt mal vor Ort.

01:24:36.240 --> 01:24:41.120
 Das sind tatsächlich, man sieht auf dieser Seite Farbbalken nebeneinander.

01:24:41.120 --> 01:24:43.640
 So Color Palettes, das habt ihr bestimmt auf anderen Seiten schon mal gesehen.

01:24:43.640 --> 01:24:48.100
 Aber die Farben haben halt besondere Beschreibungstexte.

01:24:48.340 --> 01:24:50.340
 Und ich nehme jetzt mal einfach den ersten, den ich hier sehe.

01:24:50.340 --> 01:24:51.420
 Das sind drei Farben.

01:24:51.420 --> 01:24:55.580
 Und zwar die erste heißt Snail Paste Soft Pink.

01:24:55.580 --> 01:24:59.280
 Die zweite heißt, das ist halt natürlich so ein helles Rosa.

01:24:59.280 --> 01:25:03.840
 Dann kommt so ein bräunliches Unsealed Mahogany.

01:25:04.540 --> 01:25:11.600
 Und dann kommt noch so ein, ich sag einfach mal den Namen, Lousy Watermelon.

01:25:11.600 --> 01:25:13.960
 Ja.

01:25:13.960 --> 01:25:16.660
 Das trifft schon ganz gut.

01:25:16.660 --> 01:25:21.580
 Und da sind auch, ich glaube, da kann man noch viele, viele englische Worte lernen.

01:25:21.580 --> 01:25:23.640
 Weil da waren ganz viele dabei, die ich nicht kenne.

01:25:23.640 --> 01:25:26.600
 Wo ich so dachte, was bedeutet das denn eigentlich?

01:25:26.600 --> 01:25:30.200
 Und ich traue mich auch nicht so richtig, sie auszusprechen.

01:25:30.500 --> 01:25:33.920
 Weil ich so ein bisschen Angst habe davor, dass dann alles, oh, das wird ja ganz anders ausgesprochen.

01:25:33.920 --> 01:25:38.160
 Aber eins traue ich mich noch, weil natürlich wir, wo wir sind, ist vorne.

01:25:38.160 --> 01:25:42.360
 Wir haben ja eine Farbe zu unserer Hauptfarbe, zu unserer Lieblingsfarbe aus Erkorn.

01:25:42.360 --> 01:25:42.880
 Es ist Pink.

01:25:42.880 --> 01:25:51.760
 Und es gibt eine Color Palette, die hat ein helles Rosa, ein, würde ich sagen, hot pinkartiges Pink.

01:25:51.760 --> 01:25:55.060
 Und ein dunkleres Pink.

01:25:55.060 --> 01:25:56.800
 Ich würde sagen dunkleres Pink.

01:25:57.040 --> 01:26:01.140
 Die erste, die das helle Rosa heißt, a banging pastel pink.

01:26:01.140 --> 01:26:05.700
 Dann die zweite, das ist das, wo ich sagen würde, hot pink oder so, Barbie pink.

01:26:05.700 --> 01:26:08.080
 Extrovert darkish pink.

01:26:08.080 --> 01:26:11.760
 Und die dritte ist two penny deep pink.

01:26:13.420 --> 01:26:17.000
 Ich habe hier gerade nur gelesen, grumpyest vivid purple.

01:26:17.000 --> 01:26:21.960
 Es ist jerking grapefruit.

01:26:21.960 --> 01:26:25.780
 Ja, jerking grapefruit ist so ein bisschen der Nagellack, den ich hier stehen habe.

01:26:25.780 --> 01:26:30.920
 Ich habe einen Nagellack hier stehen, weil es gibt für Kanalpunkte, lackiere ich mir live die Fingernägel Pink im Stream.

01:26:30.920 --> 01:26:32.780
 Das sollten wir irgendwann mal umtauschen.

01:26:32.780 --> 01:26:36.620
 Wenn das zum ersten Mal passiert ist, dann werden wir das umtauschen in Cheers oder sowas.

01:26:36.840 --> 01:26:41.440
 Und tatsächlich sieht das, das kommt dem recht nah, dieses Jerking Grapefruit.

01:26:41.440 --> 01:26:45.520
 Jerking Grapefruit, genau.

01:26:45.520 --> 01:26:47.820
 Also es ist einfach eine sehr, sehr lustige Seite.

01:26:47.820 --> 01:26:51.480
 Und vielleicht findet ihr ja da eure Farbpalette, aber normalerweise haben die tatsächlich nur drei Farben.

01:26:52.380 --> 01:27:04.700
 Aber ich meine, wer kann schon sagen, dass er auf seiner Seite Muttering Dusty Purple hat oder Supplycatory Yellowish Tan oder Screaming Deep Aqua.

01:27:04.700 --> 01:27:07.680
 Aber es sieht trotzdem gut aus.

01:27:07.680 --> 01:27:10.160
 Also die Kombis sind trotzdem gut.

01:27:10.160 --> 01:27:11.800
 Motorized Ocean.

01:27:11.800 --> 01:27:12.900
 What?

01:27:14.340 --> 01:27:17.820
 Ja, also ihr seht schon, ich habe Spaß damit, ihr könnt damit auch Spaß haben.

01:27:17.820 --> 01:27:21.680
 Geht einfach auf colors.lol und wir kriegen dafür gar kein Geld, Mensch.

01:27:21.680 --> 01:27:22.060
 Schade eigentlich.

01:27:22.060 --> 01:27:24.260
 So wie ich das jetzt gerade advertised habe, hätte man eigentlich...

01:27:24.260 --> 01:27:25.040
 Könnte man denken, ja.

01:27:25.040 --> 01:27:25.680
 Ja, schade eigentlich, ne?

01:27:25.680 --> 01:27:30.240
 So, mein Burger wartet, deswegen müssen wir jetzt schnell Schluss machen.

01:27:30.240 --> 01:27:32.440
 Okay, also ganz, ja, wir sind ja auch schon am Ende.

01:27:32.440 --> 01:27:35.920
 Wir haben den, jetzt kommt der nicht vorhandene Verabschiedungs-Dschingel.

01:27:35.920 --> 01:27:38.480
 Das Endschingel.

01:27:39.080 --> 01:27:49.520
 Ja, wie gesagt, das war's jetzt vor der Sommerpause.

01:27:49.520 --> 01:27:52.580
 Vielleicht merkt man es auch schon, dass wir irgendwie durch sind, ich weiß nicht.

01:27:52.580 --> 01:27:54.820
 Die Vöglein hätte ich gerne nochmal.

01:27:54.820 --> 01:27:55.360
 Die Vögelchen.

01:27:55.360 --> 01:27:55.540
 Die Vögelchen, ja.

01:27:55.540 --> 01:27:56.700
 Wie wär's denn mit den Vögelchen?

01:27:56.700 --> 01:27:59.380
 Wir haben einen Vogel, mindestens einen.

01:27:59.380 --> 01:28:00.280
 So.

01:28:00.280 --> 01:28:01.720
 Ein Traum.

01:28:01.720 --> 01:28:04.600
 Ja, weiter geht's im September.

01:28:04.600 --> 01:28:07.320
 Wann genau wissen wir nicht, ne?

01:28:07.320 --> 01:28:07.680
 Das ist die Folge zum Runterkommen.

01:28:08.820 --> 01:28:12.620
 Das war die Folge zum Entspannen am Strand mit dem Cocktail.

01:28:12.620 --> 01:28:15.340
 Jetzt weiß ich auch, warum der Konstantin mir das vorhin geschrieben hat.

01:28:15.340 --> 01:28:16.320
 Ja.

01:28:16.320 --> 01:28:19.140
 Er wollte mir nicht sagen, dass es hier coole Sounds gibt, aber er hat schon angeteasert.

01:28:19.140 --> 01:28:23.040
 Und ich hab so gedacht, was, Cocktail, Arbeit, ist doch blöd am Strand und so.

01:28:23.040 --> 01:28:24.600
 Aber nee, jetzt verstehe ich das alles.

01:28:24.600 --> 01:28:25.720
 Ich bin jetzt super entspannt.

01:28:25.720 --> 01:28:26.220
 Ich auch.

01:28:26.220 --> 01:28:28.900
 Ich kann jetzt wunderbar in dieses Wochenende starten.

01:28:28.900 --> 01:28:30.120
 Es ist ein Traum.

01:28:30.120 --> 01:28:31.820
 Ihr könnt wunderbar in die neue Arbeitswoche starten.

01:28:31.820 --> 01:28:32.780
 Die neue Arbeitswoche für euch, ja.

01:28:32.780 --> 01:28:33.800
 Oder in euren Urlaub.

01:28:33.800 --> 01:28:34.840
 Genau.

01:28:34.840 --> 01:28:38.840
 Weil, ähm, die Folge wird ja relativ sicher am Sonntag veröffentlicht.

01:28:38.840 --> 01:28:41.180
 Aber ihr könnt sie natürlich auch am Sonntag noch hören.

01:28:41.180 --> 01:28:45.360
 Und, ähm, ich weiß gar nicht, ob wir jetzt noch Werbung machen müssen.

01:28:45.360 --> 01:28:46.620
 Wir haben so viel Werbung gemacht.

01:28:46.620 --> 01:28:54.240
 Geht einfach auf, wo wir sind, ist vorne.show slash unterstützen mit UE.

01:28:54.740 --> 01:28:56.500
 Da seht ihr, wie ihr uns helfen könnt.

01:28:56.500 --> 01:28:57.900
 Also von wegen Werbung.

01:28:57.900 --> 01:28:59.420
 Ihr könnt uns bewerten.

01:28:59.420 --> 01:29:00.700
 Ihr könnt unser Merch kaufen.

01:29:00.700 --> 01:29:03.580
 Ihr könnt uns bei Twitch, äh, abonnieren oder folgen.

01:29:03.580 --> 01:29:04.440
 Oder bei YouTube.

01:29:04.440 --> 01:29:07.820
 Ähm, überall könnt ihr uns helfen.

01:29:07.820 --> 01:29:08.940
 Wir würden uns sehr, sehr freuen.

01:29:08.940 --> 01:29:09.500
 Es hilft uns.

01:29:09.500 --> 01:29:11.880
 Jeder einzelne Klick hilft uns.

01:29:11.880 --> 01:29:15.120
 Und, ähm, darüber freuen wir uns sehr, wenn ihr das tut.

01:29:15.120 --> 01:29:17.260
 Genau.

01:29:17.260 --> 01:29:21.960
 Und wann es weitergeht, äh, das vielleicht melden wir uns auch mal wieder kurz mal zurück aus der Sommerpause,

01:29:21.960 --> 01:29:23.040
 wie wir es letztes Mal gemacht haben.

01:29:23.120 --> 01:29:24.580
 Haben wir noch gar nicht drüber gesprochen, wie wir es machen.

01:29:24.580 --> 01:29:26.440
 Also ihr bekommt es auf jeden Fall mit.

01:29:26.440 --> 01:29:28.900
 Irgendwann plöppt eine neue Folge auf in eurem Podcatcher.

01:29:28.900 --> 01:29:31.240
 Und mal schauen, was wir so machen nächstes Jahr.

01:29:31.240 --> 01:29:32.280
 Wir haben noch selber gar keinen Plan.

01:29:32.280 --> 01:29:34.280
 Wir werden mal die Zeit nutzen, auch da in uns zu gehen.

01:29:34.280 --> 01:29:36.460
 Und vielleicht mal ein bisschen mehr Comedy-Elemente wieder.

01:29:36.460 --> 01:29:39.400
 Ich meine jetzt nicht die schlechten Witze, aber vielleicht mal wieder ein Spam-Spot.

01:29:39.400 --> 01:29:43.480
 Das habe ich ja schleifen lassen, obwohl die ja, äh, eigentlich ganz gut ankamen immer.

01:29:43.480 --> 01:29:44.880
 Ich habe auch schon eine andere Idee.

01:29:44.880 --> 01:29:45.860
 Da haben wir auch noch nicht drüber gesprochen.

01:29:45.860 --> 01:29:48.700
 Äh, wir gucken mal, was, was die Zukunft bringt.

01:29:48.700 --> 01:29:51.140
 Ich bin jetzt auch, du siehst auch so entspannt aus.

01:29:51.140 --> 01:29:52.500
 Also man sieht es schon, ja, total.

01:29:53.120 --> 01:29:54.180
 Sagt uns, was ihr mögt.

01:29:54.180 --> 01:29:56.100
 Sagt uns nicht, was ihr nicht mögt.

01:29:56.100 --> 01:29:58.060
 Doch, sagt uns auch, was ihr nicht mögt.

01:29:58.060 --> 01:29:59.120
 Sagt uns, es ist uns nett.

01:29:59.120 --> 01:30:00.740
 Und, äh, dann schauen wir mal.

01:30:00.740 --> 01:30:01.080
 Sagt uns, es ist uns nett.

01:30:01.080 --> 01:30:04.820
 Und, ähm, vielleicht wird alles gut.

01:30:04.820 --> 01:30:06.220
 Vielleicht.

01:30:07.140 --> 01:30:08.800
 Ansonsten, einen schönen Sommer.

01:30:08.800 --> 01:30:13.840
 Und schaut mal im Stream vorbei, weil den gibt es vielleicht ab und zu mal.

01:30:13.840 --> 01:30:18.960
 Und, ähm, wenn ihr uns folgt auf Twitch, dann werdet ihr auch notifiziert darüber, wenn wir live gehen.

01:30:18.960 --> 01:30:20.660
 Und, ähm, genau.

01:30:20.660 --> 01:30:21.460
 Schaut mal vorbei.

01:30:21.460 --> 01:30:22.920
 Sagt mal Hallo im Chat.

01:30:22.920 --> 01:30:24.220
 Darüber würden wir uns sehr freuen.

01:30:24.220 --> 01:30:25.340
 Genau.

01:30:25.340 --> 01:30:26.480
 Tschüss.

01:30:26.480 --> 01:30:27.920
 Alles gut.

01:30:27.920 --> 01:30:29.180
 Bleibt gesund.

01:30:29.180 --> 01:30:30.940
 Und anständig.

01:30:30.980 --> 01:30:59.960
 Bis zum nächsten Mal.