WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: I can :has(parent selector)?
Publishing Date: 2022-04-10T13:44:56+02:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/i-can-hasparent-selector/

00:00:00.000 --> 00:00:03.660
 Wo wir sind, ist vorne, Folge 41. Haben ist besser als brauchen.

00:00:03.660 --> 00:00:19.900
 Herzlich willkommen bei Wo wir sind, ist vorne.

00:00:19.900 --> 00:00:22.660
 Frontend Fakten Frotzelein.

00:00:22.660 --> 00:00:26.680
 Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

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

00:00:38.380 --> 00:00:53.720
 Hallo.

00:00:53.720 --> 00:00:55.180
 Hallo.

00:00:55.180 --> 00:00:58.200
 Da sind wir wieder eine Woche aus dem Takt. Ich war etwas aus dem Takt.

00:00:58.200 --> 00:00:59.640
 Jetzt sind wir wieder.

00:01:00.000 --> 00:01:01.080
 Wir sind immer wieder im Takt.

00:01:01.080 --> 00:01:02.140
 Wir sind immer wieder eingetaktet.

00:01:02.140 --> 00:01:03.760
 Eingetaktet. Du hast alleine gestreamt.

00:01:03.760 --> 00:01:04.960
 Ich habe alleine gestreamt, ja.

00:01:04.960 --> 00:01:08.180
 Also ohne jetzt schon in der Retro zu starten, aber so kurzer ...

00:01:08.180 --> 00:01:11.020
 Ja, das war nett. Das war nett.

00:01:11.020 --> 00:01:14.600
 Das war jetzt nicht ... Entschuldigung, ich weiß gar nicht, darf ich das jetzt sagen?

00:01:14.600 --> 00:01:16.040
 Oder mache ich dir dann ein schlechtes Gewissen?

00:01:16.040 --> 00:01:18.420
 Das war besser als wenn ich ...

00:01:18.420 --> 00:01:21.920
 Ja, es war genau so viel los wie sonst auch.

00:01:21.920 --> 00:01:22.440
 Ja, cool.

00:01:22.440 --> 00:01:23.120
 Sag ich jetzt mal.

00:01:23.120 --> 00:01:31.060
 Und ich habe es sogar relativ lang, also ich glaube knapp vier Stunden bis kurz vor zwölf oder so, von acht bis kurz vor zwölf.

00:01:31.060 --> 00:01:35.140
 Wenn ich dich nicht bremse, dann wird's.

00:01:36.140 --> 00:01:36.900
 Ja, richtig.

00:01:36.900 --> 00:01:38.080
 Du alter Bremsklotz.

00:01:38.080 --> 00:01:39.560
 Ich muss mit Konstantin mal loswerden.

00:01:39.560 --> 00:01:40.460
 Wir machen die Show ab sofort.

00:01:40.460 --> 00:01:41.800
 Ich mache die Show ab sofort allein.

00:01:41.800 --> 00:01:42.300
 Alles klar.

00:01:42.300 --> 00:01:43.060
 Nein, natürlich nicht.

00:01:43.060 --> 00:01:47.640
 Dann starten wir doch lieber mit einem Dank in diese Podcast-Folge, oder?

00:01:47.640 --> 00:01:56.320
 Und zwar einem Dank an Jonas, unseren Hörer Jonas, der uns eine komplette Kiste Bier, einen kompletten Karton voll Bier hat zukommen lassen.

00:01:56.720 --> 00:01:57.400
 Vielen Dank, Jonas.

00:01:57.400 --> 00:01:59.060
 Ja, Mensch.

00:01:59.060 --> 00:01:59.660
 Danke.

00:01:59.660 --> 00:02:01.140
 Also ich habe noch nichts davon gesehen.

00:02:01.140 --> 00:02:04.100
 Nee, das muss noch irgendwie zur Hälfte zu dir.

00:02:04.100 --> 00:02:06.780
 Ich habe auch schon mal reingeschaut und habe mir alle durchgeschaut.

00:02:06.780 --> 00:02:12.920
 Und es ist auch aus dem schönen Neustadt in Holstein ein Klüvers, was ich ja auch schon mal, da hatte ich mir ein paar aus dem Urlaub mitgebracht.

00:02:12.920 --> 00:02:14.300
 Das ist da auch wieder dabei.

00:02:14.300 --> 00:02:16.920
 Aber das kriegst du diesmal, weil du kennst es ja noch nicht und ich kenne es ja schon.

00:02:16.920 --> 00:02:23.400
 Ich habe mir dafür heute, dann gehen wir gleich zum Bier auch über, einen Lübzerpilz dort ausgesucht.

00:02:23.400 --> 00:02:26.700
 Traditionell gebraut in Lübz, Mecklenburg-Vorpommern.

00:02:27.460 --> 00:02:28.560
 Das heißt bestimmt Lübz.

00:02:28.560 --> 00:02:30.260
 Das heißt bestimmt Lübz.

00:02:30.260 --> 00:02:31.900
 Behaupte ich jetzt einfach mal, ohne es zu wissen.

00:02:31.900 --> 00:02:32.660
 Also ein Lübzer.

00:02:32.660 --> 00:02:33.440
 Lübzer.

00:02:33.440 --> 00:02:34.480
 Lübzer.

00:02:34.480 --> 00:02:39.300
 Das ist dem Rülps-Geräusch, was man da mal macht, nachempfunden.

00:02:39.300 --> 00:02:41.040
 Das ist eigentlich eine Automatopoesie.

00:02:41.040 --> 00:02:41.340
 Okay.

00:02:41.340 --> 00:02:43.120
 Lübz.

00:02:43.120 --> 00:02:45.000
 Machst du, wenn du das trinkst?

00:02:45.000 --> 00:02:49.440
 Bin ich mal gespannt, ob wir hier ein Lübz-Gate fabrizieren.

00:02:49.440 --> 00:02:52.620
 Ich weiß nicht, wovon du sprichst.

00:02:52.620 --> 00:02:53.300
 Ich auch nicht.

00:02:53.300 --> 00:02:56.320
 Was sagst du denn?

00:02:56.720 --> 00:02:58.580
 Ich habe wieder ein Wölfle.

00:02:58.580 --> 00:03:00.480
 Brauchen wir nicht weiter erklären.

00:03:00.480 --> 00:03:05.960
 Wer wissen will, was es damit auf sich hat, hört sich die letzte Sendung an oder irgendeine alte.

00:03:05.960 --> 00:03:07.860
 Irgendwas hört sich irgendeinen anderen Podcast an.

00:03:10.500 --> 00:03:16.680
 Ja, hört euch zum Beispiel mal den Portlovers-Podcast zum Beispiel.

00:03:16.680 --> 00:03:17.160
 Der ist gut.

00:03:17.160 --> 00:03:19.420
 Weil da ist schon lange keine Folge mehr erschienen.

00:03:19.420 --> 00:03:22.800
 Falls jemand von den Portlovers hier zuhört, macht doch mal wieder eine Folge.

00:03:22.800 --> 00:03:24.000
 Ich habe das immer sehr gerne gehört.

00:03:24.640 --> 00:03:26.360
 Die letzte ist nämlich die, wo ich zu Gast war.

00:03:26.360 --> 00:03:26.720
 Ach.

00:03:26.720 --> 00:03:27.700
 Tatsächlich.

00:03:27.700 --> 00:03:28.860
 Und danach kam.

00:03:28.860 --> 00:03:31.540
 Also vielleicht habe ich den Podcast kaputt gemacht.

00:03:31.540 --> 00:03:35.120
 Wie so oft der Moritz macht es und dann macht das kaputt.

00:03:35.120 --> 00:03:37.220
 Die hatten dann keinen Pog mehr.

00:03:37.220 --> 00:03:38.340
 Oh Gott.

00:03:38.340 --> 00:03:39.980
 Oh nein.

00:03:39.980 --> 00:03:40.560
 Nein, Moritz.

00:03:40.560 --> 00:03:41.820
 Man soll aufhören, wenn es am schönsten ist.

00:03:42.200 --> 00:03:43.700
 Tja, das kann man jetzt auslegen.

00:03:43.700 --> 00:03:45.640
 Okay.

00:03:45.640 --> 00:03:47.260
 So.

00:03:47.260 --> 00:03:48.880
 Jetzt haben wir.

00:03:48.880 --> 00:03:51.260
 Ne, die Retro kommt ja erst noch.

00:03:51.260 --> 00:03:52.080
 Die Retro kommt ja erst noch.

00:03:52.080 --> 00:03:52.560
 Die Retro kommt ja erst.

00:03:52.560 --> 00:03:55.320
 Dann stellt sich das Problem, dass eigentlich keins ist, auch erst gleich.

00:03:55.320 --> 00:03:56.200
 Genau.

00:03:56.200 --> 00:04:07.020
 Ich weiß gar nicht, wovon du sprichst.

00:04:07.020 --> 00:04:08.880
 Problem erst gleich.

00:04:08.880 --> 00:04:09.260
 Ja, nee.

00:04:09.260 --> 00:04:10.260
 Machen wir gleich.

00:04:10.260 --> 00:04:11.640
 Du darfst anfangen.

00:04:11.640 --> 00:04:12.900
 Ach, wir haben das Video noch nicht aufgemacht.

00:04:12.900 --> 00:04:13.340
 Mensch.

00:04:13.340 --> 00:04:14.700
 Wir sind ja Vögel, oder?

00:04:14.700 --> 00:04:17.520
 Vor lauter Quatschen.

00:04:17.520 --> 00:04:17.820
 Piep, piep, piep.

00:04:17.820 --> 00:04:20.040
 Haben wir die Vögel eigentlich noch?

00:04:20.040 --> 00:04:20.440
 Die Vögel?

00:04:20.440 --> 00:04:21.120
 Ja, warte mal.

00:04:21.120 --> 00:04:21.700
 Nein, nein, nein.

00:04:21.700 --> 00:04:22.380
 Lass, lass, lass.

00:04:22.380 --> 00:04:23.800
 Zu spät.

00:04:23.800 --> 00:04:24.320
 Zu spät.

00:04:24.320 --> 00:04:27.580
 Also, wie gesagt, das Lübser-Pilz.

00:04:27.580 --> 00:04:28.040
 Hören wir mal.

00:04:28.040 --> 00:04:28.860
 Gucken wir mal, wie es sich anhört.

00:04:28.860 --> 00:04:29.980
 Lübs.

00:04:29.980 --> 00:04:30.560
 Oh, nee.

00:04:30.560 --> 00:04:31.800
 So ein ganz, ganz geiles Tisch.

00:04:31.800 --> 00:04:36.300
 Und meins wahrscheinlich erwartungsgemäß normalerweise nicht so gut.

00:04:36.300 --> 00:04:38.260
 Ich warte, ich schüttel so ein bisschen vorher mal.

00:04:38.260 --> 00:04:41.400
 Ah, das ist dann ein bisschen besser, wenn es ein bisschen schüttelt.

00:04:41.400 --> 00:04:44.680
 Habe ich schlechte Erfahrungen hier gemacht auf dem Schreibtisch.

00:04:44.680 --> 00:04:47.460
 Na dann, sowohl durchs Portal.

00:04:47.460 --> 00:04:54.060
 Ach, die Vöglein.

00:04:54.060 --> 00:04:57.060
 Oh ja, das lässt sich gut trinken.

00:04:57.060 --> 00:04:58.560
 Sehr leicht.

00:04:58.560 --> 00:04:58.820
 Das ist gut.

00:04:58.820 --> 00:05:01.020
 Ja.

00:05:01.020 --> 00:05:01.760
 Ja.

00:05:01.760 --> 00:05:02.660
 Aus Lübs.

00:05:02.660 --> 00:05:03.280
 Lübs.

00:05:03.280 --> 00:05:03.800
 Aus Lübs.

00:05:03.800 --> 00:05:04.960
 Lübs oder Lübs.

00:05:04.960 --> 00:05:05.440
 Lübs.

00:05:05.440 --> 00:05:06.120
 Lübs.

00:05:06.120 --> 00:05:07.680
 Nein, jetzt müssen wir aufhören.

00:05:07.680 --> 00:05:08.780
 Wenn es lübt, dann lübt es.

00:05:08.780 --> 00:05:10.640
 Mit dem Quatsch.

00:05:10.640 --> 00:05:11.080
 Gut.

00:05:11.080 --> 00:05:12.360
 Also, jetzt aber Retro.

00:05:12.360 --> 00:05:13.300
 Retro.

00:05:13.300 --> 00:05:14.360
 Genau.

00:05:15.860 --> 00:05:22.040
 Ich hatte einen Aha-Moment so für mich selbst in den letzten Tagen.

00:05:22.520 --> 00:05:30.100
 Und zwar bin ich gerade dabei, eine interne Accessibility-Dokumentation zu schreiben.

00:05:30.100 --> 00:05:33.040
 So für andere Kollegen in der Firma.

00:05:34.300 --> 00:05:35.640
 Und Kolleginnen natürlich.

00:05:35.640 --> 00:05:47.380
 Und war so an dem Punkt, wenn man so Doku schreibt, dass man dann irgendwie, man hat sehr viel Brainstorming gemacht und sich überlegt, was muss denn da jetzt alles in diesen Absatz rein?

00:05:47.380 --> 00:05:49.440
 Und es ist sehr viel und es ist sehr chaotisch.

00:05:49.440 --> 00:05:55.080
 Und dann, da muss ich mich immer wieder daran erinnern, dass das funktioniert, was ich jetzt gleich sage.

00:05:55.080 --> 00:05:57.240
 Dann habe ich gedacht, Mensch, wie strukturiere ich das?

00:05:57.240 --> 00:06:00.620
 Wie kriege ich denn das jetzt runtergedampft, sodass es wirklich aufs Wesentliche kommt?

00:06:00.620 --> 00:06:03.720
 Und dann habe ich gemerkt, ich könnte ja mal einen Tweet draus schreiben.

00:06:03.720 --> 00:06:12.080
 Ich könnte ja mal versuchen, diese gefühlten zwei-Diener-Vier-Seiten-Text in einen Tweet zusammenzufassen.

00:06:13.400 --> 00:06:17.500
 Und siehe da, plötzlich merkt man dann, was ist denn jetzt eigentlich wichtig und was nicht.

00:06:17.500 --> 00:06:20.880
 Und das hat mir extrem geholfen, das zu strukturieren.

00:06:20.880 --> 00:06:28.460
 Also die Information insgesamt ist jetzt nicht viel weniger geworden, aber es hat mir extrem geholfen, das nach Überschriften zum Beispiel zu strukturieren.

00:06:28.460 --> 00:06:34.800
 Weil in einem Tweet kannst du keine lange Prosa schreiben, also musst du eigentlich eine Checkliste machen oder irgendwie eine Liste mit Punkten.

00:06:34.800 --> 00:06:37.120
 Und das ist dann irgendwie auch draus geworden.

00:06:37.120 --> 00:06:43.180
 Den Tweet, den könnt ihr selbst mal suchen, den muss man jetzt nicht, das mache ich ja öfter, so Tweets mit Listen drin.

00:06:43.400 --> 00:06:57.840
 Bei dem Fall, das wollte ich einfach mal teilen. Das war irgendwie so eine Erkenntnis und das muss ich mir irgendwie auch immer wieder im Hinterkopf behalten, wenn ich mit komplexen Informationen zu tun habe und viel und nicht so richtig weiß, wie strukturiere ich denn das jetzt?

00:06:57.840 --> 00:07:02.480
 Einfach mal versuchen, einen Tweet draus zu schreiben, irgendwie 280 Zeichen, da wird es dann schon eng.

00:07:02.660 --> 00:07:15.480
 Und dann will man vielleicht noch ein Hashtag mit unterbringen und so und dann muss man wirklich jedes Zeichen, mit jedem Zeichen, mit jedem Wort feilschen und dann überlegen, gibt es da noch ein Wort, was es selber irgendwie macht, aber noch kürzer oder eine Formulierung und so.

00:07:16.340 --> 00:07:28.040
 Und dann kommt man ziemlich gut zum Punkt. Fand ich irgendwie eine, fand ich irgendwie eine coole Idee, ist bestimmt nichts Neues, hat vielleicht der ein oder andere von euch auch schon mal gemacht, aber ich fand es irgendwie erwähnenswert, so als kleinen Tipp am Rande.

00:07:29.880 --> 00:07:33.880
 Cool. Die haben gleichzeitig geklickt, glaube ich, aber trotzdem ist es abgehakt worden.

00:07:33.880 --> 00:07:36.080
 Ja, ne, okay.

00:07:36.080 --> 00:07:42.920
 Egal, hat sich exakt überschnitten und hat gesagt, oh, da will jemand anhaken.

00:07:42.920 --> 00:07:46.140
 In dem Augenblick, wo ich deinen Klick gehört habe, habe ich auch geklickt, das war ein bisschen verwirrend.

00:07:46.140 --> 00:07:46.980
 Okay.

