WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: HTML von a bis z-z III: Text Content
Publishing Date: 2023-04-01T14:41:44+02:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/html-von-a-bis-z-z-iii-text-content/

00:00:00.000 --> 00:00:05.800
 Wo wir sind, ist vorne, Folge 54, HTML von A bis ZZ, Teil 3, Text-Content.

00:00:05.800 --> 00:00:22.080
 Herzlich willkommen bei Wo wir sind, ist vorne.

00:00:22.080 --> 00:00:28.860
 Frontend-Fakten-Frotzelein, der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

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

00:00:55.500 --> 00:00:56.060
 Hallo.

00:00:56.060 --> 00:00:57.160
 Hallöchen.

00:00:57.160 --> 00:01:02.160
 Da sind wir wieder und es geht weiter mit unserer HTML-Serie.

00:01:02.160 --> 00:01:03.940
 Ja, wir haben einen kurzen Intermezzo.

00:01:03.940 --> 00:01:08.240
 Intermezzo-Schmezzo, was sehr gut war, wie ich finde.

00:01:08.240 --> 00:01:12.260
 Also auch nochmal Danke an den Manuel, der in der letzten Folge zu Gast war.

00:01:12.260 --> 00:01:17.900
 Ja, so, wollen wir Getränk klären?

00:01:17.980 --> 00:01:22.500
 Ja, ich habe heute tatsächlich was, was ich sonst nicht habe.

00:01:22.500 --> 00:01:35.160
 Und zwar habe ich heute eine große Flasche, ich zeige es mal in die Kamera, Thomas Henry Dry Tonic, erfrischend trocken.

00:01:35.160 --> 00:01:36.000
 Ohne Gin.

00:01:36.900 --> 00:01:38.080
 Es ist ohne Gin, ja.

00:01:38.080 --> 00:01:42.800
 Ich hätte sogar noch, wir hätten sogar noch alkoholfreien Gin im Haus gehabt.

00:01:42.800 --> 00:01:43.660
 Alkoholfreien Gin?

00:01:43.660 --> 00:01:46.500
 Ja, ich habe dankend abgelehnt, ich habe mir gedacht, das ist ja dann auch nur Limo.

00:01:46.500 --> 00:01:46.920
 Ja.

00:01:46.920 --> 00:01:50.320
 Also kann ich, wenn ich jetzt Limo mit Limo mische, dann kann ich auch Limo-Bur trinken.

00:01:50.320 --> 00:01:55.260
 Ich habe eine Fritz-Limo, Apfel-Kirsch-Holunder.

00:01:55.260 --> 00:01:56.540
 Apfel-Kirsch-Holunder.

00:01:56.540 --> 00:01:58.160
 Apfel-Kirsch-Holunder, die habe ich noch nicht probiert.

00:01:58.160 --> 00:02:00.280
 Ich bin gespannt.

00:02:00.280 --> 00:02:05.540
 Ach so, ja genau, es war jetzt ein relativ unspektakuläres Öffnungserlebnis, hat man so ein bisschen zitt gemacht.

00:02:05.620 --> 00:02:08.940
 Ich würde jetzt aber dann mal ASMR einschenken.

00:02:08.940 --> 00:02:10.240
 Oh, du hast so ein Glas.

00:02:10.240 --> 00:02:15.000
 Es klingt auch, man hört auch schon nicht, ich spreche gerade in das Glas rein.

00:02:15.000 --> 00:02:24.520
 Also ich muss sagen.

00:02:24.520 --> 00:02:26.320
 Also der Sound muss auf Free Sound, oder?

00:02:26.320 --> 00:02:33.640
 Das war ein außergewöhnlich satter, bassiger Sound dafür, dass ich nur aus einer Flasche eingeschenkt habe.

00:02:33.640 --> 00:02:36.060
 Ich wusste nicht, dass da so tiefe Frequenzen rauskommen.

00:02:36.060 --> 00:02:39.480
 Nee, auf Pay Sound hätte ich den gerne.

00:02:39.480 --> 00:02:42.820
 Der war es wert.

00:02:42.820 --> 00:02:44.440
 Für Free Sound ist das so gut.

00:02:44.440 --> 00:02:45.660
 Erstaunlich.

00:02:45.660 --> 00:02:47.660
 Also das ist ja eine krasse Flasche.

00:02:47.660 --> 00:02:49.760
 Aber natürlich war ich jetzt auch extrem nah dran am Mikrofon.

00:02:49.760 --> 00:02:52.900
 Aber ja, das war wirklich, wow.

00:02:52.900 --> 00:02:56.720
 Jetzt kann ich ein bisschen, muss ich mal gucken, ob das mit anderen Flaschen auch so ist.

00:02:56.720 --> 00:02:58.260
 Oder ob das tatsächlich eine Eigenheit dieser Flasche ist.

00:02:58.260 --> 00:02:59.380
 Das habe ich, glaube ich, so noch nie gemacht.

00:02:59.380 --> 00:03:01.440
 Ja, dann.

00:03:01.440 --> 00:03:02.760
 Ja, zu wohl.

00:03:02.960 --> 00:03:06.500
 Schon halb leer.

00:03:06.500 --> 00:03:08.900
 Ja, großer Schluck.

00:03:08.900 --> 00:03:10.260
 Aber ist echt lecker.

00:03:10.260 --> 00:03:14.960
 Schmeckt so ein bisschen wie diese Kirschlollis, die man als Kind beim Bäcker früher geschenkt bekommen hat.

00:03:14.960 --> 00:03:15.460
 Erinnerst du dich?

00:03:15.460 --> 00:03:16.500
 Ja.

00:03:16.500 --> 00:03:17.980
 So schmeckt das ein bisschen.

00:03:17.980 --> 00:03:21.860
 Ich muss sagen, ich bin ein bisschen enttäuscht von diesem Dry Tonic.

00:03:22.380 --> 00:03:27.360
 Also Tonic Water schmeckt ja normalerweise schon so, wie soll ich sagen?

00:03:27.500 --> 00:03:29.880
 Naja, das ist schon so ein bisschen Eigen im Geschmack.

00:03:29.880 --> 00:03:30.900
 Bitter halt, ja.

00:03:30.900 --> 00:03:32.280
 Bitter, so ein bisschen bitter, genau.

00:03:32.280 --> 00:03:35.800
 Und das, jetzt habe ich Dry, also ich weiß, das ist das Thomas-Henry-Tonic.

00:03:35.800 --> 00:03:37.860
 Das ist normalerweise nochmal eine Nummer härter gewesen.

00:03:37.860 --> 00:03:39.160
 Habe ich es zumindest in Erinnerung.

00:03:39.160 --> 00:03:40.380
 Und jetzt heißt es auch noch Dry.

00:03:41.100 --> 00:03:42.860
 Habe ich erwartet, dass es jetzt noch schlimmer ist.

00:03:42.860 --> 00:03:47.340
 Und ich habe das Gefühl, das ist sogar jetzt gerade, aber es kann auch sein, dass es die Flasche schon ein bisschen länger rumsteht.

00:03:47.340 --> 00:03:49.040
 Dass es vielleicht deswegen ist.

00:03:49.440 --> 00:03:57.880
 Aber es schmeckt, finde ich jetzt gerade, sogar noch sanfter als das Normale von Schweppes.

00:03:57.880 --> 00:03:58.020
 Ja.

00:03:58.020 --> 00:03:59.420
 Das Tonic Water.

00:03:59.420 --> 00:04:07.700
 Also es ist irgendwie, also ich meine, es stört mich jetzt nicht, aber ich habe jetzt was Krasses erwartet und so ein bisschen, aber dafür klingt die Flasche krass, wenn man das ausschenkt.

00:04:07.700 --> 00:04:13.120
 Müssen wir jetzt öfter mal ein, wir müssen auch mal Glas nehmen und dann schenken wir ein und gucken, was besser klingt.

00:04:13.120 --> 00:04:13.780
 Ja.

00:04:13.780 --> 00:04:16.460
 Der Glas-Vergleich.

00:04:16.460 --> 00:04:18.220
 Okay.

00:04:18.220 --> 00:04:18.700
 Jo.

00:04:19.440 --> 00:04:19.960
 Soll mal.

00:04:19.960 --> 00:04:20.740
 Weitermachen.

00:04:20.740 --> 00:04:21.180
 Soll mal.

00:04:21.180 --> 00:04:21.900
 Jo, mach mal.

00:04:21.900 --> 00:04:29.740
 BWSEV präsentiert die Retrospektive.

00:04:29.740 --> 00:04:39.920
 Jo, wir haben jetzt hier nochmal die Ankündigung für unsere HörerInnen-Treffen bei der Beyond-Tolerant-Konferenz.

00:04:39.920 --> 00:04:48.420
 Wenn ihr uns treffen wollt, dann kommt am 15.04. nach Düsseldorf das Einzige, was ihr dafür…

00:04:48.420 --> 00:04:50.340
 Nee, Moment, das ist Blödsinn, 16.

00:04:50.340 --> 00:04:51.880
 Ich habe es mir falsch aufgeschrieben.

00:04:51.880 --> 00:04:52.360
 16.04.

00:04:52.360 --> 00:04:52.880
 Stimmt, ja, Sonntag.

00:04:52.880 --> 00:04:53.600
 Am 16.04.

00:04:53.600 --> 00:04:56.440
 Ihr dürft natürlich auch schon am 15.04. nach Düsseldorf kommen.

00:04:56.440 --> 00:05:00.080
 Ja, aber dann trefft ihr recht mit anderen.

00:05:00.080 --> 00:05:02.940
 Ich habe gehört, Einreizgenehmigung ist auch ab 14.04. schon.

00:05:02.940 --> 00:05:03.540
 Ja, okay.

00:05:03.540 --> 00:05:04.220
 Darf man auch.

00:05:04.220 --> 00:05:06.460
 Nee, also am 16.04.

00:05:06.460 --> 00:05:16.700
 Entschuldigung, am 16.04., das ist ein Sonntag, wie der Konstantin schon gesagt hat, abends, ich glaube 18.30 war die Zeit, wenn ich es noch richtig weiß.

00:05:16.820 --> 00:05:21.660
 Genau, das Einzige, was ihr dafür machen müsst, ist, ihr müsst euch anmelden für das Pre-Conference-Warm-Up.

00:05:22.280 --> 00:05:26.240
 Da gibt es einen Link auf der Event-Seite, aber der kommt auch nochmal in die Show Notes.

00:05:26.240 --> 00:05:36.280
 Genau, weil wir werden dort sein, aber ihr könnt euch einfach, wenn ihr euch dort anmeldet, ihr müsst auch nicht KonferenzbesucherInnen sein, um auf das Warm-Up zu kommen.

00:05:36.360 --> 00:05:38.780
 Ihr dürft da auch so hinkommen und dann treffen wir euch dort.

00:05:38.780 --> 00:05:39.600
 Genau.

00:05:39.600 --> 00:05:41.380
 Wir sind dann die mit dem Fähnchen.

00:05:41.380 --> 00:05:46.580
 Nein, wir wissen noch nicht, wir haben überlegt, ob wir aus Spaß so ein Fähnchen mit dem Podcast-Logo irgendwie irgendwo hinstellen.

00:05:46.580 --> 00:05:48.100
 Das war dann doch ein bisschen teuer.

00:05:48.100 --> 00:05:49.020
 Vielleicht für so einen Spaß.

00:05:49.020 --> 00:05:51.120
 Aber deine Tochter könnte doch eins malen.

00:05:51.120 --> 00:05:52.080
 Ja, das auf jeden Fall.

00:05:52.080 --> 00:05:53.260
 Ja, das können wir mal.

00:05:53.260 --> 00:05:55.360
 Wir können WSIV-Ausmalbilder.

00:05:55.360 --> 00:05:58.880
 Gib dir doch mal so ein DIN-A1-Blatt und sag mal, mal mal das.

00:05:58.880 --> 00:06:01.280
 Und dann nehmen wir das genau so, das, was dann rauskommt.

00:06:01.280 --> 00:06:03.760
 Auch wenn da noch irgendwo noch ein Schiff dazu gemalt ist oder so.

00:06:03.760 --> 00:06:04.360
 Okay.

00:06:04.740 --> 00:06:10.040
 Ich könnte unser Logo ausdrucken, also nur mit den Umrisse, wie so ein Ausmalbild.

00:06:10.040 --> 00:06:12.080
 Und dann sagen, hier kommt das mit einem pinken Stift.

00:06:12.080 --> 00:06:15.380
 Das wäre doch, das fände ich ja echt gut.

00:06:15.380 --> 00:06:16.420
 Das ist eine gute Idee, ja.

00:06:16.420 --> 00:06:22.520
 Guck mal, da hat sie was zu tun und wir beuten dein Kind einfach weiter aus für diese Show hier.

00:06:22.520 --> 00:06:28.700
 Ich weiß gar nicht, ob das alle schon wissen, aber wir haben ja auch so kleine Soundbites, die von ihr eingesprochen wurden.

00:06:28.700 --> 00:06:29.460
 Zum Beispiel das hier.

00:06:29.460 --> 00:06:30.320
 Ja, was gibt's.

00:06:32.520 --> 00:06:35.780
 Wer im Stream schon mal dabei war, der hat schon einiges davon gehört.

00:06:35.780 --> 00:06:38.040
 Hier im Podcast haben wir das bisher eher ...

00:06:38.040 --> 00:06:39.380
 Zurückhaltend.

00:06:39.380 --> 00:06:39.860
 Zurückhaltend.

00:06:39.860 --> 00:06:40.800
 Aber es ist wirklich ...

00:06:40.800 --> 00:06:41.520
 Fabelhaft.

00:06:43.660 --> 00:06:48.680
 Ja, okay, also das hier, HörerInnen-Treffen, kommt unbedingt am 16. April nach Düsseldorf.

00:06:48.680 --> 00:06:49.040
 Wir freuen uns mega.

00:06:49.040 --> 00:06:50.340
 Wir freuen uns zu treffen mal in Person.

00:06:50.340 --> 00:06:50.620
 Genau.

00:06:50.620 --> 00:06:51.720
 Nach drei Jahren.

00:06:51.720 --> 00:06:56.360
 Es wird danach, irgendwann in den Wochen danach, irgendwann wahrscheinlich noch was in Karlsruhe geben.

00:06:56.360 --> 00:06:58.160
 Da sind wir gerade noch in Erklärung.

00:06:58.160 --> 00:07:00.060
 Stimmt, kann man aber auch schon mal ankündigen.

00:07:01.020 --> 00:07:06.040
 Es gibt noch keinen Termin, aber so nehmt euch in den nächsten Wochen nichts vor.

00:07:06.040 --> 00:07:07.380
 Nehmt euch in den nächsten Wochen.

00:07:07.380 --> 00:07:07.400
 Nehmt euch in den nächsten Wochen.

00:07:07.400 --> 00:07:07.400
 Nehmt euch in den nächsten Wochen.

00:07:07.400 --> 00:07:08.580
 Nehmt euch in den 28 Wochen.

00:07:08.580 --> 00:07:10.580
 Genau, nach der Konferenz.

00:07:10.580 --> 00:07:12.320
 Nehmt euch dieses Jahr einfach nichts mehr vor.

00:07:12.320 --> 00:07:14.820
 Wenn jemand fragt, hast du am Wochenende nicht schon was vor?

00:07:14.820 --> 00:07:16.140
 Ja, da kann ich leider nicht.

00:07:16.140 --> 00:07:18.620
 Ne, egal wann.

00:07:18.620 --> 00:07:20.360
 Hast du dieses Jahr noch was vor?

00:07:20.360 --> 00:07:20.640
 Ja.

00:07:20.640 --> 00:07:21.040
 Ja.

00:07:21.040 --> 00:07:21.500
 Tut mir leid.

00:07:21.500 --> 00:07:22.040
 Keine Zeit.

00:07:22.040 --> 00:07:23.260
 Ah, dieses Jahr kann ich leider nicht mehr.

00:07:23.260 --> 00:07:23.940
 Dieses Jahr kann ich nicht.

00:07:23.940 --> 00:07:24.300
 Nächstes Jahr?

00:07:24.300 --> 00:07:25.880
 Nee, nächstes Jahr haben wir auch leider keine Zeit.

00:07:25.880 --> 00:07:29.080
 Ja, alter Helge Schneider-Spruch muss immer mal wieder sein.

00:07:30.280 --> 00:07:32.360
 Okay, dann können wir zum nächsten.

00:07:32.360 --> 00:07:41.020
 Ja, ich hab heute ein bisschen rumgehackt an WordPress, man muss es so nennen, weil ich

00:07:41.020 --> 00:07:44.800
 da gerade was versuche, also eigentlich versuche ich nur zu eruieren, wie viel Zeit ich in

00:07:44.800 --> 00:07:48.880
 etwa brauche, um ein Angebot zu schreiben für ein Projekt und hab dafür aber schon sehr

00:07:48.880 --> 00:07:52.720
 viel Zeit investiert, um überhaupt mal zu gucken, wie viel Zeit das dann brauchen

00:07:52.720 --> 00:07:56.060
 wird, weil ich dann festgestellt hab, hm, okay, so trivial wie ich mir das vorgestellt

00:07:56.060 --> 00:07:57.120
 hatte, ist es leider doch nicht.

00:07:57.900 --> 00:08:05.240
 Ich versuche da in den Media-Uploader von WordPress was reinzuhängen und vor ein paar Jahren

00:08:05.240 --> 00:08:09.180
 war das, glaube ich, alles noch so PHP-seitig, halt irgendwelche Hooks und so und dann hat

00:08:09.180 --> 00:08:13.400
 es schon irgendwie gepasst und inzwischen ist das aber alles JavaScript und ich weiß nicht,

00:08:13.400 --> 00:08:18.440
 ob an der Stelle sogar schon React, weil der ganze guten Bergeditor basiert ja auf React-Komponenten

00:08:18.440 --> 00:08:27.440
 inzwischen. Und ja, es ist leider nicht so wirklich gut dokumentiert, das heißt, ich bin viel am, im

00:08:27.440 --> 00:08:33.860
 Quellcode von WordPress rumsuchen und bei anderen Plugins, die sich an ähnliche Stellen einklinken,

00:08:33.860 --> 00:08:39.020
 gucken, wie machen die das dann? Und ja, das ist so ein bisschen eine Welt für sich. Und dabei bin ich

00:08:39.020 --> 00:08:43.660
 heute auf was gestoßen, was mir vorher nicht bewusst war, weil ich so häufig mit I-Frames

00:08:43.660 --> 00:08:50.580
 nicht zu tun habe. Aber in dem Fall wird da eine externe API oder so ein SDK angebunden in

00:08:50.580 --> 00:08:56.880
 einem I-Frame, der dann mit Post-Message kommuniziert. Und jetzt ist es so, dass der in einem Tab von

00:08:56.880 --> 00:09:03.160
 diesem Media-Uploader eingehängt wird. Und das Problem ist, weil das halt so Komponenten sind,

00:09:03.900 --> 00:09:09.600
 sind die halt nicht dauerhaft im DOM. Das heißt, wenn ich das Tab wechsle, dann wird da was im DOM neu

00:09:09.600 --> 00:09:16.360
 gerendert. Und das heißt, dass auch der I-Frame neu eingehängt wird. Oh ja. Und dann lädt der neu.

00:09:16.360 --> 00:09:21.960
 Ja. Und das war mir nicht bewusst. Also ich kann einen I-Frame, selbst wenn ich den einfach nur innerhalb

00:09:21.960 --> 00:09:26.080
 vom Parent-Element irgendwie rumschiebe oder sowas, dann lädt der neu. Der bleibt, der behält nicht seinen

