WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: HTML von a bis z-z III: Text Content (Teil 2)
Publishing Date: 2023-07-09T14:08:57+02:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/html-von-a-bis-z-z-iii-text-content-teil-2/

00:00:00.000 --> 00:00:04.320
 Wo wir sind, ist vorne, Folge 59. Wer UL sagt, muss auch Blockquote sagen.

00:00:04.320 --> 00:00:20.820
 Herzlich willkommen bei Wo wir sind, ist vorne.

00:00:20.820 --> 00:00:23.620
 Frontend Fakten Frotzeleien.

00:00:23.620 --> 00:00:27.640
 Der Late Night Frontend Talkshow rund um Webdesign und Entwicklung.

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

00:00:39.340 --> 00:00:57.360
 Hey, herzlich willkommen zu einer neuen Folge.

00:00:58.480 --> 00:01:00.200
 Mit funktionierender Technik.

00:01:00.200 --> 00:01:00.920
 Ja, es läuft.

00:01:00.920 --> 00:01:02.480
 Wir hatten gar keine Probleme heute.

00:01:02.480 --> 00:01:03.100
 Das ist so schön.

00:01:03.100 --> 00:01:03.320
 Seltsam.

00:01:03.320 --> 00:01:04.420
 Fühlt sich ganz komisch an.

00:01:04.420 --> 00:01:05.180
 Ganz komisch.

00:01:05.180 --> 00:01:09.180
 Ich muss hier mal wieder ein paar Kabel rumwackeln, damit alles kaputt geht.

00:01:09.180 --> 00:01:12.580
 Dann reicht ja schon, dein MacBook zu berühren.

00:01:12.580 --> 00:01:14.440
 Wir hatten noch nicht mal Knackser heute.

00:01:14.440 --> 00:01:15.620
 Das ist ja fantastisch.

00:01:16.680 --> 00:01:22.600
 Ich habe mich gerade so gefreut über das Intro, über eine Stelle, wo der Super-Mario-Sound kommt.

00:01:22.600 --> 00:01:22.820
 Pling!

00:01:22.820 --> 00:01:24.340
 Nee, nee, nee.

00:01:24.340 --> 00:01:25.520
 Ich meine deinen.

00:01:25.520 --> 00:01:28.020
 Ich meine deinen bei Konstantin Groß.

00:01:28.020 --> 00:01:33.640
 Das ist einfach ... Ich weiß nicht, ob wir das schon mal aufgelöst haben oder ob ihr das schon mal selbst rausgefunden habt.

00:01:34.800 --> 00:01:40.700
 Es gab auf jeden Fall, als wir das Intro am Anfang gemacht haben, immer Leute, denen ich das vorgespielt habe, haben gesagt, ah ja, das ist ein geiler Gag.

00:01:40.700 --> 00:01:42.480
 Ohne, dass ich es erklärt habe.

00:01:42.480 --> 00:01:46.160
 Von daher wird es wahrscheinlich der ein oder andere auch schon rausgefunden haben.

00:01:46.240 --> 00:01:49.960
 Aber das ist einfach schön und es hat mich gerade gefreut, das mal wieder zu hören, dass es einfach eine gute Idee war.

00:01:49.960 --> 00:01:52.540
 Genau, also das haben wir es immer noch nicht aufgelöst, ne?

00:01:52.540 --> 00:01:59.440
 Also das ist der, wegen Groß und der Wachs-Sound von dem Pilz bei Super Mario.

00:01:59.440 --> 00:02:03.000
 Also genau, Super Mario ist so ein komischer Klempner, der immer Pilze frisst.

00:02:03.000 --> 00:02:08.180
 Deswegen ist diese Welt auch so bunt und voller komischer Frässer und Pflanzen und so.

00:02:08.180 --> 00:02:10.280
 Ich glaube, das ist einfach nur so ein Fiebertraum.

00:02:10.280 --> 00:02:12.340
 Ach ja, das kann gut sein, wie du das sagst, ja.

00:02:12.340 --> 00:02:16.000
 Ich meine, der reitet auf der Schmutzgründung.

00:02:16.000 --> 00:02:19.500
 Was ist denn da los?

00:02:19.500 --> 00:02:20.900
 Es ist doch schon ein bisschen wild, oder?

00:02:20.900 --> 00:02:24.060
 Also ich glaube, der hat einfach am Pilz zu viel geflossen.

00:02:24.060 --> 00:02:28.160
 Der kann, ja, ich kann fliegen manchmal und dann schwimme ich mal.

00:02:28.160 --> 00:02:29.020
 Oh, ein Drache.

00:02:29.020 --> 00:02:31.160
 Oh, eine Qualle, die mir hinterher schwimmt.

00:02:31.160 --> 00:02:32.120
 Es ist auch alles.

00:02:32.120 --> 00:02:33.560
 Oh, ich werfe mit Schildkröten.

00:02:33.560 --> 00:02:38.080
 Also ich meine, das kann man ja nicht ernst nehmen.

00:02:38.080 --> 00:02:39.540
 Ja.

00:02:39.540 --> 00:02:41.400
 Hast du ein Getränk?

00:02:41.400 --> 00:02:44.660
 Ich habe ein Getränk und ich habe beschlossen, das Fasten zu brechen.

00:02:44.660 --> 00:02:45.500
 Das Alkoholfasten.

00:02:45.500 --> 00:02:49.000
 Mit was völlig, das Alkoholfasten, das hast du ja beim letzten ...

00:02:49.000 --> 00:02:52.760
 Genau, beim Stream oder beim letzten, ich weiß es gar nicht mehr.

00:02:52.760 --> 00:02:56.540
 Du hast irgendwann mal einen Radler getrunken, ein alkoholfolles Radler, hast du es vorhin genannt.

00:02:56.540 --> 00:02:56.660
 Ein alkoholfolles, ja.

00:02:57.660 --> 00:03:03.240
 So, und wir haben ja gesagt, vielleicht nochmal zur Erklärung, dass wir bis zur Sommerpause nichts mehr trinken.

00:03:03.240 --> 00:03:12.320
 Und jetzt habe ich beschlossen, dass quasi, da die Sommerpause für Podcasts jetzt quasi beginnt, also nach dieser Folge, ist es okay, wenn ich jetzt eine Folge überlappen lasse.

00:03:13.160 --> 00:03:19.860
 Und ich trinke wieder ein kleines Wolfbräu-Pilz, das habe ich jetzt noch im Kühlschrank gehabt und das gibt es jetzt heute.

00:03:19.860 --> 00:03:21.360
 Und ich mache noch ein bisschen ...

00:03:21.360 --> 00:03:24.280
 Zischklack.

00:03:24.280 --> 00:03:30.320
 Zischklack, ich habe ein normales Null-Nuller-Radler wieder hier, Bitburger Standardprogramm.

00:03:31.180 --> 00:03:42.420
 Also du hast mit diesem geilen Öffner, das muss man nochmal dazu sagen, Konstantin hat dieses massive Metallgerät, mit dem man auch Gurkengläser und alles mögliche öffnen kann.

00:03:42.420 --> 00:03:44.720
 Also was du damit nicht aufträgst, das lässt sich nicht öffnen.

00:03:44.720 --> 00:03:45.880
 Ja, ich glaube auch.

00:03:45.880 --> 00:03:48.720
 Dann stoßen wir noch an.

00:03:48.720 --> 00:03:54.260
 Durchs Portal natürlich, wie immer, weil wir nehmen Remote auf, auch wenn man das nicht merkt.

00:03:54.260 --> 00:03:57.500
 Also ich hoffe, dass man es nicht merkt, das wäre sehr schön.

00:03:59.540 --> 00:04:02.820
 Ja, irgendwie hat sich das so eingeschliffen, habe ich nochmal drüber nachgedacht vor kurzem.

00:04:02.820 --> 00:04:04.220
 Vielleicht machen wir mal Retro.

00:04:04.220 --> 00:04:06.140
 Was hat sich eingeschliffen? Ja, dann lass es uns zu Retro.

00:04:06.140 --> 00:04:06.980
 Ja, lass es uns zu Retro.

00:04:06.980 --> 00:04:07.060
 Okay.

00:04:07.060 --> 00:04:15.420
 BW SIV präsentiert die Retrospektive.

00:04:15.420 --> 00:04:20.060
 Das ist unser erster Punkt, es hat sich etwas eingeschlichen.

00:04:20.060 --> 00:04:22.500
 Hat sich etwas eingeschlichen, spontaner Retro-Punkt.

00:04:22.500 --> 00:04:29.200
 Ja, wir haben ja ursprünglich diesen Podcast aufgenommen, also die ersten zwei, drei Folgen.

00:04:29.280 --> 00:04:30.440
 Ich weiß gar nicht mehr genau wie viel.

00:04:30.440 --> 00:04:38.260
 Vor Corona, ja, vor Ort, wir waren am gleichen Ort und haben da in Mikrofone gesprochen, haben uns ganz tief in die Augen geschaut.

00:04:38.260 --> 00:04:43.360
 Und dann kam Corona und dann haben wir erst mal lernen müssen, wie man das Remote macht.

00:04:43.360 --> 00:04:45.000
 Und das hat dann irgendwie ganz gut geklappt.

00:04:45.000 --> 00:04:47.320
 Und das machen wir jetzt immer noch, obwohl wir, glaube ich, nicht mehr müssten.

00:04:47.320 --> 00:04:48.580
 Eigentlich nicht, nee.

00:04:49.240 --> 00:04:51.560
 Aber wir machen es trotzdem sehr bequem.

00:04:51.560 --> 00:04:56.880
 Es ist richtig, weil sonst müsste ich jetzt, entweder müsstest du zu mir kommen oder ich zu dir und das ist halt doch eine halbe Stunde.

00:04:56.880 --> 00:04:59.180
 Und jeder hat sein Setup zu Hause aufgebaut.

00:04:59.200 --> 00:05:00.220
 Ja, eigentlich passt das so.

00:05:00.220 --> 00:05:04.060
 Ich glaube auch, dass wir das außer vielleicht für ein paar Specials nicht mehr ändern werden, oder?

00:05:04.060 --> 00:05:08.360
 Also für unseren Hot-Tab-Stream, so er denn kommt.

00:05:08.760 --> 00:05:15.580
 Ja, da müssen wir uns das überlegen, wie wir das machen, wenn er denn zusammenkommt.

00:05:15.580 --> 00:05:16.960
 Der auch ganz bestimmt.

00:05:16.960 --> 00:05:19.000
 Irgendwann kommt irgendjemand auf die Idee.

00:05:19.000 --> 00:05:24.300
 Vielleicht muss man dazu noch kurz was erklären, die Leute, die nicht bei Twitch zuschauen.

00:05:24.820 --> 00:05:36.520
 Es gibt bei Twitch so eine Kategorie Beach and Pools oder irgendwie sowas, glaube ich, heißt die, wo dann leicht bekleidete Menschen ihre leicht bekleideten Körper in die Kamera halten.

00:05:36.520 --> 00:05:37.840
 Aber ich glaube, es gibt so Regeln.

00:05:37.840 --> 00:05:39.960
 Du darfst irgendwie keinen Nippel zeigen und sowas.

00:05:39.960 --> 00:05:42.040
 Als Frau zumindest wieder nicht.

00:05:42.040 --> 00:05:43.780
 Keine primären Geschlechtsalte.

00:05:43.780 --> 00:05:54.740
 Ich glaube, irgendwo habe ich mal sowas gelesen wie, dass das nicht der Hauptinhalt des Streams sein sollte, sondern dass man noch irgendwie, ob das noch gilt, da bin ich mir nicht so sicher.

00:05:55.540 --> 00:06:07.600
 Naja, und dann haben wir natürlich, also manchmal sind, ist das halt in so, sind sogenannte Hot-Tab-Streams, ob die jetzt wirklich hot sind, die Tubs, weiß man nicht so genau, aber die haben so kleine Pools irgendwie aufgebaut an den Orten, wo sie streamen und sitzen dann halt da drin im Wasser teilweise.

00:06:07.600 --> 00:06:09.960
 Weil das, keine Ahnung, ich weiß gar nicht genau warum.

00:06:09.960 --> 00:06:14.700
 Ja, gut, ich glaube, es hat mal angefangen halt mit leicht begleiteten Damen, die das gemacht haben.

00:06:14.700 --> 00:06:18.600
 Vielleicht ist das aber, vielleicht ist das eine Ausrede, dass sie ein Bikini tragen können.

00:06:18.600 --> 00:06:23.360
 Es könnte sein, dass das gar nicht mal, weil du könntest dich ja auch im Bikini irgendwie so hinsetzen,

00:06:23.680 --> 00:06:27.540
 aber dann hast du ja vielleicht keinen, also keinen plausiblen Grund, warum du jetzt in Unterwäsche da sitzt.

00:06:27.540 --> 00:06:29.200
 Genau, genau. Dann könnte TikTok sagen hier so, mhm.

00:06:29.200 --> 00:06:33.980
 Ja, aber ich sitze halt im Wasser, was soll ich machen, da kann ich ja nicht mit Klamotten reinsetzen.

00:06:33.980 --> 00:06:37.640
 Genau, und der Witz war dann halt, dass wir gesagt haben, ja, sowas machen wir auch mal,

00:06:38.280 --> 00:06:43.900
 aber halt erst, wenn wir mal 100 Subscriber auf Twitch gleichzeitig haben.

00:06:43.900 --> 00:06:47.780
 Also ich meine, es wurde sogar schon von der Community gefordert, ne? Es kam ein Hot Tub Stream 1.

00:06:47.780 --> 00:06:54.220
 Ja, ja, genau. Und dann haben wir gesagt, okay, sobald wir 100 Subscriber haben, machen wir das.

00:06:54.220 --> 00:07:01.200
 Also zur Erklärung auch nochmal, die Leute, die Twitch nicht kennen, Subscriber bedeutet, dass man entweder mit seinem Prime Sub,

00:07:01.200 --> 00:07:09.840
 also man kann, wenn man Prime hat, dann kann man das mit Twitch verknüpfen und dann kann man einen Twitch-Account kostenlos unterstützen, jeden Monat.

00:07:09.840 --> 00:07:12.320
 Das würde uns freuen, wenn ihr das machen würdet, das kann man hier noch kurz droppen.

00:07:13.060 --> 00:07:19.060
 Aber ein Subscriber, das ist nicht einfach nur ein Follower, also nicht jemand, der einfach nur sagt, ich möchte mitbekommen, wenn jemand live geht,

00:07:19.060 --> 00:07:24.800
 sondern das ist jemand, der entweder das über Twitch Prime macht oder halt eben tatsächlich Geld bezahlt, jeden Monat.

00:07:24.800 --> 00:07:30.240
 Und das muss man nicht, das ist freiwillig, also es gibt auch Sub-Only-Streams oder so, das kann man, glaube ich, machen bei Twitch.

00:07:30.240 --> 00:07:32.920
 Das macht aber, glaube ich, so gut wie niemand und wir machen das auch nicht.

00:07:32.920 --> 00:07:34.720
 Also das ist wirklich nur, um uns zu unterstützen.

00:07:34.720 --> 00:07:38.720
 Und ich glaube, derzeit sind wir so, um mal so eine Zahl zu nennen, bei irgendwas um die 20.

00:07:40.300 --> 00:07:48.860
 Man kann bei Twitch auch Subs verschenken und es wurde auch schon angekündigt, war es 50?

00:07:48.860 --> 00:07:50.540
 War die Ankündung 50?

00:07:50.540 --> 00:07:52.020
 Ja, der Prime meinte.

00:07:52.020 --> 00:08:00.340
 Ja, genau, der im Stream war, hat gesagt, wenn ihr mal 50 regelmäßige Zuschauer habt, dann schmeiße ich auch 50 Subs rein.

00:08:00.340 --> 00:08:02.500
 Ja, das ist gar nicht so einfach.

00:08:02.500 --> 00:08:03.300
 Kommt alle vorbei.

00:08:03.300 --> 00:08:05.860
 Kommt einfach alle vorbei im nächsten Stream.