00:07:46.980 --> 00:07:56.300
 Ja, ich habe so irgendwie fünf Minuten vor der Sendung festgestellt, oh Mist, ich habe ja noch gar keinen Retropunkt und dann dachte ich, naja, dann mache ich das zu meinem Retropunkt.

00:07:56.300 --> 00:08:06.920
 Ich habe halt irgendwie, war nichts Besonderes, ist alles gerade ein bisschen wieder in ruhigeren Bahnen, Bahnen, Gefahrwässern bei mir und es ist nicht viel passiert.

00:08:06.920 --> 00:08:10.460
 Trotzdem natürlich gearbeitet, ist jetzt nicht so, dass ich nichts getan habe, trotz Kranksein.

00:08:10.460 --> 00:08:19.820
 Aber dann ist mir eingefallen, ach, ich habe so einen Tweet gemacht, der so einen kleinen, also für mich, so drei Likes ist für mich schon ein bisschen Aufmerksamkeit auf Twitter.

00:08:22.220 --> 00:08:34.540
 Und zwar habe ich im WordPress-Source-Code ein bisschen was, ja, tiefes, nachdenkliches gelesen, obwohl es gar nicht so die Intention ist, glaube ich.

00:08:34.540 --> 00:08:44.040
 Also ich habe mit Capabilities da irgendwie was zu tun gehabt, musste da irgendwie was überschreiben, so von wegen, unter bestimmten Umständen tue so, als hätte der User die und die Berechtigung.

00:08:45.100 --> 00:08:50.360
 Und dann habe ich in den Source-Code reingeguckt, weil ich ja irgendwie nicht das so hinbekommen habe, wie ich es wollte.

00:08:50.360 --> 00:08:55.120
 Und dann steht da, das sind zwei Kommentare untereinander und jeweils eine Zeit der Code.

00:08:55.120 --> 00:08:58.980
 Und da steht da oben, everyone is allowed to exist.

00:08:58.980 --> 00:09:03.400
 Und das setzt die Capability, also Capability-Array, den Key exist auf true.

00:09:03.400 --> 00:09:07.720
 Und unten drunter, nobody is allowed to do things they are not allowed to do.

00:09:08.560 --> 00:09:14.060
 Und das setzt, also das löscht den Key do not allow aus den Capabilities.

00:09:14.060 --> 00:09:19.620
 Und das fand ich so, für sich stehend hatte das schon fast was Philosophisches.

00:09:19.620 --> 00:09:21.620
 Aber es hat wahrscheinlich auch einen Sinn.

00:09:21.620 --> 00:09:24.000
 Also ich weiß nicht, ob das als Easter Egg da nur drin ist.

00:09:24.000 --> 00:09:29.600
 Das hat, glaube ich, im erweiterten WordPress-Kontext mit irgendwelchen Multisite-Geschichten und sowas hat das tatsächlich auch einen Sinn.

00:09:29.600 --> 00:09:31.360
 Aber das fand ich irgendwie schön.

00:09:31.520 --> 00:09:34.000
 Es ist halt aber auch speziell formuliert.

00:09:34.000 --> 00:09:36.600
 Das hätte man deutlich technisch oder anders formulieren können.

00:09:36.600 --> 00:09:39.420
 Es ist ja fast bewusst philosophisch formuliert.

00:09:39.420 --> 00:09:40.280
 Ja, das denke ich nämlich auch.

00:09:40.280 --> 00:09:41.620
 Everyone is allowed to exist.

00:09:41.620 --> 00:09:43.280
 Ja, sehr schön.

00:09:43.280 --> 00:09:43.860
 Sehr schön, ja.

00:09:43.860 --> 00:09:46.620
 Nobody is allowed to do things they are not allowed to do.

00:09:46.620 --> 00:09:48.260
 Und auch immer schon ein Punkt hinten dran.

00:09:48.260 --> 00:09:51.220
 Ja, es liest sich fast, bin mal gespannt, wie geht es denn da eigentlich weiter?

00:09:51.220 --> 00:09:53.240
 Nee, ich sehe es ja, es ist ja eigentlich fast langweilig.

00:09:53.240 --> 00:09:55.320
 Must have all requested caps.

00:09:55.320 --> 00:09:56.360
 Okay, gut.

00:09:56.360 --> 00:09:58.860
 Das ist dann schon wieder, das ist nur eine Erklärung.

00:09:59.200 --> 00:10:04.600
 Weißt du da was, da ist richtig tief drin in Gedanken und dann kommt wieder sowas.

00:10:04.600 --> 00:10:10.940
 Also den Tweet verlinke ich natürlich auch mit Alttext sogar.

00:10:10.940 --> 00:10:12.320
 Da hast du mich darauf hingewiesen.

00:10:12.320 --> 00:10:17.160
 Ich hatte ihn zuerst ohne Alttext gepostet, obwohl ich eigentlich da immer hinterher bin,

00:10:17.160 --> 00:10:20.280
 dass ich dann selber auch einen Text dazu schreibe und ich habe es diesmal echt vergessen.

00:10:20.280 --> 00:10:23.780
 Und erweitern wir die Rede noch kurz.

00:10:24.260 --> 00:10:28.280
 Du hast mich nämlich so darauf hingewiesen, auf einen Account, den es da gibt, das muss

00:10:28.280 --> 00:10:34.440
 ich gerade selber nochmal gucken hier in den DMs, Alttext Reminder, also Alt-TXT-Reminder

00:10:34.440 --> 00:10:37.500
 ist ein Account auf Twitter, den man folgen kann.

00:10:37.500 --> 00:10:39.400
 Ich glaube, es ist Remind drin, oder?

00:10:39.400 --> 00:10:40.560
 Ich bin mir gerade nicht sicher.

00:10:40.560 --> 00:10:43.160
 Nee, tatsächlich Reminder mit E-E-R hinten.

00:10:43.960 --> 00:10:51.440
 Wenn man das tut und ein Bild twittert, ohne Beschreibung, dann sagt der nette Bot, hey, du hast den Alttext vergessen.

00:10:51.440 --> 00:10:52.980
 Sagt per DM Bescheid.

00:10:53.340 --> 00:11:00.820
 Die sagen, glaube ich, dass es ein bisschen dauert, bis es eingerichtet ist und der folgt dir dann zurück, weil ansonsten kann er dir auch keine DM schreiben.

00:11:00.820 --> 00:11:14.060
 Aber ich habe es mal ausprobiert und nachdem das dann eingerichtet war und mein Account da irgendwie hinterlegt war, innerhalb von ein paar Sekunden hat er mir geschrieben und hat gesagt, hey, da fehlt jetzt irgendwie der Alttext.

00:11:14.460 --> 00:11:25.640
 Ganz wichtig, nicht Alt-Tag, das hast du auch nicht gesagt, aber nicht, dass man es verwechselt, weil es vielleicht so ähnlich klingt, Alt-Attribut im HTML und Alt-Text haben wir gesagt.

00:11:25.640 --> 00:11:27.240
 Alt-Tag gibt es nicht.

00:11:27.240 --> 00:11:27.620
 Richtig.

00:11:27.620 --> 00:11:28.320
 Ganz wichtig.

00:11:28.320 --> 00:11:32.980
 Hatten wir schon tausendmal, kann man immer mal wieder sagen, glaube ich.

00:11:32.980 --> 00:11:42.060
 Ja, also Alt-Text ist schon mal eine supergeile Idee, weil, ja, dann muss man auch gar nicht mehr so groß nachdenken und man wird dann sofort erinnert.

00:11:42.760 --> 00:11:48.260
 Aber ich befürchte, man kann immer noch, das dachte ich nämlich, dass das geht, man kann aber nachträglich keinen Alt-Text hinzufügen im Bild.

00:11:48.260 --> 00:11:59.380
 Aber man kann dann zumindest einen Thread quasi draus machen und drunter dann irgendwie, man macht ja dann viele ja mit Hashtag B-Bash für Bildbeschreibung auf Deutsch, im deutschen Twitter-Umfeld habe ich das öfter mal gelesen.

00:11:59.380 --> 00:12:02.040
 Daher kommt das, oh Gott, B-Bash.

00:12:02.040 --> 00:12:09.620
 Oder einfach Ausrufezeichen B, wobei man damit, glaube ich, Tweets kennzeichnet, die tatsächlich eine Description hinterlegt haben im Bild.

00:12:09.620 --> 00:12:10.940
 B-Bash.

00:12:10.940 --> 00:12:12.320
 B-Bash, Bildbeschreibung, ja.

00:12:12.600 --> 00:12:18.380
 Ich habe das mal gelesen und habe gedacht, hä, was wollt ihr?

00:12:18.380 --> 00:12:19.220
 Bisch bescheuert?

00:12:19.220 --> 00:12:22.140
 B-Bash, Alter.

00:12:22.140 --> 00:12:26.220
 Ja gut, also das war meine spontanen Retro.

00:12:26.220 --> 00:12:28.560
 Und ich habe dann tatsächlich noch so einen zweiten Retro-Punkt gefunden.

00:12:28.560 --> 00:12:30.100
 Aber jetzt darfst du erst mal wieder.

00:12:30.100 --> 00:12:30.980
 Ja, genau.

00:12:30.980 --> 00:12:34.980
 Ich habe noch ein neues Internet-Wort gelernt diese Woche.

00:12:34.980 --> 00:12:38.000
 Und zwar Deep-Fried-Meme.

00:12:40.080 --> 00:12:43.120
 Ich weiß nicht, wie umschreibe ich jetzt, wie wir da hingekommen sind.

00:12:44.660 --> 00:12:52.240
 Ich sage es mal so, es sind Dinge gepostet worden und dann wieder runtergeladen und verändert und so weiter und so weiter und so weiter und so weiter.

00:12:52.240 --> 00:12:55.960
 Bis dann irgendwann man es auf die Spitze getrieben hat.

00:12:55.960 --> 00:12:57.700
 So wie das bei Memes halt funktioniert, ja?

00:12:57.820 --> 00:13:02.700
 Also irgendjemand hat eine Idee und dann sagt einer, oh, das ist ja lustig, oh, das wäre aber noch lustiger, wenn so.

00:13:02.700 --> 00:13:08.740
 Und wäre noch lustiger, wenn es jetzt in Comic Sansia und wäre noch lustiger, wenn es jetzt grün auf rot ist und wäre noch lustiger, wenn ein Einhorn dabei wäre.

00:13:09.320 --> 00:13:12.920
 Und irgendwann ist es halt, ähm, ist es halt durch, ja?

00:13:12.920 --> 00:13:17.620
 Aber Deep-Fried-Meme, da wurde eigentlich gesagt, ja, das ist ja jetzt Deep-Fried, meinte jemand zu mir.

00:13:17.620 --> 00:13:22.340
 Und ich dachte so, okay, das ist ein geiler Ausdruck für, das ist jetzt fertig, da kann man nichts mehr, keinen mehr draufsetzen.

00:13:22.340 --> 00:13:34.440
 Aber was es eigentlich bedeutet, und das kannte ich nicht, wir verlinken auch Urban Dictionary, ähm, ist, das ist so ein Effekt, der sich einstellt, wenn ein Bild sehr oft kopiert, runtergeladen, wieder durch eine Kompression läuft, wieder hochgeladen.

00:13:34.440 --> 00:13:35.700
 Immer wieder neue Artefakte, ja.

00:13:35.700 --> 00:13:46.160
 Immer wieder neue Artefakte und laut Urban Dictionary, ähm, wird dann, kriegt das so eine Art Gelbstich, äh, als ob's frittiert wäre.

00:13:46.160 --> 00:13:47.380
 Ach so, okay.

00:13:47.380 --> 00:13:51.820
 Sagen die, also ich hab das jetzt im Gelbstich, ich hab das jetzt nicht, äh, konfirmen können.

00:13:51.820 --> 00:13:57.180
 Ich weiß nicht, ob das wirklich einen Gelbstich kriegt, äh, oder ob das dann noch drauf ankommt, was für ein Bildformat das ist oder keine Ahnung.

00:13:57.180 --> 00:14:03.800
 Ähm, aber man kennt diesen Effekt von Bildern, die schon tausendfach kopiert und durch wieder Kompressionsalgorithmen geladen wurden.

00:14:04.440 --> 00:14:08.420
 Ähm, die sehen dann irgendwann anders aus. Man sieht denen anders, die schon ein bisschen was hinter sich haben.

00:14:08.420 --> 00:14:14.420
 Ähm, und das fand ich irgendwie coole, coole Formulierung, äh, könnt ihr mal in euren Wortschatz übernehmen, falls ihr es noch nicht kanntet.

00:14:14.420 --> 00:14:15.320
 Deep-Fried-Meme.

00:14:15.320 --> 00:14:17.400
 Wieder was gelernt. Ich kann's auch nicht.

00:14:17.400 --> 00:14:30.080
 Ich hab dann auch mir noch gedacht, naja, und die Profis fangen wahrscheinlich direkt damit schon an. Äh, sodass, wenn du ein Meme wirklich etablieren willst, dann machst du dein erstes Bild, dass es direkt schon so aussieht, als ob's tausendmal kopiert worden wäre.

00:14:30.080 --> 00:14:37.240
 Äh, ja, okay, gut. Das, äh, ja, eine kleine Geschichte am Rande des Internets. Ist wirklich am Rande.

00:14:39.240 --> 00:14:52.000
 Ja, ich hab dann, äh, vorhin im Vorgespräch, als ich dann, äh, dachte, ah, okay, da hab ich ja doch noch einen Retropunkt, äh, sind wir irgendwie auf, auf Tweets gekommen und, ähm, haben uns über, ich weiß nicht mehr, aus irgendeinem Apple-Feature unterhalten.

00:14:52.000 --> 00:14:53.020
 Universal Control.

00:14:53.020 --> 00:14:57.800
 Universal Control, genau. Und dann hab ich dran denken müssen, ah, okay, da hatte ich doch einen Tweet gesehen.

00:14:58.380 --> 00:15:07.900
 Ähm, und tatsächlich hab ich jetzt mal einen, einen Apple, und zwar keinen Apple-Rant, äh, Retropunkt, sondern wirklich einen, einen positiven Apple, einfach nur so Retropunkt.

00:15:07.900 --> 00:15:12.460
 Und zwar, uh, da, wir brauchen diesen Sound, ja, wir haben's schon mehrfach festgestellt.

00:15:12.460 --> 00:15:13.680
 Äh, ich verdiene auch den.

00:15:13.680 --> 00:15:14.920
 Den gibt's ja, den gibt's ja in Jitsi, ne?

00:15:14.920 --> 00:15:16.080
 Ja, echt?

00:15:16.080 --> 00:15:16.780
 Da, da, da gibt's einen.

00:15:16.780 --> 00:15:17.800
 Vielleicht kann man den da rausklauen.

00:15:17.800 --> 00:15:24.260
 Warte mal, ich, äh, wie, ich weiß, das ist da, ich weiß nicht, warte mal, ich guck grad mal, äh, warte mal, ich guck, guck mal, ah nee, wir haben jetzt, wir haben das gemutet.

00:15:24.260 --> 00:15:25.540
 Das kann man jetzt ja nicht hören.

00:15:25.540 --> 00:15:33.400
 Aber in Jitsi, in Jitsi gibt es Reactions, und da gibt's so ein, so ein, so ein, so ein, so ein, so ein, so ein, so ein, so ein, so ein, so ein mit offenem Mund-Emoji.

00:15:33.400 --> 00:15:34.400
 Erstaunen, ja.

00:15:34.400 --> 00:15:36.460
 Genau, und der macht genau das.

00:15:36.460 --> 00:15:37.360
 Ah, okay.

00:15:37.360 --> 00:15:38.340
 Das können wir mal gucken.

00:15:38.340 --> 00:15:39.640
 Vielleicht kriegen wir das irgendwo her, genau.

00:15:39.640 --> 00:15:41.700
 Jitsi ist ja Open-Source, da kann man den Sound bestimmt auch.

00:15:41.700 --> 00:15:43.340
 Ah, ja, ah, okay, perfekt.

00:15:43.340 --> 00:15:51.380
 Äh, ja, aber wie dem auch sei, also, ähm, es, das war ein Tweet mit einem Video, ähm, please tell me I am not the only one who didn't know about this feature.

00:15:52.380 --> 00:16:04.080
 Äh, darauf ist zu sehen, wie jemand ein Bild auf einem iPhone geöffnet hat und mit der Hand so tut, als würde er das, wie wenn man irgendwie ein Tempo-Taschentuch, das da liegt, irgendwie auf, aufklaubt.

00:16:04.180 --> 00:16:08.280
 So, ne, die Hände zusammen und vom Bildschirm weg, äh, die Finger so zusammen von einer Hand und vom Bildschirm weg.

00:16:08.280 --> 00:16:10.380
 Quasi die, die, die, die Pinch geht so nur mit mehr Fingern.

00:16:10.380 --> 00:16:13.300
 Wegziehen, genau, genau, pinchen, aber mit der ganzen Hand so, als ob ich das wirklich, ne, ich stehe dieses Bild in die Hand.