00:09:26.080 --> 00:09:32.320
 Zustand. Aber okay. Aber ist das wirklich egal, wie man das macht? Es gibt ja unterschiedliche

00:09:32.320 --> 00:09:38.240
 technische Möglichkeiten, den I-Frame oder ein Element zu verschieben im DOM. Bist du dir sicher,

00:09:38.240 --> 00:09:44.200
 dass das theoretisch eine Möglichkeit gibt, ein I-Frame zu verschieben, ohne dass er neu geladen

00:09:44.200 --> 00:09:49.680
 wird? Da bin ich mir nämlich nicht so sicher. Ja, es gibt nämlich Bug-Tickets bei Mozilla und bei Safari,

00:09:49.680 --> 00:09:59.020
 bei WebKit. Und auch bei der Watch-WG-Gruppe gibt es ein Git-Issue. Und es gab mal die Möglichkeit in

00:09:59.020 --> 00:10:04.820
 Firefox über Magic I-Frames, was auch immer das ist, habe ich nicht weiter recherchiert, das irgendwie

00:10:04.820 --> 00:10:11.420
 zu machen. Und das gab dann aber, ja, Magic Mushrooms, Magic I-Frames. Und es gab dann aber irgendwie

00:10:11.420 --> 00:10:13.880
 Security-Issues. Und deswegen wurde das dann wieder ausgebaut.

00:10:13.880 --> 00:10:23.180
 den I-Frame geschnupft. Ja, und das ist, also die einzige Möglichkeit, die es irgendwie gibt,

00:10:23.180 --> 00:10:30.720
 ist wohl, mit Slots zu arbeiten. Aber da ich ja nicht direkt Einfluss auf diese Komponenten habe,

00:10:30.720 --> 00:10:38.220
 die da benutzt werden, ist das für mich keine Möglichkeit. Also ich müsste ja, ja, habe ich mir

00:10:38.220 --> 00:10:41.420
 dann gar nicht weiter angeschaut. Aber wie gesagt, ich kann soweit ja da gar nicht rein. Ich kann da halt

00:10:41.420 --> 00:10:45.920
 nur an bestimmten Stellen was einhängen und ein bisschen erweitern. Aber so komplett, wie das Ding

00:10:45.920 --> 00:10:50.120
 funktioniert, kann ich halt nicht mehr einflussen. Und vielleicht schaue ich mir das mal noch an mit

00:10:50.120 --> 00:10:55.580
 den Slots, wie das denn theoretisch funktioniert. Aber so wie ich es versucht hatte, also dass ich den

00:10:55.580 --> 00:11:01.520
 I-Frame vielleicht, wenn das, bevor das verschwindet, quasi aus dem DOM aushänge, aber noch in der

00:11:01.520 --> 00:11:05.940
 Variable speichere. Also so, dass er nur detached ist und halt nicht mehr im DOM ist. Und dann wieder

00:11:05.940 --> 00:11:10.580
 einhängen, bringt auch nichts. Also auch dann wird er wieder neu geladen. Und auch wenn ich ihn

00:11:10.580 --> 00:11:14.280
 irgendwo anders hinschiebe, jetzt irgendwie ans Ende vom Body oder so und verstecke und

00:11:14.280 --> 00:11:18.020
 wieder einbinde, funktioniert auch nicht. Also die einzige Möglichkeit, die ich jetzt

00:11:18.020 --> 00:11:24.180
 sehen würde, wäre, den I-Frame quasi immer zu positionieren an der richtigen Stelle in

00:11:24.180 --> 00:11:30.760
 diesem Model. Das heißt, dass ich auf Orientation Change und auf Resize und sowas auch, damit es

00:11:30.760 --> 00:11:35.620
 dann auch trotzdem noch responsive ist, reagiere. Und das Model hat ja immer eine entsprechende

00:11:35.620 --> 00:11:40.680
 Größe vom Browserfenster abhängig, mit einem Rahmen außenrum. Und dass ich dann gucke, wie

00:11:40.680 --> 00:11:45.560
 ist denn der Offset von diesem Content-Bereich in dem Model und dann den I-Frame hinschiebe.

00:11:45.560 --> 00:11:51.860
 Aber sehr, sehr unschön. Gefällt mir nicht, die Lösung.

00:11:51.860 --> 00:12:00.180
 Aber es wäre eine geile Lösung im Sinne von, du hast es einfach mit Gewalt trotzdem hingekriegt.

00:12:00.180 --> 00:12:04.260
 Das funktioniert trotzdem. Weil es ist halt für den User echt unschön. Ich wechsle da irgendwie das Tab und

00:12:04.260 --> 00:12:09.460
 jedes Mal lädt dieser I-Frame neu. Und da ich dem I-Frame ja auch keinen State übergeben kann,

00:12:09.460 --> 00:12:12.680
 gut, beziehungsweise müsste man dann halt vielleicht aushandeln, ob man die Möglichkeit

00:12:12.680 --> 00:12:16.120
 bekommt, da irgendwie zu sagen, okay, auf der und der Seite mit dem und dem Suchquery oder was,

00:12:16.120 --> 00:12:21.480
 habe ich halt nicht die Möglichkeit zu sagen, okay, und jetzt lade den I-Frame genau an der

00:12:21.480 --> 00:12:24.940
 Stelle, wo ich es jetzt gerade brauche und wähle die und die Dinge aus und so.

00:12:24.940 --> 00:12:28.020
 Das war mir echt nicht bewusst, dass das…

00:12:28.020 --> 00:12:31.820
 Nee, war mir auch nicht bewusst. Also das ist schon sehr lange so, das Ticket ist auch

00:12:31.820 --> 00:12:38.920
 irgendwie von 2020, aber die Bug-Tickets sind noch viel älter. Die sind, glaube ich, 2008,

00:12:38.920 --> 00:12:39.880
 wenn ich mich nicht täusche.

00:12:39.880 --> 00:12:41.780
 Und du willst halt, und du brauchst das…

00:12:41.780 --> 00:12:46.920
 Oh, vor 19 Jahren. Vor 19 Jahren. Und vor neun Jahren geschlossen, das Ticket bei Mozilla.

00:12:46.920 --> 00:12:48.880
 Achso, aber wenn es geschlossen ist?

00:12:49.240 --> 00:12:50.320
 Ja, aber als Woundfix.

00:12:50.320 --> 00:12:58.940
 Und das ist quasi das Webkit-Ticket auch 2007 eröffnet und 2014 das letzte Mal bearbeitet.

00:12:58.940 --> 00:13:04.220
 Also, ja, ist leider nicht.

00:13:04.220 --> 00:13:09.980
 Jetzt muss ich mal gucken, ob wir vielleicht dann doch von der I-Frame-Lösung komplett wegkommen

00:13:09.980 --> 00:13:15.880
 und quasi eine andere Component bekommen, die wir da reinschmeißen können, wobei dann das

00:13:15.880 --> 00:13:18.020
 Problem wahrscheinlich das gleiche ist, dass das neu geladen wird.

00:13:18.020 --> 00:13:24.980
 Okay, es geht aber nur mit… Ich muss nochmal nachfragen, wenn mir gerade ein Beispiel

00:13:24.980 --> 00:13:32.160
 eingefallen ist, wo ich glaube, dass das funktioniert. Das geht aber nur… Also, wieso muss der

00:13:32.160 --> 00:13:34.180
 eigentlich bewegt werden im DOM?

00:13:34.180 --> 00:13:40.900
 Also, wegen mir muss der gar nicht bewegt werden, aber er wird halt ausgehängt, dadurch, dass das

00:13:40.900 --> 00:13:41.380
 Element weg ist.

00:13:41.380 --> 00:13:44.760
 Weil wenn ich einen anderen Reiter klicke, wird der andere leer gemacht, oder was?

00:13:44.760 --> 00:13:46.260
 Genau, der Content ist dann gar nicht mehr da.

00:13:46.260 --> 00:13:47.180
 Okay, okay.

00:13:47.180 --> 00:13:51.180
 Und deswegen war dann mein Versuch, okay, dann habe ich halt einen Listener und gucke, wann

00:13:51.180 --> 00:13:55.360
 ändert sich das und schmeiß das dann halt und hänge das dann aus und häng es dann wieder

00:13:55.360 --> 00:13:59.980
 ein, aber dann ist er trotzdem wieder neu geladen. Also, ich setze dann quasi an der entsprechenden

00:13:59.980 --> 00:14:02.060
 Stelle beim Laden den I-Frame wieder.

00:14:02.060 --> 00:14:05.900
 Ich habe nur gerade gedacht, weil im Hintergrund dürfte eigentlich kein Problem sein. Also, ich

00:14:05.900 --> 00:14:08.220
 habe nur gerade überlegt, ob das auch ist, wenn er quasi nicht mehr sichtbar ist.

00:14:08.320 --> 00:14:13.540
 Also, das geht. Also, das würde gehen. Also, der Parent wird quasi gelöscht.

00:14:13.540 --> 00:14:18.960
 Genau, diese Lösung, mit dem ich platziere den einfach da drüber, indem ich mir die Werte

00:14:18.960 --> 00:14:25.340
 hole, wo der sitzen muss, das würde theoretisch funktionieren, weil er halt zwischendrin dann

00:14:25.340 --> 00:14:27.600
 nur ausgeblendet wird und trotzdem noch da ist.

00:14:27.600 --> 00:14:30.960
 Also, da bin ich, da bin ich sehr gespannt, was unsere HörerInnen dazu zu sagen haben.

00:14:30.960 --> 00:14:35.600
 Also, wenn da jemand noch einen Tipp hat oder irgendwie so ein Workaround, wie man mit diesen

00:14:35.600 --> 00:14:35.600
 Slots…

00:14:35.600 --> 00:14:38.820
 Das klingt so nach, es könnte so eine komische, eklige Lösung geben, die aber keiner kennt

00:14:38.820 --> 00:14:43.640
 oder die nicht so bekannt ist. Wer weiß. Weil ich weiß, es gibt ja auch so einige Tools,

00:14:43.640 --> 00:14:48.340
 die total auf I-Frames setzen, wo du dir irgendwie Kommentarspalt und was weiß ich was einbinden

00:14:48.340 --> 00:14:51.560
 kannst. Da wird ganz viel krasse Magie gemacht, aber du hast keinen Einfluss auf das, was

00:14:51.560 --> 00:14:52.840
 immer I-Frame ist, nehme ich an, ne?

00:14:52.840 --> 00:14:53.420
 Ne.

00:14:54.240 --> 00:14:54.520
 Okay.

00:14:54.520 --> 00:14:55.580
 Also, indirekt.

00:14:55.580 --> 00:14:55.880
 Aber wer weiß.

00:14:55.880 --> 00:14:59.360
 Ich kann sagen, hey, wir brauchen da irgendwie eine Lösung und dann wird das vielleicht

00:14:59.360 --> 00:15:01.880
 gemacht, aber ja, weiß ich noch nicht.

00:15:01.880 --> 00:15:05.220
 Aber da wäre ich aber echt gespannt, weil könnte ich mir, das wäre so ein klassisches

00:15:05.220 --> 00:15:08.060
 Ding, wo ich mir vorstellen könnte, dass es noch irgendwie was Fieses gibt.

00:15:08.060 --> 00:15:11.820
 Das sagen auch ganz viele in diesen Tickets so, das kann doch nicht sein, nach all den Jahren,

00:15:11.820 --> 00:15:15.640
 dass es da immer noch keine Lösung gibt, weil sie halt eben irgendwelche, ich meine, es

00:15:15.640 --> 00:15:19.660
 geht ja nicht nur darum, irgendwelche fremden Webseiten in meiner Webseite darzustellen, sondern

00:15:19.660 --> 00:15:24.020
 ich meine, wir leben im Zeitalter von Web-Anwendungen und von irgendwelchen krassen Geschichten,

00:15:24.140 --> 00:15:28.480
 die mit, wo Services miteinander kommunizieren und dass es da noch nicht möglich ist, das

00:15:28.480 --> 00:15:33.280
 Seamless irgendwie was hinzubekommen, das ist schon sehr seltsam.

00:15:34.780 --> 00:15:38.020
 Aber es gibt bestimmt eine Möglichkeit, ich sage das jetzt einfach mal.

00:15:38.020 --> 00:15:40.340
 Ja, und wenn es nur blöd rumpositioniert ist.

00:15:40.340 --> 00:15:42.860
 Ja, aber ich meine, immerhin, immerhin.

00:15:42.860 --> 00:15:49.440
 Ich meine, dein Vorwissen und deine Kreativität haben dich schon zu einer Lösung, einer potenziellen

00:15:49.440 --> 00:15:51.720
 Lösung gebracht, die zwar hässlich ist, aber die funktioniert.

00:15:51.720 --> 00:15:52.540
 Aber funktionieren würde.

00:15:52.540 --> 00:15:54.120
 Immerhin, immerhin.

00:15:54.120 --> 00:15:58.060
 Und für mich klingt es auch nach, ich habe jetzt natürlich nicht alles durchdacht, aber

00:15:58.060 --> 00:16:00.620
 das klingt nach, das könnte tatsächlich auch halbwegs robust sein.

00:16:00.620 --> 00:16:03.980
 Aber ja, muss man gucken.

00:16:03.980 --> 00:16:05.420
 Bin ich gespannt, bin ich sehr gespannt.

00:16:05.420 --> 00:16:06.220
 Ja, ich auch.

00:16:08.140 --> 00:16:13.340
 Okay, dann haben wir noch einen kleinen Retro-Punkt, der ist, das haben wir im Stream schon öfter

00:16:13.340 --> 00:16:16.680
 mal angesprochen und auch auf Social Media habt ihr schon davon gehört und das ist eigentlich

00:16:16.680 --> 00:16:20.040
 nur so ein bisschen Quatsch, hat mit dem Podcast eigentlich so direkt nichts zu tun, aber

00:16:20.040 --> 00:16:22.860
 ist so ein bisschen mein Projekt.

00:16:23.400 --> 00:16:28.840
 Und zwar habe ich mal angeregt, oder ich hatte mal die Idee, ich könnte doch mal so als

00:16:28.840 --> 00:16:37.440
 DJ irgendwo auftreten, obwohl ich das gar nicht kann und würde so 90er-Trash- und Guilty-Pleasures-Musik

00:16:37.440 --> 00:16:42.660
 auflegen, also so Britney Spears, NSYNC, Backstreet Boys, Celine Dion und Blümchen, Scooter.

00:16:42.660 --> 00:16:44.340
 War ich gar nicht begeistert von.

00:16:44.340 --> 00:16:47.380
 Ich könnte die Liste ewig fortführen.

00:16:47.380 --> 00:16:53.220
 Ja, habe einfach mega Spaß an dieser Musik und ich habe halt keinen DJ-Namen und weil

00:16:53.220 --> 00:16:57.420
 das blöd ist, sich selbst was auszudenken, was dann irgendwie, was die Leute, habe ich

00:16:57.420 --> 00:17:02.060
 mir gedacht, naja, gebe ich einfach die Verantwortung in die Community, habe sowohl Vorschläge einreichen

00:17:02.060 --> 00:17:04.220
 lassen, als auch eine Abstimmung jetzt.

00:17:04.220 --> 00:17:10.460
 Die Vorschläge, Vorschlagszeit ist jetzt schon abgelaufen und jetzt kann abgestimmt werden,

00:17:10.460 --> 00:17:20.180
 was der Name werden soll und es sind, Moment, ich weiß gar nicht, ich habe jetzt gar keine

00:17:20.180 --> 00:17:22.720
 Zahl mehr, wie viele Vorschläge es sind, es sind aber knapp 100.

00:17:23.040 --> 00:17:27.900
 Das sind sehr, sehr, sehr viele, wobei einige sich doppeln oder Kombinationen von anderen

00:17:27.900 --> 00:17:28.680
 sind.

00:17:28.680 --> 00:17:35.300
 Genau und den Link zur Abstimmung, ich glaube, das läuft jetzt noch eine Woche oder so.

00:17:35.300 --> 00:17:43.560
 Genau, Abstimmung endet, also stand jetzt Freitagabend, 31. März, sage ich jetzt dazu, noch sechs Tage,

00:17:43.560 --> 00:17:47.800
 23 Stunden, also geht, glaube ich, bis Freitagabend wieder nächste Woche.

00:17:47.800 --> 00:17:50.160
 Dann im Stream wird das wahrscheinlich dann irgendwann enden, glaube ich.

00:17:51.360 --> 00:17:56.060
 Ja, und ich würde mich sehr freuen, wenn ihr abstimmen würdet, da sind eine Menge lustiger

00:17:56.060 --> 00:17:56.600
 Sachen dabei.

00:17:57.000 --> 00:17:59.640
 Momentan, ich sage nicht, was jetzt gerade führt.

00:17:59.640 --> 00:18:01.360
 Hast du noch die Einstellung geändert?

00:18:01.860 --> 00:18:05.080
 Vorher konnte man nach dem Abstimmen nämlich sehen, was und jetzt, okay.

00:18:05.080 --> 00:18:10.740
 Ja, habe ich absichtlich nochmal geändert, weil ich nicht wollte, also man kann auch mehrfach

00:18:10.740 --> 00:18:14.020
 theoretisch abstimmen, also wenn man irgendwie jetzt nochmal im anderen Browser oder so aufmacht

00:18:14.020 --> 00:18:17.940
 und ich wollte nicht, dass das beeinflusst, was ausgewählt wird.

00:18:17.940 --> 00:18:24.560
 Mich stört schon die Reihenfolge, weil ich sehen kann an den Ergebnissen, dass die Reihenfolge,

00:18:24.560 --> 00:18:28.640
 in der die Sachen da stehen, beeinflusst, welche angeguckt werden und was angeklickt wird,

00:18:28.640 --> 00:18:32.380
 weil die, die weiter oben stehen, tendenziell öfter angeklickt werden.

00:18:32.380 --> 00:18:37.140
 Das wäre doch mal was für so ein Pollsystem, dass die Antworten immer zufällig ausgesteuert werden.

00:18:37.140 --> 00:18:38.000
 Das gibt es durchaus.

00:18:38.900 --> 00:18:43.060
 Ich weiß nicht, ob ich es vielleicht nochmal ändern kann, die Reihenfolge, das muss ich mal gucken,

00:18:43.060 --> 00:18:47.600
 dann würde ich nämlich einfach nochmal durchschaffeln, weil ich will nicht, dass irgendwie,

00:18:47.600 --> 00:18:50.500
 das finde ich irgendwie blöd, wenn einfach das genommen wird, was oben steht,

00:18:50.500 --> 00:18:54.480
 weil die Leute zu faul sind, alles runterzulesen, sondern, ja genau.

00:18:54.480 --> 00:18:59.300
 Ja, genau, also das, da würde ich mich sehr freuen, der Link kommt in die Shownotes,

00:18:59.300 --> 00:19:04.060
 würde mich extrem freuen, wenn ihr da mal lest und abstimmt, also es sind wirklich sehr, sehr, sehr lustige Vorschläge,

00:19:04.060 --> 00:19:09.260
 dabei halt alle so ein bisschen, also die Aufgabe war quasi, so einen Namen zu finden,

00:19:09.260 --> 00:19:15.560
 der sowohl so Frontend-Technologien oder irgendwie so Nerd-Zeug verbindet mit 90er und Musik.

00:19:15.560 --> 00:19:18.820
 Und da sind sehr witzige Sachen rausgekommen.

00:19:18.820 --> 00:19:21.880
 Also ich lese es einfach so mal zum Spaß ein bisschen quer.