00:08:05.860 --> 00:08:08.700
 Im nächsten Stream ist am Mittwoch, diesmal auch außerhalb der Reihe.

00:08:08.700 --> 00:08:15.260
 Und zwar am Mittwoch, den 12. Juli.

00:08:15.260 --> 00:08:15.620
 Genau.

00:08:15.620 --> 00:08:18.060
 Ab 20 Uhr voraussichtlich.

00:08:18.060 --> 00:08:22.260
 Plus, minus, plus, minus Technikprobleme.

00:08:22.260 --> 00:08:25.000
 Just set up.

00:08:25.000 --> 00:08:29.660
 Ja, aber das wollte ich einfach nochmal besprechen, so von wegen, ja, wir haben uns irgendwie so eingegroovt, dass wir das jetzt irgendwie so aufnehmen.

00:08:29.660 --> 00:08:31.280
 Und es funktioniert irgendwie sehr gut, finde ich.

00:08:31.280 --> 00:08:45.340
 Seit wir festgestellt haben, dass wir uns dabei sehen müssen und nicht einfach nur telefonieren quasi und irgendwie gemeinsam die Notizen hier vor uns haben mit Trello, die man schön gemeinsam live bearbeiten kann, was total gut funktioniert, schon immer.

00:08:45.340 --> 00:08:47.720
 Ja, funktioniert gut remote.

00:08:47.720 --> 00:08:49.940
 Wobei ich aber sagen muss, bei der GPN, das hat auch Spaß gemacht.

00:08:49.940 --> 00:08:53.140
 Das war mal was anderes und da waren wir richtig mal wieder vor Ort und mit Publikum.

00:08:53.220 --> 00:08:54.780
 Das war auch, war auch schön.

00:08:54.780 --> 00:08:57.580
 Also mal gucken, was die Zukunft so bringt.

00:08:57.580 --> 00:09:00.840
 Vor Publikum würde ich das auch auf jeden Fall nochmal machen.

00:09:00.840 --> 00:09:01.160
 Ja.

00:09:01.160 --> 00:09:02.900
 Das war wirklich sehr schön.

00:09:02.900 --> 00:09:03.140
 Genau.

00:09:04.400 --> 00:09:15.200
 Okay, ich dachte eigentlich zuerst, ich hätte heute gar keinen Retro-Punkt, aber mir ist dann beim Anlegen des Ordners für die Aufnahme jetzt ist mir was passiert.

00:09:15.200 --> 00:09:22.120
 Und zwar war ich zu faul zum Tippen, weil es so warm ist und habe einfach nur, wir machen manchmal so witzige Namen, weiß nicht, was wir da schon alles hatten.

00:09:24.260 --> 00:09:27.960
 Valentin und Moritz, Poritz oder so irgendwas, ja.

00:09:27.960 --> 00:09:31.240
 Und ich wollte einfach nur Con eingeben.

00:09:31.240 --> 00:09:43.560
 Und ich gebe als Ordnernam Con ein, nicht Com, ja, sondern Con, meine Anfangsbuchstaben und es begrüßt mich die Meldung, the specified device name is invalid.

00:09:43.560 --> 00:09:50.400
 Ich dachte so, hä, was spinnt jetzt irgendwie, das war in dem Dropbox-Ordner, ist da irgendwas kaputt gegangen, weil ich den Prozess abgeschossen habe.

00:09:50.400 --> 00:09:52.880
 Darüber gab es einen Vortrag bei der GPN, witzigerweise.

00:09:53.040 --> 00:09:56.760
 Ja, es gab bei der GPN einen Vortrag über Ordnernamen, die unter Windows nicht erlaubt sind.

00:09:56.760 --> 00:09:59.620
 Ah, vielleicht können wir den noch reinhängen in die Shownotes.

00:09:59.620 --> 00:10:04.200
 Das notiere ich gleich mal hier dazu, GPN-Vortrag, Link.

00:10:04.200 --> 00:10:10.080
 Genau, ich habe nämlich dann, also erst dachte ich, es ist irgendwas jetzt kaputt.

00:10:10.080 --> 00:10:14.460
 Ich habe den Prozess abgeschossen, damit Dropbox nicht hier synchronisiert und irgendwie habe ich was kaputt gemacht.

00:10:14.460 --> 00:10:18.560
 Habe dann aber festgestellt, okay, alle anderen Namen gehen, aber Con kann ich nicht eingeben.

00:10:18.560 --> 00:10:27.700
 Dann habe ich kurz gegoogelt und bin tatsächlich auf einen Artikel gestoßen, so ein Microsoft-Hilfe-Forums-Artikel.

00:10:27.700 --> 00:10:34.360
 Und siehe da, man kann bestimmte Buchstabenkombinationen nicht benutzen.

00:10:35.100 --> 00:10:45.540
 Und zwar die ganzen alten Ports, die es gab, COM1, COM2 bis COM9, LPT1 und so weiter, aber auch AUX zum Beispiel oder PRN.

00:10:45.540 --> 00:10:53.880
 Also wenn ich jetzt meinen Porno-Ordner auf dem Computer ganz geheim anders nennen will, damit niemand draufkommt, PRN geht nicht.

00:10:55.920 --> 00:11:03.440
 Genau, und das liegt daran, dass das irgendwelche reservierten System-Actions und Devices waren, in DOS-Zeiten noch.

00:11:03.440 --> 00:11:09.320
 Und das hat sich irgendwie so, ja, bis heute eingeschlichen, dass man das nicht nennen kann.

00:11:09.320 --> 00:11:10.960
 Ich such gerade mal den Talk raus.

00:11:10.960 --> 00:11:16.380
 Ja, den habe ich so angefangen zu schauen, ich habe ihn nicht ganz fertig geschaut, glaube ich.

00:11:17.080 --> 00:11:25.620
 Aber definitiv, naja, guck nochmal, da gibt es auf jeden Fall einen Talk genau zu dem Thema, wo auch dann erklärt wird tatsächlich, warum.

00:11:25.620 --> 00:11:26.840
 Warum das so ist.

00:11:26.840 --> 00:11:30.780
 Und das scheint gar nicht so einfach zu sein, die Erklärung.

00:11:30.780 --> 00:11:35.320
 Also ich meine, es liegt jetzt erstmal auf der Hand, sowas wie COM oder AUX, ja.

00:11:35.320 --> 00:11:40.260
 Aber wieso ist das denn immer noch so, ist ja dann auch eine berechtigte Frage.

00:11:40.260 --> 00:11:42.420
 Also der ging da, glaube ich, ziemlich in die Tiefe.

00:11:42.420 --> 00:11:44.600
 Kann ich empfehlen, sich mal anzuschauen.

00:11:44.860 --> 00:11:47.220
 Also wir suchen es doch und packen es in die Show Notes auf jeden Fall.

00:11:47.220 --> 00:11:52.200
 Ja, ich sage es mal so, es ist, glaube ich, auch okay, wenn man das nicht weiß, warum das so ist.

00:11:52.200 --> 00:11:53.040
 Ich denke auch.

00:11:53.040 --> 00:11:56.160
 Also, ja, es geht einem nichts verloren.

00:11:56.160 --> 00:11:57.860
 Okay.

00:11:57.860 --> 00:12:06.020
 Gut, dann hätte ich noch als Retropunkt meinen Accessibility-Cheat-Sheet, das ich schon öfter erwähnt habe.

00:12:06.020 --> 00:12:08.160
 Das hat ein kleines Update bekommen.

00:12:08.160 --> 00:12:10.280
 Das hatte ich im Stream auch schon erwähnt.

00:12:10.280 --> 00:12:20.080
 Und da sind jetzt, ich habe mal ein paar Links noch mit reingepackt zu, meistens zu den Web-Content-Accessibility-Guidelines, um so ein bisschen weitere Informationen für die einzelnen Themen.

00:12:20.080 --> 00:12:35.740
 Ich meine, das Sheet-Sheet ist nicht, das ist kein umfassendes Accessibility-Werk, sondern das soll ja auf kurzem, also auf ganz kleinem Raum irgendwie möglichst viel Informationen unterbringen, sodass man schnell anfangen kann und so die üblichen Fehler findet.

00:12:36.280 --> 00:12:40.420
 Genau, das hat ein kleines Update bekommen, da sind jetzt Links mit dabei, das kommt auch nochmal in die Shownotes.

00:12:40.420 --> 00:12:49.440
 Und ich habe auch die Why ARIA-Section ein bisschen abgedatet, weil da stand drin vorher, dass man das benutzen soll für Dynamic Websites.

00:12:49.440 --> 00:12:58.240
 Und ich würde das, das stand da lange und ich habe schon immer im Stream und im Podcast was anderes erzählt, nämlich sowas wie, nutze es nur dann, wenn es nicht anders geht.

00:12:58.400 --> 00:13:00.300
 Also am besten gar kein ARIA verwenden.

00:13:00.300 --> 00:13:07.040
 Genau, das steht jetzt auch so da drin, nicht, dass ich da irgendwelchen Leuten falsche Informationen weitergebe.

00:13:07.040 --> 00:13:09.000
 Das war das.

00:13:09.000 --> 00:13:09.780
 Gut.

00:13:09.780 --> 00:13:16.720
 Und dann, wir haben es gerade von vorhin schon angekündigt, dies ist die letzte Podcast-Folge vor der Sommerpause.

00:13:17.520 --> 00:13:20.440
 Und wie immer geht die Sommerpause so lang, wie sie geht.

00:13:20.440 --> 00:13:21.800
 So lang, bis wir wieder Lust haben.

00:13:21.800 --> 00:13:25.660
 So lang, bis wir wieder, ja gut, Lust habe ich natürlich immer.

00:13:25.660 --> 00:13:26.640
 Sowieso.

00:13:27.620 --> 00:13:30.340
 Aber bis es nicht mehr so warm ist, dass man nicht mehr denken kann.

00:13:30.340 --> 00:13:30.960
 Genau.

00:13:30.960 --> 00:13:36.940
 Ich habe zum Beispiel Hardware-Probleme hier und ich weiß nicht, ob es an der Hitze liegt.

00:13:36.940 --> 00:13:38.820
 So arg warm ist es eigentlich gar nicht.

00:13:38.820 --> 00:13:49.880
 Aber ich hatte in den letzten Tagen immer wieder, und ich glaube, ich weiß jetzt, also ich weiß nicht genau, woran es liegt, aber ich habe jetzt die Ursache ausgemacht, zumindest so die Ursache Nummer eins.

00:13:50.080 --> 00:13:57.920
 Ich weiß noch nicht ganz tief, woran es liegt, aber wenn mein Internet langsam wird, was ich in letzter Zeit öfter mal hatte, dann hilft tatsächlich Router neu starten.

00:13:57.920 --> 00:13:59.880
 Und das ergibt irgendwie keinen Sinn für mich.

00:13:59.880 --> 00:14:10.140
 Also wieso alle zwei Tage oder mittlerweile sogar fast täglich irgendwann das Internet langsamer wird und ich das durch Router-Neustart beheben kann, ich habe keine Ahnung.

00:14:10.140 --> 00:14:13.960
 Ich habe nichts an der Konfiguration geändert in letzter Zeit.

00:14:15.040 --> 00:14:25.120
 Und das bedeutet für mich, ist die Hardware kaputt oder haben die mir irgendein falsches Konfigurationsprofil draufgespielt, weil es ist ja kein, der Router gehört nicht mir, das ist so ein Gemieteter.

00:14:25.120 --> 00:14:30.900
 Nicht auszuschließen, zumal ja Vodafone gerade hier in der Region auch zur Zeit öfter mal Probleme hatte.

00:14:30.900 --> 00:14:49.940
 Ja, mein Anbieter kann da Dinge tun, aber ich muss tatsächlich, also es ist jetzt noch nicht, es ist noch nicht behoben, aber der Ton, mit dem der Vodafone Support agiert auf Twitter, ich schreibe die immer über Twitter an mittlerweile, weil die da schnell antworten, der hat sich drastisch verändert zum Positiven, muss ich sagen.

00:14:49.940 --> 00:14:53.300
 Also sie antworten sehr schnell und sie antworten jetzt tatsächlich mal die Menschen.

00:14:53.300 --> 00:14:58.880
 Also nicht sowas wie, ja schreib halt eine Mail an diese E-Mail-Adresse und geh sterben.

00:14:58.880 --> 00:15:03.060
 Das hatte ich so, das kann man in meinem ganzen Twitter-Verlauf mit denen noch so ein bisschen nachlesen.

00:15:03.060 --> 00:15:07.500
 Also das sind immer Direct Messages gewesen, sowas würden die öffentlich, glaube ich, nicht schreiben.

00:15:07.500 --> 00:15:16.480
 Aber das tun sie, also sinngemäß, lass uns in Ruhe mit dem Scheiß, schreib dein Kram hier an die E-Mail-Adresse und dann schreibe ich da eine Mail und dann passiert nie wieder was.

00:15:16.480 --> 00:15:23.160
 So, das war so meine Erfahrung bislang und jetzt habe ich gedacht, jetzt habe ich hier dieses Problem, ich versuche das jetzt nochmal über Twitter.

00:15:23.160 --> 00:15:28.820
 Also habe dann mal gefragt, ja gibt es denn eine Störung, weil da wusste ich noch nicht, wenn ich Router neu starte, klappt es dann wieder.

00:15:28.820 --> 00:15:38.040
 Ja, nee, gibt keine Störung und ich sagte, ja, aber irgendwie, dann kam ich drauf mit dem Router und habe ich gemeint, ja, wie ist denn das, könnt ihr auch irgendwie einen Router austauschen oder so?

00:15:38.500 --> 00:15:44.720
 Und dann kam echt sehr schnell eine sehr nette Nachricht zurück, ah, wir haben dir hier mal ein Ticket aufgemacht, hier ist die ID, schicken wir dir mal.

00:15:44.720 --> 00:15:55.240
 Wir können dir kostenfrei den Router einfach austauschen gegen das gleiche Modell oder gegen einen einmaligen Aufpreis von 30 Euro, glaube ich war es, kriege ich ein neueres Modell.

00:15:56.700 --> 00:16:03.140
 Da könnte ich, glaube ich, sogar entscheiden, ob ich das Große oder das Kleine nehme, da gibt es bei den Kabelroutern, bei den Kabelfritzboxen gibt es nicht so viel Auswahl.

00:16:03.140 --> 00:16:10.540
 Da gibt es meines Wissens nach aktuell genau zwei Modelle, da gibt es einen Großer und einen Kleiner.

00:16:11.260 --> 00:16:18.400
 Also, groß bedeutet, der hat dann mehr USB-Anschlüsse und kann irgendwie unter der Haube ein bisschen mehr, verbraucht natürlich auch mehr Strom.

00:16:18.400 --> 00:16:27.040
 Und einen Kleineren, der dann halt ein bisschen dünner Respekt ist, aber, glaube ich, auch weniger Strom verbraucht.

00:16:27.040 --> 00:16:31.220
 Ja, und das war so das Angebot, hey, du kannst dasselbe Ding wieder haben oder ein neueres Modell.

00:16:31.220 --> 00:16:35.600
 Da dachte ich so, hey, das ist doch mal was, ich könnte jetzt einfach mit dem Finger schnippen und sagen, schick mir einen neuen Router.

00:16:35.700 --> 00:16:41.120
 Aber sie haben gesagt, ja, vielleicht ist ja auch was anderes das Problem. Wir machen ja mal ein Ticket auf, die Technik soll das checken.

00:16:41.120 --> 00:16:44.880
 Und sie hat gesagt, ja klar, wenn die Technik das checkt, ist mir auch recht, ich will nur, dass es funktioniert.

00:16:44.880 --> 00:16:49.880
 Mir ist scheißegal, ob da dieser Router steht oder ein Austauschgerät oder sonst irgendeiner, make it work.

00:16:49.880 --> 00:16:55.520
 Und ich hatte zum ersten Mal bei denen das Gefühl, mit einem Menschen zu sprechen.