00:16:13.300 --> 00:16:16.840
 Also wahrscheinlich brauchen wir mindestens drei oder vier Finger, nehme ich jetzt mal an.

00:16:17.240 --> 00:16:25.640
 Und, ähm, da nimmt er das und geht über ein, ein, äh, iPad, ich glaub, da ist die Notiz-App oder sowas geöffnet, also irgendwas muss wahrscheinlich schon offen sein.

00:16:25.640 --> 00:16:30.140
 Und dann macht er das Ganze umgekehrt, also als ob er das da drauf ausbreitet wieder, so mit den Fingern.

00:16:30.140 --> 00:16:34.460
 Und dann erscheint nach kurzem Laden dieses Bild auf dem iPad.

00:16:35.220 --> 00:16:39.940
 Und, ähm, das ist wie so, wie man sich das so vorgestellt hat vor 20 Jahren, die Zukunft.

00:16:39.940 --> 00:16:43.900
 Ich kann was nehmen und dann schmeiß ich's hier an die Wand und hier und da mit den Händen gestikulieren.

00:16:43.900 --> 00:16:45.360
 Auf den Schirm.

00:16:45.360 --> 00:16:48.520
 Genau, auf den Schirm werfen, ja, äh, wortwörtlich.

00:16:48.520 --> 00:16:49.160
 Und, äh, das funktioniert.

00:16:49.160 --> 00:16:51.880
 Und das, und das haben sie nie mit Gesten gemacht bei Star Trek.

00:16:51.880 --> 00:16:56.040
 Das hat immer der Käpt'n gesagt und dann hat irgendjemand einen Knopf gedrückt, wie Oldschool.

00:16:56.040 --> 00:16:56.260
 Tja.

00:16:56.260 --> 00:16:58.440
 Und jetzt kann man sowas drücken.

00:16:58.440 --> 00:17:01.780
 Jetzt kann man das so machen und, ähm, das kannten tatsächlich viele nicht in den, so in den Kommentaren.

00:17:01.780 --> 00:17:05.040
 Äh, andere haben dann gesagt, ja, das ist einfach, ähm, Universal Clipboard.

00:17:05.220 --> 00:17:07.160
 Und das ist eine Geste dafür, die es halt da gibt.

00:17:07.160 --> 00:17:12.760
 Also, Universal Clipboard ist ja, äh, einfach, dass du Text da kopierst auf dem iOS-Gerät und auf dem anderen einfügst.

00:17:12.760 --> 00:17:15.220
 Ähm, und das geht eben mit Bildern so über diese Geste.

00:17:15.220 --> 00:17:17.420
 Äh, find ich, find ich echt nett.

00:17:17.420 --> 00:17:20.920
 Ja, vielleicht müssen wir noch kurz Universal Control, äh, erklären.

00:17:20.920 --> 00:17:27.900
 Das ist jetzt ein neues Feature, ähm, was jetzt, äh, seit, ja, seit kurzem erst, glaub ich, final ist.

00:17:27.900 --> 00:17:35.200
 Ähm, wo man zwischen verschiedenen Macs, äh, aber auch iPads, ich glaube, ich weiß nicht, ob iPhones auch in dem Verbund mit drin sind,

00:17:35.220 --> 00:17:41.300
 ich glaube nicht. Ähm, die zum Beispiel die Tastatur und die Maus für mehrere Geräte verwenden kann.

00:17:41.300 --> 00:17:44.960
 Aber auch sowas wie, ich zieh jetzt genau das, was du jetzt gerade gesagt hast.

00:17:44.960 --> 00:17:49.100
 Ich, ich, ich fahr jetzt zum Beispiel mit der Maus auf mein iPad von meinem Mac aus.

00:17:50.240 --> 00:17:54.480
 Und, äh, schnapp mir dort ein Bild und zieh das rüber. Und dann ist es da.

00:17:54.480 --> 00:17:59.120
 Ist ja, ist sehr, sehr, sehr ähnlich. Also wirklich so geräteübergreifend.

00:17:59.120 --> 00:18:03.240
 Das ist nicht so, dass dann das iPad in dem Augenblick mein Monitor war, sondern das iPad ist das iPad mit seinen Daten.

00:18:03.240 --> 00:18:08.840
 Und ich zieh's rüber auf den Mac oder von Mac zu Mac. Ich hab's auch, ich glaube, ich hab's mit insgesamt drei Geräten nebeneinander ausprobiert.

00:18:08.840 --> 00:18:17.000
 Zwei Macs und ein iPad. Äh, und, äh, konnte dann mit einer Maus von, äh, über, über die Geräte hinweg, äh, da navigieren und Sachen hin und her kopieren.

00:18:17.000 --> 00:18:21.720
 Und das ist ziemlich cool. Und ja, Achtung, ich komm mal ein bisschen näher.

00:18:21.720 --> 00:18:28.200
 Ich weiß, dass es Software gibt, die das auf Windows schon länger möglich macht.

00:18:28.200 --> 00:18:31.480
 Erspart mir diese Kommentare. Dankeschön.

00:18:31.480 --> 00:18:39.860
 Ja, aber coole Sache. Also es ist schon geschickt gemacht.

00:18:39.860 --> 00:18:46.700
 Ja, das, äh, das war's von mir mit der Retro. Und dann können wir jetzt zum, äh, problematischen.

00:18:47.000 --> 00:18:51.140
 Teil. Achso, der problematische, jetzt weiß ich, was der, jetzt weiß ich, was der problematische Teil ist.

00:18:51.140 --> 00:18:53.900
 Ja, wir haben einen, einen Doppel-Jingle. Also ich, ich mach einfach mal hier.

00:18:53.900 --> 00:18:55.180
 Ja, mach einfach mal.

00:18:55.180 --> 00:18:57.360
 Ähm, äh, hier, wenn ich, äh, wenn ich's finde. So.

00:18:57.360 --> 00:18:58.400
 Ich kann ...

00:18:58.400 --> 00:19:00.660
 Die Property der Woche.

00:19:00.660 --> 00:19:06.200
 Hier ist WWSIV mit dem Tagesthema.

00:19:10.780 --> 00:19:13.940
 Ja, wir haben heute nämlich, äh, eine Property als Tagesthema.

00:19:13.940 --> 00:19:22.200
 Ja, das haben wir ja schon angekündigt, dass das vielleicht mal passieren würde, dass wir, also eigentlich andersrum, wir haben gesagt, wir machen nur Properties, weil wir nicht so viel Zeit haben gerade.

00:19:22.200 --> 00:19:24.500
 Aber jetzt ist es anders, wie auch hier rum ist.

00:19:24.500 --> 00:19:33.040
 Nachdem wir letztes Mal, nach der letzten Folge einfach das, äh, den Tagesthema Jingle vergessen haben, äh, vor lauter, äh, netter Blauterei mit, äh, mit unserem Gast.

00:19:33.040 --> 00:19:36.520
 Ähm, machen wir jetzt einfach nochmal doppelt.

00:19:36.520 --> 00:19:42.220
 Genau, falls ihr noch nicht gehört habt, äh, unserer letzten Folge haben wir mit Anselm Hannemann über das Gärtnern gesprochen.

00:19:42.220 --> 00:19:43.580
 Sehr lohnenswert, wie ich.

00:19:43.740 --> 00:19:56.360
 Eine schöne Ergänzung zum Tech-Alltag sein kann. Also auf jeden Fall, da mal reinhören, das war sehr, sehr erhellend und, ähm, ja, einfach, einfach nett und, und gut. Danke nochmal Anselm, falls du zuhörst.

00:19:56.360 --> 00:20:12.100
 Genau, aber heute soll's um, äh, um Hess gehen. Und, äh, wir haben heute schon vor der Sendung den Titel festgelegt, der Sendung. Und vielleicht, äh, ist der eine oder andere, oder die oder eine oder andere verwirrt, ähm, von diesem Titel.

00:20:12.540 --> 00:20:14.200
 Und deswegen müssen wir den, glaub ich, auch mal erklären, also.

00:20:14.200 --> 00:20:22.960
 Ah, warte mal, darf ich, darf ich noch was vorweg schicken? Ganz kurz, ähm, äh, es gibt eine Person, die sich besonders, äh, über das Intro freuen dürfte, was du heute gesprochen hast.

00:20:22.960 --> 00:20:23.060
 Ja, ja.

00:20:23.060 --> 00:20:27.740
 Das wollte ich noch sagen, bevor du zu dem Titel, äh, zu dem Titel kommst. Ähm, also, hallo Olli.

00:20:27.740 --> 00:20:29.060
 Ja, hallo Olli.

00:20:29.060 --> 00:20:31.240
 An der Stelle, diese Sendung ist für dich.

00:20:31.240 --> 00:20:39.800
 Speziell für dich, genau. Ja, das ist, äh, ein, ein ehemaliger Kollege von uns beiden, der, der diesen Spruch, äh, geprägt hat.

00:20:39.800 --> 00:20:42.140
 Ja, wir kennen das beide von ihm, glaub ich, ja.

00:20:42.540 --> 00:20:43.460
 Genau. Okay.

00:20:43.460 --> 00:20:47.840
 Also, es geht um, haben ist besser als brauchen, ne, falls, falls man jetzt nicht mehr weiß, was ich davor überhaupt gesagt hab.

00:20:47.840 --> 00:20:51.620
 Aber auch um den Titel, genau. Also, unser Titel, äh, I can have parent selector.

00:20:52.260 --> 00:21:10.360
 Ähm, äh, das ist ein, äh, ein Meme, weil wir es vorhin auch von Memes hatten, wahrscheinlich auch ein Deep-Fried-Meme inzwischen. Ähm, und das ist eine Katze, die eigentlich nur in die Kamera schaut und, äh, und da steht drüber, äh, I can have, äh, I can have cheeseburger, in Fragezeichen.

00:21:10.360 --> 00:21:19.960
 Und da ist eine ganze Seite auch irgendwann draus entstanden, die so Memes, äh, gesammelt hat und so. Ähm, und, äh, ich verlinke auch auf die Seite, äh, die dann, die das Original-Meme zeigt.

00:21:19.960 --> 00:21:25.660
 Also, die Katze guckt so ein bisschen, die hat den Mund so offen stehen, als ob sie gerade wirklich redet. I can have cheeseburger.

00:21:25.660 --> 00:21:38.860
 Ich weiß jetzt nicht genau, also, es ist natürlich, es ranken sich da Mythen drumherum. Ich weiß nicht, ob das jetzt das erste Bild war, das diese Art Meme war, mit, ich hab ein Bild und, äh, und hab da Text drauf und das sagt dann irgendwas und Katzenbilder.

00:21:39.160 --> 00:21:50.420
 Aber es war auf jeden Fall eins der ganz frühen Katzenbilder-Memes, äh, und, also, ja, absoluter Klassiker. Und ich seh schon, auf dieser Seite ist die Qualität von diesem Bild schon ganz, ganz, ganz mies.

00:21:50.420 --> 00:21:52.460
 Ja, aber es ist hochskaliert. Es ist hochskaliert noch dazu.

00:21:52.460 --> 00:21:58.920
 Ah, okay. Ja, stimmt. Das ist doch aus einer Zeit, als Monitore noch klein und niedrig auflösend waren. Von wann ist das eigentlich?

00:21:58.920 --> 00:21:59.960
 Oh, ich weiß nicht.

00:21:59.960 --> 00:22:01.280
 Das muss ich jetzt mal, warte mal.

00:22:01.280 --> 00:22:08.960
 Know your meme, I can have, ähm, da, da, da, da, das ist von?

00:22:09.160 --> 00:22:21.740
 2000, nee. Ach, da, die, die, da, ah, ich bin auf der Seite gelandet, ich bin auf der Seite gelandet von dieser, nee, ich bin auf der Seite gelandet, wo die Firma erklärt wird, also, und die Seite, die dahinter steckt, aber das Meme ist ja viel, viel älter.

00:22:21.740 --> 00:22:26.000
 Aber vielleicht ist es dann doch besser, mal bei Wikipedia zu gucken.

00:22:26.000 --> 00:22:29.320
 Also, 2007 ist die Seite gelauncht.

00:22:29.320 --> 00:22:31.700
 Ja, aber das ist ja, da gab's das Meme schon längst.

00:22:31.700 --> 00:22:36.100
 Ja, das war aber das erste Meme, das da so gesammelt wurde. Also, das muss so die Zeit wohl gewesen sein.

00:22:36.340 --> 00:22:39.900
 Ja, das Meme muss aber eigentlich schon populär gewesen sein, bevor eine Seite sich so nennt.

00:22:39.900 --> 00:22:45.160
 Das kann ich mir nicht vorstellen, dass, dass das quasi, nee, das, das muss älter gewesen sein.

00:22:45.160 --> 00:22:47.980
 Comedy-Website-something.

00:22:47.980 --> 00:22:49.620
 Egal.

00:22:49.620 --> 00:22:52.920
 Ja, egal. Also, wir kommen, wir schweifen schon wieder völlig ab.

00:22:52.920 --> 00:23:04.680
 Oh, ja, da kommt auch aus dieser, aus dieser, aus dieser, aus dieser Zeit, äh, stammt auch eine, eine Formulierung, die ich immer noch manchmal ganz gern benutze, äh, bei Twitter, ähm, nämlich, äh, K-T-H-X-B-A-I.

00:23:04.680 --> 00:23:05.920
 K-T-H-X-B-A-I.

00:23:05.920 --> 00:23:06.980
 K-T-H-X-B-A-I.

00:23:06.980 --> 00:23:08.340
 Ah, aha.

00:23:08.340 --> 00:23:09.180
 Aha.

00:23:09.180 --> 00:23:11.380
 Das finde ich, das finde ich sehr gut.

00:23:11.860 --> 00:23:31.040
 Also, es geht, es geht, um, um wieder mal zum Thema zurückzukommen, es geht um, äh, eine, äh, eine, eine, eine Pseudoklasse, eine CSS-Pseudoklasse, has, mit der ich, äh, Elemente selektieren kann, die, ein, ein, eine bestimmte, oder deren Kind-Elemente bestimmte Selektoren wiederum erfüllen.

00:23:31.040 --> 00:23:40.160
 Also, ich kann da eine Liste an, an Selektoren übergeben und dann wird das Element ausgewählt, ähm, das eben einen dieser Selektoren in sich hat.

00:23:40.160 --> 00:23:49.560
 Also, ich kann da zum Beispiel auch, äh, direkt den mit, mit Spitze Klammer, äh, also, größer als Zeichen, sagen, direkt das Kind-Element oder eben halt alle Kind-Elemente.

00:23:49.560 --> 00:24:01.040
 Also, wenn irgendwo als Kind-Element, äh, ein P zum Beispiel vorkommt, ne, dann würde ich jetzt, also, div mit einem P drin ist dann div, Doppelpunkt, has, Klammer auf, P, und dann würde dieses, äh, Element selektiert werden.

00:24:01.040 --> 00:24:09.160
 Und ich kann natürlich aber auch in dem Selektor hintendran dann wiederum Kind-Elemente, also alle, alle, die das haben und davon dann irgendwie, dann das P oder, äh.

00:24:09.160 --> 00:24:15.640
 Ich glaube, da kommt, ich glaube, da sollten wir langsam machen, weil da hat's zum ersten Mal mein Hirn durchgeschüttelt, als ich das gesehen hab.

00:24:15.640 --> 00:24:40.500
 Wir sollten vielleicht erst mal ein Beispiel, ähm, erklären, dass das Minimalbeispiel, bevor wir, bevor wir das Thema festgelegt haben, ähm, hatte ich nämlich gerade einen Anwendungsfall, gerade diese Tage erst, ähm, das, das war eine Notice, also auch wieder im WordPress-Umfeld, eine Notice, die auf, auf den Custom-Post-Type, den ich da hab, aber nicht zutrifft, weil da was, äh, das hat dann irgendwie, ich hab, hab eine neue Revision und so, aber ich brauch die Revision gar nicht, ich brauch kein Autosave.

00:24:40.640 --> 00:24:54.220
 Und ich, äh, kann da nur bedingt Einfluss nehmen, ob diese Notice geworfen wird, weil ich kann das, ich hab in den WordPress-Source-Code geguckt, das ist tatsächlich, ähm, ich kann mich da nicht einklinken und das heißt, ich müsste den WordPress-Source-Code beeinflussen, was ich halt, äh, nicht mal eben so kann.

00:24:54.220 --> 00:25:01.100
 Und dann hab ich mir gedacht, na, blend das Ding einfach aus, weil es interessiert mich wirklich nicht, ob das, also die kann von mir aus im Hintergrund keine neue Revision sein, brauch ich nicht.

00:25:01.460 --> 00:25:03.300
 Ich möchte diesen, äh, Notice ausblenden.