00:19:22.260 --> 00:19:30.720
 Also zum Beispiel Katie Query, was auch ein guter Dragname wäre, Jason Derulo,

00:19:30.720 --> 00:19:35.100
 Oli P., kann man tatsächlich komplett mit HTML-Text schreiben,

00:19:35.100 --> 00:19:36.980
 da habe ich mir auch vorher nie drüber Gedanken gemacht,

00:19:36.980 --> 00:19:43.360
 oder zum Beispiel tilde.trash slash 90er slash Guilty Pleasures

00:19:43.360 --> 00:19:50.360
 oder Drop Table, MC On-Click, DJ Anti-Pattern.

00:19:50.360 --> 00:19:53.340
 DJ Style Injection, finde ich es gut.

00:19:53.340 --> 00:19:55.420
 Style Injection, genau, das ist auch sehr gut.

00:19:55.420 --> 00:19:57.700
 Schoko Wave Flash.

00:19:57.700 --> 00:20:03.160
 Ja, also eine Menge, eine Menge witziger Sachen sind da eingereicht worden.

00:20:03.160 --> 00:20:04.380
 Also ich finde sie alle gut.

00:20:04.380 --> 00:20:07.940
 Und wer den Rickroll findet, der darf ihn behalten.

00:20:07.940 --> 00:20:10.540
 Den kann ich auf jeden Fall auch schon mal ankündigen.

00:20:10.540 --> 00:20:12.300
 Ich würde mich mega freuen, wenn ihr abstimmen würdet.

00:20:13.100 --> 00:20:17.080
 Genau, das ist eigentlich nur hier an der Stelle schon viel zu viel drüber geredet,

00:20:17.080 --> 00:20:18.560
 schon viel zu viel Redezeit draufgegangen.

00:20:18.560 --> 00:20:21.040
 Also einfach mal draufklicken, durchlesen, abstimmen.

00:20:21.040 --> 00:20:21.500
 Ich freue mich.

00:20:21.500 --> 00:20:23.160
 Okay.

00:20:23.160 --> 00:20:24.140
 Okay.

00:20:24.140 --> 00:20:26.740
 Hey, hey du.

00:20:26.740 --> 00:20:28.860
 Schön, dass du da bist.

00:20:28.860 --> 00:20:31.300
 Na, öfter hier?

00:20:31.300 --> 00:20:38.840
 Dir gefällt, was du hörst und du magst es am liebsten werbefrei und unabhängig?

00:20:39.500 --> 00:20:47.940
 Dann freuen wir uns sehr über ein paar Euro in unserem digitalen Strumpfband unter bwsev.de

00:20:47.940 --> 00:20:52.560
 Auf bwsev.de

00:20:52.560 --> 00:20:59.080
 findest du noch ca. 69 weitere Wege, uns zu supporten.

00:20:59.080 --> 00:21:00.920
 Wir danken dir.

00:21:06.920 --> 00:21:08.080
 Dreierkurs heute.

00:21:08.080 --> 00:21:10.620
 Ja, da geht's direkt weiter.

00:21:10.620 --> 00:21:15.300
 Hier ist WWS IV mit dem Tagesthema.

00:21:20.580 --> 00:21:21.900
 Ja, du hast es schon angekündigt.

00:21:21.900 --> 00:21:25.040
 Wir machen heute weiter mit der HTML-Element-Serie.

00:21:25.040 --> 00:21:29.800
 Und es geht weiter zum nächsten Abschnitt.

00:21:29.800 --> 00:21:34.540
 Und das ist der, jetzt muss ich selber nochmal kurz aufmachen, Text-Content.

00:21:34.940 --> 00:21:40.200
 Das ist im Endeffekt alles, was irgendwie zwischen dem öffnenden und dem schließenden Body-Tag-Platz findet.

00:21:40.200 --> 00:21:43.980
 Und wir machen heute ein bisschen was anderes an der Reihenfolge.

00:21:43.980 --> 00:21:48.380
 Vorher haben wir das alphabetisch gemacht innerhalb dieser Gruppen, was schon manchmal ein bisschen verwirrend war,

00:21:48.380 --> 00:21:51.880
 weil dann Dinge in nicht logischen Reihenfolgen vorgekommen sind.

00:21:52.340 --> 00:21:55.980
 Und deswegen haben wir heute gesagt, da sind viele Sachen dabei, die sich so gruppieren lassen,

00:21:55.980 --> 00:22:00.280
 weil die direkt zusammengehören, weil sie Kind-Elemente von bestimmten Elementen sind oder so.

00:22:00.280 --> 00:22:04.100
 Und dementsprechend haben wir uns heute, wir haben auch nicht alle aus der Kategorie,

00:22:04.100 --> 00:22:06.080
 sondern wir haben uns ein paar ausgesucht, damit es nicht zu lange wird,

00:22:06.080 --> 00:22:09.500
 und gruppieren das so ein bisschen, was zusammengehört.

00:22:09.500 --> 00:22:15.820
 Genau, vielleicht muss man noch sagen, Text-Content, das sind alles eigentlich die Block-Elemente.

00:22:15.820 --> 00:22:22.160
 Auf jeden Fall sind es nicht die klassischen Inline-Elemente wie B oder so was oder Span oder M.

00:22:22.340 --> 00:22:25.940
 Genau, das ist dann die nächste Section, Inline-Text-Semantics.

00:22:25.940 --> 00:22:26.520
 Genau.

00:22:26.520 --> 00:22:32.220
 Okay, aber wir machen heute die Nicht-Inline-Elemente.

00:22:32.220 --> 00:22:36.760
 Und ich fange an mit OL, UL, Menu und Lie.

00:22:36.760 --> 00:22:42.540
 Die gehören alle zusammen und die kennen sicherlich fast alle, die hier zuhören, denke ich doch mal.

00:22:42.540 --> 00:22:46.640
 UL heißt Unordered List.

00:22:46.640 --> 00:22:50.380
 Das heißt, es ist eine Liste, bei der die Reihenfolge der Elemente egal ist.

00:22:50.700 --> 00:22:56.340
 Und ein UL hat immer Li-Elemente als Kind-Elemente.

00:22:56.340 --> 00:22:59.900
 Und Li steht einfach für List-Item, soweit ich weiß.

00:22:59.900 --> 00:23:07.900
 Genau, und die werden dann dargestellt im Browser mit entweder so runden Kreisen gefüllt

00:23:07.900 --> 00:23:13.360
 oder schwarz gefüllten Vierecken, was ich natürlich auch bei CSS beeinflussen kann.

00:23:13.360 --> 00:23:20.560
 Und wenn ich die schachtel, also wenn ich ein UL mit Li standardmäßig, hat es dann einen nicht gefüllten Kreis.

00:23:20.560 --> 00:23:26.120
 Und wenn ich dann in das Li nochmal ein UL reinmache, dann habe ich ein schwarz gefülltes Viereck.

00:23:26.580 --> 00:23:27.520
 Also kann ich die verschachteln.

00:23:27.520 --> 00:23:36.200
 Ansonsten haben die globale Attribute und bei ULs gibt es eigentlich soweit keine anderen Attribute.

00:23:36.200 --> 00:23:37.820
 Zumindest keine mehr, die heute noch verwendet werden.

00:23:37.820 --> 00:23:41.060
 Früher gab es da noch was, aber das macht man heute alles per CSS.

00:23:41.060 --> 00:23:44.720
 Genau, Li-Elemente, wie gesagt, ist das, was drin ist.

00:23:44.780 --> 00:23:50.760
 Und dann gibt es noch eine semantische Variante vom UL, und zwar das Menu.

00:23:50.760 --> 00:23:56.600
 Und das ist auch heute noch gültig, wurde aber früher, das ist so ein bisschen Trivia jetzt am Rande,

00:23:56.600 --> 00:23:59.640
 auch noch anders verwendet, gab noch einen anderen Einsatzzweck.

00:23:59.640 --> 00:24:05.800
 Also heute ist es so, es ist im Endeffekt nur eine semantische Variante davon für eben Menü-Elemente,

00:24:05.800 --> 00:24:07.620
 die man damit kennzeichnen kann, auszeichnen kann.

00:24:07.620 --> 00:24:11.760
 Ansonsten wird es in den Browsern genauso behandelt wie in UL auch.

00:24:12.060 --> 00:24:17.500
 Was ich aber früher machen konnte, war, ich konnte Menü-Type gleich Kontext setzen

00:24:17.500 --> 00:24:21.460
 und konnte dann bei anderen Elementen, also zum Beispiel auf dem Body-Element,

00:24:21.460 --> 00:24:29.840
 konnte ich dann sagen, Kontext-Menü als Attribut ist gleich und dann eine ID von so einem Menü-Type-Kontext.

00:24:29.840 --> 00:24:36.880
 Und dann konnte ich dieses Menü als Rechtsklick-Menü, als Kontext-Menü verwenden.

00:24:38.120 --> 00:24:46.720
 Und dann hat man in diesem Menü-Item als Child-Elemente benutzt, anstatt Li-Elemente.

00:24:46.720 --> 00:24:51.520
 Und konnte da drin dann halt interaktiv mit On-Click irgendwie Dinge ausführen.

00:24:51.520 --> 00:24:55.320
 Und ich konnte sogar das HR-Element, das machen wir aber heute nicht,

00:24:55.560 --> 00:25:00.380
 Aber das finde ich auch schon mal genau, als Trennlinie konnte ich dann da einsetzen.

00:25:00.380 --> 00:25:02.660
 Das wusste ich nicht.

00:25:02.660 --> 00:25:07.920
 Das fand ich ganz interessant, weil das irgendwie auch, ich meine, dass ich mal irgendwann damit rumgespielt habe.

00:25:07.920 --> 00:25:13.120
 Ich weiß aber nicht mal mehr, in welchem Browser das damals war, ob das sogar der EA war oder der Firefox, der das unterstützt hat.

00:25:13.120 --> 00:25:16.160
 Ich behaupte, dass sowas in Firefox mal ging, für eine Zeit.

00:25:16.160 --> 00:25:16.760
 Das kann gut sein.

00:25:16.760 --> 00:25:18.260
 Wir können mal kurz …

00:25:18.260 --> 00:25:19.180
 Ist aber lange her.

00:25:19.180 --> 00:25:20.960
 Ist sehr lange her, ja.

00:25:20.960 --> 00:25:25.260
 Aber habe ich mich jetzt wirklich, wenn du es nicht gesagt hättest, ich hätte mich nicht daran erinnert, dass das so ging.

00:25:25.260 --> 00:25:26.940
 Ich gucke mal kurz hier.

00:25:26.940 --> 00:25:28.440
 Browser-Compatibility.

00:25:28.440 --> 00:25:31.160
 No longer supported in any browser Firefox.

00:25:31.400 --> 00:25:34.920
 The only browser that supported this element removed support in 85.

00:25:34.920 --> 00:25:37.240
 Also auch schon einige Zeit her.

00:25:37.240 --> 00:25:40.700
 Da hat mich mein Gedächtnis nicht im Stich gelassen.

00:25:40.700 --> 00:25:41.960
 Ausnahmsweise.

00:25:41.960 --> 00:25:42.200
 Genau.

00:25:42.200 --> 00:25:46.940
 Eigentlich ja irgendwie schade, so eine native Möglichkeit, Menü-Elemente zu machen.

00:25:46.940 --> 00:25:52.180
 Ja, es introduzt halt auch eine Menge Probleme.

00:25:52.180 --> 00:25:54.760
 Weil was passiert mit dem anderen Kontext-Menü?

00:25:54.760 --> 00:25:59.380
 Und ich glaube, Firefox hat das eine Zeit lang dann so gelöst, dass diese Elemente hinzugefügt wurden.

00:25:59.380 --> 00:26:00.720
 Ach hinzu, zu dem … ah, okay.

00:26:00.760 --> 00:26:03.040
 Also das war, glaube ich, mal so, dass sie hinzugefügt wurden.

00:26:03.040 --> 00:26:07.820
 Und dann wird das halt auch sehr, sehr lang unter Umständen, was du da machen willst.

00:26:07.820 --> 00:26:11.600
 Und du hast halt noch 27 andere Optionen vor deinen, die du da hast.

00:26:11.600 --> 00:26:18.220
 Oder du sagst halt, nein, es wird nicht hinzugefügt, sondern es gibt dann nur dieses Kontext-Menü.

00:26:18.220 --> 00:26:22.800
 Aber wieso, dann kann ich auf das normale Kontext-Menü nicht mehr zugreifen an der Stelle, wo ich das definiere.

00:26:22.800 --> 00:26:24.920
 Also, es ist schwierig.

00:26:24.920 --> 00:26:26.300
 Schwierig, weil …

00:26:26.300 --> 00:26:27.220
 Ach so, habe ich jetzt …

00:26:27.220 --> 00:26:27.780
 Haben wir das nicht?

00:26:27.780 --> 00:26:28.680
 Nee, den Sound haben wir gleich.

00:26:28.680 --> 00:26:29.660
 Nein, schade.

00:26:29.780 --> 00:26:30.500
 Denen gibt es nur im Stream.

00:26:30.500 --> 00:26:31.740
 Ja, genau.

00:26:31.740 --> 00:26:32.440
 Den gibt es nur im Stream.

00:26:32.440 --> 00:26:33.320
 Ja.

00:26:33.320 --> 00:26:34.200
 Genau.

00:26:34.200 --> 00:26:36.620
 Also, das ist halt … das muss man sich halt überlegen.

00:26:36.620 --> 00:26:39.340
 Was passiert dann mit dem eigentlichen Kontext-Menü und was ist wichtiger?

00:26:39.340 --> 00:26:42.900
 Und ich glaube, im Zweifelsfall würde ich mich auch tatsächlich als Browser-Hersteller

00:26:42.900 --> 00:26:46.900
 dafür entscheiden, dass die eigentlichen Menüpunkte, die sonst im Kontext-Menü sind,

00:26:47.060 --> 00:26:52.380
 also die global sozusagen, egal wo ich hinklicke, dass die wichtiger sind, als das, was irgendein

00:26:52.380 --> 00:26:53.600
 Web-Developer da reinfrickelt.

00:26:53.600 --> 00:26:57.020
 Aber man konnte doch zumindest früher, weiß gar nicht, ob das heute noch geht, man konnte

00:26:57.020 --> 00:27:01.900
 auch den Rechtsklick abfangen und das Menü verhindern und dann irgendwie manuell irgendwie …

00:27:01.900 --> 00:27:02.620
 Das geht immer noch.

00:27:02.620 --> 00:27:05.540
 Ja, also dann hast du das gleiche Problem immer noch.

00:27:05.540 --> 00:27:11.880
 Das geht definitiv immer noch, dass man es abfängt, weil es gibt ja so Tools und mir fällt

00:27:11.880 --> 00:27:15.460
 jetzt zum Beispiel ein, ich glaube bei Nextcloud ist das so oder Google Drive, also alle, die

00:27:15.460 --> 00:27:23.700
 so ein bisschen betriebssystemartig daherkommen und zum Beispiel so ein, keine Ahnung, eine

00:27:23.700 --> 00:27:28.480
 Baumstruktur von Foldern oder sowas irgendwie zeigen, also so ein Feind oder so ein Explorer

00:27:28.480 --> 00:27:33.040
 halt im Browser, da hast du normalerweise immer so Rechtsklick-Aktionen drauf und das

00:27:33.040 --> 00:27:35.880
 gibt es auch. Ich habe jetzt gerade mein Nextcloud nochmal kurz aufgemacht, um es nochmal zu

00:27:35.880 --> 00:27:40.100
 checken, ob ich auch jetzt keinen Quatsch erzähle. Also da muss der Rechtsklick abgefangen

00:27:40.100 --> 00:27:43.640
 werden, das kann gar nicht anders sein und dann habe ich da so ein eigenes Menü, was halt

00:27:43.640 --> 00:27:47.140
 im Browser gebaut ist, jetzt zum Beispiel Ordner teilen, Favoriten hinzufügen, Details

00:27:47.140 --> 00:27:48.000
 umbenennen und sowas.

00:27:48.000 --> 00:27:53.060
 Ja, von daher denke ich mir, da es ja immer noch geht, das zu überschreiben, wäre das

00:27:53.060 --> 00:27:55.340
 eigentlich nicht mehr als Argument zu sagen, wir machen das nicht nativ.

00:27:55.340 --> 00:27:59.840
 So, dass man dann sagen würde, man ersetzt das durch das eigene.

00:27:59.840 --> 00:28:00.340
 Ja.

00:28:00.340 --> 00:28:06.120
 Ja, why not? Aber dann kommen die blöden Webdeveloper wieder daher und sagen, ja, aber ich hätte

00:28:06.120 --> 00:28:10.620
 das jetzt gern selbst gestylt und ich hätte jetzt da gern Icons drin und ich hätte das

00:28:10.620 --> 00:28:13.240
 gern in der Animation und das muss Blinky-Bundi und das muss Blinky-Bundi.

00:28:13.240 --> 00:28:15.080
 Ja, aber auch das hätte man ja erweitern können.

00:28:15.080 --> 00:28:19.820
 Ja, aber ich kann auch verstehen, dass man dann sagt, macht doch euer Scheiß allein.

00:28:19.820 --> 00:28:21.420
 Mit Select, das ist schon so schiefgegangen.

00:28:21.420 --> 00:28:24.960
 Ist jetzt nichts, was ich jetzt total vermisse und jetzt sage, das brauchen wir unbedingt.

00:28:24.960 --> 00:28:28.940
 Das mit Select ist schon so schiefgegangen. Das machen wir nicht nochmal mit mir.

00:28:28.940 --> 00:28:34.120
 Nee, keine Ahnung, ich weiß nicht, ob das, ich bin mir tatsächlich unsicher, was ich empfinde

00:28:34.120 --> 00:28:37.860
 dazu. Ob ich der Meinung bin, dass sowas ein Webstandard sein sollte oder nicht.

00:28:38.020 --> 00:28:39.120
 Ich bin unentschlossen.

00:28:39.120 --> 00:28:46.020
 Ich finde den aktuellen Zustand jetzt, der ist cool, aber eigentlich bin ich ja immer

00:28:46.020 --> 00:28:50.920
 großer Freund von, es ist standardisiert und das, was jetzt da ist, ist eben nicht standardisiert.

00:28:50.920 --> 00:28:55.320
 Du fängst halt den Rechtsklick ab und blendest da halt irgendein Layer ein.

00:28:55.320 --> 00:28:58.760
 Sieht halt nicht nach System aus, soll da wahrscheinlich auch nicht nach System aussehen.

00:28:58.760 --> 00:29:03.040
 Vielleicht ist das auch der Grund, aber man könnte, ich habe mal überlegt, so ein Mac OS

00:29:03.040 --> 00:29:05.800
 Kontextmenü einfach mal nachbauen mit CSS.

00:29:06.340 --> 00:29:13.800
 An andererseits bin ich kein Freund davon, Dinge zu überschreiben, die halt gewohntes Verhalten

00:29:13.800 --> 00:29:19.020
 sind oder Standard-UI-Elemente. Also klar, jetzt Select irgendwie schöner machen und checkboxen,

00:29:19.020 --> 00:29:24.860
 okay, aber wenn ich dann per Rechtsklick nicht mehr die Dev-Konsole aufmachen kann und Elemente

00:29:24.860 --> 00:29:29.880
 untersuchen und so oder Rechtsklick speichern unter oder was auch immer oder mit meinem Blogger.

00:29:29.880 --> 00:29:34.100
 Ja, das kannst du aber an der Stelle in den Tools halt auch nicht, ne? Also hättest du