00:16:55.520 --> 00:17:00.260
 Ob das am Ende jetzt wirklich zum Erfolg führt, weiß ich nicht, aber ich fühle mich schon ein bisschen ernst genommen.

00:17:00.260 --> 00:17:02.340
 Und ich finde, das macht ja schon echt was aus.

00:17:02.700 --> 00:17:12.200
 Also, dass die denen nicht immer sofort helfen können und dass es manchmal vielleicht auch wirklich Probleme gibt, wo die einfach selber nicht reinschauen können und nicht hell sehen können, ist klar.

00:17:12.200 --> 00:17:20.240
 Aber der Ton macht die Musik und es ist, wenn man sich gut behandelt fühlt und einfach das Gefühl hat, okay, da gibt sich aber wirklich jemand Mühe, dass wir eine Lösung finden.

00:17:20.240 --> 00:17:25.660
 Dann ist das was komplett anderes, als wenn jemand gleich von vornherein irgendwie abblockt und so, ja, du bist das Problem, wahrscheinlich so.

00:17:26.000 --> 00:17:27.160
 Ja, dann tun ich so.

00:17:27.160 --> 00:17:31.880
 Was ich jetzt aber, was auch interessant ist bei denen, ist, sie haben jetzt eine eigene Störungskarte.

00:17:31.880 --> 00:17:36.960
 Das finde ich eigentlich cool, dass du irgendwie nachgucken kannst, bin ich jetzt Teil von einer bekannten Störung.

00:17:38.940 --> 00:17:45.820
 Und sie haben nicht mehr, und das habe ich ja mal bemängelt, weil ich mir das technisch auch mal angeschaut hatte, lange, lange ist es her, haben wir auch im Podcast viel drüber gesprochen.

00:17:46.660 --> 00:17:59.760
 Die hatten ja mal ihren eigenen Speedtest auch, der so ein bisschen weird funktioniert hat, so nach dem Motto, die größte Zahl, die ich jemals gemessen habe, in dem Zeitraum, wo ich gemessen habe, ist die Zahl, die wir sagen, dass du jetzt, also das Schnellste.

00:17:59.760 --> 00:18:09.860
 Also auch wenn nur für eine Sekunde mal ganz schnell war und danach ist es komplett gedroppt und ganz langsam, dann haben sie immer die größte Zahl angezeigt, wo du quasi direkt siehst, da stimmt was nicht.

00:18:09.860 --> 00:18:20.400
 Ja, das machen sie nicht mehr, die haben den nicht mehr, oder ich weiß nicht, vielleicht haben sie den auch noch, betreiben sie aber nicht, sie weisen darauf hin, dass man doch das Ding von der Breitbandmessung nehmen soll.

00:18:20.400 --> 00:18:38.400
 Und das finde ich ein cooler Move, ich weiß nicht, ob das alle wissen, es gibt die Breitbandmessung-App, das ist tatsächlich, ich muss ich gerade nochmal gucken, von welcher Institution ist das, das ist irgendwas vom Bund, glaube ich, von der Bundesnetzagentur oder so, warte, Moment, Info.

00:18:39.860 --> 00:19:06.240
 Ist, ich weiß es nicht, ja, es ist auf jeden Fall sowas Offizielles, womit du auch zwar eine Einzelmessung machen kannst vom Internet, aber du kannst auch so eine Messstrecke machen, oder wie nennen die das, einen Messverlauf, eine Messkampagne nennen die das genau, wo sie dir dann ganz genau sagen, also die überprüfen auch deine Hardware und sagen, ja, es geht dann auch nur, wenn du im Laden bist und so, also über WLAN nicht, weil es ist dann verfälscht.

00:19:06.240 --> 00:19:09.200
 Und dann sagen sie noch, ja, und du musst irgendwie alle möglichen Apps zumachen und so weiter.

00:19:09.200 --> 00:19:16.980
 Und dann sagen die, du musst jetzt innerhalb von Zeitraum X so und so viele Messungen machen mit so einem großen Abstand.

00:19:17.100 --> 00:19:34.660
 Und wenn du dann am Ende dieses Ergebnis hast und das ist deutlich schlechter, das Insgesamtergebnis von diesen Messungen, und das ist deutlich schlechter als das, was der Netzanbieter dir verspricht oder wofür du bezahlst, dann hast du Rechtsanspruch auf Preisminderung.

00:19:35.120 --> 00:19:52.460
 Und von einem Kommunikationsanbieter, dass die sagen, nutz doch das, das finde ich, das finde ich ein starker Move, ehrlich gesagt, dass sie nicht sagen, ja, nutz mal unser Tool, du hast überhaupt gar kein Problem, sondern nutz mal das Offizielle und wenn wir da ein Problem haben, dann schauen wir danach.

00:19:52.540 --> 00:19:56.040
 Wie gesagt, ich kann noch nicht sagen, ob es klappen wird, aber ich fühle mich viel ernster genommen.

00:19:56.040 --> 00:20:02.520
 Es ist, ich weiß nicht, was da im Support passiert ist, aber irgendjemand, da sind ein paar Köpfe gerollt und dann haben sie gesagt, so, jetzt machen wir es mal richtig.

00:20:02.520 --> 00:20:03.580
 Oder?

00:20:04.240 --> 00:20:22.700
 Auch das mit der Störungskarte, das ist ein kompletter Wandel zu früher, wo es irgendwie so erstmal grundsätzlich, nee, Störung kann gar nicht sein, wir haben keine Störung und es ist keine Störung bekannt, erstmal alles abblocken, auch wenn du irgendwie halt 20.000 Tweets dazu hast von wegen, hey, mein Wodafone-Anschluss funktioniert, nicht, aber erstmal alles abblocken und das ist ja schon ein guter Move.

00:20:22.700 --> 00:20:29.040
 Nachdem wir hier so viel Schlechtes auch schon über unsere Telekommunikationsanbieter gelassen haben, ist doch schön, dass wir auch mal was Positives haben.

00:20:29.880 --> 00:20:31.540
 Nee, muss man aber auch mal sagen.

00:20:31.540 --> 00:20:48.520
 Ja, genau, finde ich auch wichtig und ja, ich glaube, wir sind immer noch nicht auf Null mit den Aussagen hier, selbst wenn ich jetzt einmal was Positives sage, das Negative überwog dann doch deutlich in der Vergangenheit, deswegen dürfen wir auch noch ein paar Mal was Positives sagen, sofern es denn positiv ist.

00:20:48.520 --> 00:20:49.100
 Genau.

00:20:49.280 --> 00:21:12.500
 Ich weiß aber, dass einige Kollegen von mir auch in Karlsruhe den gleichen Anschluss haben sozusagen, auch über Kabel und auch das Gigabit und die haben auch immer wieder Probleme, also es gibt sogar Leute, die dann gesagt haben, hey, so kann ich nicht arbeiten, ich lege mir jetzt noch einen zweiten Internetanschluss, also über Telefonleitung zur Sicherheit, ja, weil die es einfach so genervt hat und ich kann es, ja, es ist schlimm, aber ich kann es irgendwie nachvollziehen.

00:21:12.500 --> 00:21:18.120
 Ja, klar. Ich habe letztens ein Artikel gelesen, dass irgendwie, keine Ahnung, wie viele tausend Kunden in Karlsruhe einen kompletten Tag ohne Internet waren.

00:21:18.120 --> 00:21:22.020
 Oh, aber was jetzt? Kabel oder was?

00:21:22.820 --> 00:21:31.440
 Weiß ich nicht, es stand da Vodafone-Kunden, also ich nehme an, muss da Kabel sein, oder? Oder hat Vodafone auch noch DSL-Leitungen an?

00:21:31.440 --> 00:21:35.620
 Also bei mir war es, du kannst auch Vodafone DSL buchen, glaube ich.

00:21:35.620 --> 00:21:35.980
 Ja, ah, okay.

00:21:35.980 --> 00:21:37.080
 Ja, ja.

00:21:37.080 --> 00:21:40.460
 Ich dachte, die hätten nur hier Unity Media komplett übernommen mit Kabel.

00:21:41.020 --> 00:21:55.440
 Ich glaube, das ist bei Vodafone und DSL so ein bisschen ähnlich wie bei so anderen Resellern, die verkaufen halt da auch das Netz von den anderen mit und haben wahrscheinlich auch, wahrscheinlich haben sie auch teilweise eigenes Netz, könnte ich mir vorstellen, das weiß ich nicht, ist bestimmt kompliziert, ist ein großer Konzern.

00:21:55.440 --> 00:21:55.760
 Ja.

00:21:55.760 --> 00:22:01.980
 Okay, Mensch, jetzt haben wir so noch zwei spontane Retro-Punkte dazu gehabt, sehr schön.

00:22:01.980 --> 00:22:04.880
 Stimmt, Mensch, ja, manchmal, manchmal muss es raus.

00:22:04.880 --> 00:22:06.540
 Dann geht's weiter.

00:22:06.540 --> 00:22:16.600
 Ich versuch's schon gar nicht mehr, die Jingle irgendwie in ein grammatikalisches Konstrukt einzubetten.

00:22:16.600 --> 00:22:21.600
 Ich hätte dir das jetzt bei dem ausnahmsweise sagen können, ist natürlich hinterher leicht gesagt.

00:22:21.600 --> 00:22:28.180
 Ja, die Property der Woche. Heute gibt's was, das dampft noch, so frisch ist das.

00:22:28.180 --> 00:22:33.920
 Und zwar ist es eine CSS-Property, die nennt sich Animation Composition.

00:22:35.340 --> 00:22:50.040
 Und die gibt's frisch im Sinne von, der Firefox hatte die zwar schon im August letzten Jahres hinter einem Flag, aber da ist sie jetzt erst seit dem Firefox 115 vom 4. Juli ist sie jetzt da erst released.

00:22:50.040 --> 00:22:56.680
 Und auch Safari Ende 2022 und Chromium Browser seit April dieses Jahr.

00:22:56.680 --> 00:22:58.540
 Also, das ist wirklich relativ frisch.

00:22:58.540 --> 00:23:01.580
 Und was macht das Ganze?

00:23:02.340 --> 00:23:10.160
 Ähm, es kann ja durchaus den Zustand geben, dass ein Element zwei Animationen gleichzeitig machen soll.

00:23:10.160 --> 00:23:13.680
 Also, ich, das Element ist vielleicht schon irgendwie an sich animiert.

00:23:13.680 --> 00:23:19.140
 Ähm, ich hab da auch ne, ne kleine Demo dazu gefunden auf, äh, äh, CodePen.

00:23:19.140 --> 00:23:21.520
 Ähm, kannst du auch mal draufklicken, dann siehst du's auch.

00:23:21.520 --> 00:23:22.880
 Dann kann ich's mal beschreiben.

00:23:22.880 --> 00:23:24.700
 Das ist so ein Kreis, der pulsiert einfach so.

00:23:24.700 --> 00:23:27.440
 Da wird größer und kleiner und da steht Hover Me drauf.

00:23:28.020 --> 00:23:34.580
 Und wenn ich da jetzt Hover drüber mache, dann springt der so ein bisschen hoch und runter.

00:23:34.580 --> 00:23:40.540
 Und bisher war das so, dass die eine Animation dann die andere Animation überschrieben hat.

00:23:40.540 --> 00:23:47.760
 Das heißt, ähm, wenn der Button jetzt klein war und ich hab drüber gehoffert, dann ist der einfach zack groß geworden und hat diese Hüpfanimation gemacht.

00:23:47.760 --> 00:23:57.600
 Und was ich jetzt aber machen kann, ist, äh, auf das Element, Punkt Circle ist es in dem Fall der Selektor, Animation Composition, Minus Composition und das Keyword Add.

00:23:58.300 --> 00:24:02.120
 Und dann werden diese Frames miteinander verrechnet.

00:24:02.120 --> 00:24:06.500
 Das heißt, der pulsiert lustig weiter und bewegt sich dabei dann hoch und runter.

00:24:06.500 --> 00:24:08.440
 Ja, ich hab's nicht drüber nachgedacht, dass das nicht geht.

00:24:08.440 --> 00:24:09.840
 Ja, ich auch nicht, ja.

00:24:09.840 --> 00:24:19.700
 Ich mach's auch wenig mit so Animationen, aber klar, in dem Fall, äh, ja, das war bisher schon eine relativ große Einschränkung, wenn man irgendwie was machen wollte, was, was ich so.

00:24:19.700 --> 00:24:25.780
 Oder man hätte jetzt irgendwie ein Rapper-Element quasi drumrum machen müssen und dann das einmal animieren und das andere animieren, damit es geht.

00:24:25.840 --> 00:24:29.880
 Aber das gleiche Element doppelt animieren, ähm, genau, das kann ich damit jetzt machen.

00:24:29.880 --> 00:24:40.720
 Smart und, und das ist jetzt, ich mag solche Sachen, ähm, wo ich das Gefühl hab, dass ich einfach nur kurz drauf gucken muss auf den Code, ohne dass ich's jemals gesehen hab und verstehe, was da passiert.

00:24:40.720 --> 00:24:43.560
 Mhm. Wird gleich noch ein bisschen komplexer, aber, ähm.

00:24:43.560 --> 00:24:46.080
 Aber Add ist super, ist super einfach.

00:24:46.080 --> 00:24:52.420
 Und was halt auch schön ist, graceful fallback, das heißt, der Standardzustand, äh, das bleibt einfach alles wie gehabt.

00:24:52.900 --> 00:25:00.460
 Das, ähm, Default-Keyword ist replace, also es gibt auch ein Keyword, das ich setzen kann, wenn ich diesen Standardzustand haben will und das ist das, wie es die ganze Zeit war.

00:25:00.460 --> 00:25:10.140
 Und ich kann aber eben Adds setzen und dann, äh, in den Browsern dies unterstützen, was jetzt halt mittlerweile der Großteil ist, dank Evergreen-Browsern, ähm, der macht das dann einfach in schön.

00:25:10.140 --> 00:25:22.440
 Und, äh, genau, jetzt wird's noch ein bisschen komplizierter, es gibt nämlich noch ein, äh, Keyword accumulate, und, ähm, da hab ich zuerst so, ich hab diese beiden Absätze gelesen auf MDM

00:25:22.440 --> 00:25:43.880
 und hab Schwierigkeiten gehabt zu verstehen, ähm, was es da genau geht, also was da der Unterschied ist zwischen den beiden, weil da die Rede ist von, ähm, warte mal hier, if the operation is not commutative, äh, da weiß ich halt nicht, was das, was das bedeutet in dem Zusammenhang, ähm, und, äh, Animation-Type, Addition-Operation, bla, also das war, war irgendwie so ein bisschen unverständlich.

00:25:43.880 --> 00:25:52.460
 Aber es gibt eine Demo, die ich dann gefunden habe von einem Artikel auf Chrome-Developers, den ich auch noch verlinken werde in den Shownotes, der macht das Ganze ein bisschen deutlicher.

00:25:52.460 --> 00:26:00.000
 Da kannst du auch mal die Demo aufrufen, äh, dazu auf dem CodePen, das ist die gleiche wie in, wie in dem Artikel, nur kann man's da in groß sehen.

00:26:00.480 --> 00:26:09.080
 Das sind so vier Quadrate, ähm, die sind mit einem Transform nach rechts verschoben und um 45 Grad gedreht.

00:26:09.080 --> 00:26:20.340
 Und dann wird zusätzlich über Add Keyframes und Animation wird nochmal ein Transform draufgelegt, der dieses Quadrat, äh, per Translate X um 100 Pixel nochmal verschiebt.

00:26:20.940 --> 00:26:35.940
 Ähm, und auch das, ähm, also das ist ja auch eine, eine Animation, Add Keyframes mit, äh, 2 in dem Fall, ähm, und eben Transform, Translate X 100 Pixel, ähm, und auch hier gibt's jetzt einen Unterschied, ähm, zwischen Add und Accumulate.