00:25:03.300 --> 00:25:12.040
 Dummerweise hat aber nicht das Wrapper-Element eine ID, die ich jetzt eindeutig ansprechen kann, sondern sinnigerweise nur ein, ein Paragraph-Element in dieser Notice.

00:25:12.040 --> 00:25:24.960
 Und jetzt wär's schön gewesen zu sagen, also irgendwie Class Notice oder wie auch immer die heißen, ähm, Class Notice und Has und dann das P mit der ID, ähm, keine Ahnung, Notice, New Revision oder wie auch immer die ID war, ja.

00:25:25.300 --> 00:25:33.940
 Und dann hätte ich sagen können, okay, ich blende die Notice gar nicht ein, weil ich kann zwar das P ausblenden, dann hab ich ne leere Notice, das ist so ne weiße Box dann mit nem, mit nem gelben Rahmen links.

00:25:33.940 --> 00:25:36.740
 Ähm, und da wär das halt wirklich, äh, super gewesen.

00:25:36.740 --> 00:25:40.060
 Jetzt muss ich mir dann doch überlegen, wie ich's irgendwie serverseitig quasi verhindern kann, dass das überhaupt kommt.

00:25:40.060 --> 00:25:52.400
 Mit jQuery ging das ganz einfach, äh, also, wenn du's in JavaScript machst, geht's natürlich, aber mit jQuery ging das super einfach, da gab's nämlich Closest und dann hat er, ist er so weit nach oben gegangen im Baum, bis er das gefunden hat.

00:25:52.400 --> 00:25:58.320
 Ja, und Closest hast du ja mittlerweile auch, äh, auch in die E6, äh, geht das, geht das nativ schon?

00:25:58.320 --> 00:25:59.040
 Ja, ja, klar.

00:25:59.040 --> 00:26:11.420
 Funktioniert das auch genauso wie in jQuery, also das, äh, äh, was ist das, äh, seit, seit, seit, Firefox 35, äh, ist das schon, Element RP Closest ist das gleiche, ne?

00:26:11.420 --> 00:26:12.440
 Element Closest?

00:26:12.440 --> 00:26:14.200
 Also, das ist, ja, schon ne Weile.

00:26:14.200 --> 00:26:19.900
 Also, IE11 kann's noch nicht, also, ähm, ist das wahrscheinlich, äh, das ist ja, das wusste ich nicht, das ist gut zu wissen.

00:26:20.220 --> 00:26:23.600
 Aber ging nicht auch in jQuery, hatte nicht jQuery auch Has?

00:26:23.600 --> 00:26:27.440
 Doch, aber das ging nach innen, das ging nicht nach außen.

00:26:27.440 --> 00:26:28.500
 Has-Selector.

00:26:28.500 --> 00:26:34.480
 Ach so, doch, ja, doch, ne, im Prinzip schon, doch, den Has-Selector gab's bei jQuery, ne, funktioniert eigentlich, doch, funktioniert eigentlich genauso.

00:26:34.480 --> 00:26:39.940
 Ja, genau, also so, wie, genau so, wie man das, ähm, äh, ja, wie man das jetzt eben auch kann in Zukunft.

00:26:39.940 --> 00:26:59.480
 Also, so ein, so ein klassisches Beispiel für mich, äh, für diese, für diese, für diese ganz, für diesen ganz einfachen Anwendungsfall, ähm, wäre für mich zum Beispiel gewesen, da, wo ich mir das öfter mal gewünscht hätte, ähm, man hat einen Button, den man irgendwie stylt, oder man hat so einen allgemeinen Button-Style, ähm, und jetzt gibt es da aber Varianten, je nachdem, was drin ist.

00:26:59.480 --> 00:27:07.760
 Also, muss ich ihn umstylen. Also, der Klassiker ist, du hast einen Button mit Text, und es gibt einen Button mit Text und Icon, zum Beispiel.

00:27:07.760 --> 00:27:19.960
 Und für das Icon muss ich unter Umständen Platz machen, damit es irgendwie da reinkommt, wie auch immer. Also, das ist so, und, äh, dann hat man das halt irgendwie so gelöst, naja, der Button, der kriegt dann halt noch irgendwie ne, ne, äh, ne Extraklasse mit, ja, Has-Icon oder irgendwas.

00:27:19.960 --> 00:27:21.540
 Genau, Button, das Icon, ja, genau.

00:27:21.540 --> 00:27:28.600
 Genau, sowas. Und, ähm, das kannst du dann, das ist dann komplett überflüssig mit Has, weil dann kannst du einfach sagen, ist da ein Icon drin oder ist da kein Icon drin?

00:27:28.600 --> 00:27:46.520
 Also, irgendwie ein Element mit einer bestimmten Klasse oder, keine Ahnung, vielleicht hast du ja sogar mit Web-Components hier ein Icon-Element gebastelt, wie auch immer, und dann kannst du sagen, ja, Has, äh, Punkt Icon oder sowas, und wenn das drin ist, dann kann ich sagen, ja, und dann mach irgendwie Padding-Left, äh, keine Ahnung, äh, ein Rem, und, äh, dann hast du Platz gemacht für dein Icon.

00:27:46.520 --> 00:27:47.000
 Also, es wäre so ein Fall.

00:27:47.000 --> 00:27:56.820
 Also, man kann sich da viele so, so Helper-Klassen sparen, die wirklich nur dafür da waren, zu sagen, ähm, unterscheide dieses Element, weil ich brauche dann da drin irgendwie was, wo ich, äh, drauf reagieren muss.

00:27:57.720 --> 00:28:00.520
 Und, äh, dann wird das alles ein bisschen aufgeräumt, hoffentlich.

00:28:00.520 --> 00:28:10.920
 Also, das ist ja genau, und ich glaub, da gibt's wahrscheinlich eine Million Anwendungsfälle, das war jetzt so das, was, wo ich sofort dran denken musste, dass ich das früher öfter mal gebaut hab, solche Konstrukte.

00:28:11.500 --> 00:28:30.220
 Ähm, und ich glaube, ganz viel, äh, so, ähm, wo man jetzt bei BEM ein Modifier nehmen würde, eine Modifier-Klasse vergeben würde, kann man, könnte man dann mit Has zukünftig abfrühstücken und sagen, naja, ich muss ja eigentlich nur wissen, ist da, äh, meistens, meistens basiert ja der Modifier darauf, da ist irgendwas anderes drin oder halt nicht.

00:28:30.620 --> 00:28:39.340
 Ist nicht immer so, manchmal will man auch das Element direkt verändern, aber meistens, oder oft hat das irgendwie, äh, ja, ist der Unterschied, dass etwas Bestimmtes drin ist oder nicht.

00:28:39.420 --> 00:28:45.780
 Und dann dafür, da kannst du dir dann den kompletten, äh, Quatsch sparen mit den langen Selektoren und machst einfach ein HES und dann, gut ist's.

00:28:45.780 --> 00:28:47.860
 Genau.

00:28:47.860 --> 00:29:00.580
 Dann gucken wir uns mal kurz an, äh, ich hab grad schon gesagt, es wird in Zukunft erst funktionieren, weil, äh, beziehungsweise, ja, wir sind schon in der Zukunft, zum Teil zumindest, ähm, seit Safari, äh, 15.4 im März, also doch noch recht jung.

00:29:00.580 --> 00:29:07.620
 Wir sehen diese Folge auf, am 83. März, 2798.

00:29:07.620 --> 00:29:30.340
 Also was ich damit sagen wollte, der Safari kann's jetzt schon, ähm, und das ist ja tatsächlich hervorhebenswert, mal der Safari, der sonst oft hinterherhängt, aber alle Achtung, äh, so ein krasses, äh, cooles Feature und ein begehrtes Feature, ähm, und der Safari kann's als erster und das kann tatsächlich sonst noch keiner offiziell, ähm, nur Chrome ab Version 101, äh, hinter einem Flag.

00:29:30.580 --> 00:29:46.080
 Also hinter diesem Experimental Web-Plattform-Feature-Flag, das heißt, im, äh, Chrome-Canary-Build, ähm, kann man sich das schon aktivieren und dann kann man damit rumspielen, aber das ist noch experimentell und der Safari, der kann's und der kann's, wie wir gleich feststellen werden, auch, äh, richtig gut.

00:29:46.080 --> 00:29:50.240
 Also es funktioniert, wie man's, wie man sich's vorstellt und, äh, welches ist das?

00:29:50.240 --> 00:29:55.560
 Genau, also und Safari, äh, kann das in der aktuellen, neuesten Version schon ganz ohne Flag und alles.

00:29:55.560 --> 00:30:00.020
 Genau, das meine ich, ja, also der kann's wirklich, äh, offiziell und da braucht man keinen, keinen speziellen Bild und so.

00:30:00.480 --> 00:30:08.280
 Äh, genau, und das ist, äh, weil ich grad gesagt hab, so ein großes und begehrtes Feature, also das ist tatsächlich was, ähm, im Endeffekt deckt das das Thema Parent Selector ab.

00:30:08.280 --> 00:30:15.300
 Und Parent Selector, das ist schon seit, seit Jahren, also ich glaub, seit es CSS gibt, äh, fragen Leute nach einem Parent Selector und das ist ja genau das.

00:30:15.300 --> 00:30:28.200
 Also ich möchte, äh, auf, äh, den Parent eingehen, ohne jetzt unbedingt, äh, das Parent Element selbst, ähm, damit zu meinen, sondern, ähm, eben halt vom Kind Element ausgehend, das da drin vorhanden ist.

00:30:28.680 --> 00:30:38.480
 Und, äh, das ging lange nicht und es gibt auch einen Grund, warum es, warum es nicht ging. Äh, ich hab das mal gelesen, da war im, im, im, es gibt natürlich auch einen CSS Tricks Artikel dazu, den verlinke ich in den Show Notes.

00:30:38.480 --> 00:30:45.480
 Und, äh, der wiederum hat verlinkt auf einen Artikel, der so ein bisschen, äh, ja, einen Einblick schafft, ähm, woran das denn lag.

00:30:45.480 --> 00:30:50.740
 Also das ist ein alter Artikel, der quasi sagt, ähm, ähm, ja, warum, warum, äh, gibt's keinen Parent Selector?

00:30:50.740 --> 00:31:03.720
 Und der beleuchtet das so ein bisschen, ist natürlich jetzt inzwischen überholt, das gibt ihn ja jetzt quasi mit, mit Has, lässt sich das abbilden, ähm, und die Schwierigkeit bei dieser Implementierung, ähm, und warum das jetzt sozusagen auf sich hat warten lassen, äh, die ist folgendes.

00:31:03.720 --> 00:31:08.920
 Und, äh, da hab ich gleich auch eine Demo dazu gebastelt, ähm, die bei, bei dir leider nicht funktioniert, ne?

00:31:08.920 --> 00:31:13.220
 Ich glaub, ich erkenn das, ich glaub, ich erkenn das Faf-Icon, oh ja, auf der Seite bin ich sehr gerne und die kenn ich schon sehr lange.

00:31:13.220 --> 00:31:21.360
 Und, äh, ich glaube, bei dem Menschen mit dem schönen Faf-Icon hab ich, glaub ich, sogar schon mal, äh, einen Workshop besucht, wenn ich mich recht erinnere.

00:31:21.360 --> 00:31:23.440
 Also snook.ca, darum geht's.

00:31:23.440 --> 00:31:24.320
 Ja, das ist Jonathan Snook.

00:31:24.320 --> 00:31:29.360
 Ein archivierter, ein archivierter Artikel, ich weiß gar nicht, ob da ein Datum dabei steht, also die Kommentare sind von 2010.

00:31:29.360 --> 00:31:32.560
 Eine sehr schöne Seite, die ist einfach wunderschön.

00:31:32.920 --> 00:31:39.140
 Also es steht jetzt nicht dabei, wann es veröffentlicht wurde, published doch, published, Oktober 10, 2010.

00:31:39.140 --> 00:31:44.480
 Ähm, ist aber schon, also schon vor 2010 hat man sich da Gedanken drum gemacht.

00:31:44.480 --> 00:31:46.740
 Und, also, warum ist das so?

00:31:46.740 --> 00:31:48.100
 Was ist das Problem dabei?

00:31:48.100 --> 00:31:51.280
 Also, ähm, HTML kann ja gestreamt werden.

00:31:51.280 --> 00:31:54.280
 Also, der Browser verarbeitet das HTML so, wie es reinkommt.

00:31:54.280 --> 00:31:59.280
 Das muss nicht immer sein, dass das erste alles geladen wird, also in den seltensten Fällen ist das eigentlich so,

00:31:59.280 --> 00:32:02.820
 sondern HTML kommt rein, wie es halt, wie es halt vom Server gestreamt wird.

00:32:02.820 --> 00:32:08.720
 in so, so Päckchen, ähm, und der Browser fängt direkt an zu bearbeiten.

00:32:08.720 --> 00:32:12.620
 Also er wartet nicht erst, bis alles da ist, sondern so, wie es reinkommt, äh, verarbeitet.

00:32:12.620 --> 00:32:18.420
 Das heißt, wenn ein, ein Div zuerst geladen wird, ähm, ein geöffnetes, dann hab ich erstmal nur das Div.

00:32:18.420 --> 00:32:21.440
 Für den Browser ist das erstmal leer, weil er weiß nicht, was, was danach kommt.

00:32:21.840 --> 00:32:28.380
 Und dementsprechend, äh, kann er beim Abarbeiten nicht schon sagen, ah ja, okay, das ist ein Div, das ein P enthält, weil das weiß er zu dem Zeitpunkt noch nicht.

00:32:28.900 --> 00:32:37.580
 Und bei CSS-Selektoren ist es so, dass die von rechts nach links ausgewertet werden, ne, weil das Performance-Vorteile hat, weil ich gucken kann, das, was ganz am Ende ist, das ist ja ausschlaggebend.

00:32:37.640 --> 00:32:41.680
 Wenn das schon nicht passt, dann kann ich das andere vorne dran im Endeffekt, äh, ignorieren.

00:32:41.680 --> 00:32:51.620
 Ähm, und das alles funktioniert halt nicht mehr so gut, wenn ich, äh, einen Parent-Selektor haben will und gucken will, was ist denn da drin und dann reagier bitte da drauf.

00:32:51.920 --> 00:32:58.660
 Weil ich muss ja immer, wenn ich dann weiß, was drin ist, rückwirkend sagen, ah, okay, dann muss ich aber das und das verändern.

00:32:58.660 --> 00:33:06.240
 Und, ähm, ne, da kommen da diese Repainting-Geschichten und, und so zum Tragen und das schluckt natürlich alles Performance.

00:33:06.240 --> 00:33:09.280
 Ich hab mich gerade gefragt, ob man damit eine Endlosschleife bauen kann.

00:33:09.280 --> 00:33:10.460
 Eine Endlosschleife?

00:33:10.460 --> 00:33:11.960
 Muss man mal...

00:33:11.960 --> 00:33:13.240
 Na gut, wenn's da ist, ist es da.

00:33:13.240 --> 00:33:14.700
 Na gut, du kriegst das bestimmt irgendwie kaputt.

00:33:14.700 --> 00:33:17.820
 Aber, ähm...

00:33:17.820 --> 00:33:21.180
 Ich kenn Leute, die können das, die können das noch besser, äh, mit dem Kaputtkriegen.

00:33:21.180 --> 00:33:24.760
 Vielleicht laden wir die mal in die Sendung, ich hätte da so, ich hätte da so ein paar Ideen.

00:33:24.760 --> 00:33:32.180
 Ähm, genau. Also das ist übrigens auch der Grund, warum der, äh, IE so lange kein Last-Child, keine Last-Child-Pseudoklasse hatte.

00:33:32.180 --> 00:33:36.860
 Ähm, man denkt ja vielleicht auch, First-Child kann er, warum kann er Last-Child nicht, kann ja so schwer nicht sein.

00:33:36.860 --> 00:33:43.100
 Aber das ist genau der Grund. Also, es ist geladen, es ist ein Diff, dann ist ein P geladen und ich hab vielleicht einen Selektor P, First-Child.

00:33:43.100 --> 00:33:45.640
 Gut, dann weiß ich, ja, das ist das erste P hier in dem Diff.

00:33:45.640 --> 00:33:48.060
 Aber ich weiß nicht, wie viele P's kommen da noch danach.

00:33:48.060 --> 00:33:50.440
 Ne, also...

00:33:50.440 --> 00:33:53.480
 Kann ja das letzte sein, muss aber halt nicht. Kann ja noch eins danach kommen.

00:33:53.480 --> 00:33:57.440
 Und, äh, das sind halt alles so, so Sachen, die da zum Tragen kommen, äh, wo der Browser eben halt nicht weiß.

00:33:57.440 --> 00:33:59.660
 Und dann im Nachhinein Dinge wieder verändern muss.

00:33:59.660 --> 00:34:03.260
 Und das war halt früher sehr, äh, kosten- oder, oder rechenintensiv.

00:34:03.260 --> 00:34:05.380
 Heute spielt das wahrscheinlich einfach auch weniger eine Rolle.