00:29:34.100 --> 00:29:35.620
 jetzt doch gerne eine Mischung davon?

00:29:35.620 --> 00:29:39.760
 Nee, nee, ich meine nur, ich bin auch zwiegespalten und irgendwie fand ich es cool und auf der

00:29:39.760 --> 00:29:43.860
 anderen Seite bin ich kein Fan davon, dass Dinge verloren gehen, ja? Also ganz schlimm

00:29:43.860 --> 00:29:46.980
 finde ich zum Beispiel, es gibt so eine bestimmte Forensoftware, ich weiß gar nicht, welche das

00:29:46.980 --> 00:29:50.940
 ist, aber da bin ich jetzt schon mehrfach drüber gestolpert, wenn ich da Steuerung F mache

00:29:50.940 --> 00:29:56.780
 in einem Thread, um was zu suchen und dann öffnet sich deren Suchmenü und sucht dann zwar

00:29:56.780 --> 00:30:01.620
 in dem Thread, aber quasi mit einer, also wenn ich dann da draufklicke, lädt das neu

00:30:01.620 --> 00:30:04.440
 die Seite und springt da, also ganz schlimm, ganz schlimm.

00:30:04.440 --> 00:30:05.460
 Also das geht gar nicht.

00:30:05.460 --> 00:30:09.000
 Generell Steuerung F, Abfangen und weißt du, wer das auch macht? Es gibt zwei Tools, die

00:30:09.000 --> 00:30:13.060
 wir beide gut kennen und gut kennen und benutzen, die das auch machen.

00:30:13.060 --> 00:30:13.780
 Okay, was noch?

00:30:13.780 --> 00:30:15.560
 Und zwar CodePen macht das.

00:30:15.560 --> 00:30:17.020
 Ah ja, stimmt.

00:30:17.020 --> 00:30:18.540
 Die machen das aber aus dem Grund.

00:30:18.540 --> 00:30:20.940
 Und WordPress im Code Editor auch.

00:30:20.940 --> 00:30:23.740
 Die machen das aber beide aus dem Grund.

00:30:24.140 --> 00:30:27.460
 Ja, die machen das beide, weil es nämlich eigentlich ein Canvas ist oder so.

00:30:27.460 --> 00:30:27.880
 Ich weiß es gar nicht genau.

00:30:27.880 --> 00:30:32.180
 Nein, es ist kein Canvas, aber es ist aus Performancegründen, weil da ja Code Highlighting

00:30:32.180 --> 00:30:36.920
 drin ist, wenn du da zu viel hast, weil du ja quasi um alles Mögliche, das sind ja auch

00:30:36.920 --> 00:30:40.500
 wieder nur Spans, die dann da drum gewickelt werden und irgendwie andere Farben verteilen

00:30:40.500 --> 00:30:43.920
 und das sind dann zu viele Elemente und das ist performancemäßig schlecht.

00:30:43.920 --> 00:30:49.900
 und dementsprechend wird immer nur das angezeigt, plus minus so ein bisschen mehr, damit es

00:30:49.900 --> 00:30:52.220
 flüssig scrollt und sich nicht langsam aufbaut.

00:30:52.220 --> 00:30:55.260
 Nur das angezeigt, was du tatsächlich gerade siehst.

00:30:55.260 --> 00:30:57.320
 Diese scheiß Computer, die zu wenig Performance haben.

00:30:57.320 --> 00:31:03.020
 Und damit man es aber entsprechend durchsuchen kann, wird es dann halt abgefangen und dann springt

00:31:03.020 --> 00:31:05.920
 das an die entsprechende Stelle und das Code Highlighting geht.

00:31:06.600 --> 00:31:09.360
 Also alles unter 5 Terabyte Arbeitssprecher kommt mir nicht ins Haus.

00:31:09.360 --> 00:31:14.380
 Ja, aber das also bei dieser Forensucht, ich finde das ganz, ganz schlimm, weil es bringt

00:31:14.380 --> 00:31:15.400
 halt keinen Vorteil.

00:31:15.400 --> 00:31:19.900
 Also der einzige Vorteil ist, dass es halt über mehrere Seiten hinweg in diesem Thread, in

00:31:19.900 --> 00:31:21.880
 diesem Post sucht.

00:31:21.880 --> 00:31:25.240
 Ja, okay, aber da bin ich echt kein Fan davon.

00:31:25.240 --> 00:31:30.760
 Ich klicke dann halt in die Adressleiste und drücke durch Strg-F und dann, weil in der Regel

00:31:30.760 --> 00:31:35.220
 komme ich sowieso über eine Google-Suche auf diesen Thread und dann weiß ich, dass das, was

00:31:35.220 --> 00:31:37.300
 ich gesucht habe, da drin vorkommt.

00:31:37.300 --> 00:31:41.200
 Da brauche ich nicht dann irgendwie auf Seite 20 von diesem Thread nochmal suchen.

00:31:41.200 --> 00:31:44.320
 Also, ja, finde ich völlig ein Quatsch.

00:31:44.320 --> 00:31:46.780
 Aber gut, zurück zu unserem ...

00:31:46.780 --> 00:31:47.380
 Zurück zu Lück.

00:31:47.380 --> 00:31:47.980
 Danke, Anke.

00:31:47.980 --> 00:31:48.480
 Danke, Anke.

00:31:48.480 --> 00:31:51.020
 Genau.

00:31:51.020 --> 00:31:57.080
 Es gibt neben UL gibt es noch OL und das steht für Ordered List, wer hätte es gedacht.

00:31:57.080 --> 00:32:02.040
 Und da gibt es aber jetzt noch ein paar mehr Attribute und die hatten wir auch schon.

00:32:02.640 --> 00:32:10.340
 Und zwar in unserer Folge Nummer 9, also schon sehr lange her, 2020 war das, da hatten wir

00:32:10.340 --> 00:32:12.420
 das als Property der Woche, da hast du das vorgestellt.

00:32:12.420 --> 00:32:18.040
 Und wir gehen jetzt trotzdem mal kurz drauf ein, aber wer da richtig in die Tiefe einsteigen

00:32:18.040 --> 00:32:20.840
 will dazu, der hört sich die Folge einfach nochmal an.

00:32:20.840 --> 00:32:29.520
 Und zwar kann ich das Attribut, also erstmal OL, heißt eben die Reihenfolge der Listen-Elemente,

00:32:29.520 --> 00:32:34.500
 die hat einen bestimmten Sinn und dementsprechend werden die durchnummeriert.

00:32:34.500 --> 00:32:38.040
 Standardmäßig einfach unsere normalen arabischen Zahlen.

00:32:38.400 --> 00:32:39.340
 1, 2, 3, 4, 5.

00:32:39.340 --> 00:32:40.920
 Mit Punkt.

00:32:40.920 --> 00:32:42.560
 Mit Punkt, genau.

00:32:42.560 --> 00:32:44.340
 Erstens, zweitens, drittens, viertens, fünftens.

00:32:44.340 --> 00:32:46.100
 Und ich kann mit dem Attribut ...

00:32:46.100 --> 00:32:47.580
 Sechstens, siebens.

00:32:47.580 --> 00:32:48.840
 Reversed.

00:32:48.840 --> 00:32:54.020
 Kann ich die Reihenfolge umdrehen, dann habe ich eben fünftens, viertens, drittens,

00:32:54.020 --> 00:32:55.520
 zweitens, zweitens, erstens.

00:32:55.520 --> 00:33:00.220
 Und ich kann mit dem Attribut Start, kann ich achtens, mit achtens anfangen.

00:33:00.220 --> 00:33:00.920
 Genau.

00:33:00.920 --> 00:33:06.920
 Und mit dem Attribut, also kann ich ein Offset einfach festlegen, ab dem da mal gezählt wird.

00:33:06.920 --> 00:33:09.640
 Also falls ich jetzt irgendwie, ich habe eine Liste und dann habe ich auch nochmal irgendwie

00:33:09.640 --> 00:33:13.740
 ein Paragraph zwischendrin und schreibe dann irgendwie nochmal was dazu und im Folgenden

00:33:13.740 --> 00:33:17.640
 geht die Auflistung weiter, Doppelpunkt, und dann kann ich eben sagen, hier ist die Liste

00:33:17.640 --> 00:33:19.720
 fortgesetzt, ab Punkt achtens.

00:33:19.720 --> 00:33:24.920
 So, und genau, ich würde gerne noch auf ein paar Details da eingehen, also wenn wir schon

00:33:24.920 --> 00:33:26.340
 bei dem Start sind.

00:33:26.340 --> 00:33:32.560
 Ich habe damals in der beschriebenen Folge auch, das war glaube ich so der Anfang von, ich versuche

00:33:32.560 --> 00:33:33.580
 Dinge kaputt zu spielen.

00:33:34.580 --> 00:33:37.540
 Ja, und ich habe noch weiter gemacht, ich habe nämlich das geforkt und habe gleich

00:33:37.540 --> 00:33:39.140
 noch ein paar Edge Cases, ja.

00:33:39.140 --> 00:33:41.020
 Ah, okay, cool, das wusste ich gar nicht.

00:33:41.020 --> 00:33:43.160
 Dann können wir gleich noch, wenn du willst, noch drüber reden.

00:33:43.160 --> 00:33:46.520
 Also, ich habe auf jeden Fall da mal versucht, was passiert, kann ich eigentlich mit einem

00:33:46.520 --> 00:33:47.820
 negativen Start, geht das?

00:33:47.820 --> 00:33:50.940
 Und das geht, aber nicht bei allen Ziffern.

00:33:50.940 --> 00:33:53.520
 Also man kann tatsächlich mit dem minus dritten Element beginnen, zum Beispiel.

00:33:53.520 --> 00:33:55.300
 Das ist durchaus drin.

00:33:56.260 --> 00:33:58.060
 Geht aber halt nur bei bestimmten Zahlen.

00:33:58.060 --> 00:34:01.520
 Aber da gehen wir jetzt noch drauf ein, auf das, was vorne dran steht, ne?

00:34:02.800 --> 00:34:10.200
 Da gibt es nämlich noch das Attribute Type, ne, doch, doch Type.

00:34:10.200 --> 00:34:17.060
 Und da gibt es die Werte, kleines A für Lowercase Letters, großes A für Großbuchstaben,

00:34:17.060 --> 00:34:21.980
 kleines I für kleine römische Zahlen, großes I für große römische Zahlen und 1, also der

00:34:21.980 --> 00:34:24.620
 Default für normale Zahlen.

00:34:25.460 --> 00:34:27.820
 Und damit kann ich, kann ich das dann variieren.

00:34:27.820 --> 00:34:30.920
 Und ich habe jetzt noch so ein paar Sachen, noch mehr versucht kaputt zu spielen.

00:34:30.920 --> 00:34:38.460
 Und zwar habe ich gedacht, ich kombiniere mal Reverse, Start und Type und habe also Reverse

00:34:38.460 --> 00:34:41.520
 gesetzt, habe Start auf 3 gesetzt und den Type auf A.

00:34:41.520 --> 00:34:48.160
 Und das heißt, das fängt jetzt an mit C, B, A und was passiert dann?

00:34:48.160 --> 00:34:48.860
 Hast du schon geschaut?

00:34:48.860 --> 00:34:49.440
 Nicht schauen?

00:34:49.440 --> 00:34:50.220
 Ne, ich habe nicht geschaut.

00:34:50.220 --> 00:34:51.220
 Was meinst du, was passiert?

00:34:51.220 --> 00:34:55.360
 Was, was, hm, was nach, was quasi vor A kommt.

00:34:55.460 --> 00:34:58.020
 Ich habe keine Ahnung.

00:34:58.020 --> 00:34:58.540
 Was kommt vor A?

00:34:58.540 --> 00:35:00.980
 Es geht weiter mit 0, minus 1, 2.

00:35:00.980 --> 00:35:02.300
 Okay.

00:35:02.300 --> 00:35:05.480
 Es springt dann einfach auf Zahlen und geht dann rückwärts.

00:35:05.480 --> 00:35:06.000
 Oh.

00:35:06.000 --> 00:35:06.380
 Ja.

00:35:06.380 --> 00:35:07.340
 Okay.

00:35:07.340 --> 00:35:08.820
 Dann habe ich gedacht, ja.

00:35:08.820 --> 00:35:11.780
 Ich habe noch ein paar andere Edge-Case, mach du zuerst mal.

00:35:11.780 --> 00:35:17.640
 Ich habe dann gedacht, was passiert, wenn ich das zwar alphabetisch haben möchte, aber

00:35:17.640 --> 00:35:20.920
 ich fange erst bei 24 an und habe aber sechs Elemente.

00:35:20.920 --> 00:35:22.520
 Was glaubst du, was passiert?

00:35:25.460 --> 00:35:28.240
 Ja, es ist eine sehr gute Frage.

00:35:28.240 --> 00:35:33.160
 Macht er dann mit Zahlen weiter, 27 oder sowas?

00:35:33.160 --> 00:35:33.360
 Ne.

00:35:33.360 --> 00:35:34.420
 Ne?

00:35:34.420 --> 00:35:34.980
 Noch eine Idee?

00:35:34.980 --> 00:35:35.960
 Ah, ne, warte, warte.

00:35:35.960 --> 00:35:39.900
 Macht er zwei Buchstaben, macht er dann A, A oder sowas?

00:35:39.900 --> 00:35:40.200
 Ja, genau.

00:35:40.200 --> 00:35:43.080
 Es geht also X, Y, Z, A, A, A, B, A, C.

00:35:44.160 --> 00:35:49.960
 Ja, weil das, das habe ich irgendwie, wenn man die weiter einrückt, glaube ich, da habe

00:35:49.960 --> 00:35:51.140
 ich das auf jeden Fall schon mal gesehen.

00:35:51.140 --> 00:35:52.360
 Das kann sein, ja.

00:35:52.360 --> 00:35:56.720
 Ich glaube, das sind die Standards, wenn man, wenn man, ja, das muss ich jetzt gerade mal

00:35:56.720 --> 00:35:57.400
 kurz ausprobieren.

00:35:57.400 --> 00:35:58.400
 Wenn man ...

00:35:58.400 --> 00:36:02.300
 Also es wäre dann die Frage, was passiert dann, aber wenn ich dann in den Doppelbuchstaben

00:36:02.300 --> 00:36:03.960
 dann nochmal erlebe, das mache ich mal ganz schnell.

00:36:04.960 --> 00:36:08.580
 Also ich habe hier auf jeden Fall, warte mal, ich muss gerade gucken, was habe ich da eigentlich

00:36:08.580 --> 00:36:09.580
 für einen Quatsch fabriziert.

00:36:09.580 --> 00:36:15.040
 Ich habe hier eine Liste, die ist reversed und Start und, ah ja, genau.

00:36:15.040 --> 00:36:26.860
 Ich habe, was steht denn da eigentlich für ... Ah, genau, da steht, ich starte in dem Kind

00:36:26.860 --> 00:36:34.860
 Moment mit einer sehr, mit einer sehr großen Zahl und zwar ist es 42.

00:36:34.960 --> 00:36:43.420
 1235 und die wird dann repräsentiert durch die B.J.L.K.

00:36:43.420 --> 00:36:47.220
 Block.

00:36:47.220 --> 00:36:52.800
 Oder halt die 42.234, nee, was habe ich gesagt, 35?

00:36:52.800 --> 00:36:54.880
 Nee, es ist sogar noch reversed, ich bin ja doof, ey.

00:36:54.880 --> 00:36:57.080
 Das war die 35, war B.J.L.K.

00:36:57.080 --> 00:37:01.340
 Die 42.234, die ist B.J.L.J.

00:37:01.340 --> 00:37:04.720
 Und 42.234, die ist B.J.L.I.

00:37:04.960 --> 00:37:14.380
 Also, ja, also das geht auch mit reversed und, keine Ahnung, also es ist verrückt.

00:37:14.380 --> 00:37:15.040
 Free.

00:37:15.040 --> 00:37:19.160
 Genau, also die muss, verlinkt man natürlich, könnt ihr euch ...

00:37:19.160 --> 00:37:21.180
 Immerhin scheint das relativ robust zu sein.

00:37:21.180 --> 00:37:25.780
 Was natürlich, was mich damals überrascht hat, was ich vorher nicht wusste, was ich da

00:37:25.780 --> 00:37:31.760
 dann gelernt habe, ist, dass die römischen Zahlen nur bis 3999 gehen.

00:37:31.760 --> 00:37:37.640
 Und dazu findet man auch einiges im Internet, das haben wir damals auch besprochen, da kamen,

00:37:37.640 --> 00:37:38.840
 glaube ich, sogar noch Kommentare hinterher.

00:37:38.840 --> 00:37:43.940
 Man kann auch nachlesen, warum dem so ist, weil da sind sich die Leute dann nicht mehr so

00:37:43.940 --> 00:37:45.680
 richtig einig, wie es dann da weitergehen würde.

00:37:45.680 --> 00:37:49.020
 Da gäbe es, gibt es verschiedene Möglichkeiten, wie man dann weiterzählen kann.

00:37:49.140 --> 00:37:51.580
 Mit so hohen Zahlen hat man in Rom nicht gerechnet.

00:37:51.580 --> 00:37:53.580
 Offenbar.

00:37:53.580 --> 00:37:56.460
 Vielleicht geht dann die Welt unter.

00:37:56.460 --> 00:38:01.780
 Es gibt bestimmt wieder, 3999 gibt es dann wieder Verschwörungstheoretiker, die dann ...

00:38:01.780 --> 00:38:05.060
 An die Verschwörungstheoretiker sollen wir nicht mehr sagen, hat jemand im Chat gemeint, ne?

00:38:05.060 --> 00:38:05.800
 Ja.

00:38:05.800 --> 00:38:07.960
 Verschwörungsideologen.

00:38:07.960 --> 00:38:09.200
 Oder Mystiker.

00:38:09.200 --> 00:38:10.920
 Mystiker, Mystiker-Verschwörungs-Mystiker.

00:38:10.920 --> 00:38:16.400
 Weil es eben keine Theorien sind, sondern Humbug.

00:38:17.040 --> 00:38:17.120
 So.

00:38:17.120 --> 00:38:18.980
 Gut.

00:38:18.980 --> 00:38:21.340
 Oh, da wird mal ...

00:38:21.340 --> 00:38:22.040
 Ich habe gedacht ...

00:38:22.040 --> 00:38:22.180
 Oh.

00:38:22.180 --> 00:38:26.020
 Gutes Geräusch, oder?

00:38:26.020 --> 00:38:26.620
 Schön.

00:38:26.620 --> 00:38:30.500
 Ich weiß nicht, es gibt auch wahrscheinlich Leute, die jetzt angeekelt abschalten.

00:38:30.500 --> 00:38:31.720
 Ach so, meinst du?

00:38:31.720 --> 00:38:32.920
 Ja, kann ich mir.

00:38:32.920 --> 00:38:35.800
 Ich meine, du magst es ja auch nicht, du magst ja auch die ersten Geräusche nicht.

00:38:35.800 --> 00:38:36.300
 Stimmt, ja.

00:38:36.300 --> 00:38:39.940
 Da habe ich letztens einen Artikel gelesen, dass diese Misophonie irgendwie häufiger ist als

00:38:39.940 --> 00:38:40.300
 gedacht.

00:38:40.300 --> 00:38:42.100
 Also das haben irgendwie ganz viele Menschen.

00:38:42.100 --> 00:38:44.400
 Ich habe das auch, wenn es sehr laut ist.