00:26:35.940 --> 00:26:59.540
 Und zwar, wenn ich, also in dem Standardfall, äh, da, da, da dreht sich das Rechteck einfach nochmal weiter, weil dieser, äh, der Transform mit dem, ähm, Rotate 45 Grad, der wird quasi ersetzt durch den Transform einfach nur 100 Pixel nach rechts geschoben, ähm, und das ist dann der, der Endpunkt ist dann einfach nur 100 Pixel nach rechts und die anderen beiden verschwinden.

00:26:59.540 --> 00:27:17.420
 Und früher hätte ich dann in dem Ziel-Transform, hätte ich das Translate X und das Rotate 45 Grad, hätte ich nochmal dazu packen müssen, also nochmal kopieren, ne, Duplikation wieder im Code, ähm, damit das im Endstadium auch diesen Transform vom Ursprungszustand noch, äh, beibehält.

00:27:17.420 --> 00:27:20.520
 Ich hoffe, das wird halbwegs verständlich, wenn man's jetzt hört, statt zu sehen.

00:27:20.520 --> 00:27:23.280
 Ich seh's, ich seh's jetzt gerade, aber es ist natürlich ein bisschen schwierig.

00:27:23.280 --> 00:27:25.180
 Aber es ist ja immer so mit so CSS-Sachen.

00:27:25.180 --> 00:27:29.280
 Genau, bei Add ist es so, dass diese 100 Pixel einfach dazukommen.

00:27:29.540 --> 00:27:40.580
 Ähm, das heißt, die, die Drehung bleibt dabei, äh, bleib beibehalten, die 50 Pixel nach rechts bleiben beibehalten, aber die 100 Pixel in die X-Richtung, ne, die Drehung muss man sich halt dazudenken.

00:27:40.580 --> 00:27:42.820
 Das ist auch eine andere Demo, du sagst, du hast doch vier Quadrate gesagt.

00:27:42.820 --> 00:27:43.780
 Drei, drei Quadrate.

00:27:43.780 --> 00:27:44.480
 Drei, okay.

00:27:44.480 --> 00:27:59.000
 Ähm, genau, da schiebt sich das Quadrat dann noch zusätzlich nach unten, das heißt, so wie man's sich halt vorstellt, also das wird hinzugefügt und das heißt in dem Fall hinzugefügt, ähm, nicht nur einfach, da werden irgendwie Pixelwerte addiert, sondern es ist also wirklich so, ähm,

00:27:59.280 --> 00:28:09.400
 Ich hab das Transform-Property mit Translate X und Rotate 45 Grad und hinten dran gestellt wird jetzt eben noch das Translate X 100 Pixel.

00:28:11.560 --> 00:28:29.460
 Genau, und, äh, bei Accumulate ist es so, dass das Quadrat sich wirklich einfach nur 100 Pixel direkt nach rechts verschiebt, also ich hab die Ausgangsposition, ähm, und zusätzlich kommt aber diese, kommen diese 100 Pixel nach rechts dazu, ähm.

00:28:31.400 --> 00:28:41.520
 Genau, ja, ich hoffe, das ist, ist jetzt halbwegs, verständlich, wahrscheinlich nicht, wahrscheinlich nicht, aber es ist einfach, es ist auch schwierig, das zu erklären, weil es ist halt was Optisches, eine Animation ist was, was Visuelles, ähm.

00:28:41.520 --> 00:28:47.080
 Und ich denke, ähm, und ich denke, wenn man die Demo sich anschaut, äh, dann, dann wird das hoffentlich klar.

00:28:47.080 --> 00:28:49.080
 Ja, die Demo ist, äh, die Demo macht's eindeutig.

00:28:49.080 --> 00:28:49.520
 Genau.

00:28:50.140 --> 00:29:20.020
 Und ansonsten den Artikel auch nochmal lesen, da steht's auch nochmal dann wirklich erklärt, ne, was, was genau, äh, welche Werte gesetzt sind und, äh, was eben wo dazukommt, also da sieht man auch eben, dass das, was das Endergebnis ist, dass das Endergebnis dann eben diese drei Translate, beziehungsweise Rotate-Werte sind, ähm, die dann hintereinander stehen und bei dem anderen ist es quasi, ja genau, gut, vielleicht wird's so noch deutlicher, dass, ähm, Translate X, das wird quasi wirklich addiert, also ich hab diese, diese, äh, 50 Pixel,

00:29:20.020 --> 00:29:33.120
 in dem Ausgangswert drin von Translate X und da werden die 100 Pixel von dem, äh, von der Animation, von dem Ziel, werden da drauf gerechnet, sodass ich am Schluss also wirklich Translate X von 150 Pixel hab.

00:29:33.120 --> 00:29:41.360
 Also da werden wirklich die Werte addiert und nicht einfach dieses komplette, äh, Konstrukt, diese CSS-Funktion hinten dran gesetzt, also das ist der Unterschied.

00:29:41.360 --> 00:29:45.480
 Dass die Pixelwerte, äh, äh, äh, ja, wirklich addiert werden.

00:29:46.680 --> 00:29:59.080
 Genau, und, äh, ja, ich weiß jetzt noch nicht, ob ich, ob das jetzt für mich irgendwie total bahnbrechend sein wird, weil ich, wie gesagt, äh, nicht so viel mit CSS-Animationen mach, aber ich glaub, wenn man damit viel arbeitet, dann ist das echt eine große Hilfe.

00:29:59.080 --> 00:30:00.380
 Cool.

00:30:00.860 --> 00:30:01.440
 Das war das.

00:30:01.440 --> 00:30:03.300
 Mach mal Werbung.

00:30:03.300 --> 00:30:04.420
 Mach mal Werbung.

00:30:04.420 --> 00:30:05.180
 Mach mal Werbung.

00:30:05.180 --> 00:30:05.180
 Mach mal Werbung.

00:30:05.180 --> 00:30:08.360
 Hey, hey du.

00:30:08.360 --> 00:30:10.480
 Schön, dass du da bist.

00:30:10.480 --> 00:30:12.900
 Na, öfter hier?

00:30:13.980 --> 00:30:20.460
 Dir gefällt, was du hörst und du magst es am liebsten werbefrei und unabhängig?

00:30:20.460 --> 00:30:29.540
 Dann freuen wir uns sehr über ein paar Euro in unserem digitalen Strumpfband unter www.iv.de

00:30:29.540 --> 00:30:31.300
 slash spende

00:30:31.300 --> 00:30:35.300
 Auf www.iv.de slash unterstützen

00:30:35.300 --> 00:30:40.660
 findest du noch ca. 69 weitere Wege, uns zu supporten.

00:30:40.660 --> 00:30:42.480
 Wir danken dir.

00:30:43.980 --> 00:30:50.000
 Ach, schön.

00:30:50.000 --> 00:30:55.520
 Ja, Mensch, wir sind so richtig schnell, hey, halbe Stunde durch und wir sind schon beim Tagesthema verrückt.

00:30:55.520 --> 00:30:58.140
 Was machen wir jetzt noch? Sollen wir noch einen schlechten Witz erzählen, oder?

00:30:58.140 --> 00:30:58.880
 Fällt dir einer ein?

00:30:58.880 --> 00:31:00.080
 Nee.

00:31:00.080 --> 00:31:02.580
 Ich kann Siri.

00:31:02.580 --> 00:31:09.220
 Hier ist WWS IV mit dem Tagesthema.

00:31:13.980 --> 00:31:19.720
 Ja, ich glaube auch, dass das Thema nicht so extrem lange dauern wird heute.

00:31:19.720 --> 00:31:25.000
 Aber so ist es halt vor der Sommerpause, es ist heiß, ich fang hier gerade echt voll an zu schwitzen.

00:31:25.000 --> 00:31:29.060
 Wieso eigentlich jetzt? Es ist jetzt Abend, also um zur Erklärung.

00:31:29.060 --> 00:31:38.160
 Es ist jetzt 20.47 Uhr am Freitag und jetzt wird mir irgendwie warm.

00:31:38.160 --> 00:31:40.180
 Ist das jetzt, war ich jetzt Alkohol, um Bier zu trinken?

00:31:40.180 --> 00:31:40.700
 Kopfhörer.

00:31:40.700 --> 00:31:41.980
 Kopfhörer, Alkohol, ja.

00:31:41.980 --> 00:31:46.500
 Kopf, Alkohol ist einfach, ist nicht zu unterschätzen.

00:31:47.640 --> 00:31:55.160
 Genau, so, wir haben, musst du eigentlich noch den Titel erklären am Anfang? Möchtest du das noch, bevor wir anfangen?

00:31:55.160 --> 00:31:58.820
 Also, das Thema haben wir noch gar nicht, wir haben es noch gar nicht gesagt.

00:31:58.820 --> 00:32:07.820
 Genau, also ich habe ja gesagt, wer UL sagt, muss auch Blogquote sagen und wir setzen unsere HTML von A bis Z, äh, bis ZZ Serie weiter, äh, fort.

00:32:07.820 --> 00:32:16.000
 Und, äh, wir haben, wir hatten den Abschnitt noch nicht fertig, wir hatten Text-Content und das war ein größerer Blog, deswegen haben wir da nicht alles untergebracht,

00:32:16.000 --> 00:32:26.060
 sondern haben uns ein paar wenige jetzt noch für eine zweite Folge übrig gelassen und wir hatten da angefangen mit UL im Text-Content und, äh, heute beenden wir diesen Abschnitt mit Blogquote.

00:32:26.860 --> 00:32:28.120
 Und, äh, genau.

00:32:28.120 --> 00:32:31.860
 Beziehungsweise, ähm, Blogquote ist das Erste, worüber wir jetzt sprechen.

00:32:31.860 --> 00:32:35.980
 Stimmt, eigentlich hätte ich sagen müssen, wer, wer, äh, UL sagt, muss auch Pre sagen.

00:32:35.980 --> 00:32:36.880
 Ist egal.

00:32:36.880 --> 00:32:37.300
 Ja, egal.

00:32:37.300 --> 00:32:47.080
 Also, ich kann jetzt mal, ich sag jetzt mal, wir sprechen heute über Blogquote, äh, über Figure und Fit Caption, ähm, über HR, HR, äh, und Pre.

00:32:47.080 --> 00:32:50.720
 Das sind die vier, über die wir heute sprechen wollen.

00:32:50.720 --> 00:32:54.260
 So, und wir beginnen mit Blogquote.

00:32:55.100 --> 00:33:08.200
 Ähm, und wir haben uns heute, also, erstens sind es, ähm, wenige Elemente, die wir uns heute nur vorgenommen haben und zweitens, zumindest die, die ich jetzt vorbereitet habe, ähm, Blogquote und HR, sind relativ unspektakulär, muss ich sagen.

00:33:09.200 --> 00:33:32.200
 Also, das Blogquote-Element ist ein, ein Blog-Zitat, das heißt, ich, ich möchte, ähm, aus einem Text, der von woanders kommt, zum Beispiel, wenn ich jetzt, äh, in Social Media oder Social Network denke, ähm, im Prinzip wäre so was wie ein Retweet, ein Quote-Tweet, wäre aus meiner Sicht so eine Art Blog-Zitat, wenn er da drin ist.

00:33:32.200 --> 00:33:44.860
 Gibt's aber auch oft, also, ich hab, ich hab sofort an Markdown denken müssen, bei Markdown, ähm, man zitiert gerne aus einem anderen Text irgendwie, äh, in dem man, ähm, die spitze Klammer davor setzt und Leerzeichen, das gibt's ja auch irgendwie in E-Mails.

00:33:45.060 --> 00:34:02.020
 Also, so Zitat, das kennt man, da hast du meistens, ist das irgendwie eingerückt, so, so grafisch, ähm, manchmal hat man noch so einen Strich nebendran, ähm, manchmal hast du noch Anführungszeichen dabei, je nachdem, ob du jetzt irgendwie, ähm, noch, noch eine Quelle nennst, ähm, da komm ich dann auch gleich noch dazu.

00:34:03.120 --> 00:34:23.820
 Also, es ist ein Blog-Element, es ist für ein größeres Zitat, ähm, von irgendeiner anderen Stelle, ähm, wie gesagt, gerne verwendet, wenn man irgendwie in Social Media jetzt irgendwie, du hast irgendwie ein Thread irgendwie und dann greifst du was auf von einer anderen Stelle oder von jemandem anderen, der was geschrieben hat und antwortest explizit darauf oder auch in der Mail, ähm, dafür gibt es Blog-Quote.

00:34:23.820 --> 00:34:38.140
 Ähm, wenn man jetzt noch angeben möchte, äh, die, die Quelle davon, ähm, dafür gibt es noch das Site-Element, das, äh, möchte ich aber mal wieder mit Michael Ende sagen, das ist eine andere Geschichte und die kommt dann bei den Inline-Text.

00:34:38.140 --> 00:34:50.780
 Die kommt dann bei den Inline-Text, genau, also da, da werden wir das auf jeden Fall nochmal aufgreifen, Blog-Code, weil, ähm, das eigentlich immer zusammen vorkommt, ähm, aber da wird es dann nochmal genauer erklärt, was es mit dem Site auf sich hat, weil Blog-Code kann man auch ohne das, ähm, verwenden.

00:34:50.780 --> 00:34:53.180
 Ähm, ich hab auch mal,

00:34:53.820 --> 00:35:21.760
 ein kleines, äh, Code-Pen, ähm, mit verlinkt, für Blog-Quote, wo, wo mal ein schönes Design gemacht wurde, sag ich mal, einfach nur das Blog-Quote-Element und dann mit CSS, ähm, so schöne Anführungszeichen, ähm, in dem, in dem Before, also das wurde Before und After verwendet für eine, eine Linie, die unten drunter ist, es ist ein bisschen eingerückt, ist so ein hübsches, großes Anführungszeichen nebendran, also da gibt's, da sind der Kreativität keine Grenzen gesetzt, wie man das verwenden kann.

00:35:21.760 --> 00:35:39.760
 Ähm, genau. So, äh, wichtig ist noch, dass es abzugrenzen, es gibt nämlich noch ein anderes Element für Quotes, nämlich das Q-Element, ähm, das Q-Element ist ein Inline-Quote, also wenn ich irgendwo im Text etwas habe, also zum Beispiel in einem Paragraf oder so,

00:35:40.000 --> 00:35:50.420
 und möchte sagen, das ist jetzt irgendwie ein, ein, zwei, fünf Worte, die, äh, ein Zitat sind von woanders, da will ich das Q-Element verwenden, für ein richtiges Zitat, das aus, das seinen eigenen Blog darstellt, dafür ist das Blog-Quote.

00:35:50.420 --> 00:35:53.240
 Also indirekte Rede könnte man so kennzeichnen, ne? Genau.

00:35:53.240 --> 00:36:00.940
 In einem Interview oder beziehungsweise im Artikel, wo man ein Interview aufgreift, dann innerhalb von einem Satz, äh, das Zitat aufgreifen, ja.

00:36:00.940 --> 00:36:12.160
 Ähm, ich hab noch, äh, einen Accessibility-Test gemacht, weil ich festgestellt habe, ähm, dass das Ding keine ARIA-Rolle hat, zumindest, äh, laut der MDN, ich hab da auch Widersprüchliches gefunden.

00:36:12.160 --> 00:36:22.900
 Ähm, in, in, in, in der Spec stand was drin, dass es eine implizite Rolle hat, es ist ein bisschen wild, da, wer da sich genauer mit auskennt, äh, gerne, gerne mal melden.

00:36:22.900 --> 00:36:31.420
 Ähm, ich kann auf jeden Fall sagen, dass VoiceOver, also der Screenreader auf dem Mac, das nicht ankündigt oder irgendwie sagt, das ist jetzt ein Quote.

00:36:31.420 --> 00:36:40.940
 Das fand ich ein bisschen überraschend, ich hätte jetzt, äh, erwartet, dass das irgendwie das erkennt und dann sagt, ja, das ist jetzt irgendwie ein Zitat, aber das interessiert den Null, das ist einfach, wird vorgelesen wie ganz normaler Text.