00:34:06.020 --> 00:34:11.140
 Ich hab versucht, ähm, was rauszufinden, so ein bisschen technisch, warum man sich dann doch entschieden hat, das zu machen.

00:34:11.140 --> 00:34:15.680
 Und was so der ausschlaggebende Punkt war, zu sagen, ja, okay, wenn wir es so und so machen, dann ist die Performance nicht ganz so schlimm.

00:34:15.680 --> 00:34:19.820
 Das heißt, ich kann nur vermuten, es ist einfach, ähm, wir haben heute mehr Rechenpower zur Verfügung.

00:34:19.940 --> 00:34:23.720
 Es spielt wahrscheinlich wirklich nicht mehr so eine große Rolle, ob ich jetzt ein paar Sachen repainten muss.

00:34:23.720 --> 00:34:27.960
 Die Browser, die Rendering-Engines an sich, äh, haben sich natürlich mit den Jahren verbessert.

00:34:27.960 --> 00:34:35.100
 Wir haben es ja auch schon mal angesprochen, äh, die Blink-Engine hatte da mal irgendwas ganz, ganz neu gemacht, ähm, neue Art und Weise, die Dinge zu berechnen.

00:34:35.100 --> 00:34:42.900
 Und auch irgendwie, dann werden ja eben verschiedene Layer erzeugt und dann kann ich nur den Layer austauschen, ohne, dass ich die ganze restliche Seite dann irgendwie repainten muss.

00:34:42.900 --> 00:34:50.300
 Und, ähm, mit den ganzen Optimierungen und mit der mehr Rechenpower ist das wahrscheinlich heute vernachlässigbarer im Vergleich zu früher.

00:34:50.300 --> 00:34:57.520
 Man sollte es wahrscheinlich trotzdem noch sparsamer einsetzen, ne, es gibt ja verschiedene, äh, Selektoren, die halt mehr oder weniger Rechenleistung brauchen.

00:34:57.520 --> 00:35:03.120
 Ähm, man sollte jetzt vielleicht nicht alles damit zukleistern, nur weil es geht, äh, aber haben es besser als brauchen.

00:35:03.460 --> 00:35:07.560
 Ich hab vorhin mal, ich hab vorhin mal im Zuge der Vorbereitung noch einen schlimmen Selektor gebaut.

00:35:07.560 --> 00:35:10.560
 Ich hab jetzt nicht drauf geachtet, dass er möglichst die Performance kaputt macht.

00:35:10.560 --> 00:35:15.280
 Äh, das kann man, so einen könnte man auch noch bauen, aber da kommen wir am Ende noch dazu.

00:35:15.280 --> 00:35:15.700
 Mhm.

00:35:15.700 --> 00:35:16.420
 Aber das zum Thema schlimmen Selektoren.

00:35:16.420 --> 00:35:20.660
 Ich, äh, noch kurz meine, meine Demo, die ich da, die ich da, äh, gebaut hab.

00:35:20.660 --> 00:35:22.300
 Also bei dir hat das leider nicht funktioniert.

00:35:22.300 --> 00:35:25.660
 Das heißt, im Safari scheint das aus irgendwelchen Gründen nicht zu funktionieren.

00:35:25.660 --> 00:35:26.540
 Ich kann sie aber, ich kann sie aber gerne noch mal ...

00:35:26.540 --> 00:35:31.140
 Vielleicht kannst du's noch mal probieren und noch mal irgendwie so hart reloaden, dass da nix im Cache irgendwie kommt.

00:35:31.140 --> 00:35:33.080
 Ich kann auch mal soft reloaden.

00:35:33.460 --> 00:35:37.880
 So, jetzt muss ich gerade mal gucken, wo ich den Link hab.

00:35:37.880 --> 00:35:40.320
 Ich hab versucht zu überspielen, dass ich den Link gerade ...

00:35:40.320 --> 00:35:42.100
 Ja, ich weiß, ich weiß, dass da ein Signal ist.

00:35:42.100 --> 00:35:44.100
 Nee, ein Signal ist er nicht.

00:35:44.100 --> 00:35:45.660
 Oder doch?

00:35:45.660 --> 00:35:47.800
 Ach, ich hab ihn dir auch per Signal geschickt, ja.

00:35:47.800 --> 00:35:49.020
 Wo hast du den denn noch geschickt?

00:35:49.540 --> 00:35:51.060
 Ich hab ihn jetzt Trello hier eingetragen.

00:35:51.060 --> 00:35:53.560
 Ah, ah, das wär ja noch einfacher gewesen.

00:35:54.720 --> 00:36:02.460
 Also ich lad's, ich lad's jetzt noch mal, ähm, aber er wartet, also er wartet lange, bis alles da ist.

00:36:02.460 --> 00:36:03.800
 Fünf Sekunden und dann kommt alles auf den Rutsch.

00:36:03.800 --> 00:36:04.420
 Ja, ja.

00:36:04.420 --> 00:36:09.080
 Okay, also im, im, im Chrome, äh, Canary-Build funktioniert's bei mir, wie's, wie's soll.

00:36:09.320 --> 00:36:17.700
 Also ich hab, äh, hab ne Seite, ähm, die besteht im Grunde nur aus dem, aus dem Diff und dem P und ein bisschen Text, äh, drinnen und draußen.

00:36:18.160 --> 00:36:29.720
 Und ich lade zuerst, äh, also ich hab ein eröffnendes Diff und, äh, da steht dann drinnen hier, dieses äußere Diff mit, äh, rotem Rahmen wird zuerst geladen, ähm, in fünf Sekunden und zwar mit PHP Sleep.

00:36:29.720 --> 00:36:38.280
 Das mach ich dann noch, bevor irgendwie was weitergeht und bevor irgendwas geschlossen wird, äh, lädt dann der Rest des Markups und darin ist dann ein, ein Paragraph-Child-Element mit grünem Rahmen.

00:36:38.280 --> 00:36:42.980
 Und, ähm, ich kann hier also zuschauen, wie sich da was verändert.

00:36:42.980 --> 00:36:49.000
 Ja, das heißt, es ist tatsächlich ein roter Rahmen zuerst und der wird dann, äh, es funktioniert jetzt bei mir gerade auch nicht mehr.

00:36:49.000 --> 00:36:50.180
 Irgendwas hab ich kaputt gemacht.

00:36:50.180 --> 00:36:50.940
 Cache.

00:36:50.940 --> 00:36:52.760
 Ah, ich hab die Demo kaputt gemacht.

00:36:52.760 --> 00:36:54.460
 Okay, muss ich nochmal, muss ich nochmal angucken.

00:36:54.460 --> 00:36:56.940
 Also ich hab's jetzt noch mehrfach extra.

00:36:56.940 --> 00:37:01.900
 Und bis diese Sendung, äh, live geht, ähm, wird es auch wieder funktionieren.

00:37:01.900 --> 00:37:08.960
 Ich hab in den DevTools, äh, jetzt gerade explizit in Safari nochmal den Cache ausgeschaltet, ähm, und es passiert trotzdem dasselbe.

00:37:08.960 --> 00:37:12.960
 Also der, der sagt, äh, ey, bevor du mir nicht das Dokument komplett gegeben hast, zeig ich.

00:37:12.980 --> 00:37:13.600
 dir gar nichts.

00:37:13.600 --> 00:37:23.440
 Okay, also ich mach das, ich mach das mit Sleep und mit Flush, also eigentlich, äh, eigentlich sollte er dann, äh, das machen, aber warum auch immer Safari das nicht, das nicht machen.

00:37:23.440 --> 00:37:28.400
 Hast du, äh, da ist aber noch kein schließender Body oder irgendwie sowas dran, oder?

00:37:28.400 --> 00:37:30.860
 Äh, nee, das kommt alles erst später dann.

00:37:30.860 --> 00:37:35.760
 Ja, genau, vielleicht, vielleicht wartet er deswegen, weil er sagt, ey, das Dokument ist noch nicht fertig.

00:37:35.760 --> 00:37:37.440
 Äh, keine Ahnung.

00:37:37.440 --> 00:37:39.980
 Aber das sollte er eigentlich nicht, also eigentlich geht's ja darum, das zu optimieren.

00:37:39.980 --> 00:37:46.340
 Aber vielleicht macht der Safari genau deswegen das nicht mehr, weil er ja jetzt, äh, Has unterstützt.

00:37:46.340 --> 00:37:52.080
 Das könnte natürlich sein, dass der sich sagt, nee, dann lad ich Seiten jetzt nur noch, wenn ich sie ganz da hab.

00:37:52.080 --> 00:37:53.660
 Ja.

00:37:53.660 --> 00:37:54.900
 Wer weiß, wer weiß.

00:37:56.120 --> 00:38:07.500
 Also jedenfalls, äh, ist es halt genau das, was ich gerade gesagt hab, ähm, ich kann erst auf diesen, auf diesen Parent Selector reagieren, oder auf diesen Has, äh, auf die Has-Pseudo-Klasse, äh, wenn der ganze Content da ist.

00:38:07.500 --> 00:38:13.380
 Und das heißt, erst mal wird halt gerendert, so wie der Browser das, äh, versteht, also da ist halt einfach ein Div und das hat einen roten Rahmen.

00:38:13.720 --> 00:38:21.220
 Und wenn ich dann aber halt später sag, alle Divs, die ein P beinhalten, die sollen einen blauen Rahmen kriegen, dann passiert das halt erst, wenn der, der restliche Content da ist.

00:38:21.220 --> 00:38:21.340
 Genau.

00:38:21.340 --> 00:38:28.520
 Also zur, äh, zur Erklärung noch bei mir, ich seh immer gleich den blauen Rahmen in Safari jetzt gerade derzeit bei der Demo.

00:38:28.520 --> 00:38:31.120
 Äh, die Demo packst du auch irgendwie in die Show Notes?

00:38:31.120 --> 00:38:32.440
 Genau, die ist in den Show Notes, ja.

00:38:32.440 --> 00:38:33.880
 Perfekt, super.

00:38:35.800 --> 00:38:45.120
 Okay, ich wollte noch drauf hinweisen, ähm, über Has, beziehungsweise, ähm, Parent Selector haben wir schon mal gesprochen in Jäger der Verlorenen CSS Features Kapitel 1.

00:38:45.120 --> 00:38:48.680
 Ähm, das war unsere Folge Nummer 10.

00:38:48.680 --> 00:38:51.920
 Meine Güte, ist das lang her, das war von 2020.

00:38:51.920 --> 00:38:53.800
 So lang machen wir das hier schon.

00:38:53.800 --> 00:39:04.840
 Ähm, genau, da wollte ich nochmal Cross verlinken, könnt ihr nochmal hören, damals haben wir in zwei Folgen, äh, mal so ein bisschen gesagt, was wir uns denn von CSS noch wünschen würden.

00:39:04.980 --> 00:39:13.100
 Und das war schon, also der Parent Selector, ich glaub, das war auch lange in Umfragen immer so, wenn du bei Twitter gefragt hast, was wollt ihr denn von CSS haben, haben die Leute immer als erstes gesagt, Parent Selector.

00:39:13.100 --> 00:39:15.640
 Und jetzt ist er ja tatsächlich am Horizont.

00:39:15.640 --> 00:39:18.480
 Über was können wir uns denn dann eigentlich noch beschweren?

00:39:18.480 --> 00:39:26.680
 Ja, äh, müssen mal unsere Folge, unsere Wunschlistenfolge mal rekapitulieren.

00:39:26.680 --> 00:39:28.720
 Ja, genau, das wär doch, das wär doch mal was.

00:39:28.720 --> 00:39:30.080
 Und gucken, was haben wir denn inzwischen alles.

00:39:30.080 --> 00:39:33.380
 Ey, das ist doch, das ist doch billig vorbereitet, das machen wir für die nächste Folge.

00:39:34.160 --> 00:39:40.000
 Mal schauen, was sich getan hat seit, äh, den, den verlorenen CSS-Features.

00:39:40.000 --> 00:39:45.800
 Ähm, genau, auf jeden Fall, da kann man nochmal reinhören, Folge 10, da war unsere Audioqualität noch nicht so gut wie jetzt.

00:39:45.800 --> 00:39:46.340
 Mhm.

00:39:46.340 --> 00:39:51.200
 Ähm, aber so, dass man es trotzdem anhören kann, weil sonst hättet ihr es nicht von uns bekommen.

00:39:52.220 --> 00:40:00.360
 So, okay, dann hätten wir das, so, jetzt bin, jetzt weiß ich natürlich nicht, ähm, wie jetzt du dir das weitere Vorgehen geplant hast.

00:40:00.360 --> 00:40:01.840
 Ich hab überhaupt gar nichts geplant.

00:40:01.840 --> 00:40:05.180
 Du hast gar nichts geplant, dafür hast du ganz schön viele Links hier reingepackt ins Trello.

00:40:05.180 --> 00:40:08.860
 Okay, gut, aber ich, ich geh jetzt mal durch.

00:40:08.860 --> 00:40:11.140
 Die Demo haben wir jetzt, die haben wir durch.

00:40:11.140 --> 00:40:12.880
 Ähm, haben wir über Can I Use schon gesprochen?

00:40:12.960 --> 00:40:18.940
 Ähm, ja, wie gesagt, äh, haben wir, also wir haben jetzt nicht Beziele Can I Use angesprochen, aber welche Browsers können wir nicht.

00:40:18.940 --> 00:40:24.440
 Genau, also das ist noch relativ schmal, ähm, alles, aber, äh, ja, okay, dann haben wir das auch.

00:40:24.440 --> 00:40:30.800
 Ähm, jetzt können wir ja mal ein bisschen über das, über das, über das kompliziertere Beispiel sprechen.

00:40:30.800 --> 00:40:42.980
 Ähm, ich hab, du hast das vorhin schon angesprochen, ich wollte es aber nochmal sagen, das ist das, wo, wo sich mein, mein Brain zum ersten Mal getwistet hat in diesem, in dieser ganzen Geschichte übrigens, gibt's einen sehr guten CSS-Tricks-Artikel, ähm, zum Thema.

00:40:42.980 --> 00:40:44.260
 Ich weiß nicht, ob du den schon erwähnt hast.

00:40:44.260 --> 00:40:47.260
 Hab ich auch erwähnt, genau, darüber bin ich auf diese, auf diese andere Geschichte gekommen, ja.

00:40:47.260 --> 00:40:48.600
 Das ist sinnlos mit meinem Kopf, das ist so schlimm.

00:40:48.600 --> 00:40:57.600
 Der ist wirklich sehr gut, ich, ich hab ihn auch gelesen, ähm, interessant ist, dass er am Ende irgendwie noch auf Nord, äh, eingeht, weil das aus derselben Spezifikation ist.

00:40:58.880 --> 00:41:15.300
 Ähm, ich bin gerade am überlegen, ob's dazu noch was zu sagen gibt, ähm, der hat da als Beispiel, zum Beispiel, äh, image, äh, ah, hasImage, was, äh, also ein direktes Image drin, was natürlich auch so ein, so ein Fall ist, wo man vielleicht das, den Link dann umstylen will.

00:41:15.300 --> 00:41:22.120
 Ähm, und interessant wird's dann da, wenn man quasi noch ein Kind von dem hasElement nimmt.

00:41:23.540 --> 00:41:33.300
 Also, wenn ich jetzt, äh, sage, ja, ich will dann aber eigentlich ein Kind-Element von dem haben, wo ich jetzt gerade überprüft hab, ob das irgendein, irgendein anderes Kind-Element hat, das muss ja auch nicht dasselbe sein.

00:41:33.300 --> 00:41:44.720
 Äh, und ich hab ja auch ne, ne kleine Demo gebaut, mal wieder, auf CodePen, die fürchterlich aussieht, weil ich immer versuch, solche Features zu quälen und ich hab's wieder nicht richtig kaputt gekriegt, muss ich, muss ich, äh, zugeben.

00:41:45.200 --> 00:42:02.340
 Ähm, und in meinem Fall, jetzt muss ich hier gerade mich nochmal durchklickern, habe ich zum Beispiel gebaut, äh, wo ist es, wo ist es, wo ist es, ah ja, ich glaube, ich hab die Demo ausprobiert aus dem, äh, aus dem CSS-Tricks-Artikel.

00:42:02.460 --> 00:42:12.760
 Und zwar, ähm, geht er davon aus, dass man, äh, ein, eine H2 hat, äh, Moment, jetzt muss ich, jetzt bin ich gerade verrutscht, Entschuldigung.

00:42:12.760 --> 00:42:27.500
 Ähm, es gibt ein Element-Header-Group, ähm, Klasse-Header-Group und darin ist dann halt entweder einfach nur eine Headline, also eine H2 oder eben, äh, ein, ein Subtitle noch mit dabei.

00:42:27.500 --> 00:42:40.320
 Also ein, äh, Diff-Class-Subtitle unter der H2. Und jetzt möchte man ja vielleicht, äh, die Abstände unterschiedlich machen, je nachdem, oder die Abstände von dem, von dem H2 zum Beispiel nach unten, äh, je nachdem anders machen.