00:38:46.040 --> 00:38:47.600
 Also wenn ich aus meiner Flasche trinke, da.

00:38:47.600 --> 00:38:50.520
 Nee, wenn du trinkst ... Ja, okay, du trinkst ja nicht so.

00:38:50.520 --> 00:38:54.060
 Nee, aber ich hatte das schon mal auch bei uns beim Stream, wo du irgendwas ...

00:38:54.060 --> 00:38:56.220
 Ja, diese Flasche, diese Trinkflasche.

00:38:56.220 --> 00:38:56.700
 Ach so, stimmt.

00:38:56.700 --> 00:38:59.600
 Ach, die, ach diese, ja, ja, die, das ist schrecklich.

00:38:59.600 --> 00:39:01.040
 So, die blieb jetzt so.

00:39:01.040 --> 00:39:02.460
 Ich mache es jetzt nicht.

00:39:02.460 --> 00:39:04.020
 Noch einmal, nein.

00:39:04.020 --> 00:39:05.240
 Okay.

00:39:05.240 --> 00:39:07.760
 Jo, damit ...

00:39:07.760 --> 00:39:08.540
 Haben wir es dann?

00:39:08.540 --> 00:39:09.140
 Ja.

00:39:09.140 --> 00:39:09.700
 Genau.

00:39:09.700 --> 00:39:10.280
 Gut.

00:39:10.280 --> 00:39:13.580
 Dann machen wir jetzt weiter mit dem P-Element.

00:39:13.580 --> 00:39:16.460
 Dazu gibt es gar nicht so extrem viel zu sagen.

00:39:17.620 --> 00:39:20.780
 Es ist ... P stört für Paragraph, also für Absatz.

00:39:20.780 --> 00:39:29.300
 Normalerweise werden da, wird es benutzt, um Textblöcke voneinander abzugrenzen oder einzelne Textblöcke einzufügen.

00:39:29.800 --> 00:39:34.880
 Es empfiehlt sich also rein schon aus Lesbarkeitsgründen, die Texte schön zu strukturieren.

00:39:34.880 --> 00:39:38.840
 Also immer mal wieder ein P verwenden und nicht einfach nur riesige Walls auf Text.

00:39:38.840 --> 00:39:41.600
 Nicht nur ein P, sondern vielleicht, wenn ihr einen längeren Text habt, mehrere.

00:39:41.600 --> 00:39:43.260
 Das wäre einfach sehr schön.

00:39:43.260 --> 00:39:50.460
 Es erzeugt jetzt standardmäßig, das hat jetzt mit dem HTML-Element erst mal nichts zu tun, im Browser einen kleinen Abstand nach unten.

00:39:50.460 --> 00:39:56.960
 Das heißt, wenn ihr mehrere Absätze habt, also mehrere P's untereinander, dann sind die auch ein bisschen abgesetzt voneinander visuell.

00:39:56.960 --> 00:39:59.660
 Standardmäßig, außer ihr macht das weg.

00:39:59.780 --> 00:40:01.600
 Das ist natürlich das Browser-Standard-CSS.

00:40:01.600 --> 00:40:09.620
 Das P-Element hat die implizite ARIA-Roll-Paragraph, also letzten Endes genau das, wie es auch heißt.

00:40:09.620 --> 00:40:16.940
 Da freuen sich alle Leute, die jetzt auf ihre Diffs, ARIA-Roll-Paragraph setzen.

00:40:16.940 --> 00:40:19.100
 Ja, auf Diff kommen wir noch zu sprechen, mein Freund.

00:40:19.100 --> 00:40:21.840
 Da habe ich noch was, da kommt noch.

00:40:21.840 --> 00:40:27.420
 Über das Diff erzähle ich mehr als über das P, obwohl es über das Diff eigentlich weniger zu sagen gibt, aber irgendwie dann doch mehr.

00:40:27.420 --> 00:40:29.140
 Auf eine komische Art.

00:40:29.760 --> 00:40:30.500
 Dazu später.

00:40:30.500 --> 00:40:31.980
 Genau.

00:40:31.980 --> 00:40:38.320
 Das P kann für Screenreader zum Beispiel als eigener Block mit dem Screenreader angesprungen werden.

00:40:38.320 --> 00:40:39.780
 Ich habe das vorhin auch noch mal getestet.

00:40:39.780 --> 00:40:43.720
 Ich habe das hier auf MDN gelesen und habe mir gedacht, das ist mir noch nie aufgefallen.

00:40:43.720 --> 00:40:45.160
 Das stimmt bestimmt nicht.

00:40:45.980 --> 00:40:53.660
 Und es ging doch, es ging tatsächlich, also der Screenreader ging tatsächlich paragrafweise vor, wenn halt mehrere P's untereinander sind.

00:40:54.820 --> 00:40:59.720
 Genau, und vielleicht noch ein kleiner Tipp, der auch auf der MDN stand, dachte ich mir, ist vielleicht nicht schlecht, das noch zu erwähnen.

00:40:59.720 --> 00:41:05.440
 Das P-Element sollte man nicht leer benutzen, um irgendwelche Absätze oder Abstände zu erzeugen.

00:41:05.560 --> 00:41:08.920
 Das hat man früher gerne gemacht, so als CSS noch nicht so verbreitet.

00:41:08.920 --> 00:41:11.220
 Wir haben es noch irgendwie P und dann BR rein.

00:41:12.040 --> 00:41:21.360
 Genau, dann lieber ganz viele BRs, also jetzt nur aus dem Grund, den ich jetzt nenne, nämlich so ein leeres P ist für Screenreader-Nutzer vielleicht ein bisschen blöd, da kommt ein Absatz, da springt er rein.

00:41:21.360 --> 00:41:22.860
 Die kann man nämlich auch anspringen direkt.

00:41:23.100 --> 00:41:28.520
 Also man kann auch an sich anhand den P's durchnavigieren, wenn die dann leer sind, ist ein bisschen blöd.

00:41:28.520 --> 00:41:36.240
 Das ist jetzt nichts, wo ich sage, dafür reiße ich dir den Kopf ab, aber vielleicht so ein halbes Ohr, so ein halbes Ohr, würde ich sagen.

00:41:36.240 --> 00:41:39.900
 Genau, das war es eigentlich tatsächlich schon zum P.

00:41:39.900 --> 00:41:40.280
 Okay.

00:41:40.280 --> 00:41:46.420
 Dann komme ich nochmal zu Listen, aber eine andere Form von Liste, die Definition List, DL.

00:41:47.380 --> 00:41:55.340
 Und darin gibt es zwei eigene Elemente, nämlich DT und DD für Definition Term und Definition Definition.

00:41:55.340 --> 00:42:03.940
 Und wer die benutzt, der kriegt von mir ein kleines Herzchen und ganz viel Liebe, weil das sieht man so selten im Web.

00:42:03.940 --> 00:42:06.980
 Die gibt es schon so lange, die Elemente, und man sieht sie so selten.

00:42:06.980 --> 00:42:11.540
 Also ich meine, ihr solltet jetzt nicht einfach auf eurer Seite einbauen für irgendeinen anderen Quatsch,

00:42:11.540 --> 00:42:15.480
 sondern man sollte sich schon überlegen, was Konstantin jetzt euch gleich sagt, wofür sie verwendet werden.

00:42:15.940 --> 00:42:20.380
 Aber wenn ihr Anwendungsfall dafür findet, dann sagt mal Bescheid, dann will ich das sehen und freue ich mich einfach drüber.

00:42:20.380 --> 00:42:23.620
 Diese DL, DL, DT, DD, ist einfach viel zu sein.

00:42:23.620 --> 00:42:27.260
 Ich weiß gar nicht, ich benutze die schon, ich weiß jetzt aber gar nicht mehr, wo konkret.

00:42:27.260 --> 00:42:34.260
 Es ist halt nicht immer klassisch so eine Lexikondefinition, ich habe wirklich einen Begriff und dann erkläre ich den.

00:42:34.660 --> 00:42:53.120
 Aber ich finde, und vielleicht ist das aber auch semantisch nicht so vorgesehen, das macht schon auch Sinn, weil ich habe irgendwie einen Begriff, keine Ahnung, bei einer Firmenseite, ich habe irgendwie bestimmte Kernbereiche und Erläuterungen dazu, was genau die Firma in diesem Kernbereich macht oder was die Firma da auszeichnet in dem Bereich.

00:42:53.120 --> 00:42:54.860
 Dafür würde ich es zum Beispiel auch sehen.

00:42:54.860 --> 00:42:59.540
 Ich weiß nicht, wie du das siehst, aber für so Sachen habe ich das schon eingesetzt.

00:43:00.780 --> 00:43:07.700
 Also ich finde, man kann es eigentlich immer dann einsetzen, wenn man Paare hat, die zusammengehörig sind.

00:43:07.700 --> 00:43:08.000
 Ja.

00:43:08.000 --> 00:43:13.940
 Also vielleicht ist es jetzt ein bisschen arg allgemein formuliert, aber dann sollte man darüber nachdenken, ob das vielleicht das richtige Element sein könnte.

00:43:13.940 --> 00:43:26.000
 Wenn ich immer Dinge habe, wo das eine, die gehören zusammen, das eine ist irgendwie so eine Art Beschreibung für das andere oder das eine ist so eine Art Überschrift für das andere und in dem zweiten steht es ein bisschen detaillierter.

00:43:26.220 --> 00:43:29.780
 Genau. Natürlich jetzt bloß nicht für alle Sections, die eine Überschrift haben mit dem Anfang hier.

00:43:29.780 --> 00:43:42.360
 Jetzt könnte man natürlich argumentieren, warum Detail Summary ist doch irgendwie dasselbe. Habe ich gerade gedacht, weil das sind ja auch so Paare. Weiß ich nicht, ob ich das jetzt dafür verwenden würde. Wahrscheinlich eher nicht. Dafür gibt es halt Detail Summary.

00:43:42.360 --> 00:43:51.280
 Ja, weil es ja eben Detail Summary ist ja schon für, die Details sind eben erstmal versteckt und ich kann die ausklappen bei Bedarf.

00:43:51.940 --> 00:44:00.020
 Aber es ist ähnlich. Also ich finde es gefühlt von der Semantik, es ist ähnlich. Also ich immer dann, wenn man so Paare hat, finde ich das eigentlich.

00:44:00.020 --> 00:44:11.840
 Und apropos Paare, es ist nämlich auch möglich, und das wusste ich zum Beispiel auch nicht, das DT und DD, was zusammengehört, in ein Diff, in ein zusätzliches zu rappen.

00:44:11.840 --> 00:44:12.840
 Jetzt hast du mir schon was vorweggenommen.

00:44:12.840 --> 00:44:13.760
 Habe ich schon was vorweggenommen.

00:44:13.760 --> 00:44:16.480
 Okay, das stand in dem Definition List Artikel auch drin.

00:44:16.480 --> 00:44:16.880
 Ist gut, ist alles gut.

00:44:16.880 --> 00:44:27.180
 Und das wusste ich doch auch nicht. Habe ich bis jetzt, glaube ich, auch nicht gemacht, weil mir das gar nicht bewusst war. Was aber geht, ist mehrere DTs hintereinander zu benutzen.

00:44:27.660 --> 00:44:35.820
 Also ich kann mehrere Begriffe auflisten, unter der Voraussetzung, dass der nachfolgende DD dann aber auch die Beschreibung für all diese Begriffe ist.

00:44:35.820 --> 00:44:43.980
 Also wenn ich jetzt irgendwie mehrere Synonyme habe und eine Beschreibung, die alle diese Begriffe beschreibt, dann kann ich mehrere DTs hintereinander benutzen.

00:44:43.980 --> 00:44:48.120
 Und zu dieser Gruppierung nochmal mit Diff. Wofür könnte ich das gebrauchen?

00:44:48.120 --> 00:44:55.280
 Zum einen für Microdata, also diese Auszeichnung von Podcast-Episoden oder was auch immer.

00:44:57.280 --> 00:45:12.380
 Für globale Attribute, die auf beides zutreffen, also irgendwie einen Lang-Attribut, statt dass ich jetzt auf das DT und das DD ein Lang-Attribut setze, weil ich irgendwie eine Liste habe, die ihm in verschiedenen Sprachendefinitionen liefert, kann ich die beide in Diff rappen und gebe dem dann ein Lang-Attribut zum Beispiel.

00:45:12.380 --> 00:45:20.700
 Oder halt für Styling-Zwecke, weil ich die irgendwie in irgendeiner Form gruppiert haben möchte und dann irgendwie eine andere Farbe geben möchte oder was auch immer.

00:45:22.700 --> 00:45:32.120
 Vielleicht noch ganz kurz, ich habe überlegt, ob ich vielleicht noch ein Beispiel ergänzen soll. Also was so das klassische Beispiel dafür ist, ist ein Glossar.

00:45:32.120 --> 00:45:32.760
 Genau.

00:45:32.760 --> 00:45:49.300
 Also ich habe einfach eine Liste mit Begriffen, die erklärt werden und habe dann in den, also habe ich immer die Liste um alles drumherum, also die DL und habe die Begriffe, die erklärt werden im DT und dann jeweils ein zugehöriges DD mit der Erklärung für den Begriff.

00:45:49.300 --> 00:46:00.040
 Ja, da merkt man halt auch wieder die Herkunft von HTML aus dem wissenschaftlichen Kontext, wo sowas halt öfter gebraucht wurde und dementsprechend schon sehr früh Einzug gehalten hat in diese Mark-Absprache.

00:46:00.040 --> 00:46:06.900
 Ich weiß gar nicht, ob das schon von Anfang an immer dabei war oder seit wann es das gibt. Könnte man vielleicht mal noch schnell versuchen rauszufinden.

00:46:07.940 --> 00:46:23.300
 Aber da merkt man halt einfach, wo das herkommt. Genauso noch ein paar andere Elemente, die wir noch in nachfolgenden Sendungen dann besprechen werden, wo man auch merkt, ah okay, das ist so ganz klassisch, irgendwelche Zitierungen, Zitate mit Referenzen und so.

00:46:23.300 --> 00:46:26.300
 Da merkt man eben halt diesen wissenschaftlichen Ursprung.

00:46:26.660 --> 00:46:29.860
 Kann es sein, dass das irgendwann mal den Namen geändert hat und wir gerade Quatsch erzählt haben?

00:46:29.860 --> 00:46:31.300
 Wie hast du das genannt?

00:46:31.300 --> 00:46:34.100
 Definition List.

00:46:34.100 --> 00:46:35.660
 Heißt das gar nicht so?

00:46:35.660 --> 00:46:36.880
 Description List heißt das.

00:46:36.880 --> 00:46:39.660
 Ich glaube, das heißt, ich glaube, das hat irgendwann mal den Namen geändert.

00:46:39.660 --> 00:46:40.420
 Ich habe nämlich es gerade nochmal gesehen.

00:46:40.420 --> 00:46:42.980
 Also ich habe das als Definition kennengelernt.

00:46:42.980 --> 00:46:49.520
 Ich auch ganz bestimmt, aber ich glaube, das hat den Namen irgendwann mal geändert.

00:46:49.520 --> 00:46:53.020
 Witzig, ja.

00:46:53.020 --> 00:46:58.080
 Weil die DD steht auch wirklich für Definition.

00:46:58.080 --> 00:47:00.540
 Vielleicht haben wir uns aber auch vertan.

00:47:00.540 --> 00:47:05.620
 Laut Artikel steht es für Terms und Definitions.

00:47:06.700 --> 00:47:07.880
 Tja, gute Frage.

00:47:07.880 --> 00:47:10.660
 Vielleicht haben wir uns da auch einfach schon immer vertan.

00:47:10.660 --> 00:47:11.640
 Das kann natürlich auch sein.

00:47:11.640 --> 00:47:18.940
 Tja, das ist jetzt natürlich Definition List.

00:47:18.940 --> 00:47:19.500
 Warte mal.

00:47:19.500 --> 00:47:21.760
 Das in der alten, im alten W3.

00:47:21.760 --> 00:47:27.500
 Also nee, ich habe jetzt eine Seite auf W3.org gefunden.

00:47:27.500 --> 00:47:29.600
 Das hat mal den Namen geändert.

00:47:29.600 --> 00:47:30.820
 Das hieß mal Definition List.

00:47:30.820 --> 00:47:33.500
 In dem Artikel für DT steht nämlich auch,

00:47:33.500 --> 00:47:37.260
 HTML-Element specifies a term in a description or definition list.

00:47:37.260 --> 00:47:41.220
 Also es wird wohl beides auch verwendet dafür.

00:47:41.220 --> 00:47:46.080
 Ich habe hier bei HTML 3, da hieß es auf jeden Fall Definition List.

00:47:46.080 --> 00:47:49.260
 Ja, vielleicht ist es, dann, das spricht auch dafür,

00:47:49.260 --> 00:47:52.360
 dass wir nicht ganz falsch liegen mit unserer semantischen Erweiterung,

00:47:52.360 --> 00:47:54.680
 dass es eben nicht nur um Definitionen geht,

00:47:54.680 --> 00:47:56.080
 sondern eben um Beschreibungen.

00:47:56.080 --> 00:47:58.880
 Also dafür, ne, also wenn ich eben solche,

00:47:58.880 --> 00:48:02.280
 ich habe so Schlagworte für diese Firma in dem Beispiel vorhin

00:48:02.280 --> 00:48:04.780
 und ich habe eben eine Beschreibung dazu.

00:48:04.780 --> 00:48:06.780
 Und dann ist es nicht mehr nur eine Definition.

00:48:06.780 --> 00:48:09.780
 Weil Definition wäre ja, da steht irgendwie, keine Ahnung, Marketing.

00:48:09.780 --> 00:48:12.680
 Dann müsst ihr jetzt eine Definition schreiben, was Marketing ist.

00:48:12.680 --> 00:48:16.180
 Aber wenn ich sage, semantisch handelt es sich um eine Beschreibung,

00:48:16.180 --> 00:48:19.180
 dann beschreibe ich einfach, was diese Firma im Bereich Marketing macht.

00:48:19.180 --> 00:48:20.600
 Und dann macht es schon nichts.

00:48:20.600 --> 00:48:22.100
 Okay, das ist schon deutlich erweitert.

00:48:22.100 --> 00:48:23.500
 Das wäre schon deutlich erweitert.

00:48:23.500 --> 00:48:26.840
 Da habe ich es jetzt bisher in meinem Kopf immer eher strenger gesehen.

00:48:26.840 --> 00:48:30.100
 Aber vielleicht muss ich mir auch den Standard dazu nochmal durchlesen.

00:48:30.100 --> 00:48:33.180
 Was ich, was mir jetzt hier gerade,

00:48:33.180 --> 00:48:36.200
 weil es ist kein Zählt-Opa, aber hart vom Krieg, ey, passt auf.

00:48:37.800 --> 00:48:39.580
 Was mir jetzt hier nochmal über den Weg gelaufen ist,

00:48:39.580 --> 00:48:42.080
 was ich schon lange nicht mehr gehört habe, ist das LH-Element.

00:48:42.080 --> 00:48:44.380
 Achtung, liebe Kinder, das gibt es nicht mehr.

00:48:44.380 --> 00:48:45.320
 Nicht verwenden.

00:48:45.320 --> 00:48:50.060
 Das konnte man nämlich bei HTML3, wie ich jetzt gerade sehe auf dieser Seite,

00:48:50.060 --> 00:48:52.500
 mal in einer DL verwenden.

00:48:52.500 --> 00:48:54.240
 Nämlich LH, List Header.

00:48:54.240 --> 00:48:55.420
 Das gab es mal.