00:36:40.940 --> 00:36:46.920
 Ähm, auch. Genau, und damit, äh, kommen wir auch schon zum Ende von Blockquote.

00:36:46.920 --> 00:36:52.380
 Habe ich das jetzt überhört oder, äh, oder haben wir es vergessen? Das Site-Attribut auf dem Blockquote.

00:36:52.380 --> 00:36:55.240
 Das Site-Attribut? Du meinst das Site-Tag?

00:36:55.240 --> 00:36:56.620
 Nee, das Site-Attribut.

00:36:56.620 --> 00:36:58.500
 Das Site-Attribut habe ich das, äh.

00:36:58.500 --> 00:37:03.880
 Ja, also wenn du nochmal auf die MDN-Seite gehst, da steht unter Attributes, Site.

00:37:03.880 --> 00:37:04.500
 Oh, tatsächlich.

00:37:04.500 --> 00:37:10.660
 Und das hatte ich nämlich auch zuerst übersehen, ich dachte so, ah ja, Site, das Element, ja, aber dann habe ich nochmal gelesen, wie URL.

00:37:10.660 --> 00:37:14.880
 Ich habe dann was gelesen von URL und dachte, nee, aber in das Site packe ich doch einen Text rein, also den Autor.

00:37:14.880 --> 00:37:23.080
 Aber ich kann auf das Blockquote-Element, und da sieht man, wie selten man das nutzt, ein Site-Attribut, also nicht S-I-T-E, sondern C-I-T-E setzen.

00:37:23.080 --> 00:37:30.080
 Und da rein gehört eine URL, äh, zu einer Webseite, die, äh, dieses Quote enthält, also da kann ich cross-referenzen.

00:37:30.080 --> 00:37:35.500
 Das ist aber so ein reines, äh, so ein reines Semantik-Ding, du kannst wahrscheinlich nirgends draufklicken, oder?

00:37:36.020 --> 00:37:47.500
 Ich wüsste nicht, dass es da irgendeine Möglichkeit gibt. Ich weiß nicht, was, äh, gegebenenfalls so Assisting-Technologies damit machen, ob die einem das vorlesen, sagen, die Möglichkeit geben, da hinzuspringen, weiß ich nicht.

00:37:47.500 --> 00:37:49.240
 Ähm, ich guck mal im HTML-Standard.

00:37:49.240 --> 00:37:52.920
 Es könnte vielleicht aus SEO-Gründen irgendwie, äh, interessant sein.

00:37:52.920 --> 00:38:01.200
 So, if the Site-Attribute is present, ich hab übrigens grad mal auf die, ähm, HTML-Spec von der, äh, What-Working-Group.

00:38:01.200 --> 00:38:10.500
 Ähm, so, if the Site-Attribute is present, it must be a valid URL potentially surrounded by spaces, potentially surrounded by spaces, ist auch ein komischer Satz.

00:38:10.500 --> 00:38:17.180
 Äh, to obtain the corresponding link, the value of the attribute must be passed relative to the Elements-Node-Document, okay.

00:38:18.100 --> 00:38:26.540
 User-Agents may allow users to follow such, such Citation-Links, but they are primarily, primarily intended for private-use, äh, Server-Side-Scripts.

00:38:26.540 --> 00:38:36.040
 Okay, gut. Also, das ist ein, ein, ein, ähm, vorgefertigter Ort, wo man einen Link zu dem Quote hinpacken könnte.

00:38:36.040 --> 00:38:43.420
 Ähm, und, äh, User-Agents könnten das irgendwie verlinken, aber ist jetzt erst mal nicht unbedingt vorgesehen.

00:38:43.420 --> 00:38:46.180
 Okay, gut. Nee, danke für die Ergänzung, das hab ich tatsächlich übersehen.

00:38:46.780 --> 00:38:49.880
 Äh, ich hab Side gesehen und hab gedacht, ah ja, das Site-Attack, das kenn ich doch.

00:38:49.880 --> 00:38:53.540
 So ging's mir auch. Genau, so ging's mir auch. Und da hab ich noch mal gelesen, wie URL, ja.

00:38:53.540 --> 00:38:56.240
 Hoffentlich hab ich bei Haar nicht auch noch irgendwas übergelesen.

00:38:56.240 --> 00:38:57.300
 Das gucken wir dann.

00:38:57.300 --> 00:39:03.280
 Aber das ist wieder, das sind doch die kleinen Sachen, weshalb wir das hier machen. Also, vielen Dank, dass du genauer hingeguckt hast als ich.

00:39:03.280 --> 00:39:09.000
 Ähm, genau, dann, äh, dann sind wir jetzt fertig, hoffentlich, oder hab ich noch was übersehen?

00:39:09.020 --> 00:39:11.160
 Nee, jetzt ist, jetzt können wir weitermachen.

00:39:11.160 --> 00:39:11.900
 Ah, perfekt.

00:39:12.020 --> 00:39:24.720
 Ja, ich komm zu Figure und Fig-Caption. Das sind zwei, die auch so eng zusammengehören und, äh, auch beide unter diese Kategorie fallen, dass wir die zusammenpacken können in, äh, einen Block.

00:39:25.280 --> 00:39:38.160
 Und, äh, Fig-Caption ist auch was, was man relativ selten sieht. Ähm, und was ich auch selber noch nicht so oft eingesetzt habe, obwohl's eigentlich semantisch, äh, schon an vielen Stellen Sinn macht.

00:39:38.160 --> 00:39:45.720
 Und sogar an mehr Stellen, als man vielleicht so denkt. Also, das erste, was, was einem da, ähm, in den Sinn kommt, sind wahrscheinlich Bilder mit Bildunterschriften.

00:39:45.720 --> 00:39:47.800
 Mhm, das hätt ich jetzt auch gedacht.

00:39:48.100 --> 00:39:59.880
 Ähm, das sieht so aus, ich hab das Figure-Element, das ist dieser gesamte Block, der dieses, ähm, äh, ja, quasi zitierte Medien-Element, das nenn ich's jetzt mal, ähm, beinhaltet.

00:39:59.880 --> 00:40:08.820
 Und da drin kann ich dann ein Fig-Caption-Element angeben für die Beschreibung. Ähm, und könnte zum Beispiel jetzt ein Image-Tag, wäre also der klassischste Fall.

00:40:08.820 --> 00:40:17.940
 Also, Figure außenrum, dann ein Image-Tag, ähm, mit einem Bild drin und eine Fig-Caption, die das Ganze beschreibt. Und die ist halt wirklich auch für den End-User sichtbar.

00:40:18.100 --> 00:40:27.180
 Also, nicht, ähm, wie jetzt so ein Alt-Text, äh, der für, für, äh, für Accessibility ist, sondern wirklich für, äh, Beschreibungstexte für, für alle.

00:40:27.180 --> 00:40:36.780
 Und, ähm, ja, weitere Beispiele sind zum Beispiel aber auch, äh, Codeschnipsel, die in so eine Figur rein können.

00:40:36.780 --> 00:40:45.420
 Oder Diagramme. Also, egal, ob die jetzt als, als Bild mit Image-Tag umgesetzt sind oder in einem Canvas oder als SVG oder wie auch immer.

00:40:45.420 --> 00:40:53.140
 Ähm, man kann sich das so vorstellen und daher kommt das eigentlich auch, ähm, aus dem wissenschaftlichen Bereich.

00:40:53.340 --> 00:41:02.980
 Also, wenn ich irgendwelche wissenschaftlichen Bücher habe, die ja gerne mal gespickt sind mit irgendwelchen Tabellen und so, da steht ja dann auch wirklich, ähm, also ich glaube auch im Englischen wirklich Figure, Figure 8, Figure 9, ja.

00:41:02.980 --> 00:41:08.980
 Ähm, wenn man da drauf referenziert, also in dem Fleece-Text steht dann zum Beispiel, as you can see in Figure, äh, so und so viel.

00:41:09.500 --> 00:41:25.600
 Ähm, das sind solche Dinge, solche Einschübe und es, äh, steht hier auch, mal gucken, ähm, dass das quasi in dem Textflow drin ist, aber jederzeit auch aus diesem Textflow rausgenommen werden könnte, um es zum Beispiel in einen Appendix zu hängen oder so, ja.

00:41:25.600 --> 00:41:37.780
 Also, das ist einfach wie so ein, vielleicht auch wie so ein Aside-Element, ja, also es ist, es gehört irgendwie dazu und ich kann es referenzieren, aber es ist jetzt nicht so, dass es, dass es wirklich in den Content, dass es elementarer Bestandteil des Contents ist.

00:41:39.300 --> 00:41:57.180
 Ja, genau, und wie gesagt, Code könnte ich da zum Beispiel auch reinpacken, ähm, da kommen wir dann später auf ein Element noch, äh, mit dem ich das dann machen könnte, ähm, ja, ansonsten habe ich jetzt zu, zu Figure und Fig Caption auch nichts mehr zu sagen.

00:41:57.180 --> 00:42:09.180
 Ich habe gerade mal auf einer Seite geguckt, ähm, mit der ich so ein bisschen related bin und habe geschaut, wie das da gemacht ist, weil ich mir dachte, da tauchen solche Elemente ganz oft auf, also Bilder mit Bildunterricht.

00:42:09.300 --> 00:42:27.300
 Das ist eine News-Seite. Ähm, und da habe ich tatsächlich gesehen, okay, Figur wurde tatsächlich eingesetzt, ähm, und dann tatsächlich, äh, auch irgendwie das Picture-Element, ähm, das ich auch nicht so oft, äh, in the wild gesehen habe, tatsächlich mit eins, zwei, drei, vier verschiedenen Sources.

00:42:27.300 --> 00:42:42.580
 Ähm, aber leider wurde verpasst, ähm, das, äh, Fig Caption zu verwenden, das ist einfach nur, oder warte mal einen Moment, bin ich jetzt, nee, das ist tatsächlich ein Diff, ein Diff sogar außerhalb der Figure, leider.

00:42:42.580 --> 00:42:48.600
 Ähm, vielleicht weiß ich, äh, weiß ich, äh, weiß ich die Menschen, die da dran arbeiten, mal darauf hin, dass man das ein bisschen semantischer machen kann.

00:42:48.600 --> 00:42:50.760
 Wobei ich jetzt auch keine Ahnung habe, inwiefern das wirklich dann Einfluss hat.

00:42:50.760 --> 00:43:00.760
 Zum Beispiel tatsächlich, weil du jetzt auch Picture gesagt hast, hat's bei mir geklingelt, ich hab das bei unserer Seite, also nicht bei WWSV, sondern bei unserer Firmenseite 4.8 Design, ähm, hab ich das tatsächlich eingesetzt.

00:43:00.760 --> 00:43:16.740
 Wir haben so eine, so, äh, Kacheln mit Bildern für unsere Projekte, das ist eine Portfolio-Seite, äh, und diese Kacheln sind tatsächlich, ähm, also natürlich als erstes mal links außenrum, aber dann auch Figure, dann ein Picture-Element und eine Fig Caption, äh, die in dem Fall erst bei, bei Hover dann erscheint.

00:43:16.740 --> 00:43:30.420
 Ähm, das kann man natürlich auch machen, also die muss, muss nicht immer da sein und die Fig Caption kann vor allem auch oben drüber oder unten drunter sein, sieht man auch auf der MDN-Seite bei den Beispielen, die haben da zum Beispiel auch Blockquote, äh, kann man also auch kombinieren, das passt alles gerade heute sehr gut zusammen.

00:43:30.760 --> 00:44:00.100
 Ähm, und dann gibt's zum Beispiel einmal, äh, für ein Zitat, ähm, das Ganze in den Fig, ja, dann die Fig Caption, wo dann der Name oben drüber steht und dann ein Blockquote, ähm, oder ein, äh, Poem, also ein, ein Gedicht, das zitiert wird, ähm, da war jetzt zu überlegen, ob man das vielleicht auch in einen Blockquote packen könnte, weil das ja irgendjemand mal geäußert hat, aber gut, in dem Fall ist das ein Paragraph, das sind dann, glaub ich, auch so, äh, nitty, nitty, nitty-gritty Geschichten.

00:44:00.100 --> 00:44:09.520
 Ähm, ähm, und das Fig Caption unten drunter und dann darin aber ein, ein Side-Element, äh, wo dann Venus and Adonis bei William Shakespeare dann drinsteht.

00:44:09.520 --> 00:44:10.300
 Ja.

00:44:10.300 --> 00:44:25.160
 Genau, also das ist einfach, ja, semantische Aufhübschung und schafft einem auch wieder ein, ein Rapper-Element, das man vielleicht in irgendeiner Form nutzen kann, um Layout zu machen, ohne dass man jetzt wieder ein Diff oder was drum packen muss.

00:44:25.160 --> 00:44:25.580
 Genau.

00:44:25.580 --> 00:44:35.660
 Sondern es hat wirklich einen Sinn, ne, man will diese Dinge ja oft getrennt stylen, weil die rausstechen sollen und dann muss ich mir nicht irgendwas erfinden, sondern es gibt einfach ein semantisch richtiges Element dafür.

00:44:35.660 --> 00:44:43.820
 Es macht es auch natürlich, nicht nur deswegen, es macht es auch lesbarer für einen selbst, weil es der, weil der Sinn komplett klar ist, wofür ist denn das jetzt?

00:44:43.820 --> 00:44:50.580
 Also im Code ist ganz klar, ne, ich sehe die Figge, gerade weil man es auch nicht so häufig liest, ist also sofort klar, okay, das ist jetzt was, was ganz eigenes.

00:44:50.660 --> 00:44:54.200
 Ich glaube, ich habe es selbst, das Figge-Elementen noch nie irgendwo eingesetzt.

00:44:54.200 --> 00:44:55.220
 Dann wird es Zeit.

00:44:55.220 --> 00:45:04.160
 Ja, das ist eins von denen, also ich erinnere mich noch an die Zeit, als irgendwie HTML5, da hieß es plötzlich, jetzt kommt HTML5 mit diesen folgenden neuen Elementen.

00:45:04.660 --> 00:45:31.800
 Fiction, Nav, äh, Side, Header, Footer und da war eben auch Figure und Fig-Caption dabei. Erstmal habe ich gekichert, hi, hi, hi, hi, hi, figure, figure, figure, figure, äh, ja, aber eingesetzt habe ich, das ist, glaube ich, wahrscheinlich das einzige von diesen damals neuen HTML5-Elementen, oh Gott, jetzt habe ich bestimmt irgendwelche vergessen, ähm, aber eins, von dem ich weiß, dass ich es, glaube ich, noch nie eingesetzt habe.

00:45:32.180 --> 00:45:39.280
 Was ein bisschen schade ist, äh, weil ich glaube, ich habe ein paar Chancen verpasst, wo ich da mal hätte dran denken können, ähm, das zu verwenden.

00:45:39.280 --> 00:45:42.580
 Gerade weil wir ja immer hier Semantik predigen, äh, äh, predigen, ne?

00:45:42.580 --> 00:45:50.380
 Ja, ich bin, ja, ich bin echt am überlegen, aber ich meine, das ist halt echt so ein, so ein typisches News-Seiten-Element, würde ich sagen.

00:45:50.380 --> 00:46:01.920
 Also da, wo du ein Bild hast mit einem Text dabei, da ist es absolut prädestiniert, das ist genau das, das ist genau dafür gemacht und ich weiß nicht, wie oft ich sowas seitdem gemacht habe, nicht so oft.

00:46:02.640 --> 00:46:08.280
 Ich schreibe ja auch keinen Code mehr, ich bin ja jetzt Politiker geworden, aber egal, das ist, äh, das erzähle ich auch ein andermal.

00:46:08.280 --> 00:46:10.180
 Das ist eine Geschichte für einen anderen.

00:46:12.280 --> 00:46:20.360
 Genau, das wird, äh, da, da mache ich mal einen Vortrag draus, wie ich Politiker, einer, der sich auszog, um Politiker zu werden, oder so.

00:46:20.360 --> 00:46:21.140
 Ach, du machst das nackt?