00:42:40.320 --> 00:42:45.980
 Äh, ist das jetzt, ist das die falsche Demo, oder? Ich bin gerade, nee, das ist genau, das ist genau das Richtige, mein Frauser-Fenster ist nur zu schmal.

00:42:45.980 --> 00:42:48.240
 Mein Gott, bin ich schlecht organisiert gerade.

00:42:48.240 --> 00:42:57.460
 So. Und da ist dann halt genau, es ist der Selektor, der da gebaut wurde, ähm, Header-Group-Header-Group-Heads, und da wird, das sind zwei Sachen.

00:42:57.500 --> 00:43:04.460
 Die dann gleich noch dazukommen. Äh, Header-Group-Header-Group-Header-Group-Header-Group-Element.

00:43:04.460 --> 00:43:13.000
 Und, äh, Has-Subtitle, Punkt-Subtitle, also ist auch noch ein Element mit der Klasse Subtitle da drin.

00:43:13.000 --> 00:43:19.540
 Und dann, ab, äh, wenn das alles zutrifft, dann macht der H2 einen anderen Margin, als sie sonst hat.

00:43:19.960 --> 00:43:26.020
 Mhm. Ja, das ist echt, ist auch so ein klassischer Fall, ja, den man normalerweise dann mit einer, mit einer Extraklasse dann totgeschlagen hätte.

00:43:26.020 --> 00:43:29.580
 Äh, und das lässt sich dann damit einfach machen. Sehr cool.

00:43:29.580 --> 00:43:35.640
 Genau, und das, äh, ja, das ist, und da hat's zum ersten Mal dachte ich so, ah, da kann man auch noch was dahinter schreiben.

00:43:35.640 --> 00:43:39.640
 Ist ja eigentlich logisch, aber hab ich im ersten Augenblick erst gar nicht dran gedacht, dass das auch geht.

00:43:39.960 --> 00:43:46.040
 Und da kann man dann ganz schön komplizierte Sachen mitbauen, weil, wie ihr jetzt grad auch schon gehört habt, man kann Has auch mehrfach hintereinander schreiben.

00:43:46.040 --> 00:43:53.960
 Ähm, also das ist schon, und man kann innerhalb von Has auch eine, eine ganze, hast du vorhin auch schon gesagt, man kann auch eine ganze Liste von Elementen angeben.

00:43:53.960 --> 00:44:02.860
 Ähm, ja, es ist, äh, es ist verrückt. Und dann hab ich natürlich, äh, jetzt muss ich grad nochmal in meine, in meine Demo reinschauen, ich muss das Browserfenster mal breiter ziehen, meine Güte.

00:44:02.860 --> 00:44:07.880
 Ähm, ich hab damit ein bisschen rumgespielt und hab überlegt, was könnte man denn jetzt damit machen?

00:44:08.620 --> 00:44:24.500
 Äh, und das erste, was mir eingefallen ist, ist, äh, man könnte damit, ähm, leider, leider nur beschränkt in der Ausgabe, man könnte damit zum Beispiel überprüfen, ist denn auf der, gibt's denn auf der Seite irgendwas ganz Bestimmtes, also ein bestimmtes Konstrukt, was ich vielleicht nicht haben will, so zum Debuggen.

00:44:24.500 --> 00:44:36.600
 Ähm, und, äh, dann kann ich ja dem, im Zweifelsfall, falls es es gibt, dem HTML-Element zum Beispiel irgendwie ein, äh, Before- oder After-Content-Text geben, du hast hier jetzt ein bestimmtes Konstrukt, das möchtest du vielleicht nicht haben.

00:44:36.600 --> 00:45:00.140
 Und zwar ist so mein erster Use-Case, den ich damit, äh, gebaut hab, also, ähm, zum Beispiel zwei Br-Elemente nacheinander, ähm, kann man damit dann ganz gut abfragen und dann könnte man zum Beispiel dem HTML-Element sagen, ähm, oder hab ich hier HTML oder Body, äh, genau, ich hab's auf HTML, has, äh, br plus br, after, content, oh no, to, äh, br's after another.

00:45:00.140 --> 00:45:04.320
 Und dann kriegt das HTML-Element, äh, so eine, ja, einen kleinen Text.

00:45:04.320 --> 00:45:18.340
 So als, ja, das geht halt natürlich nicht, man kann natürlich nicht sammeln und sagen, jetzt hast du diese, diese fünf und dann geb ich dir für, für alle was einzeln aus, aber ich hab gedacht, naja, das kann man doch damit irgendwie mal, ähm, mal ausprobieren, was man, was man da machen kann.

00:45:18.420 --> 00:45:31.280
 Was ich als nächstes ausprobiert hab, war, ich wollte wissen, ähm, ich hab's eigentlich mir schon gedacht, dass es so ist, äh, ich wollte wissen, wenn jetzt das Element gar nicht da ist, wenn ich das jetzt ausblende per Display none, hat es dann trotzdem Auswirkungen.

00:45:31.400 --> 00:45:39.060
 Also kann ich, ähm, Moment, das war das mit dem ARIA, äh, Sekunde, wo ist es denn?

00:45:39.060 --> 00:45:44.600
 Ich, ich, ich fühl mich, ich fühl mich in meinem eigenen Dokument nicht mehr zurecht.

00:45:44.600 --> 00:45:46.860
 Wieso bin ich denn so langsam?

00:45:46.860 --> 00:45:57.220
 Ähm, genau, ich hab halt, äh, geguckt, ob ein Element ein Button enthält und dann das Element display none, also dass es quasi sich selbst ausblendet unter bestimmten Umständen, funktioniert natürlich.

00:45:57.540 --> 00:46:23.960
 Hab ich aber, hab ich mir gedacht, naja, mal ausprobieren, treten wir mal ein bisschen dagegen und gucken, ob irgendwie irgendwo was runterfällt und dann, äh, ja, keine Ahnung, ich hab da noch geschaut, zum Beispiel, man könnte man auch sagen, ja, wenn du jetzt ein Bild hast, das kein Altattribut hat, dann könnte man auch da, ähm, irgendwo eine Meldung ausgeben, ähm, das hab ich noch ein bisschen rumgespielt, äh, ja, und dann hab ich noch den mega bösen, schlimmen, ultimativen, äh, Einstellungsselektor gebaut.

00:46:23.960 --> 00:46:38.560
 Ich hab's zum Konstantin im Vorgespräch schon gesagt, wenn mir jemand den Selektor komplett erklären kann, dann stelle ich ihn ein, und zwar, ich, ich, ich diktiere mal, äh, und ich weiß nicht, ob alles darin Sinn ergibt, aber das können wir ja gleich mal auseinandernehmen.

00:46:38.560 --> 00:47:06.160
 Ähm, Punkt test, Doppelpunkt has, in Klammern b, s, p, Doppelpunkt has, in Klammern span, Doppelpunkt not, in Klammern Punkt site, Punkt ruby, Tilde, also Leerzeichen Tilde, Leerzeichen p, in eckigen Klammern id, Stern ist gleich hey, Doppelpunkt ent of type, in Klammern 4n, Doppelpunkt after.

00:47:07.860 --> 00:47:10.300
 Okay, ich hab mir gedacht, ich kombiniere mal.

00:47:10.300 --> 00:47:19.740
 Also, also was man da auch ganz, äh, ganz schön sieht, wenn ich das richtig verstehe, ich versuch's mal, ne, ich versuch mal den, äh, äh, den zu erklären.

00:47:19.740 --> 00:47:21.880
 Also er funktioniert tatsächlich, ich hab ihn ausprobiert.

00:47:21.880 --> 00:47:24.280
 Ja, man sieht's, man sieht's, dass er, das unten dann auch rot ist.

00:47:24.280 --> 00:47:43.160
 Also, äh, Punkt test, klar, ist die Klasse, das Element mit der Klasse test, und das muss haben, entweder ein b, ein s und ein p Tag in sich, und es muss ein span Tag in sich haben, ne, also die, das heißt, wenn ich den, die, die Liste, die ich da übergebe, das heißt, eins davon, ne, das muss nicht alles matchen.

00:47:43.260 --> 00:47:47.280
 So, wenn ich einfach so eine Resonatorenliste hab, in der Regel, deswegen hab ich das gemacht.

00:47:47.280 --> 00:47:50.380
 Ich mach mal ein has, damit auch wirklich das Span auch mit drin sein muss.

00:47:50.380 --> 00:47:51.980
 Genau.

00:47:51.980 --> 00:47:57.220
 Und es darf aber nicht die, die Klasse, äh, side oder ruby haben.

00:47:57.220 --> 00:48:03.720
 Ich weiß gar nicht, ob das irgendwas macht, äh, das mit dem has und not, da, da war ich mir jetzt nicht sicher, wie das zusammenspielt.

00:48:03.720 --> 00:48:05.380
 Ich hab das einfach mal ...

00:48:05.380 --> 00:48:11.840
 Ja, ist, ja gut, not schließt ja dann einfach nur aus, also, wie hast du das gebaut, diese Liste, haben da manche Elemente ...

00:48:11.840 --> 00:48:15.540
 Aber not, da müssten wir eigentlich mal ein paar Gegentests, ähm, eigentlich machen.

00:48:15.980 --> 00:48:22.200
 Ähm, das würd mich nämlich echt interessieren, weil not ist ja, damit ist ja im Prinzip eh schon alles ausgeschlossen, was nicht bei has drinsteht.

00:48:22.200 --> 00:48:30.200
 Ja, warte mal, du kannst das ja testen, wenn du, äh, jetzt irgendwie dem zweiten von diesen Elementen irgendwie noch die Class-Side gibst.

00:48:30.200 --> 00:48:32.560
 Lass mal laden.

00:48:32.560 --> 00:48:36.200
 Und wenn ich dann den Not-Selector wegmache ...

00:48:36.200 --> 00:48:39.240
 Also, nee, Ends of Type spielt da natürlich noch mit rein.

00:48:39.240 --> 00:48:42.700
 Nee, das nicht, das ist nämlich dann wieder wo ganz anders.

00:48:42.700 --> 00:48:44.680
 Da wird's nämlich jetzt interessant, weil ...

00:48:44.680 --> 00:48:47.320
 Ach so, ah, nee, stimmt, ja, okay, dann hab ich jetzt verwirren lassen, tatsächlich.

00:48:47.320 --> 00:48:48.860
 Ähm ...

00:48:48.860 --> 00:48:49.140
 Yes!

00:48:49.140 --> 00:48:53.820
 Ach, da drin muss dann das P ...

00:48:53.820 --> 00:48:54.340
 Nein.

00:48:54.340 --> 00:48:57.280
 Nee, warte mal, ich bin, ich bin, glaub ich, gar nicht in dieser Liste, kann das sein?

00:48:57.280 --> 00:49:00.400
 Jetzt, jetzt wird's nämlich interessant, mit der Tilde ...

00:49:00.400 --> 00:49:05.160
 Jetzt, jetzt kommt nämlich das Interessante tatsächlich, weil, mit der Tilde sag ich jetzt,

00:49:05.260 --> 00:49:11.880
 ... das sind von dem Test, von dem Punkt-Test, Geschwister-Elemente.

00:49:11.880 --> 00:49:15.540
 Ach, da ist das nicht, die Class-Test, ja, okay, jetzt ...

00:49:15.540 --> 00:49:18.140
 Nachfolgende Geschwister-Elemente, die sind dann nämlich nicht mehr innerhalb.

00:49:18.140 --> 00:49:21.100
 Da wird's nämlich dann, das, das find ich, das find ich eigentlich das coolste.

00:49:21.100 --> 00:49:27.320
 Also, wenn ich den mit der Class-Test jetzt noch, äh, Seite dahin mache, dann dürfte der

00:49:27.320 --> 00:49:28.380
 Killer-Selektor ... Ja, genau.

00:49:28.380 --> 00:49:31.300
 Also, der Not-Selektor funktioniert, ne?

00:49:31.300 --> 00:49:32.460
 Das ist einfach eine Kombination.

00:49:32.460 --> 00:49:33.220
 Perfekt.

00:49:33.540 --> 00:49:37.560
 Also, es muss das alles beinhalten, aber es darf nicht selbst die Klasse-Seite der

00:49:37.560 --> 00:49:37.920
 Ruby haben.

00:49:37.920 --> 00:49:41.220
 Und dann kommt, genau, Tilde, dann kommt der ... Das ist auch ein bisschen blöd, ich hab hier

00:49:41.220 --> 00:49:44.980
 die Dev-Tools offen, noch zusätzlich, und dann ist das noch schmaler, deswegen ...

00:49:44.980 --> 00:49:48.260
 Oh, ich glaub, ich hab einen Detail vorhin vergessen, den Stern, glaub ich, oder?

00:49:48.260 --> 00:49:49.420
 Hab ich den gesagt?

00:49:49.420 --> 00:49:55.100
 Stern gleich, im Attributselektor, genau, also dann, äh, genau, Siblingselektor, also alle

00:49:55.100 --> 00:50:01.160
 nachfolgenden, äh, P's in dem Fall werden, werden dann auch selektiert, aber nur, wenn

00:50:01.160 --> 00:50:06.980
 das ID-Attribut an irgendeiner Stelle die Zeichenkette H-E-Y enthält.

00:50:06.980 --> 00:50:10.840
 Und in meinem Fall heißen die Oh-Hey-Ja.

00:50:10.840 --> 00:50:12.820
 Oh-Hey-Ja, ja, okay.

00:50:12.820 --> 00:50:19.120
 Und dann, äh, das, äh, vierte Element davon, beziehungsweise, äh, nicht das vierte, das

00:50:19.120 --> 00:50:20.420
 ist nicht End of Type 4, ne?

00:50:20.420 --> 00:50:22.240
 Das ist End of Type 4N.

00:50:22.240 --> 00:50:26.520
 Und diese Geschichte mit dem, mit dem 4N und N plus 1, das muss ich jedes Mal irgendwie

00:50:26.520 --> 00:50:26.600
 ...

00:50:26.600 --> 00:50:28.460
 Das geht mir auch nicht ins Hirn rein.

00:50:29.140 --> 00:50:31.180
 Das ist einfach, äh, ja, vergeblich.

00:50:31.180 --> 00:50:33.240
 Genau, und dann eben noch After.

00:50:33.240 --> 00:50:34.400
 Und dann After, klar, gut.

00:50:34.400 --> 00:50:36.440
 Genau, das Pseudo-Element noch dran.

00:50:36.440 --> 00:50:39.740
 Ähm, okay, das mit dem 4N, das macht aber keinen Unterschied in dem Fall, ne?

00:50:39.740 --> 00:50:44.820
 Also wenn ich, äh, vier oder 4N, wir bräuchten, glaub ich, auch mehr Elemente, um das zu sehen.

00:50:44.820 --> 00:50:49.820
 Also, ne, wenn ich jetzt jedes vierte, wenn ich jetzt jedes vierte, äh, erledigen will.

00:50:49.920 --> 00:50:53.120
 Warte mal, ich mach hier mal ganz viele von diesen P's noch dazu.

00:50:53.120 --> 00:51:00.680
 Und dann gucken wir mal, ja genau, also wenn ich jetzt nur End of Type 4 mache, dann hab ich, äh, natürlich nur das, das vierte.

00:51:00.680 --> 00:51:04.600
 Ähm, aber warum ist das denn eigentlich das dritte?

00:51:05.880 --> 00:51:08.000
 Ich hab jetzt mal in der Demo, äh, bis 10 gemacht.

00:51:08.000 --> 00:51:10.440
 Das weiß ich tatsächlich auch nicht.

00:51:10.440 --> 00:51:12.340
 Das ist, äh, weil der ...

00:51:12.340 --> 00:51:13.480
 Eins macht er irgendwie gar nichts?

00:51:13.480 --> 00:51:16.320
 Warum muss ich denn da mit zwei anfangen?

00:51:16.320 --> 00:51:18.380
 Ja, das erklärt ihr uns mal in den Kommentaren.

00:51:18.380 --> 00:51:19.840
 Shep, Spaß.

00:51:21.660 --> 00:51:24.180
 Das muss ich jedes Mal nachgucken, das kann ich mir auch nicht merken.

00:51:24.180 --> 00:51:26.860
 Das find ich irgendwie, äh, ein bisschen merkwürdig.

00:51:26.860 --> 00:51:28.960
 Aber da gibt's bestimmt eine sehr plausible Erklärung dafür.

00:51:28.960 --> 00:51:32.200
 Aber wir müssen auch nicht jetzt, äh, uns noch tiefer da reinzustellen.

00:51:32.200 --> 00:51:35.180
 Ja, nee, nee, nee, nee, nee, wir kommen ja auch schon wieder von Hass weg, ne?

00:51:35.180 --> 00:51:35.320
 Genau.

00:51:35.320 --> 00:51:36.660
 Das ist ja jetzt, äh, was ganz anderes.