00:48:55.420 --> 00:49:00.160
 Das durftest du aber, glaube ich, auch in OLs und ULs verwenden.

00:49:00.260 --> 00:49:03.580
 Ja, und jetzt ganz schnell wieder vergessen.

00:49:03.580 --> 00:49:04.020
 Ja.

00:49:04.020 --> 00:49:06.260
 Schon weg.

00:49:06.260 --> 00:49:08.900
 Was ich interessant fand,

00:49:08.900 --> 00:49:11.180
 auch vorher nicht wusste, ist geblitzt Dings.

00:49:11.180 --> 00:49:11.640
 Hast du mich?

00:49:11.640 --> 00:49:12.400
 Was war?

00:49:12.400 --> 00:49:16.500
 Auch Script- und Template-Tags sind erlaubt

00:49:16.500 --> 00:49:18.720
 in den Definition Lists.

00:49:18.720 --> 00:49:22.720
 Aber sind Script-Tags nicht überall erlaubt?

00:49:22.720 --> 00:49:25.640
 Oder liege ich da jetzt komplett falsch?

00:49:25.640 --> 00:49:28.860
 Gute Frage.

00:49:29.200 --> 00:49:31.520
 Also es stand zumindest extra in dem Artikel drin.

00:49:31.520 --> 00:49:32.760
 Also ich weiß gar nicht.

00:49:32.760 --> 00:49:35.500
 Ja gut, gibt es irgendeinen Fall, wo kein Script ...

00:49:35.500 --> 00:49:39.320
 Also ein Script sollte jetzt nicht in einem Inline-Element, oder?

00:49:39.320 --> 00:49:42.080
 Also ein Span und da drin ein Script ...

00:49:42.080 --> 00:49:46.600
 Wahrscheinlich schmeißt kein Browser irgendwie einen Fehler, aber ...

00:49:46.600 --> 00:49:47.880
 Wir haben halt die ...

00:49:47.880 --> 00:49:49.260
 Bei Script waren wir halt noch nichts.

00:49:49.260 --> 00:49:50.960
 Ja, da kommen wir erst noch hin.

00:49:50.960 --> 00:49:52.700
 Das spoilern wir jetzt nicht.

00:49:52.700 --> 00:49:57.120
 Also jedenfalls auch Template-Element erlaubt in der Definition Lists.

00:49:57.120 --> 00:49:57.520
 Ah ja.

00:49:58.140 --> 00:50:02.080
 Warum auch immer man das darunter verschachteln wollen würde.

00:50:02.080 --> 00:50:05.340
 Wahrscheinlich auch, weil du es überall darfst, glaube ich.

00:50:05.340 --> 00:50:06.520
 Ich glaube, das Template ist genauso.

00:50:06.520 --> 00:50:08.260
 Das darfst du, glaube ich, auch überall reinpacken.

00:50:09.700 --> 00:50:24.720
 Ja, da noch eine kleine Anmerkung zu Accessibility, stand da auf der MDN, dass man da vorsichtig sein muss, weil die Screenreader das wohl sehr unterschiedlich handhaben, wie sie diese Listen ausgeben und vorlesen.

00:50:25.580 --> 00:50:32.840
 Und bei Voice-Over ist es wohl so, dass es keine Listen-Navigation anbietet in diesen Definition Lists.

00:50:32.840 --> 00:50:37.980
 Also bei normalen Listen kann man eben wohl innerhalb von diesen Punkten springen.

00:50:37.980 --> 00:50:40.260
 Bei Definition Lists funktioniert das bei Voice-Over nicht.

00:50:40.260 --> 00:50:45.480
 Ah, das habe ich tatsächlich nicht getestet, aber eigentlich sehr schade, muss ich sagen.

00:50:45.540 --> 00:50:51.300
 Ja, können wir mal bei Apple ins Ticket reinschreiben, was es bestimmt schon gibt.

00:50:51.300 --> 00:50:54.760
 Also kann ich mir nicht vorstellen, dass da noch keiner ein Ticket aufgemacht hat dazu.

00:50:54.760 --> 00:51:00.200
 Beziehungsweise bei WebKit, das wäre ja die passende Browser-Engine an der Stelle.

00:51:00.200 --> 00:51:06.840
 So, liebe Kinder, jetzt kommen wir zum ernsten Teil, habe ich beschlossen.

00:51:06.840 --> 00:51:09.280
 Und zwar zum Diff.

00:51:09.280 --> 00:51:21.720
 Das Diff-Element ist ein Block-Element, das nichts ist, außer ein Block-Element, das einfach nur ein generischer Rapper ist.

00:51:21.720 --> 00:51:23.000
 Ein generischer Rapper.

00:51:23.000 --> 00:51:27.560
 Oh Gott.

00:51:27.560 --> 00:51:29.360
 Ja, das wäre auch noch ein Name für deinen DJ.

00:51:29.360 --> 00:51:30.400
 Generischer Rapper.

00:51:30.400 --> 00:51:32.300
 Generischer Rapper.

00:51:32.300 --> 00:51:34.340
 Aber ich rappe ja nicht, ich lege ja nur auf.

00:51:34.340 --> 00:51:35.820
 Generischer DJ dann.

00:51:35.820 --> 00:51:44.140
 Nee, also es ist einfach nur ein Element, das nur dafür da ist, Dinge reinzupacken und zu gruppieren.

00:51:44.140 --> 00:51:47.480
 Es hat selbst keinerlei semantische Bedeutung.

00:51:47.480 --> 00:51:55.120
 Und deswegen ist es aus meiner Sicht, ach, jetzt lehne ich mich weit aus dem Fenster und kriege gleich ganz viel Shit von ganz vielen Leuten,

00:51:55.600 --> 00:52:06.820
 ist es zu vermeiden, wenn ich, und ich sage es mal so, das Diff-Element ist, man sieht, also es ist wahrscheinlich das populärste Element überhaupt im Web.

00:52:06.820 --> 00:52:11.040
 Wenn ich, ich weiß nicht, da müssen wir mal gucken, da gibt es doch Statistik dazu, irgendwie dieser Web-Almanake.

00:52:11.120 --> 00:52:13.040
 Ich glaube, da haben die Statistiken auch zu sowas.

00:52:13.040 --> 00:52:19.960
 Ich würde behaupten, das ist auf jeden Fall unter den Top 3 in der Verwendungsanzahl.

00:52:20.720 --> 00:52:25.000
 Und aus meiner Sicht ist das Diff wirklich ein Last Resort.

00:52:25.000 --> 00:52:31.320
 Also wenn du die ganze Liste, die wir jetzt gerade hier im Podcast durchgehen, die ganze Liste der HTML-Elemente durchgegangen bist

00:52:31.320 --> 00:52:39.920
 und du hast keins gefunden, das besser passt auf deinen Anwendungsfall als das Diff, dann darfst du es nehmen.

00:52:40.600 --> 00:52:42.840
 Und ansonsten nimmst du eins von den anderen.

00:52:42.840 --> 00:52:52.460
 Also das wirklich, ich ertappe mich auch oft dabei, wenn ich irgendwie, wenn ich, ich tippe einfach ein Brainless irgendwie,

00:52:52.460 --> 00:52:54.220
 ah ja, ich brauche jetzt irgendwie ein Element, ach Diff.

00:52:54.600 --> 00:52:59.540
 Aber nee, ich sollte vielleicht in dem Fall einfach mal Section nehmen, so, statt ein Diff, wenn einem nichts einfällt.

00:52:59.540 --> 00:53:01.820
 Wenn es dann Sinn ergibt, semantisch.

00:53:01.820 --> 00:53:02.760
 Vielleicht einfach mal, ja genau.

00:53:02.760 --> 00:53:09.540
 Aber in den meisten Fällen, wenn man kurz drüber nachdenkt und so ein paar HTML-Elemente kennt,

00:53:09.540 --> 00:53:16.340
 fällt einem dann ein, ah nee, das wäre ja vielleicht dann doch eher ein Section oder ein Header oder Footer oder Site oder keine Ahnung,

00:53:16.340 --> 00:53:22.200
 davon hatten wir es ja schon in der zweiten Folge unserer Reihe, glaube ich, gell?

00:53:22.200 --> 00:53:26.980
 In der ersten haben wir die, genau, in der ersten haben wir die Sachen, die eben Head sind, gemacht.

00:53:26.980 --> 00:53:33.100
 Genau, also die implizierte ARIA-Rolle, also die Rolle, was das denn eigentlich ist, ist Generic.

00:53:33.100 --> 00:53:39.960
 Also quasi nix, hat keinerlei, ist wie gesagt, nur ein gruppierender Container.

00:53:39.960 --> 00:53:48.260
 Interessant fand ich da auch die Seite von der Watt-WG, weil da noch so ein paar Infos mit dabei waren.

00:53:48.860 --> 00:53:54.080
 Was in diesem Zusammenhang auch zu nennen ist, ist der Begriff, der ist auch schon wieder ein bisschen faltet,

00:53:54.080 --> 00:53:55.860
 Divitis gab es mal.

00:53:55.860 --> 00:54:00.680
 Also im Prinzip drückt das aus, dass die Leute für alles Diffs verwendet haben.

00:54:00.680 --> 00:54:06.700
 Und es geht ja teilweise noch ein bisschen drüber hinaus über, ich nutze halt als Standard-Element irgendwie ein Diff,

00:54:06.700 --> 00:54:08.600
 aber habe vielleicht noch so ein paar A's oder sowas.

00:54:08.680 --> 00:54:15.020
 Es gibt ja Leute, die, oder ich will da gar niemandem einen Vorwurf machen, aber vielleicht, wir edukieren jetzt hier,

00:54:15.020 --> 00:54:19.200
 der Bildungsauftrag unseres Podcasts, spätestens jetzt sind wir da angekommen.

00:54:20.960 --> 00:54:27.980
 Man kann natürlich jedes beliebige Element interaktiv machen mit einem On-Click-Händler oder so.

00:54:27.980 --> 00:54:30.320
 Sollte man aber nicht.

00:54:30.320 --> 00:54:37.960
 Und das Div ist so ein klassisches Beispiel, wo Leute halt einfach nur Diffs hintereinander klatschen und dann alles damit bauen.

00:54:37.960 --> 00:54:39.260
 Wirklich alles, alles, alles.

00:54:39.380 --> 00:54:43.900
 Aber ich glaube, außer Images, weil obwohl Image könntest du theoretisch mit Background-Image auch noch machen.

00:54:43.900 --> 00:54:46.720
 Du kannst theoretisch, das wäre eigentlich mal eine interessante Herausforderung,

00:54:46.720 --> 00:54:50.220
 so ein Standard-Layout zu nehmen und komplett nur mit Diffs zu bauen.

00:54:50.220 --> 00:54:52.240
 Wirklich nur, also sonst gar nichts.

00:54:52.240 --> 00:54:56.560
 Aber natürlich als Anti-Patter, also hier so Leute, bitte so nicht machen.

00:54:56.560 --> 00:55:03.040
 Es geht viel damit, aber man sollte es einfach nicht tun, weil ganz viele Elemente existieren,

00:55:03.040 --> 00:55:07.100
 die für den Anwendungsfall, wofür du wahrscheinlich ein Diff verwendest, viel, viel, viel besser sind.

00:55:07.620 --> 00:55:10.700
 Also das Klassische, vielleicht ganz kurz noch zu Divitis.

00:55:10.700 --> 00:55:17.720
 Die Divitis war so ein paar Kampfbegriffe, ich glaube so aus von 2010 oder so.

00:55:17.720 --> 00:55:19.520
 Ich glaube, da ist mir das zum ersten Mal begegnet.

00:55:19.520 --> 00:55:21.860
 Es kann auch sein, dass es noch ein bisschen älter, noch ein bisschen länger her ist.

00:55:21.860 --> 00:55:23.700
 Ich habe hier noch einen kleinen Artikel, den ich auch noch verlinken will.

00:55:23.700 --> 00:55:24.600
 Der ist wirklich ganz kurz.

00:55:24.600 --> 00:55:30.060
 Mir ist das zum ersten Mal extrem negativ aufgefallen im Zusammenhang mit Ext.js.

00:55:30.060 --> 00:55:32.480
 Vielleicht kennt das der eine oder andere noch.

00:55:32.480 --> 00:55:41.200
 Das war so ein JavaScript-Framework, das, also eines der frühen Stunden, das gab es schon irgendwie 2008 oder noch 2006 oder so.

00:55:41.200 --> 00:55:48.140
 Eins, das wirklich, wo dein komplettes, dein kompletter Baum, alles HTML von JavaScript geschrieben wurde.

00:55:48.140 --> 00:55:49.760
 Du hast selbst keinen HTML geschrieben.

00:55:51.200 --> 00:55:56.540
 Das war so gemacht für, ich nenne es mal, wie man es damals genannt hat, RIA, Rich Internet Applications.

00:55:56.940 --> 00:56:02.340
 Du konntest also so tatsächlich so Desktop-artige Sachen im Browser komplett bauen.

00:56:02.340 --> 00:56:05.600
 Und das hat extrem auf Divs gesetzt.

00:56:05.600 --> 00:56:11.400
 Da hast du teilweise, wenn du in den Browser-Dev-Tools das aufgemacht hast, also in dem Fall dann noch Firebug natürlich,

00:56:11.400 --> 00:56:20.520
 hast du rein verschachtelt 25, 30, 40 Divs, die ineinander verschachtelt waren, die einfach nur so aufgeklopft waren.

00:56:21.200 --> 00:56:26.760
 Das ist Divs gewesen, so von der schlimmsten Sorte.

00:56:26.760 --> 00:56:35.420
 Also, das ist vielleicht, also wenn ihr solchen Code habt und nicht jetzt in der CSS-Art-Szene unterwegs seid,

00:56:35.420 --> 00:56:37.580
 dann macht ihr wahrscheinlich was falsch.

00:56:37.580 --> 00:56:41.820
 Also da müsste man mir schon, das muss man mir schon sehr gut erklären,

00:56:41.820 --> 00:56:45.700
 warum man fünf verschachtelte Divs hintereinander braucht und davon keins.

00:56:45.700 --> 00:56:48.640
 Erstens ein anderes Element sein kann und warum man auch wirklich fünf braucht.

00:56:49.200 --> 00:56:54.000
 Ja, also dürft ihr mir dann erklären in euren Webseiten.

00:56:54.000 --> 00:56:56.920
 Könnt ihr mir Beispiele schicken und mir dann erklären, warum das so richtig ist.

00:56:56.920 --> 00:57:00.760
 Was natürlich noch ein klassischer Fall ist, weil ich vorhin schon gesagt habe,

00:57:00.760 --> 00:57:02.900
 man kann alles Mögliche damit bauen, sollte man aber nicht,

00:57:02.900 --> 00:57:06.940
 ist das klassische, a Div is not a button, diese Diskussion.

00:57:06.940 --> 00:57:10.720
 Ich habe immer gedacht, es gibt eine Seite, die irgendwie so heißt,

00:57:10.720 --> 00:57:14.060
 is it a div a button oder sowas, aber ich habe sie nicht mehr gefunden.

00:57:14.060 --> 00:57:15.260
 Gibt es?

00:57:15.260 --> 00:57:18.040
 Es gab vielleicht mal irgendjemanden, irgendwann ist es dann zu teuer geworden,

00:57:18.040 --> 00:57:20.280
 all die Jahrzehnte zu hosten.

00:57:20.280 --> 00:57:24.300
 Weil eigentlich, das wäre halt so eine klassische Seite, die man schön designen könnte,

00:57:24.300 --> 00:57:25.660
 auf der einfach nur No steht.

00:57:25.660 --> 00:57:30.560
 Es gab mal einen Trend, es gab mal einen Trend, solche Seiten zu bauen.

00:57:30.560 --> 00:57:34.060
 Ich habe auch mal so eine gebaut, die heißt nämlich is it capslockday.com.

00:57:34.060 --> 00:57:38.020
 Da steht auch die meiste Zeit des Jahres No drauf.

00:57:38.020 --> 00:57:44.260
 Ja, sogar aber die sind ein bisschen interaktiv, immerhin.

00:57:44.260 --> 00:57:46.660
 Also an zwei Tagen im Jahr sagt sie yes.

00:57:46.660 --> 00:57:51.420
 Genau, also keine interaktiven Elemente mit Divs bauen,

00:57:51.420 --> 00:57:57.300
 weil die interaktiven Elemente, die der Browser schon euch bereitstellt,

00:57:57.640 --> 00:58:02.040
 nämlich sowas wie A oder Button, also ich meine jetzt gerade so welche, wo man draufklickt.

00:58:02.040 --> 00:58:07.580
 Ich glaube, man könnte mit einem Div, mit Content Editable auch sogar ein Eingabefeld emulieren,

00:58:07.580 --> 00:58:09.100
 aber das will man in den meisten Fällen auch nicht.

00:58:09.100 --> 00:58:13.080
 Egal, aber ich glaube, der Klassiker ist der Button oder irgendwas, wo ich draufklicke und dann passiert was.

00:58:14.780 --> 00:58:23.000
 Ein A, also je nachdem, wo man hin will oder was es tun soll, würde sich entweder ein A oder ein Button anbieten,

00:58:23.000 --> 00:58:30.520
 weil diese Elemente einfach schon so viel an Funktionalität im Browser mitbringen,

00:58:30.520 --> 00:58:35.360
 das müsstest du theoretisch mit dem Div alles nachbauen oder egal, welches Element du nimmst,

00:58:35.360 --> 00:58:36.920
 was eben nicht das A oder der Button ist.

00:58:36.920 --> 00:58:42.160
 Das müsstest du mit dem Div-Element alles nachbauen und ich garantiere dir,

00:58:42.160 --> 00:58:44.080
 ich werde etwas finden, was du vergessen hast.

00:58:44.080 --> 00:58:49.720
 Irgendeine Möglichkeit, das zu fokussieren mit der Tastatur, auszulösen mit der Tastatur,

00:58:49.720 --> 00:58:51.120
 irgendwas wirst du vergessen haben.

00:58:51.120 --> 00:58:56.640
 Ich habe noch keine Implementierung gesehen, wo ich nicht was gefunden habe, wo was vergessen wurde.

00:58:56.640 --> 00:58:59.660
 Die gibt es bestimmt, aber die sind, glaube ich, sehr rar.

00:58:59.660 --> 00:59:03.880
 Deswegen nimm einfach ein passendes semantisches Element und nimm nicht das Div.

00:59:03.880 --> 00:59:12.980
 Das Div darfst du nehmen, wenn dir sonst, ich sage es nochmal, in der Liste der HTML-Elemente kein anderes Element besser passt.

00:59:12.980 --> 00:59:14.080
 Nur dann.

00:59:15.480 --> 00:59:18.500
 Und was du vorhin schon gesagt hast, das vielleicht sei ja auch nochmal erwähnt,

00:59:18.500 --> 00:59:22.680
 fand ich interessant auch, dass es erlaubt ist als Kind von DL.

00:59:22.680 --> 00:59:24.900
 Das stand nämlich in dem Div-Artikel auch mit dabei.

00:59:24.900 --> 00:59:30.560
 Genau, also um dann innerhalb die DT und DD-Elemente nochmal zu gruppieren.

00:59:30.560 --> 00:59:34.420
 Fand ich interessante, das wusste ich auch nicht, fand ich interessanter Fact,

00:59:34.500 --> 00:59:37.000
 weil ich nicht gedacht hätte, dass es erlaubt ist an der Stelle,

00:59:37.000 --> 00:59:43.580
 weil nämlich zum Beispiel, wenn ich es richtig weiß, innerhalb eines OL oder UL