00:46:22.440 --> 00:46:33.300
 Ja, das ist halt meine neue Strategie, ist, äh, damit fällt mir auf jeden Fall auf, ich hab festgestellt, das ist manchmal, reicht das, um in der Politik erfolgreich zu sein, reicht es einfach nur aufzufallen.

00:46:34.760 --> 00:46:39.560
 Und, äh, wir könnten das so als Untertitel für unseren Podhub-Stream machen. Ausgezogen, um zu streamen.

00:46:39.560 --> 00:46:41.440
 Ausgezogen, um zu streamen.

00:46:41.440 --> 00:46:42.480
 Ja, richtig gut.

00:46:42.480 --> 00:46:45.580
 So, aber nun, wieder HTML hier, Technik, Technik.

00:46:45.580 --> 00:46:51.260
 Äh, als nächstes das HR-Element, das hat nichts mit Personalabteilung.

00:46:51.260 --> 00:46:52.420
 Und auch nicht mit dem hessischen Rundfunk.

00:46:52.420 --> 00:46:55.180
 Nicht der hessische Rundfunk und auch keine Personalabteilung, es tut mir leid.

00:46:55.180 --> 00:46:56.980
 Und interessanterweise, heißt das ...

00:46:56.980 --> 00:46:58.320
 Wir sind eher so der hässliche Rundfunk.

00:46:58.320 --> 00:47:04.900
 Sorry, mach weiter.

00:47:04.900 --> 00:47:10.700
 Ich fand, ich, weißt du, ich mag das ja, ich kann, ich stehe da absolut dazu, ich mag so blöde Wortspiele.

00:47:10.700 --> 00:47:13.140
 Ich bin ein absoluter Dead-Joke-Fan.

00:47:13.140 --> 00:47:21.140
 Also, das HR-Element, ähm, das hat, das hat wirklich, da sind mehrere Sachen interessant dran, wie ich finde, obwohl das auch nicht so extrem viel hergibt.

00:47:21.140 --> 00:47:28.000
 Aber, ähm, das hieß mal, das heißt so, weil, äh, es hieß früher Horizontal Rule.

00:47:28.000 --> 00:47:34.060
 Also, es steht tatsächlich für ein, ein, ein Strich auf der Seite, der gezogen wird.

00:47:34.060 --> 00:47:35.540
 Ein horizontaler Strich.

00:47:35.540 --> 00:47:39.660
 Wie man sagt, auf Englisch, Ruler ist ja das Lineal, also daher kommt das ...

00:47:39.660 --> 00:47:39.860
 Genau.

00:47:39.860 --> 00:47:46.520
 Und interessanterweise, wenn man jetzt aber die MDN guckt, wurde das umgemodelt, das heißt, das heißt, es ist jetzt was anderes.

00:47:46.520 --> 00:47:52.000
 Also, es heißt nämlich eigentlich jetzt The Thematic Break in Klammern Horizontal Rule Element.

00:47:52.000 --> 00:48:00.460
 Ich meine, man kann es nicht umbenennen oder man hat es nicht umbenannt, aber was passiert ist, früher war das tatsächlich ein unsemantisches Element, ein reines grafisches Element, wenn man so will.

00:48:00.460 --> 00:48:13.580
 Ähm, man hat aber jetzt gesagt, nee, ähm, das, äh, das wollen wir, wir wollen es weiterverwenden, aber das repräsentiert einen thematischen Bruch zwischen, hier steht in der MDN, Paragraph Level Elements.

00:48:13.580 --> 00:48:22.760
 Ähm, also zum Beispiel, äh, Change of Scene in a Story, also das ist tatsächlich irgendwie, ähm, eine andere Szene in der, in der Geschichte, man ist plötzlich woanders oder so.

00:48:22.760 --> 00:48:25.340
 Shift of Topic steht da noch.

00:48:25.340 --> 00:48:31.520
 Und das ist total interessant, das bedeutet, das hat eine semantische Bedeutung jetzt bekommen, die es früher nicht hatte.

00:48:31.520 --> 00:48:38.020
 Ähm, das ist, das ist selten so, oder das gab's an anderer Stelle auch schon, dass das so Sachen mal umgedeutet wurden.

00:48:38.020 --> 00:48:45.340
 Und mir fällt gerade ein, äh, äh, Definition List und Description List, die auch mal einen anderen Namen bekommen haben, obwohl es immer noch, äh, ja, das ist auch irgendwie spannend.

00:48:45.340 --> 00:48:55.760
 Ähm, und das Beispiel hier in der MDN ist, äh, einfach nur ein Paragraph, äh, und dann ein HR dazwischen, ähm, und dann kommt, kommt das nächste, nächste Paragraph, also tatsächlich das P-Element.

00:48:56.640 --> 00:49:07.800
 Ähm, was da dran auch interessant ist für die, für die Älteren, früher, äh, gab es, ich weiß gar nicht, ich hab ja immer gesagt, man, man soll sowas nicht mehr sagen, aber da hab ich jetzt ein bisschen Lust drauf, ausnahmsweise mal so alten Käse rauszukramen.

00:49:07.800 --> 00:49:14.920
 Also, Disclaimer, was jetzt kommt, das hört ihr jetzt nur, das ist, das ist quasi Historie, das vergesst ihr sofort wieder, das braucht ihr niemals.

00:49:14.920 --> 00:49:24.280
 Ähm, zu Zeiten als CSS, ähm, entweder es noch nicht gab oder es noch nicht so viel konnte, ähm, da hat man viele Dinge mit Attributen gestylt.

00:49:24.700 --> 00:49:47.440
 Und das HR-Element hatte einige Attribute, ähm, zum Beispiel Align, ähm, man konnte das, äh, ausrichten, in welche Richtung, äh, es zeigt, ähm, es gab auch eine Color, es gab, standardmäßig hatte das Ding einen Schatten, und es gab ein No-Shade-Attribut, was total abgefahren ist, wie ich finde, weil du nimmst, es hat nicht ein Shade-Attribut, das zum Schatten hinzufügen, sondern ein No-Shade, weil der Standard, das ist schon verrückt.

00:49:48.280 --> 00:49:54.940
 Size, man konnte das, äh, die Höhe davon verändern, und die Width, also die Breite, konntest du auch, äh, angeben.

00:49:54.940 --> 00:50:03.880
 Krass, äh, das ist so voll verdrängt, und jetzt, wo du das sagst, kommen mir Erinnerungen hoch, wie ich mit Notepad irgendwelche, äh, ganz simplen Layouts gebaut hab.

00:50:04.880 --> 00:50:18.260
 So, und da hab ich jetzt in der Spec, also, äh, in, in der echten Spec, nicht auf der MDN, noch was Interessantes gefunden dazu, was mich ein bisschen überrascht hat, was ich nicht kannte, bin ich mal gespannt, ob du das schon mal gehört hast.

00:50:18.260 --> 00:50:26.200
 Das kann man nämlich nicht einfach nur in Text verwenden, sondern es gibt noch offenbar, aber selbst der HTML-Validator hat sich da dran gestört, muss ich sagen.

00:50:26.860 --> 00:50:39.300
 Aber laut der Spec gibt es ein, noch einen weiteren, äh, Ort, wo das erlaubt ist, nämlich innerhalb eines Selects zwischen Option-Tags.

00:50:39.300 --> 00:50:45.120
 Ich meine, dass wir da auch schon mal drüber gestolpert sind, als wir die, äh, warte mal, Selectisten hatten wir auch schon, oder?

00:50:45.120 --> 00:50:48.300
 War das im Rahmen von dieser HTML, hatten wir noch nicht?

00:50:48.300 --> 00:50:57.220
 Wir hatten noch, wir hatten noch keine Formularelemente, waren bisher relativ langweilig unterwegs. Also, es ist tatsächlich, es steht hier original drin, warte mal, ich glaube, ich packe das, packe das nochmal als Extralink.

00:50:57.220 --> 00:50:59.660
 Aber eben, wo sind wir mal hier drüber gestolpert, da erinnere ich mich dran.

00:50:59.660 --> 00:51:15.080
 Ich packe das noch als Extralink, äh, nochmal mit rein, ähm, das ist der Link zum HTML-Standard, ähm, da steht explizit drin, ähm, alternatively, it represents a separator between a set of options of a select-Element.

00:51:15.700 --> 00:51:24.500
 Allerdings muss ich dazu sagen, ich habe da eine kleine Demo gebaut, ähm, die verlinken wir jetzt nicht, das ist zu unspektakulär, das lohnt sich eigentlich nicht, wo ich das mal ausprobiert habe.

00:51:24.500 --> 00:51:31.640
 Ich habe das wirklich, das reingepackt, man sieht es nicht, also zumindest, äh, in meinem Brave-Browser auf dem Mac sieht man es nicht, es ist weg.

00:51:31.640 --> 00:51:39.060
 Ähm, der HTML-Validator vom, äh, vom W3C meckert das an und sagt, da stimmt was nicht, ähm, wenn man das macht.

00:51:39.060 --> 00:51:45.100
 Ähm, und es, es wird auch, ähm, nicht, ähm, vorgeliefert.

00:51:45.700 --> 00:51:52.580
 Oder irgendwas, wenn ich es mit dem Screenreader mir anhöre, innerhalb von einem Select, da ist kein Bruch irgendwas, also das ist quasi nicht vorhanden, das Ding.

00:51:52.580 --> 00:51:56.060
 Vielleicht habe ich auch einen Fehler gemacht, vielleicht soll ich die Demo doch verlinken.

00:51:56.920 --> 00:51:58.360
 Äh, nee, ich lasse, lasse mal weg.

00:51:58.360 --> 00:52:04.840
 Also, falls da jemand mal, falls jemand weiß, wie das geht oder vielleicht irgendeine Demo hat, wo das so verwendet wird, das fände ich sehr interessant.

00:52:04.840 --> 00:52:07.400
 Allerdings ist es normalerweise, wird es anders verwendet.

00:52:07.400 --> 00:52:13.860
 Äh, halt wie gesagt, zwischen einzelne thematische Blöcke kann man so eine Linie machen und die kann man auch ganz nett stylen.

00:52:14.340 --> 00:52:18.380
 Ähm, da gibt es, äh, schöne Beispiele auf CodePen, die wir auch, äh, verlinken.

00:52:18.380 --> 00:52:29.420
 Ähm, was so ein Klassiker ist, äh, ist, was auch in der MDN gemacht wurde, nämlich, dass man, äh, mit Before und After da irgendwelche Elemente drüber legt, äh, und das dann zum Beispiel unterbricht.

00:52:29.560 --> 00:52:35.220
 Das ist irgendwie ganz nett, also, ähm, in der MDN, äh, jetzt muss ich gerade nochmal gucken, wo war ich denn, wo bin ich denn dahin?

00:52:35.220 --> 00:52:47.120
 Genau, da haben die nämlich das so gemacht, dass sie, ähm, dass das HR ein Border-Double ist, aber das Paragrafenzeichen in die Mitte drüber gelegt wurde und so ergibt sich eigentlich ein ganz nettes, grafisches.

00:52:47.120 --> 00:52:52.180
 Also, so wie bei, äh, bei den Field-Sets, ne, wo man, wo der Text dann auch so über diesem Rahmen drüber legt.

00:52:52.180 --> 00:52:59.060
 Genau, in dem Fall haben sie quasi als Trick verwendet, der Hintergrund davon ist weiß, also von, von dem allgemeinen Block ist weiß.

00:52:59.560 --> 00:53:04.980
 Und der Hintergrund von dem Paragrafen auch weiß, so sieht es aus, als ob es unterbrochen werden würde, was natürlich nicht wird.

00:53:04.980 --> 00:53:08.780
 Also, wenn du da die Hintergrundfarbe änderst, siehst du sofort, äh, den Beschiss.

00:53:08.780 --> 00:53:17.520
 Das heißt, mit Dark Theme und so muss man dann nochmal alles ummodeln, aber, ähm, generell eigentlich, äh, ne, ne, ne coole Idee und sieht, sieht auch nett aus, muss ich sagen.

00:53:17.520 --> 00:53:29.120
 Ähm, und ich hab, wie gesagt, wir verlinken noch ein Code-Pen, wo, ähm, so ein paar verschiedene Varianten drin sind, wie, wie man das noch machen kann, also, das ist jetzt nichts wahnsinnig spektakuläres, mit unterschiedlichen Borders wurde da gespielt.

00:53:29.560 --> 00:53:38.200
 Aber man kann da auch einen Schatten irgendwie draufsetzen, ähm, oder Diverses, also da gibt's viele, viele verschiedene interessante, ähm, Varianten, die man da machen kann.

00:53:38.200 --> 00:53:49.700
 Ähm, genau. Äh, ich hab es noch, vielleicht sei das noch angemerkt, ah, genau, äh, äh, äh, zum Thema Semantik von dem Ding, ich hab ja gesagt, das ist jetzt, ist umgedeutet worden.

00:53:50.700 --> 00:53:59.520
 Das hat tatsächlich, äh, äh, eine implizite ARIA-Rolle Separator und da hab ich mir gedacht, okay, wenn das jetzt ein semantisches Element ist, dann würde ich auch erwarten, dass es vorgelesen wird.

00:53:59.520 --> 00:54:05.880
 Und dem ist auch so, VoiceOver sagt bei dem Element, wenn es kommt, Horizontal-Teilungsfunktion.

00:54:05.880 --> 00:54:09.720
 Ist jetzt, ähm, wie soll ich sagen?

00:54:09.720 --> 00:54:11.780
 Ein bisschen holprig, oder?

00:54:12.000 --> 00:54:21.800
 Ist besser als nichts, aber ja, warum nicht? Also es wird auf jeden Fall vorgelesen, äh, in diesem, also im Kontext, wenn es nicht im Select ist.

00:54:21.800 --> 00:54:25.860
 Im Select war es komplett stumm, da war das, als wäre es nicht da, also als ob es ein Fehler wäre, als ob man das nicht darf.

00:54:25.860 --> 00:54:32.540
 Aber wie gesagt, vielleicht hab ich da auch irgendeinen Fehler gemacht in meiner Demo und ich komm jetzt grad wieder zu dem Punkt, dass ich sie vielleicht doch verlinken soll.

00:54:32.540 --> 00:54:40.060
 Ähm, ja komm, das machen wir, dann muss ich die, dann schalte ich die hier noch public und, ähm, genauso mach was.

00:54:40.060 --> 00:54:43.320
 Also die Demo, die Demo kommt noch in die Shownotes.

00:54:43.320 --> 00:54:48.780
 Hab ich da jetzt was vergessen? Oder was ich, was ich wieder übersehen hab? Oder, äh, oh Gott, krieg ich Ärger?

00:54:48.780 --> 00:54:53.160
 Nee, da hatten wir sogar jetzt noch mehr, weil wir die alten Elemente, äh, alte Attribute noch beschrieben haben.

00:54:53.160 --> 00:54:54.880
 Okay, sehr gut. Hab ich Glück gehabt.

00:54:54.880 --> 00:55:02.020
 Gut, damit kommen wir schon zum letzten, Mensch, hier, Rekordtempo heute.

00:55:02.540 --> 00:55:06.880
 Und, äh, das letzte in diesem Block ist das Pre-Element.

00:55:06.880 --> 00:55:16.620
 Und das Pre-Element hat den einzigen Zweck, Text so darzustellen, wie er tatsächlich im Editor, im Markup, äh, Markup steht.

00:55:16.620 --> 00:55:24.720
 Normalerweise ist es ja so, mehrere Leerzeichen hintereinander werden zusammengezogen, optisch in der Darstellung, in der Ausgabe, ähm, und sind nicht sichtbar.

00:55:25.280 --> 00:55:36.680
 Und, äh, wenn ich jetzt Text habe, zum Beispiel AsciiArt, wird hier auch tatsächlich explizit als, als Beispiel in der MDN genannt, ähm, wo ich ja die Leerzeichen tatsächlich haben will,