00:51:36.660 --> 00:51:37.820
 Ähm, so.

00:51:37.820 --> 00:51:41.000
 Mir ging's nur darum, ich wollte mal, ich hab, ich hab das zum Anlass genommen,

00:51:41.000 --> 00:51:44.980
 Hass, um mal einen verrückten Selektor zu bauen mit allen möglichen verrückten, äh, Sachen,

00:51:44.980 --> 00:51:48.380
 die nicht unbedingt jeder so kennt, behaupte ich jetzt einfach mal.

00:51:48.380 --> 00:51:49.700
 Und, äh, genau.

00:51:50.240 --> 00:51:53.920
 Das, das ist draus geworden und wie gesagt, wenn ihr euch mal bei mir bewerben solltet,

00:51:53.920 --> 00:51:57.560
 irgendwie, ähm, ich stell euch, ich stell normalerweise keine Leute ein bei uns,

00:51:57.560 --> 00:52:01.940
 aber falls doch mal, dann, äh, wenn ihr mir den erklärt, dann, dann bin ich happy.

00:52:01.940 --> 00:52:04.680
 Okay.

00:52:04.680 --> 00:52:07.460
 Ich hab grad einen lustigen Effekt mit dieser Demo, die vorher noch funktioniert hat

00:52:07.460 --> 00:52:08.160
 und jetzt nicht mehr.

00:52:08.160 --> 00:52:12.180
 Und ich hab nämlich gesehen, dass der, äh, Canary-Build sich geupdatet hat.

00:52:12.180 --> 00:52:17.140
 Seit ich vorhin die Demo gebaut hab, bis jetzt, äh, kam irgendwie nochmal ein Update rein

00:52:17.140 --> 00:52:18.720
 und irgendwie seitdem funktioniert's nicht mehr.

00:52:18.720 --> 00:52:19.520
 Hm.

00:52:19.520 --> 00:52:22.200
 Also, äh, haben die was gemacht?

00:52:22.200 --> 00:52:26.120
 Und das Interessante ist, wenn ich die Dev-Tools aufmache, dann sehe ich, dass meine Regel,

00:52:26.120 --> 00:52:32.560
 die den Rahmen danach eigentlich blau machen soll, dass die da ist und eigentlich auch gezogen

00:52:32.560 --> 00:52:35.820
 werden müsste und, und die andere Regel mit dem roten Border wird auch überschrieben.

00:52:36.200 --> 00:52:42.840
 Und wenn ich dann mit dieser Checkbox das einmal kurz weghacke und wieder dranhacke, dann funktioniert's auch.

00:52:42.880 --> 00:52:46.680
 Hm, das heißt, das heißt, das ist irgendwie, im Rendering kommt da was durcheinander.

00:52:46.680 --> 00:52:52.620
 Also, ich muss selber nochmal so ein Repaint, äh, triggern, damit das dann tatsächlich funktioniert.

00:52:54.220 --> 00:52:55.220
 Und das ging vorhin noch.

00:52:55.220 --> 00:53:01.320
 Also, ich will mich nochmal entschuldigen für meine chaotische, äh, Demo eben, ähm, wo ich mich selbst im Code nicht zurechtgefunden hab.

00:53:01.320 --> 00:53:09.440
 Schaut einfach mal in den Code rein. Ähm, ich glaub, dass das, äh, da funktioniert es dann am besten, dass es im Podcast auch irgendwie nicht so super, äh, zu erklären.

00:53:09.440 --> 00:53:11.920
 Ich hab da merkwürdige Demos.

00:53:11.920 --> 00:53:16.100
 Ja, ich glaub, man muss das wirklich sehen. Also, wie so oft bei den Demos, man muss das, glaub ich, wirklich einfach gesehen haben.

00:53:16.100 --> 00:53:23.480
 Ja, und warum meine, also, ich hoffe, meine Demo läuft, äh, bis der Podcast rauskommt wieder. Ansonsten, ähm, ja, doof.

00:53:23.480 --> 00:53:34.960
 Okay, ähm, vielleicht noch ein Hinweis von mir jetzt, dann bin ich eigentlich schon, äh, dann bin ich eigentlich mit meinem Teil schon fast durch, den ich vorbereitet habe.

00:53:34.960 --> 00:53:48.600
 Natürlich, der unvorbereitete Teil, der kommt dann noch. Ähm, ich hab in irgendeinem Artikel gelesen, äh, das, war das, war das bei MDN, ähm, dass es irgendwie bei der Implementierung darum ging, ob das denn auch mit JavaScript geht oder nicht.

00:53:48.600 --> 00:53:57.940
 Ob man diesen, äh, selekt, also, ob man Has verwenden kann innerhalb von Document Query Selector zum Beispiel. Ähm, und das funktioniert. Das hab ich einfach noch ausprobiert. Das ist in der, in meiner Demo hab ich das auch mit drin.

00:53:57.940 --> 00:54:04.900
 Dann kommt eine Console-Log-Ausgabe von dem Element, in dem Fall dem Body. Ähm, genau. Also, ich hab da, äh, reingeschrieben.

00:54:04.960 --> 00:54:14.800
 Wo ist es denn mein JavaScript? Ich hab einfach geschrieben Console-Log-Document-Query-Selector-Body-Has-Diff. Ähm, und das funktioniert auf jeden Fall, weil es hat mich nur interessiert, ob das, ob das da auch geht.

00:54:14.800 --> 00:54:22.540
 Wir haben den gleichen Artikel, glaub ich, gelesen. Es hieß nämlich ursprünglich mal, sollte eben aus diesen Performance-Gründen, sollte das nur mit dem Query-Selector gehen. Ja.

00:54:22.540 --> 00:54:41.960
 Und nicht über CSS. Und dann wurde das in der Spec aber gestrichen, weil's irgendwie, äh, weil's keiner so implementiert hat. Und dann stand aber in dem Artikel, und das ist einfach nachweislich falsch, beziehungsweise vielleicht zu dem Zeitpunkt des Artikels, mag es vielleicht gestimmt haben, dass es nur per Style-Sheet geht und, und nicht per Query-Selector. Und das stimmt aber nicht. Also, das funktioniert mit dem Query-Selector.

00:54:41.960 --> 00:54:48.200
 Das ist, glaub ich, in der MDN, äh, gewesen. Ich hab da so viele, ich hab so viele MDN-Tabs offen.

00:54:48.200 --> 00:55:08.660
 Genau. Ja, dann hab ich, äh, ich hab noch einen Punkt jetzt dazu konkret. Ähm, man kann mit, mit Ad-Supports, ähm, kann man überprüfen, ob, ob Has unterstützt wird. Ähm, das hab ich auch ganz oben in, in meiner Demo ist dann entweder in grün, dieser Browser unterstützt Has, oder es steht da in rot, äh, dieser Browser unterstützt Has noch nicht.

00:55:09.520 --> 00:55:25.020
 Ähm, ähm, und ich frage mich nur, wie sinnvoll das ist. Also, wenn's jetzt nicht nur um irgendwie, äh, kleine, farbige Dinger geht, oder so, oder es ist mir egal, ob jetzt eine Headline mit der, ähm, mit der, ähm, mit der, mit der, die eine Subline hat, dann halt irgendwie ein paar Pixel verschoben aussieht, oder so.

00:55:25.520 --> 00:55:44.380
 Wenn mir das egal ist, dann kann ich sagen, okay, ich mach das schon mit, mit Has, ähm, ansonsten ist die Frage, wenn ich sowieso ein Fallback einrichten muss, äh, macht das dann Sinn, das doppelt zu pflegen und trotzdem zusätzlich schon mit, mit Has-Selector? Wahrscheinlich noch nicht, oder?

00:55:44.380 --> 00:55:47.120
 Nee, nee. Würde ich, würde ich nicht sagen.

00:55:47.380 --> 00:55:54.100
 Wenn's, wenn's wirklich was Gravierendes ist, also zum Beispiel der Icon-Button, der sieht halt wirklich total doof aus, wenn, wenn da irgendwie das Icon falsch sitzt, weil da zu viel Abstand ist, oder so.

00:55:54.100 --> 00:55:59.820
 Ich glaub, wir sind noch nicht, ähm, dann, dann, dann, dann bringt mir auch dieses mit Supports abfragen das nicht so wirklich, ne?

00:55:59.820 --> 00:56:16.640
 Ähm, und was ich, das fand ich jetzt aber interessant, dass du das gesagt hast mit dem Supports, weil als ich die ersten Entwürfe gemacht habe für unsere Podcast-Seite, ähm, da hätte ich gerne für eine Stelle, ich weiß gar nicht mehr genau für was, Supports eingesetzt, aber eben für Selektoren.

00:56:17.060 --> 00:56:31.200
 Und Supports für Features, also für, äh, für, für Eigenschaften, ähm, das gibt's schon relativ lang und das funktioniert schon relativ gut, äh, ist eigentlich schon ziemlich etabliert, aber für Selektoren war das damals noch, äh, extrem, ähm, neu.

00:56:31.200 --> 00:56:50.680
 Okay, und ich hab jetzt grad mal nachgeguckt, mittlerweile kann man das eigentlich machen, würd ich sagen, äh, irgendwie, äh, Edge ab seit 83, ähm, Firefox seit 69, Chrome auch seit 83, äh, und Safari 14, ähm, aber das war, das ist, das gibt's noch gar nicht so lange, dass man mit Support-Selektoren abfragen kann.

00:56:50.680 --> 00:56:58.380
 Und das find ich aber eigentlich ziemlich, damals hätt ich's gebraucht, äh, und das gab's noch nicht, aber ich find's gut, dass das jetzt durch ist quasi, dass man's jetzt eigentlich einsetzen kann.

00:56:58.380 --> 00:57:01.480
 Ja, gerade für solche Übergangssachen, ja.

00:57:01.480 --> 00:57:03.620
 Ja, cool.

00:57:03.620 --> 00:57:05.340
 Okay.

00:57:05.340 --> 00:57:07.860
 Haben wir noch was?

00:57:07.860 --> 00:57:13.720
 Ähm, nee, ich glaub, das war's tatsächlich, wir sind unter einer Stunde und sind mit dem Thema, glaub ich, jetzt durch, oder?

00:57:13.720 --> 00:57:16.060
 Ja, macht nix, dafür ist es ein gutes Thema.

00:57:16.060 --> 00:57:20.220
 Und ich hab schon ganz viel rumgestammelt, was wir später noch nicht rausschneiden werden.

00:57:20.220 --> 00:57:22.480
 Nee, nee, klar, das bleibt alles drin.

00:57:22.480 --> 00:57:26.100
 Also ich überlege, da kannst du noch fünf Minuten rumgestammelt von mir abziehen.

00:57:26.100 --> 00:57:39.700
 Also was ich noch verlinke, ist, ähm, Chrome-Plattform-Status, äh, wo man sieht, wie's da, ja, wie der Stand gerade ist, ähm, und darin verlinkt ist auch nochmal das, das Ticket, wo man sieht, dass hier auch aktuell sich gerade was tut.

00:57:39.700 --> 00:57:50.580
 Ähm, 29. März ist der letzte, kommend, ähm, ja, also das ist, da wird dran gearbeitet und das wird in nicht allzu ferner Zeit dann wahrscheinlich auch in Chrome im, im Stable landen.

00:57:50.580 --> 00:58:00.760
 Ähm, ah, und es gibt ein Issue für, äh, Firefox auf GitHub, das haben sie, das ist nämlich da drin verlinkt, das ist interessant, äh, und da scheint's, das ist noch open auf jeden Fall.

00:58:00.760 --> 00:58:10.080
 Ja, no signal steht da beim, beim Chrome-Status, also ist irgendwie, ähm, ja, noch, noch keine Anzeichen dafür, dass das irgendwie angegangen wird, übernommen wird.

00:58:10.180 --> 00:58:22.240
 Und die, die, die, die quatschen da. Ich frag mich ja echt, wie das ist mit, also, hm, das, das würde ich, falls das irgendjemand von unseren HörerInnen, äh, weiß, das wird mich echt mal interessieren.

00:58:22.240 --> 00:58:38.840
 Ähm, so, so ein Algorithmus, um CSS zu parsen, das ist ja so, wenn ich den einmal geschrieben hab, ähm, dann, dann, und, und der ist gut getestet, dann funktioniert der, kann ich den dann nicht eigentlich für andere Browser auch einbauen?

00:58:38.840 --> 00:58:48.620
 Ja, frag ich mich grad, oder ist das da so unterschiedlich? Ich mein, das sind doch, nur ein Parser-Algorithmus, den, also, würde mich jetzt irgendwie wundern, wenn, keine Ahnung, das würde mich echt total interessieren.

00:58:48.620 --> 00:59:02.120
 Ja, hier ist die Frage, ob du, äh, äh, gut, lizenz, äh, technisch musst du halt dann sagen, hier vom Chrome-Team, ich weiß nicht, ob da nicht so Eitelheiten dann irgendwie auch so, äh, dahinterstecken, weißt du, dass du sagst, nee, wir kopieren das nicht von Chrome, wir machen das selber, wir machen das cooler.

00:59:02.120 --> 00:59:13.900
 Ich frag mich ja, wie das jetzt zum Beispiel ist, ähm, Apple, die bauen ja jetzt grad ganz viel an Safari rum und vorher hatte man so ein bisschen das Gefühl, das Safari ist so ein bisschen im Winterschlaf und jetzt geht's da grad ganz, ganz viel ab.

00:59:14.120 --> 00:59:28.580
 Bestimmt auch, äh, mit, äh, Verdienst von Jen Simmons, die ja jetzt, äh, da im, im Safari-Team arbeitet. Ähm, und ich hab mich gefragt, sind die nur deswegen so schnell, weil die jetzt die Blink-Sachen übernehmen können, weil das auf Webkit basiert?

00:59:29.260 --> 00:59:41.340
 Äh, äh, weil, äh, das wäre natürlich ja eine Richtung, die man, die man machen kann, ne? Also, wenn man jetzt halt sagt, naja, okay, äh, hier ist ja alles Open-Source, die Rendering-Engine, äh, da kann ich mich ja bedienen, dann geb ich das halt als Quelle an und so what.

00:59:41.340 --> 00:59:53.200
 Ähm, ja, also, ich weiß nicht, ja, das fände ich mal total interessant. Ist so ein Algorithmus für ein bestimmtes Feature, ist das portierbar zu einem anderen Browser in einer anderen Engine?

00:59:53.260 --> 01:00:00.700
 Ist, oder, oder schreibt man das tatsächlich neu, weil die Engines so unterschiedlich funktionieren, dass man das irgendwie machen muss? Weil es ist, jemand weiß, es wird mich extrem interessieren.

01:00:00.700 --> 01:00:04.660
 Bitte mal irgendwie dann bei Twitter melden oder einen Kommentar, äh, zur Folge schreiben.

01:00:04.660 --> 01:00:19.660
 Also, ich denke mal, ähm, allein von dem, was ich jetzt gesehen hab bei, ähm, bei dem anderen Chrome-Ticket, das ich ja schon mehrfach erwähnt hab, äh, Subgrid, ähm, das ist halt, da sind so viele Funktionsaufrufe, die ja andere Namen haben, ne?

01:00:19.660 --> 01:00:29.520
 Die ja, die du, das heißt dann irgendwie, Engie, was weiß ich was, ähm, das müsstest du ja alles umschreiben, dass das für deine Engine passt und, äh, wie du, wie du das verschachtelst und was du in welche Funktion auslagerst und so.

01:00:29.520 --> 01:00:37.440
 Wenn's natürlich mit anderen Features zusammenhängt, es ist ja, du hast recht, es ist ja nicht so, es ist ja nicht so, dass man das, äh, einfach reinwerfen kann und das hat gar keine Abhängigkeit.

01:00:37.440 --> 01:00:52.700
 Ja, die Variablen, wie die heißt, also, du hast schon, also, wie an dem Beispiel von dem Subgrid, da ist halt dann so, ja, das und das, äh, haben wir dahin ausgelagert und dann müssen wir erstmal, ähm, müssen wir hier alle, alle Grid-Elemente einmal durchgehen und so und das musst du ja alles, also, das heißt ja überall anders, bei, bei, bei, nachdem wir das geschrieben haben.

01:00:52.700 --> 01:01:08.980
 Ja, da könnte ich mir, könnte ich mir aber trotzdem tatsächlich vorstellen, dass einige Dinge in Blink, äh, halt immer noch genauso sind wie in Webkit und dass es da vielleicht besser geht, ähm, als wenn du jetzt sagst, naja, äh, die haben jetzt halt in Safari, in Webkit, äh, haben sie das jetzt mal eingebaut, ich schmeiß das jetzt mal in Firefox rein.

01:01:08.980 --> 01:01:22.680
 Das ist bestimmt, äh, nicht so einfach. Nee, das ist, ja, sehr guter Gedanke eigentlich, ja. Okay, cool. Dann, ja, wahrscheinlich, äh, wahrscheinlich ist es nicht so einfach. Das ist ja meistens, äh, meistens denkt man, ja, da muss man nur die,