00:59:43.580 --> 00:59:46.840
 auch nichts erlaubt ist als LI-Elemente.

00:59:46.840 --> 00:59:49.320
 Direkte Kind-Elemente müssen LI-Elemente sein.

00:59:49.320 --> 00:59:51.780
 Du darfst Divs in die LI-Elemente packen,

00:59:51.780 --> 00:59:55.960
 aber nicht als Kind vom OL oder vom UL.

00:59:55.960 --> 00:59:59.760
 Genau, also und wenn ich jetzt noch weitergehen würde,

00:59:59.760 --> 01:00:04.440
 bin ja manchmal ein bisschen radikal, man nennt mich auch HTML-Fundamentalist,

01:00:04.500 --> 01:00:08.560
 ja genau mein Ding hier gerade, wäre ich sogar fast dafür,

01:00:08.560 --> 01:00:11.600
 dass das irgendwelche Warnings wirft, wenn man Divs einbaut.

01:00:11.600 --> 01:00:16.380
 Also, dass man im Prinzip jedes Div, was man schreibt oder zumindest die IDE

01:00:16.380 --> 01:00:20.500
 oder irgendwas im Bildprozess, irgendwas, während du deine Webseite baust,

01:00:20.500 --> 01:00:24.020
 müsste eigentlich dich jedes Div bestätigen lassen aus meiner Sicht.

01:00:24.020 --> 01:00:26.900
 So, doch, dieses Div, ich habe es mir genau angeguckt,

01:00:26.900 --> 01:00:28.860
 es ist für das jetzt hier das richtige Element.

01:00:28.860 --> 01:00:30.700
 Doch, doch, vertrau mir, vertrau mir.

01:00:30.700 --> 01:00:33.560
 Dann würde man das loswerden.

01:00:33.660 --> 01:00:35.340
 Ich glaube, das wäre der einzige Weg, wenn man es loswerden würde.

01:00:35.340 --> 01:00:36.540
 Aber ist halt die Frage, macht das wirklich Sinn,

01:00:36.540 --> 01:00:40.160
 irgendwie jetzt alles in Sections zu machen?

01:00:40.160 --> 01:00:42.660
 Ich sage, nein.

01:00:42.660 --> 01:00:47.220
 Weil ich glaube, du hast halt einfach immer trotzdem proportional gesehen

01:00:47.220 --> 01:00:49.800
 eine große Anzahl an Divs, wenn du die alle bestätigen müsstest.

01:00:49.800 --> 01:00:51.620
 Ich sage nicht, du darfst es nicht verwenden,

01:00:51.620 --> 01:00:54.060
 aber das wäre der einzige Weg, wie man die Leute dazu bringt,

01:00:54.060 --> 01:00:56.560
 jedes Mal darüber nachzudenken, gibt es nicht vielleicht was Besseres.

01:00:57.220 --> 01:01:01.600
 Und du darfst dann natürlich sagen, nein, das ist jetzt für das genau das Richtige.

01:01:01.600 --> 01:01:02.560
 Absolut okay.

01:01:02.560 --> 01:01:05.180
 Aber einmal darüber nachdenken, bitte.

01:01:05.180 --> 01:01:11.000
 Wenn der Bildprozess sich dann merkt, welchen ich schon zugestimmt habe,

01:01:11.000 --> 01:01:13.960
 wo ich mich schon erklärt habe, weil wenn du das jedes Mal machen musst.

01:01:14.220 --> 01:01:18.280
 Also keine Ahnung, zum Beispiel SonarCube fällt mir da ein.

01:01:18.280 --> 01:01:22.680
 SonarCube ist ein Tool für statische Code-Analyse,

01:01:22.680 --> 01:01:25.800
 was hinterher, wo dein Code, das schaut deinen Code an und sagt dann,

01:01:25.800 --> 01:01:27.860
 das sieht aber da ein bisschen komisch aus,

01:01:27.860 --> 01:01:31.200
 kannst du das nicht manchmal irgendwie besser machen an der Stelle.

01:01:31.600 --> 01:01:35.440
 Also das hat ein festes Ruleset und du kannst auch bestimmte Rules ausschalten und so,

01:01:35.440 --> 01:01:38.500
 hat ein festes Ruleset und das sagt dir zum Beispiel sowas wie,

01:01:38.500 --> 01:01:42.260
 du hast jetzt in dem UL hier kein LI direkt als Kind.

01:01:42.260 --> 01:01:43.580
 Das ist wahrscheinlich falsch.

01:01:43.580 --> 01:01:46.740
 Und dann steht da auch immer ein Beispiel dabei, was ist richtig, was ist falsch, hier so.

01:01:46.740 --> 01:01:51.700
 Und in SonarCube könnte man theoretisch so eine Regel implementieren,

01:01:51.700 --> 01:01:55.040
 die sagt, ein Diff wird erstmal als Fehler angemerkt und dann kann man acken.

01:01:55.040 --> 01:02:00.640
 Man kann da sagen, nee, dieser Fehler, den akzeptiere ich oder nee, das ist keiner.

01:02:00.640 --> 01:02:02.640
 Und der merkt das dann auch beim nächsten Mal nicht mehr an?

01:02:02.640 --> 01:02:04.620
 Beim nächsten Mal, der merkt das, wenn, also,

01:02:04.620 --> 01:02:11.340
 ich habe jetzt nicht ausprobiert, oben drüber eine Zeile Code hinzuschreiben,

01:02:11.340 --> 01:02:13.460
 sodass es eins nach unten geschoben wird.

01:02:13.460 --> 01:02:17.360
 Ich denke aber, also ich weiß, dass er wirklich sich Sachen merkt,

01:02:17.360 --> 01:02:18.860
 wenn sie an der gleichen Stelle noch sind.

01:02:18.860 --> 01:02:20.700
 Ich habe jetzt nicht ausprobiert, wie das ist,

01:02:20.700 --> 01:02:23.240
 wenn es jetzt um eine Zeile verschoben wird oder um mehrere,

01:02:23.240 --> 01:02:24.860
 ob er es dann nochmal anmeckert.

01:02:24.860 --> 01:02:28.880
 Aber bisher kann ich sagen, doch, das mit dem Acken, das funktioniert.

01:02:28.880 --> 01:02:34.580
 Ich hatte nämlich genau diesen Fall, was ich gerade gesagt habe mit LI und UL.

01:02:34.580 --> 01:02:38.320
 Es kann nämlich durchaus mal sein, dass, wenn man mit einem CMS was baut,

01:02:38.320 --> 01:02:42.540
 dass die Listenpunkte, also dass der Output absolut korrekt ist,

01:02:42.540 --> 01:02:44.980
 aber die Listenpunkte sind in einem eigenen File.

01:02:45.540 --> 01:02:47.700
 Und dann beschweren sich beide Seiten.

01:02:47.700 --> 01:02:50.680
 Dann sagt der eine, hey, du hast hier ein UL, aber da sind gar keine LIs drin.

01:02:50.680 --> 01:02:54.840
 Und dann hast du irgendwo ein anderes File und dann sagen,

01:02:54.840 --> 01:02:57.180
 ja, das sind LIs, aber wo ist denn eigentlich deine UL?

01:02:57.180 --> 01:03:02.380
 Das kann ja durchaus vom Code her, wenn du nur die Files hast,

01:03:02.380 --> 01:03:05.160
 also nicht das Gerenderte im Browser,

01:03:05.160 --> 01:03:08.900
 kann das ja durchaus so ein Fehler sein, den man dann aber acken kann.

01:03:08.900 --> 01:03:11.180
 Und das hat, den Fall hatte ich auf jeden Fall schon,

01:03:11.180 --> 01:03:12.600
 das hat funktioniert, das war wunderbar.

01:03:12.980 --> 01:03:15.000
 Und seitdem meckert er an der Stelle dann auch nicht mehr.

01:03:15.000 --> 01:03:17.480
 Aber ich finde es trotzdem gut, dass er einmal gemeckert hat,

01:03:17.480 --> 01:03:19.200
 weil dann kannst du dir das angucken und sagen,

01:03:19.200 --> 01:03:20.540
 ah nee, okay, an der Stelle nicht.

01:03:20.540 --> 01:03:21.500
 Passt.

01:03:21.500 --> 01:03:23.480
 Ja, so.

01:03:23.480 --> 01:03:25.420
 Dann haben wir es.

01:03:25.420 --> 01:03:26.880
 Ja, sag bloß, wir sind schon durch, Mensch.

01:03:26.880 --> 01:03:28.420
 Was?

01:03:28.420 --> 01:03:31.920
 Nach einer Stunde, was ist denn hier los?

01:03:31.920 --> 01:03:34.840
 Da gibt es ja dann Leute, die das vielleicht tatsächlich komplett

01:03:34.840 --> 01:03:35.800
 auf dem Weg zur Arbeit hören können.

01:03:35.800 --> 01:03:38.280
 Ja, die sich dann jetzt nicht mehr beschweren können.

01:03:38.280 --> 01:03:39.800
 Da müssen wir jetzt aber noch ein bisschen labern, oder?

01:03:39.800 --> 01:03:40.480
 Ja, das kann ja noch.

01:03:40.480 --> 01:03:43.840
 Wir waren hier pfeilschnell unterwegs, ich habe zu viel Deutschlandradio gehört,

01:03:43.840 --> 01:03:44.740
 ich labere nicht mehr.

01:03:44.740 --> 01:03:48.020
 Kein Lust mehr, es wird jetzt hier alles mit Stringenz durchgezogen,

01:03:48.020 --> 01:03:50.080
 mit Knallhart, mit Peitsche.

01:03:50.340 --> 01:03:52.380
 Also die 1.15 kriegen wir bestimmt noch voll.

01:03:52.380 --> 01:03:56.520
 Da stand einer hinter mir, der hat jedes Mal böse geguckt,

01:03:56.520 --> 01:03:57.800
 wenn ich angefangen habe zu labern.

01:03:57.800 --> 01:04:00.120
 Vielleicht dann lieber nicht.

01:04:00.120 --> 01:04:06.060
 Ja, dann sind wir mit dem Thema fertig, würde ich sagen.

01:04:06.060 --> 01:04:06.300
 Genau.

01:04:06.300 --> 01:04:09.100
 Dann kommt jetzt noch.

01:04:09.100 --> 01:04:11.560
 Das Geilteil.

01:04:11.560 --> 01:04:14.800
 Geilteil.

01:04:18.840 --> 01:04:20.860
 Oh, und das Geilteil, muss ich gleich vorweg schicken,

01:04:20.860 --> 01:04:23.040
 wir werden da nicht gesponsert, weil es ist eigentlich,

01:04:23.040 --> 01:04:28.560
 es ist ein Anbieter von AI-Lösungen und man kann das auch kaufen,

01:04:28.560 --> 01:04:29.540
 was die da so anbieten.

01:04:29.540 --> 01:04:31.140
 Aber ich finde es gut gemacht.

01:04:31.140 --> 01:04:33.640
 Hast du schon, hast du gehört?

01:04:33.640 --> 01:04:34.880
 Ich habe es gerade aufgemacht.

01:04:34.880 --> 01:04:37.580
 Und zwar, also ich sage mal generell, was die so anbieten,

01:04:37.580 --> 01:04:40.040
 also man kann das kostenlos alles ausprobieren,

01:04:40.040 --> 01:04:41.040
 indem man einfach Bilder rein droppt,

01:04:41.040 --> 01:04:42.200
 hier haben wir auch so ein paar Beispielbilder,

01:04:42.200 --> 01:04:46.300
 die bieten so Sachen an wie Hintergrund entfernen aus Bildern,

01:04:46.300 --> 01:04:47.840
 aber ziemlich gut, muss ich sagen.

01:04:48.340 --> 01:04:50.900
 Image Upscaler, Background Removal,

01:04:50.900 --> 01:04:53.560
 also genau, Background Removal war das,

01:04:53.560 --> 01:04:54.180
 was ich gerade eben meinte,

01:04:54.180 --> 01:04:55.840
 Clean Up ist, du kannst was markieren,

01:04:55.840 --> 01:04:57.160
 Menschen zum Beispiel auf einer Straße

01:04:57.160 --> 01:04:58.220
 und dann rendert er die raus.

01:04:58.220 --> 01:05:02.380
 Es gibt Stable Diffusion natürlich irgendwie mit reingemurkst,

01:05:02.380 --> 01:05:03.520
 wo man dann sagen kann,

01:05:03.520 --> 01:05:05.160
 hier, mach mal Inpainting und so.

01:05:05.160 --> 01:05:06.660
 Text Remover gibt es,

01:05:06.660 --> 01:05:08.960
 das heißt, du machst ein Bild rein von einem Straßenschild,

01:05:08.960 --> 01:05:11.300
 jagst das drüber, dann ist der Text weg,

01:05:11.300 --> 01:05:13.480
 das eignet sich natürlich hervorragend für so Mock-Ups

01:05:14.020 --> 01:05:16.460
 oder irgendwelche T-Shirt-Texte oder sowas,

01:05:16.460 --> 01:05:19.300
 dann hast du die dann blank und dann setzt du deinen eigenen Text drüber.

01:05:19.300 --> 01:05:22.140
 Und was ich aber besonders krass fand,

01:05:22.140 --> 01:05:25.360
 war das Feature ReLight.

01:05:25.360 --> 01:05:27.240
 Das ist völlig krass.

01:05:27.240 --> 01:05:30.180
 Ich meine, wahrscheinlich haben die die Demo-Bilder so rausgesucht,

01:05:30.180 --> 01:05:31.740
 dass die besonders gut funktionieren.

01:05:32.460 --> 01:05:33.740
 Ich pack mal ein Bild von mir rein.

01:05:33.740 --> 01:05:34.460
 Mach mal, genau.

01:05:34.460 --> 01:05:36.320
 Und das ist aber echt krass.

01:05:36.320 --> 01:05:38.400
 Also man kann da Fotos hochladen

01:05:38.400 --> 01:05:42.160
 und dann kann man Lichter setzen, virtuelle.

01:05:42.160 --> 01:05:43.380
 Das sind einfach bunte Punkte.

01:05:43.380 --> 01:05:46.780
 Ich kann denen eine Lichtfarbe geben, eine Helligkeit und so weiter.

01:05:46.780 --> 01:05:48.320
 Kann die rumschieben

01:05:48.320 --> 01:05:52.080
 und ich weiß nicht, wie die das genau machen.

01:05:52.080 --> 01:05:54.380
 Die berechnen sich im Endeffekt den tiefen Kanal

01:05:54.380 --> 01:05:56.080
 aus dem zweidimensionalen Bild

01:05:56.080 --> 01:05:59.200
 und ich kann diese Lichter rumschieben

01:05:59.200 --> 01:06:01.960
 und es verändern sich Highlights und Schatten

01:06:01.960 --> 01:06:04.340
 und Farbe von den Lichtern

01:06:04.340 --> 01:06:07.020
 auf diesen Personen oder Gegenständen,

01:06:07.020 --> 01:06:08.120
 die in den Bildern drin sind.

01:06:08.120 --> 01:06:10.300
 Und das heißt, ich hab,

01:06:10.300 --> 01:06:12.120
 wenn ich das kombiniere

01:06:12.120 --> 01:06:13.940
 mit diesem Hintergrundentfernungstool von denen,

01:06:13.940 --> 01:06:15.900
 dann kann ich halt eine Person nehmen,

01:06:15.900 --> 01:06:17.880
 setz die vor einen anderen Hintergrund

01:06:17.880 --> 01:06:19.080
 und dann sieht man das meistens ja,

01:06:19.080 --> 01:06:20.060
 dass das reingeschnitten ist,

01:06:20.060 --> 01:06:22.100
 weil die Farben einfach halt nicht mehr gescheit passen.

01:06:22.100 --> 01:06:23.960
 Und dann kann ich aber hergehen,

01:06:23.960 --> 01:06:26.180
 schnapp mir ein paar Lichter

01:06:26.180 --> 01:06:27.700
 mit der entsprechenden Farbe,

01:06:27.700 --> 01:06:29.120
 die in der Umgebung vorkommt

01:06:29.120 --> 01:06:30.320
 zieh die dahin,

01:06:30.320 --> 01:06:31.880
 kann sogar noch sagen Distance,

01:06:31.880 --> 01:06:33.300
 also liegt das vor dem Objekt

01:06:33.300 --> 01:06:34.340
 oder hinter dem Objekt.

01:06:34.340 --> 01:06:38.120
 Und wenn ich das nicht gerade so mache,

01:06:38.120 --> 01:06:39.540
 dass es ziemlich klippt,

01:06:39.540 --> 01:06:41.960
 dann kannst du auch mal

01:06:41.960 --> 01:06:43.800
 mit STRG-C, STRG-V probieren.

01:06:43.800 --> 01:06:45.040
 Du kannst auch direkt pasten

01:06:45.040 --> 01:06:46.300
 aus der Zwischenablage.

01:06:46.300 --> 01:06:48.720
 Genau, und dann kann ich die Bilder

01:06:48.720 --> 01:06:49.820
 neu ausleuchten

01:06:49.820 --> 01:06:51.200
 und kann es damit halt schaffen,

01:06:51.200 --> 01:06:54.380
 dass so ein Bild,

01:06:54.380 --> 01:06:55.320
 ein Retuschiertes,

01:06:55.320 --> 01:06:56.760
 dann halt doch in die Szene

01:06:56.760 --> 01:06:57.420
 wieder reinpasst.

01:06:57.820 --> 01:06:59.120
 Also gerade hier mit den Gesichtern,

01:06:59.120 --> 01:07:01.720
 auch mit der Lichtintensität,

01:07:01.720 --> 01:07:04.940
 das sieht einfach genial aus.

01:07:04.940 --> 01:07:06.140
 Also mit den Beispielen

01:07:06.140 --> 01:07:07.380
 sieht es super krass aus.

01:07:07.380 --> 01:07:08.940
 Ich kriege es aber nicht hin,

01:07:08.940 --> 01:07:11.140
 dass der mich mein Bild hier,

01:07:11.140 --> 01:07:11.800
 dass der,

01:07:11.800 --> 01:07:12.920
 also ich sehe es,

01:07:13.360 --> 01:07:14.560
 Image too large.

01:07:14.560 --> 01:07:16.920
 Okay.

01:07:16.920 --> 01:07:19.160
 Aber mit STRG-C, STRG-V musst du das eigentlich machen

01:07:19.160 --> 01:07:20.460
 und dann runterrechnen im Zweifel.

01:07:20.460 --> 01:07:21.580
 Nee, er sagt mir,

01:07:21.580 --> 01:07:22.320
 es ist zu groß

01:07:22.320 --> 01:07:24.720
 und den anderen Modus

01:07:24.720 --> 01:07:25.860
 müsste ich erst freischalten.

01:07:25.860 --> 01:07:27.780
 Dann müsste ich es jetzt kleiner machen,

01:07:27.780 --> 01:07:28.220
 das Bild.

01:07:28.220 --> 01:07:29.800
 Vielleicht nehme ich das mal

01:07:29.800 --> 01:07:31.140
 von this person does not exist.

01:07:31.140 --> 01:07:32.400
 Ah ja, das ist gut.

01:07:32.400 --> 01:07:33.200
 Ah, das geht.

01:07:33.200 --> 01:07:33.860
 Ah, perfekt.

01:07:33.860 --> 01:07:37.180
 Ach, sogar mit farbigen Lichtern.

01:07:37.180 --> 01:07:37.460
 Ja, ja.

01:07:37.460 --> 01:07:38.340
 Du kannst,