00:55:37.200 --> 00:55:47.960
 Dann kann ich ein Pre-Tag-Tag außenrum setzen und das sorgt dafür, dass standardmäßig der Browser, das, also das, das Browser-Style-Sheet, das, äh, mit einem Monospaced-Font, ähm, ausgibt.

00:55:47.960 --> 00:55:55.780
 Und mit, äh, mit White-Space, ähm, entsprechend, äh, ja, wie er tatsächlich erscheint.

00:55:55.860 --> 00:55:59.260
 Und dadurch ist die Darstellung so, wie man es im Texteditor sehen würde.

00:55:59.260 --> 00:56:07.420
 Und, äh, da ist auch explizit zu dieser, äh, ASCII-Geschichte, hier Accessibility-Concerns, ähm, noch angegeben.

00:56:07.420 --> 00:56:14.580
 Äh, und auch wieder reingepackt in ein Figure und, äh, mit einem Fig-Caption-Element, also das passt wunderbar heute zusammen.

00:56:14.580 --> 00:56:20.720
 Ähm, ist eben eine Figure, dann ist da ein, ein Pre-Tag, da ist ein, ein, ein Esel aus ASCII-Art.

00:56:20.720 --> 00:56:30.460
 Ähm, und das Pre-Tag hat in dem Fall ein Role-Attribut Image und ein ARIA-Label ASCII-Cow.

00:56:30.460 --> 00:56:50.640
 So, dass es dann, äh, von einem Screenreader entsprechend vorgelesen würde, anstatt jetzt irgendwie Linie, Linie, Linie, äh, Backslash, äh, Karree, was weiß ich, ja, äh, wird das überschrieben, ASCII-Cow, also der Screenreader sagt dann, hier ist ein, ein Image-Element, ein Bild-Element, das ist eine ASCII-Cow, ohne jetzt irgendwie die Leute,

00:56:50.720 --> 00:57:03.100
 die darauf angewiesen sind, weiter zu verwirren, ähm, und dann, weil mir ja natürlich in dem Fall jetzt aber ein, ein Alt-Attribut fehlt, weil es eben keine Grafik ist, kann ich dann das Fig-Caption-Element nutzen,

00:57:03.100 --> 00:57:20.520
 Und, äh, wenn man das jetzt nicht für sehende UserInnen haben möchte, dann kann man das ja dann wiederum verstecken.

00:57:20.520 --> 00:57:32.300
 Ich bin grad ein bisschen verwirrt. Hilf mir mal. Ist meine Erinnerung falsch, dass man in das Pre-Früher auch mal HTML einfach so reinpacken konnte und das wurde dann nicht als HTML gerendert?

00:57:32.300 --> 00:57:34.660
 Oder ist, hab ich eine falsche Erinnerung?

00:57:34.660 --> 00:57:36.060
 Weil ich hab's grad ausprobiert, das geht nicht.

00:57:36.060 --> 00:57:45.180
 Also hier steht explizit dabei, wenn man, äh, Zeichen benutzen will, wie spitze Klammern und, und Double-Quote, dann muss man's mit HTML-Entities.

00:57:45.640 --> 00:57:53.940
 Ja, ich hab's ausprobiert, das stimmt, aber irgendwas sagt mir, dass man früher einfach, wieso hab ich das so in Erinnerung?

00:57:53.940 --> 00:58:10.120
 Ich dachte, wenn du einfach Pre irgendwo reinschreibst, dass du einfach irgendwo Pre davor schreibst, so ein beliebter Hack, um Seiten zu defacen, wenn du es schaffst, irgendwo ins HTML reinzukommen, dass du einfach Pre hinschreibst und ab dem Punkt wird die Seite nicht mehr gerendert, sondern einfach als Text dargestellt.

00:58:12.860 --> 00:58:16.000
 Du könntest durchaus recht haben, dass das mal so war, ja.

00:58:16.000 --> 00:58:19.940
 Es klingelt auch irgendwo dunkel ganz hinten im Kopf.

00:58:19.940 --> 00:58:31.920
 Ich erinnere mich, dass da mit wilden Sachen gemacht wurden früher, aber, aber ist das, oder vielleicht ist es auch einfach falsche Erinnerung, aber haben die das vielleicht geändert und haben gesagt, nee, es ist uns zu unsecure und das darf man nicht mehr oder so?

00:58:32.720 --> 00:58:52.900
 Ich finde jetzt gerade auch kein Beispiel, wo das so ist, aber irgendwie, bitte schreibt mal in die Kommentare, falls ihr euch erinnern könnt oder vielleicht noch ein Beispiel irgendwo habt, wo ein Blogartikel, der das irgendwie beschreibt, dieses Verhalten, das würde mich echt interessieren, weil irgendwie kommt es mir vor, als ob das, das war mal anders.

00:58:53.900 --> 00:58:57.660
 Das war doch mal anders. Oder ich habe eine ganz komplett falsch eingepflanzte Erinnerung.

00:58:57.660 --> 00:59:01.580
 Nee, ich dachte auch, oder war es bei Code, wo das noch irgendwann kommen wird.

00:59:01.580 --> 00:59:06.100
 Ich bin mir extrem sicher, dass es Pre war, aber, weil Code ist, glaube ich ...

00:59:06.100 --> 00:59:09.360
 Nee, Code ist ja auch nur für diese Inline-Formatierung.

00:59:09.360 --> 00:59:16.140
 Ja, nee, ich kann es mir gut vorstellen, dass es mal anders war, weil ich es auch so ...

00:59:16.140 --> 00:59:20.780
 Oder es ist Mandela-Effekt, dass wir beide das Gefühl haben, es war so, aber es war nie so.

00:59:20.780 --> 00:59:26.800
 Also, ich finde auch auf die Schnelle jetzt nichts dazu.

00:59:26.800 --> 00:59:27.960
 Nee, ich auch nicht.

00:59:27.960 --> 00:59:31.060
 Das ist cool, als wäre es nie so gewesen.

00:59:31.060 --> 00:59:35.140
 Ja, hat Google gut gemacht, Google gut versteckt.

00:59:35.140 --> 00:59:41.000
 Vielleicht muss man eine alternative Suchmaschine verwenden oder irgendwie das Internet Archive oder so.

00:59:43.140 --> 00:59:45.760
 Eine alte Ehe irgendwie auftreiben.

00:59:45.760 --> 00:59:49.720
 Oder einfach, wahrscheinlich würde eine alte HTML-Spec ausreichen.

00:59:49.720 --> 00:59:56.440
 Okay, sagt uns mal, ob wir komplett falsch liegen da.

00:59:56.440 --> 00:59:58.840
 Ja, das würde mich auch mal interessieren, ob andere auch noch diese Erinnerung haben.

00:59:58.840 --> 01:00:02.380
 Was nur bedeuten könnte, dass der Mandela-Effekt sehr stark ist.

01:00:02.380 --> 01:00:05.860
 Ja.

01:00:05.860 --> 01:00:07.220
 Ja, Mensch.

01:00:07.220 --> 01:00:09.720
 Hey, dann sind wir jetzt schon durch, ne?

01:00:09.720 --> 01:00:11.180
 Exakte Stunde so.

01:00:12.420 --> 01:00:15.220
 Ja, gut, aber es geht ja noch, es gibt noch ein Geil-Teilchen und dann ...

01:00:15.220 --> 01:00:15.440
 Ja.

01:00:15.440 --> 01:00:20.700
 Wir machen jetzt Folgen für Leute, die sich schon immer beschwert haben, das unsere Folgen zu lassen.

01:00:20.700 --> 01:00:21.040
 Ja, richtig.

01:00:21.040 --> 01:00:26.660
 Jetzt ausnahmsweise, die alle schon abgesprungen sind und den Podcast nicht mehr hören, das ist für euch.

01:00:26.660 --> 01:00:30.000
 Das hättet ihr haben können, wenn ihr länger dabei geblieben wären.

01:00:30.000 --> 01:00:32.620
 Okay.

01:00:32.620 --> 01:00:33.460
 Ja.

01:00:33.460 --> 01:00:35.020
 Ah, falsch.

01:00:35.020 --> 01:00:35.900
 Falsch.

01:00:35.900 --> 01:00:39.580
 Einmal verklickt, egal.

01:00:39.580 --> 01:00:39.700
 Egal.

01:00:41.700 --> 01:00:45.000
 Das Geil-Teil hatten wir schon im Stream.

01:00:45.000 --> 01:00:46.560
 Ich sage das viel zu oft, gell.

01:00:46.560 --> 01:00:52.420
 Und es ist auch nicht 100% auf dem aktuellen Stand, aber trotzdem fand ich es jetzt nochmal erwähnenswert,

01:00:52.420 --> 01:00:54.780
 weil es mir vor kurzem wieder eingefallen ist, dass es sowas mal gab.

01:00:55.360 --> 01:01:00.320
 Und zwar heißt das Selectors Explained von Kitty Giraudel.

01:01:00.320 --> 01:01:06.760
 Und ich habe bei dem Namen immer Angst, vor allem den Nachnamen, dass ich ihn falsch ausspreche.

01:01:06.760 --> 01:01:12.260
 Und zwar ist es unter kitty-giraudel.gitter.io slash selectors-explained.

01:01:12.260 --> 01:01:13.540
 Aber der Link kommt auch noch in die Shownotes.

01:01:14.240 --> 01:01:22.700
 Und was es tut oder was es vorgibt zu tun, ich tue Selektoren, CSS-Selektoren, die können auch länger sein, rein.

01:01:22.700 --> 01:01:28.500
 Also ich habe hier zum Beispiel mal jetzt ganz, ganz billig geschrieben, aside, größer Zeichen, p.

01:01:29.680 --> 01:01:34.560
 Und dann drücke ich auf Explain und dann kriege ich erklärt, was der Selektor tut.

01:01:34.560 --> 01:01:40.560
 Und in diesem Fall, ich habe, wie gesagt, geschrieben aside, Leerzeichen, größer Zeichen, p.

01:01:40.560 --> 01:01:45.740
 Und dann steht hier jetzt a p-Element directly within a side-Element.

01:01:45.740 --> 01:01:52.580
 Wir haben letztes Mal festgestellt, dass so neuere Sachen nicht unterstützt werden.

01:01:52.580 --> 01:01:56.240
 Has zum Beispiel wird nicht unterstützt und not auch nicht.

01:01:56.340 --> 01:01:58.940
 Bei not sagt er einem aber, glaube ich, sogar Bescheid.

01:01:58.940 --> 01:01:59.980
 War das nicht so?

01:01:59.980 --> 01:02:01.720
 Dass er das nicht unterstützt oder so, ja.

01:02:01.720 --> 01:02:06.240
 Ich glaube, not pseudo-class is not supported.

01:02:06.240 --> 01:02:08.940
 Genau, man kann es aber auch forken.

01:02:08.940 --> 01:02:10.280
 Das ist schon ein bisschen älter.

01:02:10.280 --> 01:02:15.000
 Moment, bei GitHub der letzte Commit ist von ...

01:02:15.000 --> 01:02:17.320
 vom 5. Januar?

01:02:17.320 --> 01:02:19.320
 Doch nicht so.

01:02:19.320 --> 01:02:20.040
 vom 5. Januar.

01:02:20.040 --> 01:02:23.940
 Ja, aber ich weiß nicht genau, was alles unterstützt ist.

01:02:23.940 --> 01:02:25.680
 Das kann man bestimmt auch auf GitHub dann rausfinden.

01:02:26.060 --> 01:02:29.620
 Aber so klassische Selektoren, also wenn ihr euch mal fragt, hey, was macht denn das Ding jetzt?

01:02:29.620 --> 01:02:36.260
 Gibt es eine gute Chance, wenn es jetzt nicht was ganz Neues ist, dass das Ding es ganz gut erklären kann.

01:02:36.260 --> 01:02:42.620
 Und einem dann sagt, ja, das ist irgendwie eine Klasse und dann kommt irgendwie direkt ein nachfolgendes Kind-Element oder Geschwister-Element.

01:02:42.760 --> 01:02:49.520
 was weiß ich, was es halt alles so gibt an Selektoren und Kombinatoren in CSS, die man sich damit eigentlich recht schön erklären lassen kann.

01:02:49.520 --> 01:02:53.760
 Schönes, kleines, äh, minimalistisches Tool.

01:02:53.760 --> 01:02:57.780
 Die Seite ist auch sehr minimalistisch, einfach quasi nur ein Eingabefeld.

01:02:58.320 --> 01:03:01.880
 ähm, ähm, und dann einen Knopf und auf den drücke ich und dann kriege ich es erklärt.

01:03:01.880 --> 01:03:03.460
 Und das war's auch schon.

01:03:03.460 --> 01:03:03.880
 Sehr schön.

01:03:03.880 --> 01:03:07.060
 Jetzt aber, ne?

01:03:07.060 --> 01:03:08.900
 Haben wir gerade wieder gleichzeitig geklickt.

01:03:10.340 --> 01:03:18.620
 Wir klicken immer unsere To-Do-Punkte weg in Trello und manchmal, äh, ist es so, als ob man quasi nicht geklickt hätte und dann haben wir gleichzeitig geklickt.

01:03:18.620 --> 01:03:21.440
 Jetzt klicke ich aber woanders hin und zwar diesmal richtig.

01:03:21.440 --> 01:03:22.160
 Woanders hin jetzt.

01:03:22.160 --> 01:03:26.180
 Das Ende.

01:03:26.180 --> 01:03:29.260
 Ja, Mensch.

01:03:29.260 --> 01:03:31.440
 Es ist so, es ist ganz komisch.

01:03:31.440 --> 01:03:33.800
 Es ist 20 nach 9 jetzt und wir sind durch.

01:03:33.800 --> 01:03:35.860
 Jetzt warten wir noch eine Runde, oder?

01:03:35.860 --> 01:03:38.960
 Ja, auf jeden Fall, aber auf, äh, auf Aufnahme.

01:03:39.240 --> 01:03:40.820
 Ich glaub, das wird noch langweiliger als im Stream.

01:03:40.820 --> 01:03:48.220
 Wir zocken einfach eine Runde Worms, Armageddon, äh, Worms, WMD, einfach, äh, während wir podcasten.

01:03:48.220 --> 01:03:50.200
 Genau, ohne, ohne, dass ihr den Ton vom Spiel hört.

01:03:50.200 --> 01:03:52.960
 Einfach nur stille und zwischendrin so, oah.

01:03:52.960 --> 01:03:57.000
 Oh nein, oh nein, ich hab's wieder daneben, oh scheiße.

01:03:57.000 --> 01:04:02.320
 Und wer, wer, wer das jetzt total geil findet, die Vorstellung, dass wir das tun, der kann gerne mal im Stream vorbeischauen, wenn wir tatsächlich spielen.

01:04:02.320 --> 01:04:03.120
 Jetzt die heilige Handkanade.

01:04:03.120 --> 01:04:05.060
 Dann sieht man aber sogar was dabei und hört was.

01:04:05.060 --> 01:04:06.600
 Das Schaf am Seil.

01:04:06.600 --> 01:04:09.660
 Und, äh, Armageddon gibt's ja auch.

01:04:09.660 --> 01:04:14.240
 Äh, wer das nicht verpassen möchte, auf twitch.tv slash WWSIV.

01:04:14.240 --> 01:04:16.200
 Vielleicht demnächst mit anderem Namen.

01:04:16.200 --> 01:04:16.860
 Müssen wir mal gucken.

01:04:16.860 --> 01:04:18.840
 Haben wir vor kurzem drüber geredet.

01:04:18.840 --> 01:04:20.240
 Weil uns findet keine Sau.

01:04:20.240 --> 01:04:22.720
 WWSIV, da sagen die Leute, WWSIV, was soll denn das sein?

01:04:22.720 --> 01:04:23.780
 WWSIV, wer seid ihr denn?

01:04:23.780 --> 01:04:24.980
 Für SIV.

01:04:24.980 --> 01:04:26.740
 Schön!

01:04:27.380 --> 01:04:32.320
 Mensch, ach, solche Folgen könnten wir eigentlich öfter mal, lass uns, lass uns öfter mal so ein bisschen kürzer.