01:01:22.700 --> 01:01:40.580
 die zwei Sachen jetzt zusammenklemmen und dann geht's und dann versuchst du. Ja, kopier auch einfach die Datei rein und dann funktioniert es. Und dann denkst du, ah, äh, irgendwie muss man da, da müssen die noch miteinander reden, da muss Datenaustauschformat und bla und, äh, ja, ist meistens, Dinge miteinander zu verheiraten, ist meistens schwieriger, als man denkt. Ja.

01:01:40.580 --> 01:01:52.540
 Okay, gut. So, den, den Chrome-Plattform-Status haben wir und, äh, du hast noch was mit Chromium? Äh, hab ich? Ja, das ist der, das ist das Ticket. Nochmal dieses, ähm, ja.

01:01:52.700 --> 01:02:05.780
 Wo man so ein bisschen sieht, was da passiert. Okay, gut, dann sind wir ja eigentlich jetzt, dann sind wir eigentlich tatsächlich durch. Sollen wir schon direkt, äh, zum Geil-Teil durchstarten oder? Danke mal. Ja. Hast du noch einen Nachtrag? Nee, ich hab einen Vortrag noch.

01:02:05.780 --> 01:02:08.440
 Einen Vortrag? Dann halt deinen Vortrag. Nee.

01:02:08.440 --> 01:02:12.660
 Das Geil-Teil. Geil-Teil.

01:02:12.660 --> 01:02:14.100
 Das ist mein Kopf voll los, ey.

01:02:14.100 --> 01:02:17.380
 Jetzt, jetzt hast du deinen, deinen Vortrag halt zum Geil-Teil.

01:02:17.380 --> 01:02:35.000
 Ja, das ist, ah, das ist eigentlich, das ist ganz kurz. Ähm, es geht um Musik. Es geht um Musik. Und zwar, äh, ich weiß nicht, ob das schon in der einen, hab ich, hab ich schon mal, hab ich irgendwie schon mal Proc? Ja, doch, wir hatten mal, wir hatten mal, ähm, äh, Dings da, Cory Wong und, äh, ja.

01:02:35.000 --> 01:02:39.040
 Ja. Äh, ich, äh, du weißt, was ich meine. Mir fällt, mir fällt grad die, die Dardy Loops, genau.

01:02:39.040 --> 01:02:56.020
 Ähm, ja, ich hab ja ein, ein großes Herz für Proc-Rock und Proc-Metal, aber nur für gut gemachten, natürlich. Ähm, und ich hab da jetzt vor, nee, eigentlich vor, vor ein paar Jahren was entdeckt und jetzt aber nochmal für mich wiederentdeckt und hab, bin jetzt voll drauf hängen geblieben.

01:02:56.020 --> 01:03:01.420
 Ähm, und, äh, hier meine kleine Empfehlung, ähm, die Band namens, äh, Haken.

01:03:01.420 --> 01:03:04.420
 Ähm, wie der Haken, ne?

01:03:05.000 --> 01:03:10.580
 Interessanterweise hab ich das, hab ich gelesen, es ist, äh, die Geschichte zu dem Namen, es ist ne britische Band.

01:03:10.580 --> 01:03:30.240
 Okay. Ähm, glaub ich sogar aus London und, äh, bei Wikipedia kann man nachlesen zum Bandnamen, dass es irgendwie mal, äh, entweder Haken mit zwei K oder mit zwei A, ich glaub mit zwei A, Haken, in Anspielung auf irgendeine nordische, nordische Mythologie, irgendeinen Gott oder sowas.

01:03:30.240 --> 01:03:43.240
 Ähm, ähm, ähm, und dann haben sie es aber irgendwann umgeändert mit einem A, ja, like German Hook, äh, tatsächlich in Anspielung auf den, warum auch immer, auf den Haken.

01:03:43.240 --> 01:03:58.240
 Ähm, ähm, ja, und, äh, ich bin jetzt nochmal drauf gestoßen, ähm, die haben, die haben in den letzten paar Jahren, äh, so, so ein paar bisschen härtere Alben gemacht und ich hab mich jetzt dem, äh, der Diskografie, äh, von Haken, äh, nochmal ein bisschen genähert.

01:03:58.240 --> 01:04:15.240
 Und da noch das Album, äh, gefunden, jetzt hat, Mensch, bin ich schlecht vorbereitet. Also generell Haken, geile Band, alles hören von denen. Ähm, aber ich mein das, ich mein das Album mit dem, äh, mit dem, mit dem Mountain drauf.

01:04:15.240 --> 01:04:23.200
 Genau, The Mountain heißt's. Einfach The Mountain. Das ist, äh, wunderschöner Proc Rock mit, mit ab und zu mal Tritt in die Fresse, so wie ich's gern mag.

01:04:23.200 --> 01:04:51.160
 Aber das sind, das sind so, das sind teilweise so wunderschöne, ähm, ähm, mehrere, mehrstimmige Gesangspassagen drin, da läuft's mir eiskalten Rücken runter, das ist einfach, also die haben mich, in der ersten Sekunde haben sie mich abgeholt mit dem Album, ähm, und, und es geht eigentlich, ich hab's in Dauerschleife gehört die letzten Tage, es geht, es geht einfach immer so weiter und ich, ich bin von, vom, vom einen Gefühlschaos im nächsten Gefühlschaos und immer voll drin und immer Gänsehaut und das ist einfach richtig, richtig gute Musik.

01:04:51.160 --> 01:04:59.200
 Also, Haken, äh, der Bandname ist mir schon lange ein Begriff und ich hab immer gedacht, ah, das kann ja nicht so gut sein, das ist ja nix, das ist ja nix.

01:04:59.200 --> 01:05:05.420
 Wie man manchmal so ein Vorurteil gegenüber Sachen hat, die man noch nicht so richtig gut kennt und dann lernt man sie kennen und du denkst so, boah, ist das geil.

01:05:05.420 --> 01:05:09.960
 Und, ähm, genau so Haken, also auch eine Empfehlung für dich, äh, Konstantin.

01:05:09.960 --> 01:05:11.040
 Ja, wenn ich auf jeden Fall reichne, ja.

01:05:11.040 --> 01:05:21.120
 Musikalisch, also, und ich muss sagen, die Alben, ähm, die neueren, das, äh, The Mountain, das ist jetzt schon ein bisschen älter, das ist von, äh,

01:05:21.120 --> 01:05:38.840
 2013, die neueren Alben, ähm, nämlich, ich glaub, das aktuell heißt Virus, ähm, die sind ein bisschen anderer Stil, die gehen, die gehen noch mehr nach vorne, die sind noch ein bisschen härter, find ich auch gut, wenn man, wenn man mal, wenn man so einen richtigen Schub braucht und so richtig, äh, einen harten, harten Gitarrentritt in die Fresse.

01:05:39.620 --> 01:05:49.460
 Ähm, aber das, The Mountain ist deutlich gefühlvoller und ich, ich find, ich kann beidem was abgewinnen und obwohl's komplett unterschiedlich ist, gefühlt für mich, also, genug gelabert über Musik.

01:05:49.460 --> 01:05:52.780
 Ich hab's gleich schon mal, ich hab's gleich schon mal hier, Apple Music aufgemacht mit dem Album.

01:05:52.780 --> 01:05:58.440
 Wir, ähm, wir müssen mal unseren Musikpodcast noch an den Start bringen, glaub ich, dann können wir über sowas länger, länger abnerven.

01:05:58.440 --> 01:06:00.240
 Und ganz wichtig, wir müssen mal was zusammen machen.

01:06:00.240 --> 01:06:01.820
 Wir müssen mal was zusammen machen.

01:06:01.820 --> 01:06:04.760
 Muss man das jetzt noch erklären?

01:06:04.760 --> 01:06:06.300
 Nee, wir haben auch schon hier.

01:06:06.300 --> 01:06:09.460
 Wir müssen, äh, Konstantin, wir müssen unbedingt mal was zusammen machen.

01:06:09.460 --> 01:06:10.060
 Unbedingt, ja.

01:06:10.120 --> 01:06:13.240
 Aus, aus, aus einem Konstantin, wir müssen unbedingt mal was zusammen machen, ist dieser Podcast geworden.

01:06:13.240 --> 01:06:13.960
 Ist dieser Podcast geworden.

01:06:13.960 --> 01:06:22.560
 Und ich hab vorhin, ich hab beim Klavierspielen vorhin, da war ich kurz am Klavier gesessen, hab ich so ein, so ein, so eine Melodie gespielt, äh, da hab ich gedacht, ah, da müsste ich mit Moritz mal was draus machen.

01:06:22.560 --> 01:06:30.240
 Das ist so ein, das ist so ein 80er Sound, so, ging schon Richtung, äh, hier, ähm, äh, na, wie hießen sie, ähm, wo wir es gerade vor ein paar Minuten davon hatten.

01:06:30.240 --> 01:06:30.520
 Toto?

01:06:30.520 --> 01:06:31.340
 Nee, nee, nee, nee.

01:06:31.340 --> 01:06:33.000
 Ach so, äh, du meinst, äh, Dirty Loops.

01:06:33.000 --> 01:06:33.980
 Ja, Dirty Loops, genau.

01:06:33.980 --> 01:06:41.760
 Das ist am Anfang dieses Baywatch-Gesample, äh, so klang das, und da hab ich gedacht, ah, das wär cool.

01:06:41.760 --> 01:06:43.780
 Ja.

01:06:43.780 --> 01:06:44.200
 Ja.

01:06:44.200 --> 01:06:48.780
 Weil wir noch nicht genug, äh, Sachen am Hals haben, müssen wir noch, müssen wir auch noch Musik machen.

01:06:48.780 --> 01:06:56.720
 Ja, Musik und noch vier andere Podcasts, die, die alle schon in meinem Kopf fertig durchgeplant sind, ähm, ne, so, so war's halt.

01:06:56.720 --> 01:06:58.300
 Gut.

01:06:58.300 --> 01:07:00.620
 Dann kommt jetzt.

01:07:00.620 --> 01:07:02.920
 Dann kommt jetzt? Echt schon?

01:07:02.920 --> 01:07:03.860
 Ja.

01:07:03.980 --> 01:07:07.700
 Das Ende.

01:07:07.700 --> 01:07:09.660
 Wahnsinn.

01:07:09.660 --> 01:07:10.620
 Ja.

01:07:10.620 --> 01:07:14.440
 Super schnell, grad ein bisschen über eine Stunde, glaub ich.

01:07:14.440 --> 01:07:14.620
 Ja.

01:07:14.620 --> 01:07:15.960
 Ähm, ja.

01:07:15.960 --> 01:07:20.140
 Aber ist doch auch mal, auch mal nett, oder? Ich hab sogar noch Bier übrig.

01:07:20.140 --> 01:07:25.200
 Ich auch, und das ist nur eine 0,33er-Flasche, du hast, ist auch eine 0,33 bei dir, oder?

01:07:25.200 --> 01:07:25.640
 Äh, ja.

01:07:25.640 --> 01:07:33.960
 Sieht in der Kamera, interessanterweise, weil die, also, ich muss jetzt kurz das Bild erklären, was ich gerade gesehen hab, ähm, das, das, äh, das, äh, das, äh, das ist auch ein 0,33er-Flasche, oder?

01:07:33.960 --> 01:07:46.100
 Das Bier hat Konstantin gerade in der Hand gehalten, aber relativ am Rand von, von dem Bild, das ich sehe. Und ich hatte den Eindruck, dass es verzerrt, dass die Kamera zum Rand hin verzerrt und dass die, die Flasche, genau, die sieht am Rand viel größer aus, als in der Mitte.

01:07:46.100 --> 01:07:47.840
 Machen wir weiter in die Mitte.

01:07:47.840 --> 01:07:49.480
 Ach, tatsächlich?

01:07:49.480 --> 01:07:53.460
 Ja, ja. Die, die, die Kamera, die hat so einen, so einen, so einen leichten Fischei-Effekt.

01:07:53.460 --> 01:07:53.780
 Ja, ja, stimmt.

01:07:53.780 --> 01:07:57.660
 Und, äh, wenn du so am Rand hältst, ist es eine 0,5-Waffflasche und in der Mitte ist 0,33.

01:07:57.660 --> 01:07:58.320
 Tatsächlich.

01:07:58.320 --> 01:07:59.220
 Verrückt.

01:07:59.220 --> 01:08:01.220
 Das ist, ist, ist erstaunlich.

01:08:01.220 --> 01:08:03.040
 Mir hat grad zum ersten Mal aufgefallen, dass deine Kamera ein bisschen verzerrt.

01:08:03.040 --> 01:08:04.380
 Am Rand halten hat man mehr fürs Geld.

01:08:05.160 --> 01:08:06.480
 Also, halt mal den Rand jetzt.

01:08:06.480 --> 01:08:10.020
 Oh je.

01:08:10.020 --> 01:08:12.560
 Ja, gut, ich glaube, es reicht auch mit der Stunde, oder?

01:08:12.560 --> 01:08:14.840
 Ja, reicht auch.

01:08:14.840 --> 01:08:16.500
 Also, vielen Dank fürs Zuhören.

01:08:16.500 --> 01:08:17.100
 Ja, danke schön.

01:08:17.100 --> 01:08:20.160
 Ich hoffe, es war ein bisschen Informationen dabei, die ihr noch nicht kanntet.

01:08:20.160 --> 01:08:24.660
 Dabei ist es ja jetzt gar nicht so, dass das Allerneueste vom Neuen.

01:08:24.660 --> 01:08:28.760
 Es ist jetzt aber irgendwie in meiner Timeline öfter aufgeschlagen und mit Artikeln und Demo-Sage.

01:08:28.760 --> 01:08:31.960
 Ja, weil es jetzt gerade halt der erste Browser unterstützt, deswegen kommt das.

01:08:31.960 --> 01:08:35.140
 Der CS-Astrix-Artikel, der ist, der ist vom, warte mal, der ist von.

01:08:35.160 --> 01:08:39.360
 Vom März letztes Jahr, also der ist schon ein Jahr alt.

01:08:39.360 --> 01:08:42.520
 Das heißt, da konnte es noch keinen, kein Browser, aber jetzt.

01:08:42.520 --> 01:08:47.700
 Genau, so, jetzt kommt man mit rumspielen, schlimme Sachen damit machen, den Killer-Selektor

01:08:47.700 --> 01:08:49.380
 damit bauen, äh, den Einstellungs-Selektor.

01:08:49.380 --> 01:08:51.680
 Und, äh, genau.

01:08:51.680 --> 01:08:55.760
 Vielleicht hattet ihr ein bisschen Spaß, schreibt es in die Kommentare, drückt die Glocke,

01:08:55.760 --> 01:08:56.460
 ihr wisst es schon.

01:08:56.460 --> 01:08:57.960
 Ach so, bist du echt schnell genug?

01:08:57.960 --> 01:08:59.420
 Nein, nein, nein, nein, nein, nein, lass das.

01:08:59.420 --> 01:09:02.020
 Kriegen wir wieder Ärger für die Glocke.

01:09:03.800 --> 01:09:09.520
 Ja, ja, Mensch, ja, dann, äh, bleibt mir auch nur, danke und, äh, bis zum nächsten Mal,

01:09:09.520 --> 01:09:11.440
 weil ich, ich glaube, knapp viel fürs Outboarder finden.

01:09:11.440 --> 01:09:14.240
 Äh, und genau, in einer Woche wieder Stream, äh, würde ich sagen.

01:09:14.240 --> 01:09:18.540
 Das ist dann der, äh, 15., ja, wir machen, versuchen wieder, wenn ich nicht wieder fünfmal

01:09:18.540 --> 01:09:21.640
 krank werde, dazwischen, wieder den Rhythmus jetzt beizubehalten alle zwei Wochen.

01:09:21.720 --> 01:09:27.720
 Dann 15., 29., da wäre dann wieder Stream und am 22., beziehungsweise 24. dann die nächste

01:09:27.720 --> 01:09:28.680
 Podcast-Folge.

01:09:28.680 --> 01:09:36.500
 Genau, ja, 2022, äh, April, wollte ich noch dazu sagen, weil, ähm, unser Podcast wird

01:09:36.500 --> 01:09:38.120
 ja auch noch in 27.000 Jahren gehört.

01:09:38.120 --> 01:09:41.180
 So, jetzt machen wir das Outro.

01:09:41.180 --> 01:09:43.640
 Macht's gut, bis dann.

01:09:43.640 --> 01:09:44.060
 Tschau.

01:09:44.060 --> 01:09:44.340
 Tschau.

01:09:44.340 --> 01:09:44.340
 Tschau.

01:09:44.340 --> 01:09:44.340
 Tschau.

01:09:44.340 --> 01:09:44.600
 Tschau.

01:09:44.600 --> 01:09:44.780
 Tschau.