01:07:38.340 --> 01:07:39.780
 das ist ja genau das,

01:07:39.780 --> 01:07:40.700
 also du kannst dann grün,

01:07:40.700 --> 01:07:41.560
 keine Ahnung,

01:07:41.560 --> 01:07:42.260
 da steht jemand

01:07:42.260 --> 01:07:44.300
 in einem grün ausgeleuchteten Studio,

01:07:44.300 --> 01:07:45.700
 der aber eigentlich nicht,

01:07:45.700 --> 01:07:47.720
 der eigentlich in einem rot ausgeleuchteten Studio stand,

01:07:47.720 --> 01:07:47.940
 ja,

01:07:47.940 --> 01:07:49.000
 muss man ganz krass zu sagen.

01:07:49.000 --> 01:07:49.600
 Fuck.

01:07:49.800 --> 01:07:52.420
 Und dann stellst du den da rein

01:07:52.420 --> 01:07:53.500
 und machst halt ein grünes Licht

01:07:53.500 --> 01:07:55.200
 und dann fertig.

01:07:55.200 --> 01:07:56.460
 Ach, ist das krass?

01:07:56.460 --> 01:07:56.880
 Ja.

01:07:56.880 --> 01:07:57.960
 Ich habe gerade nur ein bisschen,

01:07:57.960 --> 01:07:58.820
 das habe ich vorhin noch gar nicht gemacht,

01:07:58.820 --> 01:08:00.260
 an den Reglern rumgespielt.

01:08:00.260 --> 01:08:01.600
 Das ist ja übel gut.

01:08:01.600 --> 01:08:04.780
 Wow.

01:08:04.780 --> 01:08:07.260
 Wow.

01:08:07.260 --> 01:08:09.140
 Also, äh,

01:08:09.140 --> 01:08:10.780
 boah.

01:08:10.780 --> 01:08:14.680
 Ich werde dich gerade ...

01:08:14.680 --> 01:08:16.380
 Also, ich weiß gar nicht,

01:08:16.380 --> 01:08:17.540
 ich schicke dir das mal,

01:08:17.540 --> 01:08:18.340
 was ich gerade gemacht habe,

01:08:18.340 --> 01:08:19.400
 da sieht man es extrem gut.

01:08:19.400 --> 01:08:20.360
 Ich habe ja auch gerade so ein Bild

01:08:20.360 --> 01:08:21.440
 von dort geschnappt.

01:08:21.440 --> 01:08:23.400
 Das ist einfach,

01:08:23.400 --> 01:08:24.260
 das ist der Hammer.

01:08:24.260 --> 01:08:25.720
 Also,

01:08:25.720 --> 01:08:27.480
 das macht mich viel Spaß.

01:08:27.480 --> 01:08:28.840
 Und dadurch kannst du es halt dann

01:08:28.840 --> 01:08:30.420
 von einem anderen Hintergrund

01:08:30.420 --> 01:08:33.620
 quasi seamless setzen.

01:08:33.620 --> 01:08:34.140
 Also, ich meine,

01:08:34.140 --> 01:08:35.980
 man sieht so ein bisschen die Grenzen.

01:08:35.980 --> 01:08:37.840
 Also, ich hatte jetzt bei dem Rot zum Beispiel,

01:08:37.840 --> 01:08:41.360
 da ist es irgendwie so unter die Wange drunter oder so.

01:08:41.360 --> 01:08:44.200
 Da kannst du mit der Distance dann aber arbeiten.

01:08:44.200 --> 01:08:46.420
 Dann ist es quasi auf der Höhe von der Wange

01:08:46.420 --> 01:08:48.080
 und dann läuft das Licht rein.

01:08:48.180 --> 01:08:49.160
 wenn du mit Distance

01:08:49.160 --> 01:08:50.600
 den Regler noch ein bisschen rumziehst.

01:08:50.600 --> 01:08:52.460
 Nee, ich meine, es ist so unten drunter gegangen.

01:08:52.460 --> 01:08:54.200
 Ich zeig dir mal, was ich meine.

01:08:54.200 --> 01:08:56.360
 Ich mach dir mal,

01:08:56.360 --> 01:08:58.240
 mach mal ein Screenshot.

01:08:58.240 --> 01:08:59.720
 Aber, ja, aber ich meine,

01:08:59.720 --> 01:09:01.640
 es ist insgesamt funktioniert extrem gut.

01:09:01.640 --> 01:09:03.420
 Also, das Ganze nennt sich

01:09:03.420 --> 01:09:05.600
 Relight von ClipDrop,

01:09:05.600 --> 01:09:08.320
 ne, doch, ClipDrop.co.

01:09:08.320 --> 01:09:10.580
 Der Link kommt natürlich in die Shownotes.

01:09:10.580 --> 01:09:12.940
 Und, wie gesagt, die bieten eine API an.

01:09:12.940 --> 01:09:14.120
 Ich will das aber jetzt gar nicht,

01:09:14.180 --> 01:09:16.340
 also, ich hab mir deren Pro-Version noch nicht angeschaut.

01:09:16.340 --> 01:09:18.300
 Ich war nur begeistert von den Demos,

01:09:18.300 --> 01:09:20.660
 auch mit, mit Nicht-Demo-Bildern von denen eben,

01:09:20.660 --> 01:09:21.560
 sondern mit eigenen.

01:09:21.560 --> 01:09:23.860
 Auch dieses Background-Removal und so,

01:09:23.860 --> 01:09:26.240
 das funktioniert schon extrem gut.

01:09:27.700 --> 01:09:28.800
 Dementsprechend will ich jetzt nicht sagen,

01:09:28.800 --> 01:09:29.740
 kauft deren API,

01:09:29.740 --> 01:09:31.240
 aber vielleicht schaut es euch mal an.

01:09:31.240 --> 01:09:33.140
 Und, äh, wenn es euch gefällt,

01:09:33.140 --> 01:09:34.020
 ist es vielleicht sogar,

01:09:34.020 --> 01:09:35.720
 war es vielleicht sogar ein wertvoller Tipp

01:09:35.720 --> 01:09:36.340
 für eure Arbeit,

01:09:36.340 --> 01:09:37.520
 falls ihr auch ein bisschen Grafik

01:09:37.520 --> 01:09:38.880
 ab und zu macht.

01:09:38.880 --> 01:09:40.460
 Das macht mich wirklich fertig.

01:09:40.460 --> 01:09:41.120
 Upscaler und so

01:09:41.120 --> 01:09:42.220
 habe ich jetzt noch gar nicht ausprobiert.

01:09:42.220 --> 01:09:43.700
 Ähm, aber Background-Removal

01:09:43.700 --> 01:09:44.540
 und Textentfernung

01:09:44.540 --> 01:09:46.000
 und, äh, Menschenentfernen

01:09:46.000 --> 01:09:47.200
 aus, aus Bildern und so.

01:09:47.200 --> 01:09:48.480
 Das ist einfach,

01:09:48.480 --> 01:09:50.380
 das funktioniert schon echt sauber.

01:09:50.380 --> 01:09:52.040
 Wow.

01:09:52.040 --> 01:09:54.040
 Das muss ich mir jetzt nur merken,

01:09:54.040 --> 01:09:55.360
 dass ich, wenn ich es mal brauche,

01:09:55.360 --> 01:09:56.060
 weil das ist sowas,

01:09:56.060 --> 01:09:57.300
 das ist ein klassisches Ding,

01:09:57.300 --> 01:09:59.080
 wo ich, wo ich in drei Jahren denke,

01:09:59.080 --> 01:10:00.760
 da gab es doch mal was.

01:10:00.760 --> 01:10:00.800
 Da gab es doch mal was.

01:10:00.800 --> 01:10:00.960
 Ja, da gab es doch mal was.

01:10:00.960 --> 01:10:01.360
 Ja, da gab es doch mal was.

01:10:01.360 --> 01:10:03.760
 Ah, da muss ich auf unserer Suche suchen

01:10:03.760 --> 01:10:04.820
 und dann musst du mir jetzt

01:10:04.820 --> 01:10:06.280
 ganz viele Keywords dahin schreiben,

01:10:06.280 --> 01:10:07.800
 unter denen ich das wieder finde.

01:10:07.800 --> 01:10:10.800
 Bilder neu ausleuchten mit Relight.

01:10:10.800 --> 01:10:13.380
 Da wäre es jetzt praktisch,

01:10:13.380 --> 01:10:14.180
 geile SEO-Link.

01:10:14.180 --> 01:10:17.200
 Wenn wir unsere Transcriptions hätten,

01:10:17.200 --> 01:10:19.580
 dann hätten wir die ganzen Keywords

01:10:19.580 --> 01:10:20.500
 nämlich automatisch drin.

01:10:20.500 --> 01:10:22.080
 Ja.

01:10:22.080 --> 01:10:23.500
 Vielleicht müssen wir das tatsächlich mal machen.

01:10:23.500 --> 01:10:26.420
 Das wäre, glaube ich, schon gut.

01:10:26.900 --> 01:10:28.860
 Ich bin geplättet.

01:10:28.860 --> 01:10:30.180
 Das ist total cool.

01:10:30.180 --> 01:10:30.820
 Vielen Dank.

01:10:30.820 --> 01:10:31.780
 Gerne.

01:10:31.780 --> 01:10:34.220
 So, aber jetzt haben wir immer die 1,15

01:10:34.220 --> 01:10:34.740
 noch nicht voll.

01:10:34.740 --> 01:10:36.100
 Wir müssen noch ein bisschen labern, glaube ich.

01:10:36.100 --> 01:10:37.200
 Ja, das kriegen wir hin, oder?

01:10:37.200 --> 01:10:38.820
 Jetzt machen wir noch den Jingle

01:10:38.820 --> 01:10:40.020
 und dann schauen wir mal.

01:10:42.520 --> 01:10:43.980
 Da ist Ende.

01:10:43.980 --> 01:10:44.020
 Da ist das Ende.

01:10:44.020 --> 01:10:48.720
 Was?

01:10:48.720 --> 01:10:50.240
 War was?

01:10:50.240 --> 01:10:56.420
 Ja, Mensch, wir müssen ja auch die 1,15 nicht voll machen.

01:10:56.420 --> 01:10:58.480
 Aber das ist ja schon fast,

01:10:58.480 --> 01:11:00.220
 also unter 100 Minuten ist ja eigentlich schon fast,

01:11:00.220 --> 01:11:01.660
 können wir uns ja gar nicht blicken lassen.

01:11:02.360 --> 01:11:03.020
 naja, krass, ne?

01:11:03.020 --> 01:11:05.220
 Ja, wir hatten noch Angst,

01:11:05.220 --> 01:11:06.360
 dass das irgendwie doch zu viel wird

01:11:06.360 --> 01:11:08.400
 und deswegen extra ein paar Sachen gestrichen,

01:11:08.400 --> 01:11:11.740
 aber man muss ja auch nicht immer übertreiben.

01:11:11.740 --> 01:11:14.180
 Ne, dann haben wir ja noch ungefähr 27 Folgen,

01:11:14.180 --> 01:11:15.460
 die wir über HTML-Elemente machen können.

01:11:15.460 --> 01:11:15.700
 Richtig.

01:11:15.760 --> 01:11:16.200
 Ja, das ist ja auch schön.

01:11:16.200 --> 01:11:16.940
 Richtig.

01:11:16.940 --> 01:11:18.880
 Ja, es wurde sogar schon danach gefragt, ne?

01:11:18.880 --> 01:11:20.120
 Es kam schon so,

01:11:20.120 --> 01:11:23.180
 ja, macht ihr denn mit eurer HTML-Serie immer wieder weiter?

01:11:23.180 --> 01:11:25.740
 Also das scheint wirklich Anklang zu finden.

01:11:25.740 --> 01:11:26.380
 Das freut uns natürlich immer, wenn das hört.

01:11:26.380 --> 01:11:28.500
 Nee, wir mussten erst die Telenovela abdrehen.

01:11:28.500 --> 01:11:30.300
 Jetzt geht's weiter mit der HTML-Serie.

01:11:30.300 --> 01:11:33.320
 So, hatte einfach zu viel Erfolg.

01:11:33.320 --> 01:11:35.360
 Jetzt gehen wir wieder zu den Sachen,

01:11:35.360 --> 01:11:36.720
 die weniger erfolgreich sind.

01:11:36.720 --> 01:11:38.340
 Bleiben wir also hier.

01:11:38.340 --> 01:11:40.540
 Gut.

01:11:40.540 --> 01:11:45.000
 Ja, dann haben wir noch hier so, genau.

01:11:45.760 --> 01:11:50.360
 Wir klicken gerne gleichzeitig auf dieselben Sachen

01:11:50.360 --> 01:11:52.840
 und dann haken sie sich an und wieder ab.

01:11:52.840 --> 01:11:56.880
 Ja, also das stimmt ab beim DJ-Namen.

01:11:56.880 --> 01:11:57.960
 Würde mich sehr freuen.

01:11:57.960 --> 01:12:00.220
 Meldet euch an bei der Beyond Tellerrand.

01:12:00.220 --> 01:12:03.560
 Also beziehungsweise bei der Beyond Tellerrand selber geht gar nicht mehr,

01:12:03.560 --> 01:12:04.580
 weil die ist ausverkauft.

01:12:04.580 --> 01:12:08.140
 Aber für unser HörerInnen-Treffen wäre doch echt ganz nett.

01:12:08.140 --> 01:12:12.520
 Und was gibt's sonst noch?

01:12:12.520 --> 01:12:14.840
 Schaut mal, wenn es euch interessiert, bei unserem Stream vorbei.

01:12:14.980 --> 01:12:15.840
 Das ist auch immer lustig.

01:12:15.840 --> 01:12:19.000
 Dienstags und alle zwei Wochen freitags,

01:12:19.000 --> 01:12:20.380
 wenn wir keinen Podcast aufnehmen.

01:12:20.380 --> 01:12:26.360
 Das ist mehr so ein News-Format, würde ich mal sagen.

01:12:26.360 --> 01:12:29.580
 Aber weniger jetzt so, was für eine Sauwut jetzt gerade durchs Dorf getrieben,

01:12:29.580 --> 01:12:31.700
 sondern so Sachen, die uns vor die Füße gefallen sind.

01:12:31.700 --> 01:12:32.740
 Gucken wir uns da an.

01:12:32.740 --> 01:12:34.520
 Manchmal coden wir auch ein bisschen im Stream.

01:12:35.340 --> 01:12:36.340
 Es ist immer nett.

01:12:36.340 --> 01:12:39.340
 Es ist immer eine schöne Community, immer schöne Interaktionen mit dem Chat.

01:12:39.340 --> 01:12:40.900
 Immer eine Handvoll Leute dabei.

01:12:40.900 --> 01:12:43.260
 So unser harter Kern.

01:12:43.260 --> 01:12:48.280
 Genau, die nettesten Menschen der Welt sind im Livestream-Chat.

01:12:48.520 --> 01:12:49.720
 Hashtag Vibes-Volk.

01:12:49.720 --> 01:12:51.520
 Genau, sind da mit dabei.

01:12:51.520 --> 01:12:54.180
 Und da haben wir immer eine Menge Spaß.

01:12:54.180 --> 01:12:57.560
 Und falls du denkst, das klingt irgendwie gut, dann kannst du ja auch mal vorbeischauen.

01:12:57.560 --> 01:13:00.900
 Ich glaube, es ist tatsächlich am besten, wenn man live dabei ist.

01:13:00.900 --> 01:13:02.440
 Man kann sich das natürlich manchmal auch,

01:13:02.440 --> 01:13:05.060
 nicht alle Folgen laden wir hinterher irgendwo hoch

01:13:05.060 --> 01:13:06.300
 oder kann man noch bei Twitch angucken.

01:13:06.300 --> 01:13:09.020
 Manchmal müssen wir das aus Copyright-Gründen löschen

01:13:09.020 --> 01:13:13.740
 oder auch aus Gründen, weil wir zu betrunken waren oder sowas.

01:13:13.740 --> 01:13:15.280
 Das hatten wir auch schon mal.

01:13:15.280 --> 01:13:21.120
 Aber genau, das ist immer sehr, sehr nett und immer sehr schön.

01:13:21.120 --> 01:13:26.060
 Und wenn ihr wollt, das ist auch ein guter Austausch innerhalb der Community.

01:13:26.060 --> 01:13:29.520
 Also nicht nur mit uns, sondern auch untereinander.

01:13:29.520 --> 01:13:30.820
 Finde ich das immer sehr schön.

01:13:30.820 --> 01:13:35.540
 Ja, da kommt ihr einfach mal vorbei und guckt, ob das was für euch ist.

01:13:35.540 --> 01:13:37.720
 Ansonsten empfehlt uns natürlich gerne weiter,

01:13:37.720 --> 01:13:39.680
 euren KollegInnen bei der Arbeit.

01:13:39.680 --> 01:13:43.420
 Und bewerten, bewerten wäre auch noch cool.

01:13:43.420 --> 01:13:46.820
 Das haben wir auch schon ein paar Mal angesprochen bei Podcast-Seiten.

01:13:46.820 --> 01:13:49.580
 Also Apple Podcasts, ich weiß gar nicht, Google Podcasts,

01:13:49.580 --> 01:13:50.660
 kann man da auch Bewertungen schreiben.

01:13:50.660 --> 01:13:52.420
 Das wäre cool.

01:13:52.420 --> 01:13:54.340
 Einfach irgendwie ein paar Sternchen da lassen

01:13:54.340 --> 01:13:56.020
 und irgendwie einen kleinen, netten Kommentar.

01:13:56.020 --> 01:13:56.980
 Da freuen wir uns auch immer drüber.

01:13:56.980 --> 01:13:58.340
 Genau.

01:13:58.340 --> 01:14:01.320
 So, und wenn ihr euch dann noch ein T-Shirt von uns kauft,

01:14:01.320 --> 01:14:04.380
 bevor ihr zur Beyond-Tellerrand kommt, auf das HörerInnen-Treffen,

01:14:04.380 --> 01:14:06.040
 dann sind wir im siebten Himmel.

01:14:06.040 --> 01:14:07.800
 Oder vielleicht sogar im 23.

01:14:07.800 --> 01:14:09.940
 Okay.

01:14:09.940 --> 01:14:11.580
 Das war jetzt so schön.

01:14:11.580 --> 01:14:14.780
 Dann haben wir jetzt doch noch die Viertelstunde auch voll.

01:14:14.780 --> 01:14:15.880
 Gerade so.

01:14:15.880 --> 01:14:16.620
 Gerade so.

01:14:16.620 --> 01:14:18.200
 Na, wir werden am Anfang ein bisschen wegschneiden.

01:14:18.200 --> 01:14:19.720
 Komm, ein paar Sekunden müssen wir noch.

01:14:19.720 --> 01:14:20.680
 Okay.

01:14:20.680 --> 01:14:24.440
 Aber ich lasse jetzt das Auto schon mal laufen.

01:14:24.440 --> 01:14:25.080
 Ja.

01:14:25.240 --> 01:14:28.720
 Und, ähm, ja, vielen Dank, dass ihr wieder zugeschaut habt, äh, zugehört habt,

01:14:28.720 --> 01:14:30.620
 wo wir gerade beim Streamen waren.

01:14:30.620 --> 01:14:32.640
 Ähm, und bis zum nächsten Mal.

01:14:32.640 --> 01:14:33.700
 Bis dann.

01:14:33.700 --> 01:14:34.080
 Ciao.

01:14:34.080 --> 01:14:34.640
 Tschüss.

01:14:34.640 --> 01:14:36.640
 Musik