01:04:32.320 --> 01:04:38.480
 Also vom Thema her, das fand ich jetzt irgendwie schön knackig, das ist, es muss ja nicht immer so überbordend sein.

01:04:38.480 --> 01:04:38.840
 Nee.

01:04:38.840 --> 01:04:48.920
 Wenn wir weitermachen nach der Sommerpause, und wir werden weitermachen nach der Sommerpause, dann könnten wir ja das mit so ähnlicher Anzahl HTML-Elemente uns dann nehmen.

01:04:48.920 --> 01:04:50.260
 Dann dauert, dann haben wir zwar noch ein paar Folgen vor uns.

01:04:50.260 --> 01:04:55.300
 Ich glaube, da haben wir sehr viel vor uns, weil wir haben nämlich, also der nächste Blog, der wird ziemlich riesig mit den Inline-Text-Semantics.

01:04:55.300 --> 01:04:59.420
 Da ist sehr viel, aber ja gut, dann geht uns schon der Content nicht aus.

01:04:59.420 --> 01:05:00.900
 Ach, schön.

01:05:00.900 --> 01:05:04.240
 Gut, da hatte ich eigentlich noch nie Angst, dass uns der Content ausgeht.

01:05:04.240 --> 01:05:05.580
 Irgendwas zu reden finden wir immer.

01:05:05.580 --> 01:05:08.500
 Also es gibt Podcasts, die sich Themen bei anderen kopieren.

01:05:08.500 --> 01:05:10.040
 Wir haben das noch nie gemacht.

01:05:10.040 --> 01:05:14.160
 Weiß ich nicht, ob das wirklich zu 100 Prozent stimmt, aber es stimmt zu 99 Prozent.

01:05:14.160 --> 01:05:18.080
 Wir behaupten es einfach so steif und fest, dass wir der einzige Stream in Deutschland mit Faxnummer sind.

01:05:18.620 --> 01:05:20.360
 Ja, das behaupten wir auch einfach.

01:05:20.360 --> 01:05:23.300
 Da muss uns mal jemand das Gegenteil beweisen, dann behaupten wir das nicht mehr.

01:05:23.300 --> 01:05:27.060
 Genau, aber genau die, so, Moment, was hast du gerade gesagt?

01:05:27.060 --> 01:05:33.080
 Die, ah genau, die Inline-Elemente, Inline-Text-Semantics, da haben wir einiges vor uns.

01:05:33.080 --> 01:05:37.740
 Das sind, weiß ich nicht, 30 Stück oder so, könnte sein.

01:05:37.740 --> 01:05:44.000
 Und da, ja, aber die, obwohl die geben auch nicht, die geben teilweise vielleicht sogar mehr her, als das, was wir jetzt heute hatten.

01:05:44.000 --> 01:05:44.800
 Also müssen wir mal gucken.

01:05:44.800 --> 01:05:50.440
 Müssen wir mal schauen und wir werden natürlich auch nicht alles am, jetzt nicht nur noch diese Serie fortsetzen, sondern wieder zwischendrin auch andere Dinge.

01:05:50.440 --> 01:05:53.880
 Grid, will man uns da drauf festnageln, dass wir eine Grid-Folge mal endlich machen.

01:05:53.880 --> 01:05:56.740
 Vielleicht nochmal jemanden einladen oder so, das wird es bestimmt auch nochmal geben.

01:05:57.320 --> 01:06:03.740
 Ja, und du vielleicht von den Bahamas, dann, ne, du bist ja nach der Sommerpause eventuell unterwegs.

01:06:03.740 --> 01:06:14.920
 Genau, genau, da werde ich erstmal Sabbatical machen und bin jetzt aber dann, also erstmal dann tatsächlich im Urlaub für zwei Wochen.

01:06:14.920 --> 01:06:16.140
 Gut, August ist ja eh, ist ja eh Sommerpause.

01:06:16.140 --> 01:06:18.640
 Genau, es ist eh noch Sommerpause und dann danach muss man mal gucken.

01:06:18.640 --> 01:06:22.220
 Ich würde sagen, es ist tatsächlich jetzt noch gar nicht so viel fest geplant.

01:06:22.220 --> 01:06:35.200
 Also ich weiß, dass ich Anfang nächsten Jahres mal ein bisschen länger weg sein werde, aber vielleicht können wir auch da mal, müssen wir mal gucken, wie es dann so, wie so der Delay ist zum Aufnehmen.

01:06:35.200 --> 01:06:35.560
 Der Jan.

01:06:35.560 --> 01:06:40.060
 Wenn ich weiter weg bin, weiß ich nicht, ob das gut funktioniert dann.

01:06:40.060 --> 01:06:55.600
 Aber ich habe festgestellt jetzt die Tage, dass das Mikrofon von meinem MacBook, ich will jetzt nicht sagen, es ist besonders gut, also auf jeden Fall nicht so gut wie dieses hier, vor allem wenn man ein bisschen näher rangeht.

01:06:55.600 --> 01:07:11.960
 Das geht natürlich nicht mit dem MacBook-Mikrofon, aber ich habe tatsächlich damit so ein bisschen Background-Vocals aufgenommen, so für was die innoleise im Hintergrund und ich war in einem ruhigen Raum und so, das war okay.

01:07:11.960 --> 01:07:22.640
 Das war gut genug, da machst du ein bisschen Rauschfilter drauf und gut ist, es war jetzt auch nichts, was in den Charts landen wird, sage ich jetzt mal so.

01:07:24.480 --> 01:07:34.700
 Ich war erstaunt, wie gut es ist, das heißt, vielleicht kann ich tatsächlich nur mit diesem Gerät dann, wenn ich tatsächlich einen stillen Ort finde, nur mit dem Gerät und Kopfhörern vielleicht podcasten, das wäre schon ...

01:07:34.700 --> 01:07:39.160
 Ja cool, und wenn es nur ist, um uns zwischendrin mal zu melden, dann wird es nicht zu lange eine Pause geben.

01:07:39.160 --> 01:07:44.820
 Unbedingt, ich glaube, ich bin eh nie so lange am Stück jetzt irgendwie weg, wir werden das schon irgendwie hinkriegen.

01:07:44.820 --> 01:07:54.140
 Also das ist jetzt aber erstmal die letzte Podcast-Folge vor der Sommerpause und wir werden auf jeden Fall, keine Ahnung, ich tippe jetzt mal so, irgendwann im September,

01:07:54.360 --> 01:07:58.200
 Ja, aber ja in der Regel Mitte September so um den Dreh, das soll wieder loslegen.

01:07:58.200 --> 01:08:03.880
 Das tippe ich jetzt mal, wir müssen jetzt mal ein bisschen uns wieder auffrischen und ...

01:08:03.880 --> 01:08:05.080
 Sonne tanken, Energie tanken, Tieren lüften.

01:08:05.080 --> 01:08:08.440
 ... uns mal umziehen, mal wieder duschen und ...

01:08:08.440 --> 01:08:10.160
 Wird auch mal wieder Zeit nach so einem Dreivierteljahr.

01:08:12.420 --> 01:08:16.260
 Ja, ich habe Weihnachten das letzte Mal, damit die Familie nicht so guckt und ...

01:08:16.260 --> 01:08:23.880
 Jetzt wird es mal wieder Zeit, bevor ich irgendwo in öffentliches Verkehrsmittel stehe oder sowas, ja.

01:08:23.880 --> 01:08:25.920
 Vielleicht ein bisschen Rücksicht nehmen.

01:08:25.920 --> 01:08:26.960
 Nehmt mal Rücksicht, genau.

01:08:26.960 --> 01:08:28.780
 Nehmt einfach mal, so für die Sommerpause nicht durchlebt.

01:08:28.780 --> 01:08:29.820
 Seid nett zueinander.

01:08:29.820 --> 01:08:31.560
 Nehmt mal Rücksicht auf andere.

01:08:31.560 --> 01:08:32.720
 Einfach so, so überall.

01:08:32.720 --> 01:08:34.080
 So ganz generell.

01:08:34.320 --> 01:08:37.740
 Nicht am Ende der Volltreppe stehen bleiben, nicht in der Mitte vom Weg laufen.

01:08:37.740 --> 01:08:39.900
 Oder einfach mal ein Auge zudrücken.

01:08:39.900 --> 01:08:40.460
 Genau.

01:08:40.460 --> 01:08:47.760
 Wenn irgendwas Blödes passiert ist, irgendjemand schneidet euch mit dem Auto oder so.

01:08:47.760 --> 01:08:52.820
 Einfach mal cool bleiben, einfach mal ein Auge zudrücken.

01:08:52.820 --> 01:09:03.220
 Davon ausgehen, was dir wiederum jemand gesagt hat, einfach davon ausgehen, dass jeder, dem du begegnest, das Beste tut, was er in dieser Situation gerade tun kann.

01:09:03.440 --> 01:09:06.860
 Und wenn er eben nicht freundlich sein kann, dann hat das wahrscheinlich auch seine Gründe.

01:09:06.860 --> 01:09:08.580
 Und einfach mal.

01:09:08.580 --> 01:09:16.780
 Das ist auf jeden Fall, ich weiß nicht, ob man mit dieser Einstellung, wenn man die immer hat, ob man da so extrem weit kommt oder ob man nicht oft dann frustriert wird.

01:09:16.780 --> 01:09:20.880
 Aber ja, ich finde, das ist eine schöne Einstellung, die man auf jeden Fall ab und zu mal rauskramen sollte.

01:09:20.880 --> 01:09:30.240
 Dass man den Leuten erstmal nichts Schlechtes unterstellt, sondern dass man erstmal davon ausgeht, da will eigentlich, die Leute wollen erstmal nur was für sich, die wollen nichts gegen dich.

01:09:30.720 --> 01:09:37.480
 Da gibt es auch den Spruch irgendwie, schiebe nichts auf Bösartigkeit, was du nicht auch mit Ignoranz erklären könntest.

01:09:38.940 --> 01:09:44.160
 Ja, oder ich glaube, ich kenne es auch mit Dummheit, ja, das habe ich auf jeden Fall schon mal gehört.

01:09:44.160 --> 01:09:51.640
 Aber ich glaube, ich würde es anders nennen, ich würde nicht sagen Dummheit, sondern Unwissenheit, aber im positivsten Sinne.

01:09:52.140 --> 01:09:55.700
 Dass jemand sich einfach gar nicht um das Ding, was in deinem Kopf ist, kümmert.

01:09:55.700 --> 01:10:01.980
 Und das ist, glaube ich, in den allermeisten Fällen der Fall, dass jemand eben nicht, klar, keiner kann in deinen Kopf reingucken.

01:10:01.980 --> 01:10:08.620
 Und dass die Leute eben einfach nicht, sich gar nicht um das kümmern, was dich kümmert.

01:10:08.620 --> 01:10:10.180
 Und das nicht böse meinen.

01:10:10.960 --> 01:10:17.020
 Und wenn die dich ignorieren oder dich blöd behandelt fühlst, ist es tatsächlich oft so, dass da gar keine böse Absicht dahinter steckt.

01:10:19.100 --> 01:10:29.380
 Ich bin der Meister im Leute auf die Füße treten und hinterher dann vielleicht merken, dass ich was falsch gemacht habe oder dass es falsch angekommen ist.

01:10:29.380 --> 01:10:40.680
 Oder manchmal kriege ich es dann auch gesagt, da freue ich mich immer drüber, wenn jemand sagt, ah ja, da irgendwie, so eine Situation hatte ich vor kurzem, ein halbes, nee, ein halbes Jahr später ist jetzt übertrieben, irgendwie ein Monate, zwei Monate später.

01:10:40.740 --> 01:10:42.620
 Ah ja, die Situation, die war irgendwie ein bisschen blöd.

01:10:42.620 --> 01:10:45.180
 Und ich habe gesagt, ey, sprich doch bitte sofort mit mir.

01:10:45.180 --> 01:10:49.780
 Ich bin manchmal der Elefant im Porzellanladen und merke es nicht.

01:10:49.780 --> 01:10:54.180
 Ja, ich glaube, ich bin eigentlich das elegante Kätzchen, das rumhüpft.

01:10:54.180 --> 01:11:04.040
 Aber eigentlich war ich in dem Augenblick ein Elefant, habe alles zertrümmert und habe es nicht mal gemerkt und gehe fröhlich pfeifend wieder raus und habe gar nicht gemerkt.

01:11:04.040 --> 01:11:05.180
 Und alles qualmt hinter dir.

01:11:05.180 --> 01:11:07.380
 Alles qualmt, aber ich habe es nicht gemerkt.

01:11:07.380 --> 01:11:10.380
 Aber es ist ja schön, wenn man diese Kritik dann auch positiv annehmen kann.

01:11:11.480 --> 01:11:12.640
 Ja, das ist nicht einfach.

01:11:12.640 --> 01:11:16.800
 Das ist echt unter Umständen anstrengend, wenn dann jemand sagt, ey, da warst du richtig scheiße.

01:11:16.800 --> 01:11:25.920
 Und das, vor allem, ich finde es auch immer gut, wenn dann Leute nicht dir einen Vorwurf machen, sondern dir sagen, ey, du hast das gemacht und das habe ich dabei gefühlt.

01:11:25.920 --> 01:11:27.060
 Also mit einer Ich-Botschaft.

01:11:28.560 --> 01:11:34.900
 Und das kann man dann auch sehr gut annehmen, kann ich sagen, hey, also ich kann ja nicht sagen, du darfst dich nicht so fühlen, wie du dich fühlst.

01:11:34.900 --> 01:11:38.640
 Also, es gibt Leute, die sowas versuchen, aber das ist ja völlig irre.

01:11:38.640 --> 01:11:43.220
 Also wenn euch jemand sagt, dass ihr euch nicht so fühlen dürft, wie ihr euch fühlt, schwierig.

01:11:44.840 --> 01:11:49.400
 Das ist ja auch so ein Ding in der Kindererziehung, dass man früher gesagt hat, so heul jetzt nicht, stell dir jetzt nicht so an.

01:11:49.400 --> 01:11:52.980
 Oder das ist doch jetzt aber nicht so wichtig, deswegen muss man doch jetzt nicht so einen Aufstand machen.

01:11:52.980 --> 01:11:55.860
 Also Gefühle, die sind halt da, die kann man nicht verbieten.

01:11:55.860 --> 01:11:57.000
 Jetzt sind wir aber nochmal.

01:11:57.000 --> 01:11:57.740
 Jetzt sind wir nochmal hier.

01:11:57.740 --> 01:12:03.660
 Ja, richtig, wie wir es früher als im Stream hatten, so richtig Psycho-Talk.

01:12:03.660 --> 01:12:06.880
 Ja, das haben wir im Stream schon lange nicht mehr gemacht, ich weiß gar nicht genau, warum.

01:12:06.880 --> 01:12:12.140
 Ich glaube, das kamen oft aus der Community so irgendwelche Fragen und dann geht man da drauf ein und denkt so drüber nach.

01:12:12.140 --> 01:12:14.360
 Aber irgendwie kam es nicht mehr so.

01:12:14.360 --> 01:12:15.720
 Wir haben ja noch zwei Streams.

01:12:15.720 --> 01:12:23.300
 Entweder kommen die schlecht gelaunten Leute nicht mehr oder, ich weiß nicht, oder vielleicht geht es denen jetzt besser, das kann auch sein.

01:12:23.300 --> 01:12:23.920
 Das wäre doch auch schön.

01:12:23.920 --> 01:12:25.180
 Das wäre auch schön.

01:12:25.180 --> 01:12:26.740
 Also gut, machen wir den Deckel drauf.

01:12:26.740 --> 01:12:32.960
 In diesem Sinne, habt einen schönen Sommer, genießt die Sonne, seid nett zueinander und bis bald.

01:12:32.960 --> 01:12:34.340
 Macht's gut.

01:12:34.340 --> 01:12:34.680
 Ciao.

01:12:55.740 --> 01:13:01.600
 Untertitelung des ZDF für funk, 2017