WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: HTML VON A BIS Z-Z IV: A Tag To Rule Them All
Publishing Date: 2024-01-22T12:29:35+01:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/html-von-a-bis-z-z-iv-a-tag-to-rule-them-all/

00:00:00.000 --> 00:00:05.000
 Wo wir sind, ist vorne, Folge 62. Heute geht's um die Mutter aller HTML-Elemente.

00:00:05.000 --> 00:00:21.420
 Herzlich willkommen bei Wo wir sind, ist vorne.

00:00:21.420 --> 00:00:28.240
 Frontend-Fakten-Frotzeleien, der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

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

00:00:54.500 --> 00:01:01.840
 Hello, hello, hello. Willkommen zurück aus unserer Winter-Sylvester-Weihnachtspause.

00:01:01.840 --> 00:01:03.700
 Jetzt gibt's wieder Podcast.

00:01:03.700 --> 00:01:05.860
 Erste Folge im neuen Jahr.

00:01:05.860 --> 00:01:09.840
 Yes. Ich hab mich gerade so gefreut, das Intro zu hören.

00:01:09.840 --> 00:01:15.180
 Ich war gerade so, ich hör das ja so, naja, ich hör das jetzt so privat jetzt nicht so, ist nicht in meiner Playlist drin.

00:01:15.860 --> 00:01:20.540
 Aber ja, fand ich jetzt irgendwie, fand ich gut, hat mir gerade Spaß gemacht, das wieder zu hören.

00:01:20.540 --> 00:01:26.500
 Vor allem so einmal, einmal das Podcast, das Podcast-Intro ist nämlich auch anders als das, nee, es stimmt gar nicht.

00:01:26.500 --> 00:01:28.080
 Nee, es ist eigentlich das Gleiche, ja.

00:01:28.080 --> 00:01:32.480
 Wir haben auch das, aber trotzdem irgendwie, es war, es fühlt sich irgendwie anders an.

00:01:32.480 --> 00:01:39.560
 Ja, beim Stream müssen wir irgendwie mehr machen und gucken, Szenenwechsel und blablabla, da ist man irgendwie nicht so aufs Hören konzentriert.

00:01:39.960 --> 00:01:44.780
 Ja, ich finde unser Intro immer noch gut und das ist, wir haben es nicht verändert seit Beginn.

00:01:44.780 --> 00:01:48.200
 Ja, es ist nicht so, dass man sich satt hört und so irgendwann, also geht mir zumindest so.

00:01:48.200 --> 00:01:48.500
 Zumindest wir nicht.

00:01:48.500 --> 00:01:50.020
 Ja, finde ich, ihr vielleicht schon.

00:01:50.020 --> 00:01:58.160
 Vielleicht habt ihr ja schon auch irgendwie so euren Podcatcher so eingerichtet, dass die ersten so und so viele Sekunden weggeschnitten werden.

00:01:58.160 --> 00:02:04.340
 Aber dann müssten wir vielleicht mal so einen ganz fiesen, langen Text ganz am Anfang sprechen, damit der das komplett durcheinander bringt.

00:02:04.340 --> 00:02:04.860
 Genau, nächstes Mal.

00:02:05.660 --> 00:02:11.740
 Ich habe das tatsächlich bei manchen Podcasts, wo ich wusste, das Intro kommt oder das irgendwas davor ist, tatsächlich auch schon so gemacht, dass ich das Intro ...

00:02:11.740 --> 00:02:13.860
 Ja, einfach nochmal 15 Sekunden gespart am Anfang.

00:02:13.860 --> 00:02:20.820
 Kann auf jeden Fall empfehlen, falls ihr euch das Outro noch nie bis zum Schluss angehört habt, das würde ich empfehlen, dass man das mindestens einmal gemacht hat.

00:02:20.820 --> 00:02:22.760
 Und vor allem über den Webplayer auf unserer Seite.

00:02:22.760 --> 00:02:25.620
 Vor allem über den ... Ich weiß gar nicht, ob das noch funktioniert.

00:02:25.620 --> 00:02:26.600
 Doch, doch, müsste eigentlich.

00:02:26.600 --> 00:02:28.920
 Ich habe es schon lange nicht mehr gemacht, aber eigentlich müsste es noch funktionieren.

00:02:28.920 --> 00:02:29.800
 Schon lange nicht mehr getestet.

00:02:29.800 --> 00:02:32.280
 Ah, ich sehe gerade, der Konstantin trinkt aus einer Star Wars-Tasse.

00:02:32.280 --> 00:02:34.480
 Ja, ich habe mir noch einen koffeinfreien Espresso gemacht.

00:02:35.300 --> 00:02:36.860
 Ein koffeinfreier Espresso?

00:02:36.860 --> 00:02:42.360
 Also, ich trinke einfach gerne Kaffee und Espresso.

00:02:42.360 --> 00:02:46.900
 Und wenn ich den aber irgendwie nach zwei, drei nachmittags trinke, dann schlafe ich ewig nicht.

00:02:46.900 --> 00:02:48.940
 Ja, das kann ja auch gut sein.

00:02:48.940 --> 00:02:51.060
 Dementsprechend trinke ich gerne abends mal einfach noch so einen koffeinfreien.

00:02:51.060 --> 00:02:53.020
 Das hatte ich jetzt ... Jetzt verlabern wir uns schon wieder.

00:02:53.020 --> 00:02:56.240
 Das hatte ich jetzt die letzten Tage auch mal, wo ich gar nicht zum Ende kam.

00:02:56.240 --> 00:02:59.980
 Und bis um ... Und das war gar nicht wegen Koffein, glaube ich.

00:02:59.980 --> 00:03:01.860
 Ich bin in so ein AI-Loch gefallen.

00:03:01.860 --> 00:03:03.860
 Aber da sind wir eigentlich schon in der Retro.

00:03:04.220 --> 00:03:06.020
 Stimmt, da könnten wir in der Retro noch drüber sprechen.

00:03:06.020 --> 00:03:06.980
 Mein AI-Loch.

00:03:06.980 --> 00:03:08.780
 Okay, ja, dann schiebst du das noch rein.

00:03:08.780 --> 00:03:11.180
 Aber dann können wir doch bei Getränken gleich weitermachen, oder?

00:03:11.180 --> 00:03:13.200
 Machen wir bei Getränken gleich weiter, genau.

00:03:15.100 --> 00:03:26.360
 Ja, heute trinke ich mal wieder ganz unspektakulär, aber tatsächlich gekühlt, und ich weiß gerade gar nicht, ob ich es gut finde, was Gekühltes zu trinken, einen Augustiner, dem ich irgendwann mal sponsoren sollte, oder diesen Podcast.

00:03:26.360 --> 00:03:28.600
 Das wäre irgendwie mal angemessen sollte.

00:03:28.600 --> 00:03:29.020
 Kann man mal anregen.

00:03:29.020 --> 00:03:30.600
 Genau.

00:03:30.600 --> 00:03:32.760
 Der Podcast Alkoholismus geht also weiter.

00:03:32.760 --> 00:03:34.360
 Du trinkst wahrscheinlich wieder was Alkoholfreies.

00:03:34.380 --> 00:03:40.400
 Genau, ich habe mir mitgebracht aus dem Urlaub ein Salzburger Stiegel 0,0 Freibier.

00:03:41.540 --> 00:03:45.920
 Ja, das heißt, es war leider nicht kostenlos wahrscheinlich.

00:03:45.920 --> 00:03:46.820
 Nee, leider nicht.

00:03:47.180 --> 00:03:50.080
 Ja, dann machen wir mal noch kurz die ASMR-Öffnungsrunde.

00:03:50.080 --> 00:03:58.500
 Bei dir klang es, also mein Öffner, der öffnet sehr gut, aber er ist soundmäßig nicht so, der macht es irgendwie nicht so gut.

00:03:58.500 --> 00:03:59.720
 Das klingt bei dir immer besser.

00:03:59.720 --> 00:04:00.540
 So, nein.

00:04:00.540 --> 00:04:01.560
 So, stoßen wir noch an.

00:04:01.560 --> 00:04:01.980
 Zu wohl.

00:04:01.980 --> 00:04:05.180
 Das klang irgendwie nicht so gut, gell?

00:04:05.180 --> 00:04:06.260
 Man hat gehört, dass die andere...

00:04:06.260 --> 00:04:06.700
 Bisschen dumpf.

00:04:06.700 --> 00:04:08.080
 Ja, es war ein bisschen dumpf.

00:04:08.080 --> 00:04:08.880
 Es war, hm.

00:04:08.880 --> 00:04:13.180
 Naja, so ist das manchmal, wenn man durchs Portal anstößt, das klappt halt nicht immer.

00:04:14.060 --> 00:04:17.300
 Das schmeckt jetzt gerade ein bisschen komisch durch den Kaffee, den ich kurz vorher noch getrunken habe.

00:04:17.300 --> 00:04:20.240
 Okay.

00:04:20.240 --> 00:04:20.660
 Aber gut.

00:04:20.660 --> 00:04:23.760
 Ja, dann können wir doch direkt zur Retro kommen, oder?

00:04:23.760 --> 00:04:24.540
 Yes.

00:04:24.540 --> 00:04:36.640
 Dann mache ich mal den Anfang.

00:04:36.640 --> 00:04:41.160
 Und ich habe beim Vorbereiten so gedacht, eigentlich habe ich gar nicht wirklich eine Retro.

00:04:42.020 --> 00:04:46.900
 Ich habe ja letzte Folge schon erwähnt, dass ich jetzt schon eine Weile krankgeschrieben bin, auch immer noch krankgeschrieben bin.

00:04:46.900 --> 00:04:53.260
 Und dementsprechend mache ich gerade einfach nichts an Entwicklung und habe da nicht so viel jetzt entwicklungstechnisch drüber zu sagen.

00:04:53.260 --> 00:05:00.920
 Aber dann dachte ich mir, wir haben schon im Stream öfter mal so eine EntwicklerInnen-Therapiestunde gemacht.

00:05:01.580 --> 00:05:03.280
 Und das kam eigentlich immer ganz gut an.

00:05:03.280 --> 00:05:09.760
 Und dann mache ich stattdessen einfach so ein kleines Public-Service-Announcement und appelliere an euch.

00:05:09.760 --> 00:05:17.320
 Unsere Branche, so IT und Entwicklung, ist ja irgendwie ein bisschen anfällig für so Anxiety, Depression, Burnout.

00:05:17.320 --> 00:05:19.740
 Das ist ja fast schon vielleicht eine Berufskrankheit.

00:05:20.280 --> 00:05:21.680
 Zumindest ist es sehr weit verbreitet.

00:05:21.680 --> 00:05:29.020
 Und ja, wollte ich einfach mal sagen, nochmal appellieren, achtet auf eure Gesundheit, egal ob körperlich oder psychisch.

00:05:29.020 --> 00:05:36.380
 Und sucht euch Hilfe, scheut euch da nicht und sprecht mit KollegInnen drüber, wo ihr vielleicht sehen werdet, hey, den anderen geht es ganz genauso.

00:05:37.020 --> 00:05:40.920
 Zumindest war das immer so das Echo im Stream, was wir so bekommen haben.

00:05:40.920 --> 00:05:42.500
 Genau.

00:05:42.500 --> 00:05:44.300
 Und das wollte ich einfach nur loswerden.

00:05:44.300 --> 00:05:52.660
 An der Stelle noch, ich bin mir jetzt gerade nicht sicher, ob das im Podcast gesagt wurde, in der Aufnahme oder als die Mikros schon aus waren.

00:05:52.660 --> 00:05:57.140
 Bei der Aufnahme der letzten Folge hat der Matthias dazu auch noch was gesagt.

00:05:57.140 --> 00:06:00.100
 Ich weiß nicht genau, ob es da irgendwie, ob er Research dazu gelesen hat.

00:06:00.100 --> 00:06:06.480
 Er hat ja irgendwie gemeint, dass es da offenbar auch so die Annahme gibt, dass das oft auftritt in unserer Branche,

00:06:06.640 --> 00:06:12.340
 weil man in ganz vielen Bereichen der digitalen Welt nie fertig ist.

00:06:12.340 --> 00:06:17.020
 Also weil man immer nur am Strampeln ist und immer noch ein Feature und noch und dies und das.

00:06:17.020 --> 00:06:18.440
 Es gibt aber nie ein Fertig.

00:06:18.440 --> 00:06:25.360
 Es gibt nie ein, so wie, ich hatte das jetzt gerade vor kurzem, war sehr befriedigend, einen Raum streichen.

00:06:25.360 --> 00:06:32.160
 Also erstens, nachdem das Nervige abgeschlossen ist, Abkleben und sowas, Farbe aufbringen.

00:06:32.160 --> 00:06:33.820
 Ich sehe sofort ein Resultat.

00:06:33.820 --> 00:06:35.900
 Ich nehme, ich tauche die Rolle in den Farbeimer.

00:06:36.260 --> 00:06:38.520
 Und fahre damit daran entlang.

00:06:38.520 --> 00:06:43.160
 Und genau da, wo ich jetzt die Farbrolle entlanggerollt habe, sieht jetzt die Wand schon neu aus.

00:06:43.160 --> 00:06:50.220
 Und wenn ich mit dem Raum fertig bin, dann habe ich vielleicht, nachdem er getrocknet ist, nochmal zwei, drei Stellen auszubessern.

00:06:50.220 --> 00:06:51.200
 Und dann ist der fertig.

00:06:51.200 --> 00:06:53.640
 Und dann streiche ich den die nächsten zehn Jahre nicht mehr.

00:06:53.640 --> 00:06:55.820
 Dann habe ich wirklich was geschafft.

00:06:55.820 --> 00:06:57.100
 Ein fertiges Produkt.

00:06:57.320 --> 00:06:58.860
 Also ich kenne das auch sehr, sehr gut.

00:06:58.860 --> 00:07:07.920
 Ich habe ja auch auf der Arbeit so Langzeitprodukte, die über Jahre hinweg entwickelt werden, wo es immer neue Features gibt oder alte Sachen ausgebaut werden.

00:07:07.920 --> 00:07:09.800
 Da muss irgendwie was geupdatet werden und so weiter.

00:07:10.140 --> 00:07:10.840
 Man ist nie fertig.

00:07:10.840 --> 00:07:16.120
 Es gibt nie den Moment, wo ich sagen kann, das lege ich jetzt weg zu den Akten.

00:07:16.120 --> 00:07:17.760
 Das ist irgendwie in der IT.

00:07:17.760 --> 00:07:20.820
 Ich glaube, das ist, wenn man Agenturarbeit macht, noch eher so.

00:07:20.820 --> 00:07:21.880
 Da gibt es das öfter.

00:07:22.880 --> 00:07:27.460
 Aber auch nie so, dass man dann mal sagt, jetzt habe ich was geschafft, jetzt ruhe ich mich mal aus.

00:07:27.460 --> 00:07:32.340
 Jetzt war ich besonders gut die letzten drei, fünf, siebenundzwanzig Wochen.

00:07:32.340 --> 00:07:41.040
 Und jetzt sage ich mal, okay, jetzt habe ich es mir mal verdient, mich mal jetzt drei Monate auf die faule Haut zu legen, weil ich jetzt halt richtig ordentlich was geschafft habe.

00:07:41.040 --> 00:07:44.300
 Gut, okay, das ist ja dann so ein Anstellungs- und Selbstständigkeitsding auch wieder.

00:07:44.300 --> 00:07:48.960
 Also in der Selbstständigkeit kannst du vielleicht eher sagen, okay, das hat mir so viel Geld reingebracht, jetzt mache ich drei Monate nix.

00:07:48.960 --> 00:07:49.680
 Das ist halt der Kabinett.

00:07:49.680 --> 00:07:52.240
 Wenn du angestellt bist, dann kommt halt schon wieder das nächste Projekt.

00:07:52.240 --> 00:07:57.160
 Gut, ich meine, es kann schon sein, dass ein Projekt mal irgendwann wirklich fertig ist, weil es einfach halt tot ist.

00:07:57.160 --> 00:08:04.200
 Aber sonst weißt du ja nie, kommt noch mal jemand an und sagt, ah, bei dem, was wir da gemacht haben, da müssen wir jetzt noch das und das hinzufügen und so.

00:08:04.200 --> 00:08:05.600
 Da kann immer wieder was kommen.

00:08:05.600 --> 00:08:09.740
 Und es ist halt einfach, digital kann ich halt nicht anfassen.

00:08:09.740 --> 00:08:14.400
 Also wenn ich einen Stuhl geschreinert habe, dann steht er da und dann sitze ich da vielleicht jeden Tag drauf.

00:08:14.400 --> 00:08:18.480
 Oder ich gucke jeden Tag, wenn auch nur unterbewusst, halt diese Wand an, die ich gestrichen habe.

00:08:19.140 --> 00:08:22.680
 Aber so eine digitale Sache, die ist halt einfach, die ist da irgendwo.

00:08:22.680 --> 00:08:26.420
 Und wenn ich die Festplatte falsch rüttel, dann ist die weg.

00:08:26.420 --> 00:08:27.820
 Also die ist nicht greifbar.

00:08:27.820 --> 00:08:30.280
 Also macht immer Backups, Leute.

00:08:30.280 --> 00:08:33.680
 Ich habe hier noch, ah, das könnten wir vielleicht auch noch announcen.

00:08:33.680 --> 00:08:35.560
 Machen wir vielleicht am Ende.

00:08:38.440 --> 00:08:38.780
 Genau.

00:08:38.780 --> 00:08:41.680
 So, dann, Moment, ich muss es jetzt noch hier kurz.

00:08:41.680 --> 00:08:43.880
 Tippel.

00:08:43.880 --> 00:08:45.520
 So, tippel, tippel, genau.

00:08:45.520 --> 00:08:48.160
 Dann kommt mein erster Retropunkt.

00:08:48.160 --> 00:08:51.740
 Also, jetzt sind ja ein paar Wochen vergangen seit unserer letzten Folge.

00:08:52.820 --> 00:09:00.200
 Und ich habe, glaube ich, davor auch mal gesagt, dass ich im Prinzip jetzt, ich bin ja im Sabbatical immer noch, auch noch bis einschließlich Juni.

00:09:01.200 --> 00:09:12.340
 Und ich habe relativ wenig programmiert in der Zeit, habe viel andere Sachen gemacht, hatte den Kopf auch woanders und hatte auch den, habe auch, glaube ich, in der letzten Folge gesagt, es fehlt mir irgendwie gar nicht so.

00:09:12.540 --> 00:09:15.820
 Und es stört mich eigentlich gerade gar nicht, nichts Technisches zu machen.

00:09:15.820 --> 00:09:19.720
 Und muss sagen, das hat sich jetzt komplett gedreht.

00:09:19.720 --> 00:09:33.360
 Und zwar so kurz vor Silvester habe ich dann angefangen, mein eigenes Blog zu bauen, mein neues, zu finden unter moritzgießmann.de slash blog mit oder ohne abschließendem Slash, wie ihr wollt.

00:09:33.960 --> 00:09:44.340
 Wichtig. Ich finde, das ist ein wichtiges Usability-Feature, weil es gibt Seiten, die gehen kaputt, wenn der schließende, der hintere Slash fehlt oder nicht fehlt, je nachdem, wie man es halt gebaut hat.

00:09:44.340 --> 00:09:48.660
 Wichtig ist halt, dass der Server entsprechend weiterleitet und du nicht, wenn sonst hast du Duplicate-Content.

00:09:48.660 --> 00:09:49.440
 Genau.

00:09:49.440 --> 00:09:56.640
 Und immer schön den Canonical-Link setzen, damit Google auch weiß, wo die Seite hingehört.

00:09:56.640 --> 00:10:01.680
 Ja, also ich habe einen Blog jetzt gebaut, das ist, wie gesagt, zu finden unter moritzgießmann.de slash blog.

00:10:01.820 --> 00:10:04.820
 Da blogge ich halt so rein, was mir so einfällt.

00:10:04.820 --> 00:10:10.900
 Bisher waren es hauptsächlich technische Themen, Sachen, die ich auch gemacht habe in der Vergangenheit teilweise.

00:10:10.900 --> 00:10:14.260
 Ich habe zum Beispiel nochmal gebloggt über ein Firefox-Theme, was ich mal gebaut habe.

00:10:14.260 --> 00:10:18.960
 Habe gebloggt über Eleventy.

00:10:18.960 --> 00:10:22.520
 Ich habe das Blog mit Eleventy gebaut und Pico CSS.

00:10:22.520 --> 00:10:26.700
 Fand ich irgendwie ganz nett, irgendwie mal was Neues auszuprobieren.

00:10:26.700 --> 00:10:30.120
 Habe ich nämlich beides vorher noch nie eingesetzt, aber kannte es schon so aus der Ferne.

00:10:31.520 --> 00:10:38.580
 Habe gebloggt über, vielleicht auch ein bisschen kontrovers über Accessibility, AI nutzen, um Accessibility zu verbessern.

00:10:38.580 --> 00:10:40.760
 Da sind sich auch nicht so alle einig, ob das eine gute Idee ist.

00:10:40.760 --> 00:10:42.920
 Genau.

00:10:42.920 --> 00:10:44.280
 Das gibt es jetzt.

00:10:44.280 --> 00:10:45.980
 Das abonniert ihr jetzt alle.

00:10:45.980 --> 00:10:48.480
 Den Feed davon ist ja klar.

00:10:49.260 --> 00:10:59.000
 Und verlinkt fleißig da drauf, da würde ich mich extrem drüber freuen, weil Google jetzt irgendwie das noch nicht alles indexiert hat und mich das ein bisschen nervt, muss ich sagen.

00:10:59.000 --> 00:11:03.240
 Obwohl ich Sitemap eingereicht habe und sogar einzelne Seiten gesagt habe, ey, indexiert es doch mal.

00:11:03.240 --> 00:11:03.800
 Ja, das dauert.

00:11:04.620 --> 00:11:13.440
 Irgendwie hat das jetzt noch, also auf meiner Seite war zugegebenermaßen jetzt auch sehr lange, sehr wenig Content und alles sehr statisch und es hat sich nur ganz selten was geändert.

00:11:14.580 --> 00:11:21.860
 Und ich kann es verstehen, dass ich jetzt quasi in der Google-Schublade, da ändert sich nix bin, da gucken wir alle halbe Jahr mal vorbei.

00:11:21.860 --> 00:11:33.820
 Aber ich habe jetzt sogar eine Sitemap eingereicht, die auch alle Links beinhaltet und auch bei Google, ah ja, wir haben hier diese 27 Links jetzt und trotzdem indexiert es nicht.

00:11:34.640 --> 00:11:38.360
 Also ich bin da ein bisschen, also ich brauche Backlinks, Leute, ich brauche Backlinks, Backlinks, Backlinks.

00:11:38.360 --> 00:11:44.680
 Und oder halt auch Besuche, also wenn Google dann feststellt, okay, da kommen wirklich organische Besucher auf die ...

00:11:44.680 --> 00:11:46.340
 Aber woher wollen die wissen, woher wollen die wissen, dass ich besuche?

00:11:46.340 --> 00:11:47.280
 Google weiß doch alles.

00:11:47.280 --> 00:11:50.820
 Ich habe kein Google-Tracking bei mir eingebaut, sondern nur Matomo.

00:11:50.820 --> 00:11:52.860
 Ich habe kein, kein, äh, wie heißt das?

00:11:52.860 --> 00:11:54.700
 Dann sind es vielleicht wirklich Backlinks, die da ...

00:11:54.700 --> 00:11:58.200
 Schon vergessen, wie das, Google Analytics hieß das, ja, das habe ich früher auch verwendet.

00:11:58.300 --> 00:12:06.460
 Aber ich habe jetzt gerade vor kurzem gesehen, dass ich mein, äh, PIVX-slash-Matomo schon seit, glaube ich, über zehn Jahren im Einsatz habe.

00:12:06.460 --> 00:12:07.240
 Ah ja, krass.

00:12:07.240 --> 00:12:10.160
 Was krass ist, da kann man auch schön Zahlen zurückverfolgen und so.

00:12:10.160 --> 00:12:11.780
 Das ist schon richtig lang am Start.

00:12:11.780 --> 00:12:19.540
 Also hier bei mir gibt es Google-freies Tracking und wenn ihr gar kein Tracking wollt, schaltet den Do-No-Track-Header ein und das wird respektiert von meinem, äh, von meinem Matomo.

00:12:19.540 --> 00:12:21.260
 Oder schaltet den Ad-Docker ein, dann ist das auch weg.

00:12:21.260 --> 00:12:27.560
 Also ich will, ich will nur ein bisschen was über Browser rausfinden und selbst wenn ihr das, wenn ihr das nicht wollt, dann empfinde ich das auch nicht raus.

00:12:27.700 --> 00:12:30.040
 Das ist alles in Ordnung.

00:12:30.040 --> 00:12:50.320
 So, und, äh, andere Dinge, die ich auch noch gemacht habe, ähm, vielleicht kennt der eine oder die andere das Tool, äh, wir sprechen auch später nochmal kurz drüber, äh, Contrast-Ratio.com, was es mal gab, Contrast-Ratio.com, wo man sich Farbkontraste ausrechnen lassen konnte, ob die den Barrierefreiheitsrichtlinien entsprechen.

00:12:50.320 --> 00:13:01.300
 Und, äh, wer die Seite kennt und in letzter Zeit mal drauf war, hat festgestellt, dass die jetzt auf so ein SEO-Dings umleitet, weil die Lea, die das gebaut hat, hat das, äh, hat wohl ein gutes Angebot bekommen und hat das Teil dann verkauft.

00:13:01.460 --> 00:13:15.300
 Es war ein echt geiles Tool, aber es war auch noch, ähm, auf GitHub und es war unter der MIT-Lizenz. Und dann habe ich mir gedacht, hey, ähm, das muss nicht sein, das kann es ja jetzt wieder geben, ganz ohne SEO-Tracking-Kram, bla bla bla.

00:13:15.300 --> 00:13:30.820
 Und hab das, äh, auch, ich hab auch Lea Bescheid gesagt, also, es ist nicht so, dass ich das jetzt heimlich gemacht hätte, auch wenn ich die, äh, das laut der Lizenz dürfte, hab es wieder online gebracht, in der alten Version, hab da jetzt eigentlich auch quasi keine Änderungen dran gemacht, das funktioniert immer noch genauso wie früher.

00:13:30.820 --> 00:13:51.060
 Vielleicht, äh, vielleicht verbessere ich es irgendwann noch ein bisschen. Unter contrast-ratio.org, da könnt ihr jetzt eure Kontraste ausrechnen lassen, ähm, live. Und man, was das, was ich eigentlich finde, was das coolste Feature da dran ist, ist, dass man, ähm, wenn man Farben eingegeben hat, auch einen Link da drauf bekommt, auf die Seite mit den entsprechenden Farben und dem Ergebnis.

00:13:51.060 --> 00:14:01.360
 Das heißt, ich krieg dann so ein, ähm, ähm, ein Anchor, äh, hinten dran gebaut, hinter die URL und kann dann tatsächlich auch auf das Ergebnis der beiden Farben verlinken, was ich, äh, ziemlich cool finde.

00:14:01.360 --> 00:14:12.600
 Genau, das zu Dingen, die ich getan hab, und ich hab auch schon viele Blogartikel geschrieben, seit ich, ähm, das Blog habe, das, der Blog, das ist, glaub ich, immer noch nicht geklärt, ähm.

00:14:12.600 --> 00:14:14.300
 Ich sag's mal so, mal so.

00:14:14.300 --> 00:14:20.760
 Mal, mal so, mal so. Ich glaub, ich glaube, die offizielle Schreibweise ist, ähm, eckige Klammer auf, das Pipe.

00:14:21.060 --> 00:14:22.840
 Der, eckige Klammer zu, Blog.

00:14:22.840 --> 00:14:23.620
 Genau.

00:14:23.620 --> 00:14:30.280
 Ich glaub, das ist, ähm, okay, gut, dann, äh, kommen wir zum Nächsten.

00:14:30.280 --> 00:14:35.260
 Ja, RSS hattest du, hast du gerade abgehakt, ist das, hattest du das schon, ist das an mir vorbeigeflogen?

00:14:35.260 --> 00:14:36.580
 Ja, den Feed, den Feed abonnieren.

00:14:36.580 --> 00:14:37.260
 Ah, den Feed abonnieren.

00:14:37.260 --> 00:14:37.540
 Okay.

00:14:37.540 --> 00:14:43.060
 Den Feed abonnieren, weil, ähm, Feeds einfach eine tolle Sache sind und viel besser als Social Media und alles andere.

00:14:43.060 --> 00:14:48.200
 Der Feed, der geht niemals woanders hin. Der Feed ist gut, der Feed füttert euch.

00:14:48.200 --> 00:14:49.220
 Feed ist sehr gut.

00:14:49.240 --> 00:14:53.520
 Der Feed, der Feed ist einfach, ist einfach pure Liebe. Nutzt den Feed.

00:14:53.520 --> 00:14:54.360
 Danke, Feed.

00:14:54.360 --> 00:15:08.640
 Ja, ja, da ich, wie gesagt, keine Retro hab, mach ich jetzt dafür noch eine kleine Ankündigung, ähm, falls der, die eine oder andere, äh, halt nur Podcast hört, ähm, aber vielleicht doch mal in den Stream schauen will.

00:15:08.640 --> 00:15:26.340
 Ach, das wollte ich mich bei meinem ersten Teil noch sagen. Also, wenn ihr sonst niemanden zum Reden habt, dann kommt doch mal in unseren Stream. Da gibt's immer viele Gleichgesinnte und wir schweifen da gerne auch mal von, äh, anderen Themen ab, wie wir das so tun und reden dann über EntwicklerInnen-Probleme. Ähm, und, äh, ja, ansonsten lohnt sich's vielleicht auch reinzuschauen Ende Mai oder Mitte, Mitte Mai eigentlich.

00:15:26.340 --> 00:15:39.200
 Doch, doch, doch. Ja, natürlich. Äh, und zwar gibt's, äh, bei, bei Twitch so Stream-Goals, Sub-Goals, ähm, und dann haben wir aus Spaß gesagt, ja, komm hier, wenn wir 100 Subs zusammenkriegen, machen wir einen Hot-Tab-Stream.

00:15:39.660 --> 00:15:44.060
 Und man muss dazu sagen, vielleicht muss man mal erklären für die Nicht-Twitch-KennerInnen. Was das ist überhaupt, ja.

00:15:44.060 --> 00:15:58.000
 Ähm, also ein Sub ist tatsächlich, ist quasi wie so eine Art bezahltes Abonnement. Man bekommt da dann bestimmte, äh, Emotes, so heißt es da so, also bestimmte Emojis, die wir da bereitstellen. Das ist eigentlich so, und ich glaub, keine Werbung dann, ähm, im Stream.

00:15:58.000 --> 00:15:58.300
 Ja.

00:15:58.300 --> 00:16:09.640
 Ähm, ich glaub, das sind so die Sachen, die man dafür in erster Linie kriegt. Und, äh, genau, man kann aber auch welche verschenken. Also, man, man, äh, muss nicht unbedingt das nur für sich machen, man kann auch sagen, hey, ich schenke der Community.

00:16:09.640 --> 00:16:15.980
 Also, es ist was, wo wir ein bisschen Geld für kriegen und Jeff Bezos wahrscheinlich noch mehr als, als wir dann jeweils. Genau.

00:16:15.980 --> 00:16:35.520
 Und wir haben da aus Spaß gesagt, ähm, Jahrhundert, ähm, das, so gleichzeitig, das kriegen wir eh nicht und haben dann so hintendran, also vielleicht muss man das zu Twitch auch noch erklären, auf Twitch gibt's, ähm, ich glaube, es sind in erster Linie, äh, Menschen mit, äh, mit Brüsten, sag ich mal.

00:16:35.520 --> 00:16:56.660
 Ich will das jetzt mal nicht, nicht, nicht werten, sondern es sind erst ja die Menschen mit Brüsten, die, ähm, ganz gerne, ähm, das als Hauptcontent ihres Streams machen und dann so leicht bekleidet in, ähm, in so Mini-Schwimmbecken sitzen, so in, in ihrem Wohnzimmer und dann halt so im Wasser und dann, keine Ahnung, irgendwelche Sachen da machen.

00:16:56.660 --> 00:17:05.760
 Also, es ist alles, es ist alles, äh, FSK 12, behaupte ich, aber es ist schon irgendwie so ein bisschen, so ein bisschen anzüglich und das nennt sich so grob Hot Tub Stream.

00:17:05.760 --> 00:17:08.040
 Ich glaube, warte mal, wie heißt die Kategorie auf Twitch?

00:17:08.040 --> 00:17:09.740
 Gibt's da eine eigene Kategorie dafür?

00:17:09.820 --> 00:17:12.540
 Es gibt, es gibt mittlerweile eine eigene Kategorie, ich weiß es nicht mehr genau.

00:17:12.540 --> 00:17:16.960
 Und es ist manchmal so ein Witz, den man halt so macht, naja, dann machen wir halt mal einen Hot Tub Stream.

00:17:16.960 --> 00:17:28.040
 Und wir haben halt damals hingeschrieben, bei 100 Subs, und wir hatten halt vorher immer so 10, 15 parallel oder so, äh, ich glaube, das ist, oder vielleicht auch mal 20.

00:17:28.040 --> 00:17:34.120
 Und haben gesagt, bei 100 machen wir auch einen Hot Tub Stream, ja, und dann, dann kam Weihnachten oder so irgendwie die Vorweihnachtszeit um die Ecke.

00:17:35.480 --> 00:17:48.380
 Und dann hat, äh, einer unserer Stammzuschauer 60 rausgehauen und dann ein anderer, ah ja, komm, da steht irgendwie, jetzt fehlen noch 40, da mach ich jetzt noch die anderen 40 und dann ist es passiert und jetzt müssen wir sowas auch machen.

00:17:48.380 --> 00:17:52.100
 Aber es wird auch FSK 12.

00:17:52.100 --> 00:17:54.480
 Es wird auch FSK 12.

00:17:54.480 --> 00:17:57.840
 Ich weiß nicht, ob ich mich jetzt trauen würde, weiter runterzugehen.

00:17:57.840 --> 00:18:04.840
 Ähm, ja, und dann werden wir bei Konstantin im Keller einen kleinen Pool aufbauen und dann ...

00:18:04.840 --> 00:18:06.980
 Da so Pool-Sachen machen halt.

00:18:06.980 --> 00:18:08.780
 Ich weiß nicht genau, was das dann bedeutet.

00:18:08.780 --> 00:18:09.560
 Müssen wir da mal gucken.

00:18:09.560 --> 00:18:11.080
 Ja, das sehen wir dann mal.

00:18:11.080 --> 00:18:15.920
 Wir sammeln noch Ideen, wenn ihr Ideen habt, was wir da machen können, dann nur her damit.

00:18:15.920 --> 00:18:18.160
 Genau.

00:18:18.160 --> 00:18:19.400
 Okay.

00:18:19.400 --> 00:18:23.020
 Dann haben wir das angekündigt und mir ist es jetzt schon ein bisschen peinlich.

00:18:23.020 --> 00:18:30.040
 Ich weiß nicht, ich glaube, die Podcast-Zuhörerschaft ist ein bisschen anders gestrickt als die Leute, die eh schon auf Twitch sind und den ganzen Kram kennen.

00:18:30.040 --> 00:18:32.120
 Aber okay, jetzt haben wir es angekündigt.

00:18:32.120 --> 00:18:32.840
 Müssen wir zustehen.

00:18:32.840 --> 00:18:34.460
 Müssen wir zustehen.

00:18:34.680 --> 00:18:37.520
 Okay, das tun wir jetzt ganz aufrecht.

00:18:37.520 --> 00:18:38.840
 Okay.

00:18:38.840 --> 00:18:45.900
 Gut, dann vielleicht noch, was ich gerade vorhin noch spontan hinzugefügt habe, das AI-Loch, in das ich gefallen bin.

00:18:45.900 --> 00:18:52.820
 Ich hatte vor ein paar Tagen, ähm, habe ich mir gedacht, ich habe mir viel von AI jetzt programmieren lassen.

00:18:53.320 --> 00:18:55.620
 Und dann dachte ich, kann das eigentlich auch komplexe Sachen.

00:18:55.620 --> 00:19:08.840
 Und dann bin ich, das war nach dem Stream abends, als wir den letzten Stream gestreamt haben, habe ich noch irgendwie so ein Video geguckt auf YouTube und dachte so, Mensch, aber AI, sag mal, ChatGPT, kann das eigentlich auch so richtig komplexe Sachen programmieren?

00:19:08.840 --> 00:19:28.560
 Das ist ein Spiel zum Beispiel. Und dann habe ich versucht, von ChatGPT mir programmieren zu lassen, ein Tetris-Spiel. Und das Spielfeld sind Checkboxen auf einer HTML-Seite.

00:19:28.560 --> 00:19:30.560
 Hast du es dir eigentlich schon angeschaut?

00:19:30.560 --> 00:19:31.600
 Ich habe es, ich spiele es gerade.

00:19:31.600 --> 00:19:34.020
 Du spielst es gerade? Ah, deswegen macht es klack, klack, klack.

00:19:34.680 --> 00:19:37.960
 Ich muss sagen, es hat nur seine Eigenheiten.

00:19:37.960 --> 00:19:40.180
 Ja, man kann die Checkboxen halt auch noch bedienen, ne?

00:19:40.180 --> 00:19:40.660
 Während des Spiels.

00:19:40.660 --> 00:19:44.380
 Man kann die Checkboxen auch noch bedienen während des Spiels. Ja, es hat aber auch noch andere Eigenheiten.

00:19:44.380 --> 00:19:53.400
 Ähm, zum Beispiel, wenn man mehrere Lines auf einmal cleart, dann geht immer erst nur eine weg und dann, wenn der nächste Block fällt, die nächste und so.

00:19:53.400 --> 00:19:55.200
 Man könnte sagen, das ist eine Spezialregel.

00:19:55.680 --> 00:20:05.100
 Das habe ich aber, aber wenn man, ich habe auch den Chatverlauf mit ChatGPT in meinem Blog-Artikel dazu verlinkt, wo man, wo man komplett nachlesen kann, was, meine Konversation mit dem Ding.

00:20:05.100 --> 00:20:16.700
 Ähm, ich, ich habe sehr, sehr, sehr verzweifelt versucht, dem Teil beizubringen, dass die Regeln da falsch sind und habe dann gesagt, ja, wie sind denn die Regeln von Tetris da, was das angeht?

00:20:16.700 --> 00:20:25.480
 Ah, die sind so und so und entspricht dieser Code dem? Ich habe wirklich versucht, es wie einem Kind zu erklären, dass das falsch ist und es hat mir dann aber Code zurückgeliefert, der immer wieder kaputt gegangen ist.

00:20:25.480 --> 00:20:26.140
 Ja, Mist.

00:20:26.140 --> 00:20:27.900
 Und dann habe ich dabei belassen.

00:20:27.900 --> 00:20:34.660
 Ja, das ist so das Ding oft bei ChatGPT, ne, du drehst dich immer wieder im Kreis und sagst, hey, das ist falsch, mach's bitte so, aber es passiert einfach nicht.

00:20:34.660 --> 00:20:50.080
 Also letztens habe ich was gesehen, du kannst ja mittlerweile mit der, äh, mit der Bezahlversion auch Bilder generieren lassen und da war dann irgendwie, ich will das und das Gericht und dann hat das immer irgendwie Erbsen dazu gemacht und dann, nein, ich möchte keine Erbsen, lass die Erbsen weg, zack, nächstes Bild, immer noch Erbsen da.

00:20:50.500 --> 00:20:54.100
 Was ist das Grüne da auf dem Bild? Das sind Erbsen. Lass sie weg.

00:20:54.100 --> 00:20:55.700
 Sie waren wieder da.

00:20:57.220 --> 00:21:04.680
 Ich habe, ich habe vor kurzem jetzt gerade ein witziges Bild gesehen und ich weiß nicht, ob es Fake war, ähm, äh, es war auf jeden Fall, warte mal, was war das, Dolly?

00:21:06.100 --> 00:21:12.680
 Ähm, und zwar hat da jemand gesagt, ähm, mal mir mal ein Bild von einem, von einer Eggplant, ja?

00:21:12.680 --> 00:21:13.140
 Mhm.

00:21:13.140 --> 00:21:15.440
 Ähm, also Auberjine.

00:21:15.440 --> 00:21:15.680
 Ja.

00:21:15.680 --> 00:21:20.200
 Aber es war halt eine Blume, die als, die als Blüte entspiegelt hat.

00:21:20.200 --> 00:21:21.440
 Mit Eiern? Ach was?

00:21:21.440 --> 00:21:22.640
 Okay.

00:21:22.640 --> 00:21:25.580
 Ich weiß nicht, ob es Fake war, ich fand's, ich fand's sehr, sehr gut.

00:21:25.580 --> 00:21:35.760
 Ähm, genau, also ich, ich hab da, ich hab da bis um halb, also wenn man, wenn man, wenn man ChatGPT, wenn man sich da mal verquatscht sozusagen, das ist wirklich, ich hab mich da gefühlt wie in früheren, alten, äh, Chatzeiten.

00:21:35.760 --> 00:21:35.880
 Ja.

00:21:35.880 --> 00:21:47.640
 Ich hab da wirklich bis um halb fünf da gesessen und versucht, dem Ding das beizubringen, hab nebenher noch diesen Blogartikel geschrieben, weil bei längerem Code, ähm, da braucht es dann auch manchmal ein bisschen.

00:21:47.640 --> 00:21:54.220
 Und dann gibt's nur die Hälfte aus und sagt, ah ja, hier ist übrigens der übrige Code, der hat sich nicht geändert. Und ich sag, naja, oh Mann, gib mir doch bitte den kompletten Code.

00:21:54.220 --> 00:21:57.820
 Also wer, wer die, wer die Konversation nachlesen will, da kann man das alles drin sehen.

00:21:57.820 --> 00:22:00.300
 Ähm, hat aber am Ende erstaunlich gut geklappt.

00:22:00.300 --> 00:22:05.080
 Ja, ich find's echt, echt erstaunlich, ja. Also auch mit der Beschleunigung und dass man,

00:22:05.420 --> 00:22:11.640
 ne, so Sachen nochmal zurückschieben kann, ne, also wenn du wartest, bis es auf der Höhe ist und dann schiebst du es nochmal nach links und so.

00:22:11.640 --> 00:22:14.980
 Dass das geklappt hat, hat mich auch gewundert, dass das geht.

00:22:15.620 --> 00:22:21.260
 Ähm, er hat mir auch am Anfang nur bestimmte Teile, ähm, eingebaut, gar nicht alle, die es bei Tetris gibt.

00:22:21.260 --> 00:22:27.520
 Und ich musste ihm zweimal sagen, mach doch mal bitte alle Teile, die es bei Tetris gibt. Ach, was gibt's denn noch? Ah ja, okay, gut, mach mal das.

00:22:27.860 --> 00:22:30.020
 Und dann hat er aber auch gewusst, was noch fehlt tatsächlich.

00:22:30.020 --> 00:22:30.220
 Okay.

00:22:30.220 --> 00:22:36.340
 Also hat gesagt, ah ja, stimmt, ähm, ich hab jetzt momentan nur das, äh, das T-Teil.

00:22:36.340 --> 00:22:44.320
 Äh, du kriegst jetzt auch noch das lange, also das ist, und, ah, und da hat er auch Namen dafür dann sich, äh, gefunden, die es offenbar gibt im Netz.

00:22:44.420 --> 00:22:53.820
 Also sowas wie das S-Teil und das Z-Teil und das L-Teil, äh, es ist, äh, ja, also man kann es eigentlich ganz gut spielen, muss ich sagen.

00:22:53.820 --> 00:23:01.820
 Ja, wirklich, also, wenn man dreht, wenn man dreht, wenn man dreht, verhält es sich ein bisschen anders als das originale Tetris, weil es sich dann manchmal in eine Richtung dreht, statt dass es an der gleichen Stelle bleibt.

00:23:01.820 --> 00:23:01.880
 Okay.

00:23:01.880 --> 00:23:14.400
 Ähm, es sind so kleine Details, aber es funktioniert erstaunlich gut und ich find's, ja, ganz witzig. Ich hab auch so ein Scoreboard noch mit eingebaut, das in Local Storage schreibt, beziehungsweise ChatGBT hat das gemacht, ähm, für mich.

00:23:14.420 --> 00:23:21.780
 Äh, genau. Der Score ist leider auch ein bisschen doof, also du kriegst nicht mehr Punkte, wenn du jetzt zum Beispiel vier Lines, äh, clearst.

00:23:21.780 --> 00:23:25.020
 Du kriegst dann einfach, als hättest du vier einzelne, du kriegst keinen Bonus oder so.

00:23:25.020 --> 00:23:25.280
 Okay.

00:23:25.280 --> 00:23:27.220
 Kann man aber alles noch einbauen, ne? Also.

00:23:27.220 --> 00:23:27.780
 Ja, klar.

00:23:27.780 --> 00:23:40.260
 Und der Code, den könnt ihr euch, äh, einfach angucken, der ist, äh, ja, genau, könnt ihr euch, also, verlinkt ist es in meinem Blogartikel, schaut's euch an, ist ziemlich viel Code geworden, sind irgendwie ein paar hundert Teilen.

00:23:40.260 --> 00:23:41.380
 Das hat sich dann schnell, ne?

00:23:41.960 --> 00:23:47.660
 Ja, ja. Und, äh, vor allem, also, Spiellogik ist gar nicht so einfach. Also, da, da passiert, da passiert was.

00:23:47.660 --> 00:24:02.760
 Ähm, und ich fand's auch interessant, also, ich fand, falls es euch interessiert, der Code, guckt euch mal an, wie es zum Beispiel, ähm, definiert, wie die einzelnen, ähm, Steine aussehen, die es da gibt, nenn ich das jetzt mal, diese einzelnen Teile, was für eine Form die haben.

00:24:02.840 --> 00:24:04.900
 Das ist ganz interessant, ähm, sich anzugucken.

00:24:04.900 --> 00:24:10.220
 Spoile ich jetzt nicht, guckt's euch einfach mal alle im JavaScript von, äh, von dem Spiel und, ja.

00:24:10.220 --> 00:24:14.060
 Dann vielleicht ist auch genug mit dem AI-Loch, in das ich gefallen bin.

00:24:14.060 --> 00:24:24.760
 Das Ergebnis war ein Blogpost, den ich immer geschrieben hab, während ich gewartet hab, dass der Code, äh, rauskommt von ChatGPT, ähm, und eben das Spiel, das ihr einfach mal ausprobieren könnt.

00:24:24.760 --> 00:24:35.920
 Und in dem Blogpost geh ich auch noch so ein bisschen drauf ein, ähm, die Nutzung von AI und so, da hab ich mir nämlich währenddessen auch noch so ein bisschen Gedanken drüber gemacht, ist das eine gute Idee, dass es sowas gibt, ähm, und so weiter.

00:24:35.920 --> 00:24:41.580
 Ich find's nämlich, es ist kein so, es ist kein so einfach zu wackerndes Thema, ehrlich gesagt, diese ganze AI-Sache.

00:24:41.580 --> 00:24:48.340
 Aber sehr witzig, also, ich bin echt begeistert, dass das überhaupt, was Funktionierendes rausgehauen hat am Schluss.

00:24:48.340 --> 00:24:54.440
 Ganz witzig ist, und das hab ich auch immer im Blogartikel noch geschrieben, ähm, ganz am Anfang ging es nicht eine Weile.

00:24:54.760 --> 00:24:57.040
 Und ich hab dann so gesagt, ja, Mensch, ähm, du, das geht nicht.

00:24:57.040 --> 00:24:58.160
 Doch, doch, das geht.

00:24:58.160 --> 00:25:00.540
 Du, das geht nicht, doch, doch, ey, das sollte eigentlich schon gehen.

00:25:00.540 --> 00:25:01.960
 Und ich so, bist du dir sicher, dass das geht?

00:25:01.960 --> 00:25:02.560
 Ja, ja.

00:25:02.560 --> 00:25:09.980
 Und dann hab ich den Code geguckt und hab gesehen, das hat alle, aus welchem Grund auch immer, alle Checkboxen auf Display None gesetzt.

00:25:09.980 --> 00:25:11.040
 Hä? Okay.

00:25:11.040 --> 00:25:22.780
 Und dann, und dann hab ich gesagt, du, ähm, wenn ich jetzt ein menschlicher Spieler bin, du hast jetzt das auf Display None gesetzt, wenn ich jetzt ein menschlicher Spieler bin, wie soll ich denn jetzt das spielen, wenn ich nix sehe?

00:25:23.000 --> 00:25:25.200
 Ah, ja, okay, gut.

00:25:25.200 --> 00:25:31.480
 Und dann, es las sich so ein bisschen wie, naja, so ein dummer Mensch sitzt da jetzt gerade.

00:25:31.480 --> 00:25:35.600
 Ich als Computer hab natürlich vollkommen verstanden, dass das die ganze Zeit funktioniert.

00:25:35.600 --> 00:25:38.780
 Ach, wenn der es sehen muss, na gut, dann muss er, dann sieht er es halt.

00:25:38.780 --> 00:25:41.240
 Aber na gut, wenn es sein muss.

00:25:41.240 --> 00:25:42.500
 Diese blöden Menschen.

00:25:42.500 --> 00:25:44.820
 Diese blöden Menschen, unglaublich, ja, ja.

00:25:47.520 --> 00:25:47.840
 Okay.

00:25:47.840 --> 00:25:50.700
 Okay, Mensch, jetzt haben wir uns aber nochmal verquatscht, ne?

00:25:50.700 --> 00:25:51.560
 Oh, ja.

00:25:51.560 --> 00:25:55.100
 Das passiert uns doch sonst nie.

00:25:55.100 --> 00:25:57.780
 Nee, Mensch, das, also, komm, weiter geht's.

00:25:57.780 --> 00:25:59.080
 Aber dafür haben wir keine Property.

00:25:59.080 --> 00:26:03.180
 Wir haben keine Property, weil wir machen dafür nur Attribute heute, fast.

00:26:03.180 --> 00:26:04.400
 Nein, nur Attribute heute.

00:26:04.400 --> 00:26:06.220
 Ihr wisst doch, ihr wisst doch gar nicht, worum es geht, gell?

00:26:06.220 --> 00:26:08.940
 Nee, deswegen machen wir jetzt erstmal den Jingle ab.

00:26:08.940 --> 00:26:09.540
 Okay.

00:26:10.040 --> 00:26:13.800
 Hier ist WWS IV mit dem Tagesthema.

00:26:13.800 --> 00:26:19.280
 Okay, dann machen wir die Werbung hinterher.

00:26:19.280 --> 00:26:20.260
 Zack, voll über den Mund gefahren.

00:26:20.260 --> 00:26:22.580
 Ach, stimmt, ja, die machen wir dann jetzt vorm Ende.

00:26:22.580 --> 00:26:28.560
 Die Werbung, unsere Sendungsnotizen, behaupte ich, sind die längsten Sendungsnotizen, die wir jemals hatten,

00:26:28.560 --> 00:26:30.800
 abgesehen von den Fragen an die Gäste.

00:26:30.800 --> 00:26:34.860
 Die waren immer lang, aber das ist wirklich, äh...

00:26:34.860 --> 00:26:36.400
 So, um was geht's heute?

00:26:36.400 --> 00:26:39.880
 Die Mutter aller HTML-Elemente, hab ich's vorhin genannt.

00:26:40.040 --> 00:26:44.080
 Genau, und der Titel der Folge, heute haben wir den mal schon, äh, schon vorher festgelegt.

00:26:44.080 --> 00:26:46.560
 A-Tag to rule them all.

00:26:46.560 --> 00:26:47.260
 Aha.

00:26:47.260 --> 00:26:53.540
 Das ist nicht nur A-Tag im Sinne von ein Tag, sondern das, das A-Tag.

00:26:53.540 --> 00:26:55.660
 Es geht um, um Links.

00:26:55.660 --> 00:27:00.240
 Und, äh, Links machen ja eigentlich das Web erst zum Web, ne?

00:27:00.240 --> 00:27:06.080
 Also, das, das, das, dieses Verlinken auf andere Dokumente, das, das bildet ja das Netz.

00:27:06.680 --> 00:27:11.960
 Und dementsprechend wäre das, das Netz ohne, ohne Links auch nicht das, was es heute ist.

00:27:11.960 --> 00:27:15.160
 Wäre schwierig, wenn man den Sinn verlinken könnte.

00:27:15.160 --> 00:27:22.440
 Und, äh, deswegen, also es ist, da muss man vielleicht auch nur dazu sagen, die Fortsetzung unserer HTML von A bis ZZ-Reihe.

00:27:22.640 --> 00:27:30.500
 Und wir haben heute gesagt, wir machen nur dieses eine Tag, weil es darüber so unglaublich viel zu erzählen gibt, dass wir nicht noch andere Dinge reinpacken.

00:27:30.500 --> 00:27:34.160
 Und nachdem wir jetzt schon eine halbe Stunde retro gemacht haben, war das echt eine gute Entscheidung.

00:27:34.160 --> 00:27:40.560
 Wir können's ja, wir können's ja nochmal kurz, ich kann's nochmal kurz aufgreifen, was du vorhin, was du vorhin noch gesagt hast, äh, bevor wir aufgenommen haben.

00:27:41.020 --> 00:27:48.000
 Ähm, meinte so, ah ja, was, wie, äh, ich, ich hab, ich hatte mir halt die Doku schon angeschaut und meinte, du, ich glaub, wir machen heute nur, nur ein Tag.

00:27:48.000 --> 00:27:49.960
 Wirklich, es, es geht nicht, es geht nicht mehr.

00:27:49.960 --> 00:27:54.000
 Und das, ja, wach, was, was, nur eins, es kann doch gar nicht so viel sein.

00:27:54.000 --> 00:27:58.360
 MDN aufgemacht, so, ups, okay, da gibt's schon einiges sozusagen.

00:27:59.140 --> 00:28:07.700
 Ähm, genau, also, vielleicht noch, äh, warum, dass, äh, noch so, äh, für die, die's nicht wissen, ähm, es geht um das Tag, das einfach nur A heißt.

00:28:07.700 --> 00:28:10.840
 Und, äh, das heißt Anchor, also Anchor, ne?

00:28:10.840 --> 00:28:11.200
 Mhm.

00:28:11.200 --> 00:28:15.460
 Ähm, ähm, das muss man vielleicht noch dazu sagen, ähm, und das ist bekannt als der Link.

00:28:15.460 --> 00:28:19.420
 Es gibt auch ein Link-Tag, das tut aber was völlig anderes, das hatten wir auch schon.

00:28:19.420 --> 00:28:19.740
 Ja.

00:28:19.740 --> 00:28:21.060
 In einer, in einer anderen Folge.

00:28:21.060 --> 00:28:28.440
 Ähm, genau, aber das, das Link-Tag ist was anderes, das A ist das, wo man draufklickt, ähm, und dann komm ich irgendwo hin.

00:28:28.740 --> 00:28:34.480
 Und dann, oder es passiert was, es gibt auch tatsächlich Fälle, in denen erlaubt ist, dass was passiert und ich nirgendswohin komme.

00:28:34.480 --> 00:28:36.920
 Ähm, dazu kommen wir aber später noch.

00:28:36.920 --> 00:28:40.100
 Genau, und das ist eins der, der ältesten HTML-Elemente auch, ne?

00:28:40.100 --> 00:28:45.960
 Weil's halt eben so die Basis ist, ähm, ich, es gäbe ja einfach sonst kein Internet, weil selbst wenn ich bei Google was suche,

00:28:45.960 --> 00:28:50.080
 dann komm ich ja nur auf die Ergebnisse, weil ich da wo draufklick und dann da hingeleitet werde.

00:28:50.080 --> 00:28:54.380
 Also, es ist, ne, einzelne Dokumente, die müsste man ja sonst irgendwie indexieren.

00:28:54.380 --> 00:28:58.340
 Und, äh, deswegen ist das so das, das Rückgrat des, äh,

00:28:58.340 --> 00:28:59.380
 Webs eigentlich, ne?

00:28:59.380 --> 00:29:04.560
 Ich muss gerade mal gucken, es wäre vielleicht, das haben wir tatsächlich, oder das hab ich nicht recherchiert.

00:29:04.560 --> 00:29:11.040
 Ähm, das müsste Bestandteil der ersten HTML-Spezifikation schon gewesen sein.

00:29:11.040 --> 00:29:11.220
 Ja.

00:29:11.760 --> 00:29:22.500
 Ähm, weil das ja eigentlich, also, äh, das Web kommt ja so aus der Richtung, Wissenschaftler wollen, ähm, Abhandlungen schreiben und Querverweise machen.

00:29:22.500 --> 00:29:25.060
 Das war ja, glaub ich, so die ursprüngliche Idee.

00:29:25.720 --> 00:29:33.180
 Und, ähm, ich hab ich sie ja, ja, also, äh, Jens Meiert, falls du zuhörst, du weißt es bestimmt, schreib es doch mal in die Kommentare.

00:29:33.180 --> 00:29:36.140
 Ähm, ich weiß, dass du so Sachen weißt.

00:29:36.140 --> 00:29:43.160
 Ähm, aus welchem, als bestimmt HTML 1.0, äh, muss das schon drin gewesen sein?

00:29:43.520 --> 00:29:53.680
 Ähm, weil das ist ja quasi, wie, wie Konstantin schon gesagt hat, ähm, das macht das Web dabei, weil wir hatten ja schon mal drauf verlinkt auf die allererste, äh, HTML-Seite, die es gab.

00:29:53.680 --> 00:29:55.780
 Ich pack den Link nochmal hier in die Shownotes rein.

00:29:55.780 --> 00:29:56.220
 Ja, bitte.

00:29:56.220 --> 00:29:57.580
 Zack.

00:29:58.580 --> 00:30:00.900
 So, ähm, ich hab auch ...

00:30:00.900 --> 00:30:03.080
 Und da sieht man auch schon drin, da sind auch Links drin.

00:30:03.080 --> 00:30:04.680
 Ne, also, das war ...

00:30:04.680 --> 00:30:04.860
 Genau.

00:30:04.860 --> 00:30:05.640
 Ist genau das.

00:30:05.640 --> 00:30:10.360
 Äh, ist auch die Info.zern.ch, wo ja das Internet erfunden wurde.

00:30:10.360 --> 00:30:12.540
 Und das ist das erste LML ...

00:30:12.540 --> 00:30:13.260
 Achtung, das World Wide Web.

00:30:13.260 --> 00:30:18.420
 Da, da, da kriegen wir sonst Ärger von den schlauen ZuhörerInnen.

00:30:18.420 --> 00:30:21.840
 Es geht um das World Wide Web, das da erfunden wurde, das Internet, das gab es vorher.

00:30:21.840 --> 00:30:23.820
 Ach so, ja, gut, ja, ja, ja, ja.

00:30:23.820 --> 00:30:27.060
 Für die, die das ganz genau nehmen, wir wissen das auch übrigens.

00:30:27.220 --> 00:30:30.100
 Auch wenn wir nicht immer so schlau sind bei allen Sachen, das wissen wir.

00:30:30.100 --> 00:30:35.400
 Das ist was, womit man auch auf Partys, ähm, sich unbeliebt machen und, äh, angeben kann.

00:30:35.400 --> 00:30:36.800
 Wenn man sagt, was, Internet?

00:30:36.800 --> 00:30:38.180
 Meinst du das World Wide Web?

00:30:38.180 --> 00:30:39.400
 Oder umgekehrt, je nachdem.

00:30:39.400 --> 00:30:41.900
 Also, schlag mal nach, was, was genau ist.

00:30:41.900 --> 00:30:44.560
 Und dann, äh, damit kann man schön angeben und sich unbeliebt machen.

00:30:44.560 --> 00:30:46.280
 Ähm, genau.

00:30:46.280 --> 00:30:52.580
 Ich habe zu dem ganzen Thema auch eine Demo gebaut, äh, die ich vielleicht immer mal wieder jetzt hier referenzieren werde.

00:30:52.580 --> 00:30:54.200
 Die kommt auch in die Shownotes.

00:30:54.200 --> 00:30:57.040
 Das ist was, äh, einfach, das hab ich auch jetzt ...

00:30:57.040 --> 00:31:02.820
 Ich mach sowas auch immer für mich, um noch mal, ähm, zu verstehen, wie Sachen eigentlich funktionieren, weil man nicht immer alles im Kopf hat.

00:31:02.820 --> 00:31:10.800
 Ähm, und jetzt könnte man sagen, ja, links ist doch ganz einfach, ähm, das ist doch irgendwie so ein A-Element und das hat so ein H-Ref oder H-Ref.

00:31:10.800 --> 00:31:15.880
 Äh, äh, Hyper, Hypertext? Hyperreference? Hypertextreference? Ich weiß gar nicht genau.

00:31:16.560 --> 00:31:24.220
 Ähm, ist, ist das, äh, Attribut. Ähm, und da schreibst du halt, äh, die, den Pfad zu einer anderen Seite rein und damit hat sich die Sache doch erledigt. Das war's doch, Konstantin. Oder?

00:31:24.400 --> 00:31:25.380
 Ja, fertig.

00:31:25.380 --> 00:31:26.180
 Ja, fertig.

00:31:26.180 --> 00:31:26.240
 Fertig.

00:31:26.240 --> 00:31:27.320
 So, damit kommen wir zum Ende.

00:31:27.320 --> 00:31:27.320
 Fertig.

00:31:27.320 --> 00:31:30.400
 Warte, End-Dschingel? Nein, Spaß.

00:31:30.400 --> 00:31:31.600
 Schön wär's, ja.

00:31:32.240 --> 00:31:50.160
 Wenn dem so wäre, dann hätten wir nicht, wie vorhin schon gesagt, die längsten Sendungsnotizen, ähm, die wir bisher, ähm, also ich würde jetzt, ja, ihr kennt unsere Sendungsnotizen nicht. Ich behaupte einfach mal, dass dem so ist. Äh, wir haben sie auch diesmal gemeinsam angefertigt. Manchmal haben wir es schon getrennt gemacht, dass jeder seinen eigenen Bereich hat und der andere durfte nicht reingucken.

00:31:50.160 --> 00:32:01.080
 Äh, diesmal haben wir es so ein bisschen gemeinsam gemacht und, ähm, dann, äh, hangeln wir uns doch jetzt mal so langsam durch, was das A-Element so alles kann und was es so für Attribute hat.

00:32:01.080 --> 00:32:07.780
 Genau, also wir hangeln uns durch die einzelnen Attribute und dann hast du nachher noch so ein paar Zusätze. Aber jetzt machen wir erstmal die Attribute durch.

00:32:07.780 --> 00:32:19.120
 Ich, also später vielleicht, vielleicht ganz kurz so, als Table of Contents, ähm, wir gehen die Attribute durch, ähm, und dann am Ende spreche ich noch ein bisschen über Styling und auch über Barrierefreiheit.

00:32:19.120 --> 00:32:30.920
 Äh, also, weil das halt auch sehr miteinander zu tun, viel miteinander zu tun hat. Also, es soll halt schon in erster Linie darum gehen, wie funktioniert es und was kann man damit machen, so effektiv, aber auch am Ende noch so ein bisschen.

00:32:30.920 --> 00:32:40.880
 Ähm, was soll man nicht damit machen und, ähm, wie sollte es denn möglichst, möglichst aussehen? Also auch nicht nur jetzt hard HTML, sondern auch noch so ein bisschen, äh, geht noch so ein bisschen.

00:32:40.880 --> 00:32:59.460
 CSS streifen wir auch noch so ein bisschen, äh, vereinzelt. Genau, also wir beginnen mal mit dem Download, äh, Attribut in der alphabetischen Reihenfolge und das kann ich setzen, um dem Browser zu sagen, äh, diese Datei, die da verlinkt ist, die soll nicht angezeigt werden, die soll runtergeladen werden.

00:32:59.840 --> 00:33:15.060
 Und entweder setze ich einfach nur das Download-Attribut leer oder ich gebe einen Dateinamen da drin an und das war was, wo wir beide kurz drüber gestolpert sind, weil wir dachten, es gibt ein File-Name, äh, Attribut zusätzlich, aber den File-Name, den gibt man im Download-Attribut, äh, mit an.

00:33:15.180 --> 00:33:28.560
 Oder man lässt ihn eben weg, dann wird der Dateiname übernommen, der in dem, in dem Harf mit drin ist oder der Browser kümmert sich selber drum, weil ich kann ja zum Beispiel auch eine Blob-URL, äh, benutzen, statt tatsächlich eine Datei zu referenzieren.

00:33:28.560 --> 00:33:30.580
 Und alle, ja?

00:33:30.580 --> 00:33:32.420
 Mach, mach weiter.

00:33:32.420 --> 00:33:45.160
 Und alle, äh, JavaScript-Lösungen, die es so gibt mit, äh, hier droppt diese kleine paar KB-Datei rein und dann kannst du irgendwie Dateien runterladen lassen, die basieren intern darauf, dass ein Link erstellt wird mit Download-Attribut, ähm, und da drin dann,

00:33:45.160 --> 00:33:50.760
 dann eine Blob-URL landet und die dann mit einem emulierten Klick, äh, wird dieser Download dann ausgelöst.

00:33:50.760 --> 00:33:52.420
 Ähm.

00:33:52.420 --> 00:34:13.100
 Dazu gibt's noch ein interessantes Detail, worüber ich gestolpert bin in der Spec, nämlich wenn man in, warum auch immer man das tun sollte, in diesen, äh, neuen Download-Namen ein Slash oder ein Backslash reinpackt, was zu Problemen führen kann, äh, konvertiert der Browser das zu einem Underscore, beide Zeichen.

00:34:13.100 --> 00:34:15.140
 Genau, weil sonst ist ja ein, äh, Directory-Separator.

00:34:15.140 --> 00:34:18.060
 Und dann, äh, ne, würdest du einen Ordner anlegen, das willst du ja nicht haben.

00:34:18.060 --> 00:34:24.900
 Aber ich, ich wüsste zwar nicht, wieso man das tun sollte, aber die HTML-Specs, die gehen ja oft sehr, die versuchen alles, äh, auszumerzen.

00:34:24.900 --> 00:34:30.560
 Naja, es könnte ja jemand machen und dann würdest du auf fremden Computern irgendwelche Ordner erstellen. Das wär, wär ja nicht so.

00:34:30.560 --> 00:34:33.200
 Fand ich, äh, fand ich ein spannendes Detail.

00:34:33.240 --> 00:34:39.500
 Ja, und die Browser fiel dann, glaub ich, auch noch je nach System, worauf sie laufen, auch noch andere Zeichen raus, die halt nicht erlaubt sind in der Teilnahme.

00:34:39.500 --> 00:34:54.260
 Ich hab mich grade noch gefragt, ob wir noch so generell, äh, bevor wir jetzt noch weiter tiefer in die Attribute einsteigen, ob wir noch generell was sagen sollen, was, äh, weil das eigentliche Attribut ist ja href und da drin können ja auch schon unterschiedliche Dinge passieren.

00:34:55.100 --> 00:34:56.760
 Ähm, ich weiß nicht, ob du das jetzt später in den Notizen noch hattest.

00:34:56.760 --> 00:35:00.980
 Ja, das kommt ja als nächstes tatsächlich schon, das href-Attribut, dann lass uns das doch gleich machen.

00:35:00.980 --> 00:35:04.040
 Ach so, okay, ja, dann, äh, ja, ich hab gerade…

00:35:04.040 --> 00:35:12.440
 Wenn es jetzt am Ende erst gekommen wäre, hätte man es vielleicht vorziehen können, weil es wirklich so das, äh, das Attribut schlechthin ist, aber wir können eigentlich alphabetisch vorgehen, weil das kommt als nächstes schon.

00:35:12.440 --> 00:35:22.600
 Vielleicht noch ein Detail, zumindest, ich hab das nicht überprüft, muss ich dazu sagen, ich hab das in der, in der Spec gelesen, ähm, das Download-Attribut, also der Download, der funktioniert nur auf Same Origin.

00:35:22.600 --> 00:35:27.220
 Das heißt, ich kann jetzt nicht, wenn ich Download mache, irgendwelche anderen Dateien runterladen von anderen Webseiten.

00:35:27.220 --> 00:35:28.760
 Geprüft hab ich's nicht, ob es geht.

00:35:28.760 --> 00:35:29.700
 Hab ich auch nicht, nee.

00:35:29.700 --> 00:35:31.860
 Aber das, das stand, das stand auf jeden Fall da.

00:35:31.860 --> 00:35:40.120
 Gut, und dann kommen wir jetzt zu dem eben erwähnten, href, magst du, äh, das angehen, weil da bist du, glaub ich, auch ein bisschen mehr in die Tiefe gegangen als ich.

00:35:40.120 --> 00:35:52.040
 Ähm, ja, also, es ist halt eine, dazu hab ich auch ganz, äh, oder einige, einige, ähm, Demos gebaut auf der Demoseite, ähm, damit man mal sieht, was es denn alles so für Links gibt.

00:35:52.040 --> 00:36:04.080
 Da sind noch ganz viele andere Sachen dabei. Ähm, also im href-Attribut, da kann ich natürlich einen Link intern, äh, auf der Seite machen, irgendwie mit Slash, oder das hat, ich muss auch gar kein Slash irgendwie reinschreiben ins href-Attribut.

00:36:04.080 --> 00:36:09.300
 Ich kann einfach den anderen, kann einfach eine andere HTML-Seite, wenn sie im selben Pfad liegt, ähm, referenzieren.

00:36:09.380 --> 00:36:17.860
 Genau, wenn du einen Slash nämlich davor setzen würdest, würdest du das, äh, Document-Root nehmen, also, äh, nur die Domain und den Port und dann direkt da hinten dran anhängen.

00:36:17.860 --> 00:36:25.100
 Was manchmal auch nicht ganz unpraktisch ist, weil du dann direkt, ne, wenn du irgendwie außerhalb, also du hast einen Unterordner und da liegt irgendwie die, die Web-App drin oder so,

00:36:25.160 --> 00:36:29.440
 Und du willst aber wirklich verlinken auf, auf was, was auf der Domain selbst liegt, ne, dann einfach Slash davor.

00:36:29.440 --> 00:36:40.060
 Ähm, und was auch noch wichtig ist, das haben wir in Folge 50, äh, bei den, bei Back-to-the-Root, bei dem Root-Element und den ganzen Meta-Elementen im Header angesprochen.

00:36:40.260 --> 00:36:44.320
 Das ist das Base-Tag und das hat halt Auswirkungen auf die relativen Links, ne.

00:36:44.320 --> 00:36:49.800
 Wenn ich da ein Base setze, dann geht's eben nicht von dem Web-Root aus, sondern eben von diesem Base, was ich da angegeben habe.

00:36:49.800 --> 00:37:02.580
 Genau, also der einfachste Fall wäre quasi, ich hab, bin zum Beispiel in einer Datei, die heißt index.html und ich gehe auf eine Datei, die direkt, eine HTML-Datei, die direkt im gleichen Ordner liegt

00:37:02.580 --> 00:37:14.320
 und die heißt zum Beispiel, keine Ahnung, ähm, about.html und dann schreibe ich einfach about.html in das href-Attribut rein und dann kann ich, dann ist der Link gültig, so.

00:37:14.320 --> 00:37:24.440
 Ähm, man kann auch auf externe Seiten verlinken, da wird's natürlich dann eigentlich noch viel interessanter, also ich meine, äh, ja, ich kann auch wo ganz anders hin linken,

00:37:24.440 --> 00:37:40.680
 das heißt, ich kann jetzt zum Beispiel von, äh, wo wir sind, ist vorne.show auf moritzgießmann.de verlinken, ähm, da muss ich aber allerdings noch mehr, noch mehr Sachen angeben, also ich muss den, eigentlich den kompletten Pfad mit HTTP angeben, mit HTTP.

00:37:40.680 --> 00:37:46.160
 Genau, das Protokoll, Domain, Eventualport und eben den Pfad zur Datei.

00:37:46.160 --> 00:37:52.580
 Genau, manche Seiten brauchen noch so ein komisches WWW, obwohl sich das mittlerweile zum Glück weitestgehend abschafft, ähm, genau.

00:37:53.420 --> 00:37:56.460
 Dann, dann kann ich zu einer externen Seite linken.

00:37:56.460 --> 00:38:10.260
 Was auch geht, ist, dass ich innerhalb der, oder, hm, egal ob extern oder intern oder innerhalb derselben Seite oder innerhalb derselben Page, ist jetzt ein bisschen wild,

00:38:10.260 --> 00:38:15.820
 man kann auch auf bestimmte Bereiche verlinken mit einem Ankerlink, mit einem sogenannten.

00:38:15.820 --> 00:38:23.120
 Ähm, das heißt, ich, wenn ich jetzt, das einfachste Beispiel ist, ich habe einen Bereich auf derselben Seite, auf der ich gerade bin,

00:38:23.420 --> 00:38:32.760
 den ich mit einer ID in HTML markiert habe, also, ähm, zum Beispiel, ähm, die ID Anker oder die ID Konstantin oder was auch immer.

00:38:32.760 --> 00:38:41.880
 Es gibt irgendein Element mit einer, mit einer ID und einem Namen und dann schreibe ich in das href Attribut Raute und dann den Ankernamen.

00:38:42.280 --> 00:38:45.880
 Und dann springe ich dahin, dann ist das quasi ein Seiteninterner Link.

00:38:45.880 --> 00:38:48.280
 Das kann ich aber auch mit anderen Seiten machen.

00:38:48.280 --> 00:38:58.440
 Ich kann also auch alles, ich kann zum Beispiel die, wenn ich jetzt, äh, wie ich vorhin gesagt habe, ähm, die, die interne Seite, irgendeine andere HTML-Seite im gleichen Pfad mit Raute hinten dran,

00:38:59.160 --> 00:39:06.420
 hinter, hinter den, äh, hinter den, äh, Pfad, also hinter, hinter den Dateinamen, Raute hinten dran und, ähm, dann, äh, den ID-Namen.

00:39:06.420 --> 00:39:10.580
 Dann springe ich tatsächlich auf diese Seite und direkt zu diesem, äh, Punkt.

00:39:11.180 --> 00:39:14.880
 Das kann ich aber auch mit externen Links machen, das ist eigentlich egal, es geht überall.

00:39:14.880 --> 00:39:19.480
 Voraussetzung ist natürlich auch, dass auf der Zielseite es ein Element mit dieser ID gibt.

00:39:19.480 --> 00:39:27.340
 Ich möchte, möchte noch kurz einschieben, äh, falls sich der oder die eine oder andere wundert, ähm, das, was wir bisher gesagt haben, dürfte den meisten bekannt sein.

00:39:27.340 --> 00:39:29.940
 Also, das ist ja wirklich so die, die Basis des Webs.

00:39:29.940 --> 00:39:33.040
 Aber wir sind für alle da, auch für komplette Neulinge, Quereinsteiger.

00:39:33.040 --> 00:39:36.060
 Deswegen gehen wir das wirklich in, in dem Detail und auf der Ebene durch.

00:39:36.460 --> 00:39:41.660
 Aber es kommt auch gleich noch, bevor hier das Knöpfchen gedrückt wird, um das Attribut zu überspringen, es kommt gleich noch was.

00:39:41.660 --> 00:39:48.220
 Das, äh, hatte ich in der Form schon mal irgendwo gesehen, aber mich noch nie so damit beschäftigt und das ist ziemlich, ziemlich krass.

00:39:48.220 --> 00:39:49.540
 Also, vielleicht dranbleiben.

00:39:49.540 --> 00:39:52.300
 Vielleicht, vielleicht dranbleiben.

00:39:52.300 --> 00:39:57.660
 Aber ich glaube, jetzt kommt tatsächlich noch was, äh, bei der Doku, das hast du rein, bin ich jetzt, äh...

00:39:57.660 --> 00:39:59.260
 Zum, zum Href, genau, ja.

00:39:59.260 --> 00:39:59.860
 Genau.

00:39:59.860 --> 00:40:01.080
 Soll ich dann mal weitermachen?

00:40:01.080 --> 00:40:01.880
 Ja, machen wir weiter.

00:40:01.880 --> 00:40:04.300
 Das ist nämlich genau das, was ich meinte, Textfragments.

00:40:05.340 --> 00:40:13.440
 Ähm, dass ich einer Seite mitgeben kann, dass nach einem bestimmten Text gesucht wurde, der gehighlighted werden soll.

00:40:13.440 --> 00:40:14.680
 Ach.

00:40:14.680 --> 00:40:17.880
 Ja, ach, war für dich, äh, auch neu.

00:40:17.880 --> 00:40:18.200
 Okay.

00:40:18.200 --> 00:40:19.380
 Das wusste ich auch nicht.

00:40:19.380 --> 00:40:25.500
 Und zwar, ich hab das schon gesehen teilweise bei Suchen, jetzt nicht bei Google, ich weiß gar nicht, ob Google das, ähm, macht.

00:40:25.500 --> 00:40:26.260
 Ich glaube nicht.

00:40:27.080 --> 00:40:34.060
 Aber bei anderen Seiten, da suchst du was und auf der Seite selbst, auf der Zielseite wird dann tatsächlich Text hervorgerufen.

00:40:35.040 --> 00:40:41.660
 Und das ist eine ganz krasse Syntax, also das ist auch so ein, wie ein Sprunglink, also mit dem, mit dem Hash, mit der Raute, äh, getrennt.

00:40:41.660 --> 00:40:48.200
 Und dann die Syntax Doppelpunkt, Tilde, das ist dieses geschweifte Ding, was es im Spanischen über dem N gibt.

00:40:48.200 --> 00:40:50.820
 Ähm, und nochmal Doppelpunkt.

00:40:51.520 --> 00:41:04.860
 Und dann kann ich da verschiedene Parameter wieder angeben, also Text ist gleich und dann eine Zeichenkette, Komma getrennt, ein Prefix, ein Text Start und optional Text End und ein Suffix.

00:41:04.860 --> 00:41:18.600
 Und was ich, ja, was ich da machen kann, also was ich damit sage ist, hebe diesen Text auf der Seite hervor und zwar, äh, Prefix sagt eben, gibt den Text an, der davor ist, bevor die Markierung startet.

00:41:18.600 --> 00:41:29.660
 Text Start ist der Anfang des Textes, Text End, das Optionale, dann eben der Ende, das Ende des Textes und ein Suffix, das nicht mehr mit in der Markierung drin ist, was aber halt eben auch matcht.

00:41:29.660 --> 00:41:44.040
 Und, ähm, damit kann ich halt eben, also ich wüsste jetzt nicht, was man das sonst brauchen würde, aber halt eben für Suchergebnisse, wo ich dann draufklicke und genau an die Textstelle komme und die auch noch hervorgerufen wird, nach dem, was ich zum Beispiel gerade gesucht habe.

00:41:44.040 --> 00:41:48.940
 Ähm, oder ich möchte jemandem was highlighten und schicke ihm dann den Link entsprechend.

00:41:48.940 --> 00:41:54.640
 Und, angeblich scrollen die Browser dann auch an die entsprechende Stelle gleich hin.

00:41:54.640 --> 00:42:04.920
 Ich habe das vorhin mobil getestet, da hat es nicht funktioniert, es hat zwar diese Hervorhebung gemacht, das ist dann in, in Chrome ist das so pink hervorgehoben, ähm, aber es hat nicht hingescrollt.

00:42:05.020 --> 00:42:08.980
 Weiß nicht, woran es jetzt lag, ob das nur mobil ist, äh, Desktop habe ich jetzt gar nicht getestet.

00:42:08.980 --> 00:42:22.960
 Genau, aber das ist schon sehr advanced, also ich, ich wusste, dass es sowas gibt, ich habe diese Syntax schon mal gesehen, ich dachte nur, das wäre dann irgendwie so eine, äh, selbst gebastelte JavaScript-Lösung, aber dass das wirklich nativ in den Browsern unterstützt wird.

00:42:22.960 --> 00:42:33.280
 Äh, nicht in allen, aber, ähm, wir können auch mal gucken, hier bei Can I Use Fragment Directive, also Safari und Firefox unterstützen es nicht, aber die ganzen Chromium-Browser machen das.

00:42:33.280 --> 00:42:38.100
 Und der Samsung-Internet, äh, weiß ich gar nicht, auf was basiert der denn eigentlich?

00:42:38.100 --> 00:42:40.080
 Ist das auch, äh, Chromium?

00:42:40.080 --> 00:42:43.140
 Jedenfalls kann der das auch, sogar Opera Mobile kann das.

00:42:43.140 --> 00:42:52.980
 Ja, es ist, ja, es ist, ja, das Samsung-Internet, ach, wer benutzt eigentlich, wahrscheinlich viel mehr Leute, als man denkt.

00:42:52.980 --> 00:42:53.960
 Als man so denkt, ja, richtig.

00:42:53.960 --> 00:43:03.460
 Ähm, ja, ich habe auch, bis ich ein iPhone benutzt habe, nicht gedacht, dass viele Leute den Safari benutzen und dann, naja, jetzt nutze ich ihn auch und man denkt gar nicht mehr drüber nach.

00:43:03.460 --> 00:43:11.040
 Also noch, äh, noch ein paar Anmerkungen, ähm, steht auch hier auf der MDN-Seite, am besten guckt man sich das wirklich mal auf der MDN-Seite an, die wir natürlich verlinken,

00:43:11.540 --> 00:43:15.100
 weil es, äh, doch vom Hören her vielleicht ein bisschen schwer zu verstehen ist.

00:43:15.100 --> 00:43:25.960
 Also wichtig ist, dass die einzelnen Texte, äh, mit Prozent encoded werden, ja, also Lehrzeichen ist dann Prozent 20, ähm, das Komma muss encoded werden,

00:43:25.960 --> 00:43:31.000
 weil ja eben Text-Star, Text-and-Prefix und Suffix mit Kommas getrennt werden, oder Kommata getrennt werden.

00:43:31.000 --> 00:43:41.500
 Ähm, die Matches sind Case-Insensitive und, äh, genau, also es greift zum Beispiel nicht in I-Frames, äh, das gibt halt so ein paar, ähm,

00:43:41.540 --> 00:43:42.640
 Einschränkungen dabei.

00:43:42.640 --> 00:43:47.240
 Ich glaube, ich brauche das für meinen Blog, weil mein Blog hat so eine, äh, so eine Funktion mit drin,

00:43:47.240 --> 00:43:53.820
 dass, ähm, automatische Überschriften so einen Ankerlink nebendran kriegen, den man, den man dann klicken kann mit so einem Hash,

00:43:53.820 --> 00:43:57.340
 das hast du vielleicht auf bestimmten Seiten schon mal gesehen, das war da automatisch mit dabei.

00:43:58.000 --> 00:44:03.420
 Das könnte man dadurch eigentlich ersetzen und dass man den, dass man diesen Mechanismus gar nicht mehr braucht und diesen extra,

00:44:03.420 --> 00:44:07.160
 beziehungsweise, dass der dann quasi auf das Textfragment automatisch verlinkt.

00:44:07.160 --> 00:44:07.340
 Ja.

00:44:07.340 --> 00:44:07.800
 Hm.

00:44:07.800 --> 00:44:14.760
 Und auf der, auf der MN-Seite sind auch verschiedenste Beispiele, ähm, dann auf example.com kennt man ja diese Beispielseite vielleicht,

00:44:14.760 --> 00:44:20.260
 wo da einfach nur ein kleiner Text steht, ähm, das Wörtchen for Highlighter zum Beispiel.

00:44:20.640 --> 00:44:25.020
 Und dann halt auch Beispiele mit Textstart und Textend, Prefix, Suffix und so weiter.

00:44:25.020 --> 00:44:28.380
 Und man kann wohl auch mehrere, äh, hintereinanderhängen, mehrere.

00:44:28.380 --> 00:44:30.100
 Funktioniert das auch?

00:44:30.100 --> 00:44:30.420
 Ja.

00:44:30.420 --> 00:44:35.320
 Also du kannst mal auf die MN-Seite, wenn du wie gesagt nicht mit Safari drauf bist, sondern Chrome,

00:44:35.320 --> 00:44:41.880
 kannst du unten bei Examples mal gucken, auf die Texte draufklicken und dann, äh, siehst du das Highlighted.

00:44:41.880 --> 00:44:45.460
 Also auch auf Desktop springt es bei mir aber nicht dahin.

00:44:45.460 --> 00:44:47.200
 Sehe ich jetzt gerade.

00:44:47.200 --> 00:44:50.620
 Also das Springen, das funktioniert nicht, das macht wahrscheinlich auch wieder jeder Client irgendwie.

00:44:50.640 --> 00:44:53.080
 anders, ähm, aber das Markieren funktioniert.

00:44:53.080 --> 00:44:56.880
 Also bei mir wird, ähm, bin ich mir nicht so sicher, ob es markiert.

00:44:56.880 --> 00:45:01.900
 Also wenn du auf den ersten Text mal example.com und Text for, da ist bei mir, das steht ja,

00:45:01.900 --> 00:45:03.800
 this domain is for use in bla bla bla.

00:45:03.800 --> 00:45:05.840
 Und da ist das for bei mir markiert.

00:45:05.840 --> 00:45:06.940
 Nee, funktioniert bei dir nicht?

00:45:06.940 --> 00:45:08.420
 Bei mir tatsächlich, bei mir tatsächlich nicht, nee.

00:45:08.420 --> 00:45:14.320
 Dann funktioniert das vielleicht auf Mac OS nicht, aber es steht hier bei can I use nicht dabei,

00:45:14.320 --> 00:45:15.320
 warum das ist irgendwie.

00:45:15.320 --> 00:45:16.220
 Interesting.

00:45:16.220 --> 00:45:19.140
 Ja, das muss ich mir auf jeden Fall, das ist, das sieht super mächtig aus.

00:45:19.300 --> 00:45:21.760
 Das muss ich mir unbedingt mal angucken, äh, im Nachgang.

00:45:21.760 --> 00:45:22.560
 Ja.

00:45:22.560 --> 00:45:27.200
 Ich habe jetzt gerade festgestellt, dass, äh, noch verschiedene Sachen haben, die da mit

00:45:27.200 --> 00:45:29.740
 reinkommen, die ich aber woanders in unserer Sendungstitzen hatte.

00:45:29.740 --> 00:45:31.780
 Deswegen habe ich die jetzt gerade mal noch verschoben, also nicht wundern.

00:45:31.780 --> 00:45:33.220
 Ähm.

00:45:33.220 --> 00:45:33.740
 Okay.

00:45:33.740 --> 00:45:37.140
 Äh, noch eine Sache zu dem, äh, zu der, äh, Markierung.

00:45:37.140 --> 00:45:41.320
 Die lässt sich auch mit einem CSS-Pseudo-Element entsprechend stylen.

00:45:41.320 --> 00:45:44.880
 Doppelpunkt, Doppelpunkt, Target minus Text ist das.

00:45:44.940 --> 00:45:48.480
 Und damit kann man dann dem Ganzen noch einen anderen Style als diesen Standard-Style verpassen.

00:45:49.200 --> 00:45:52.080
 Was man, okay, da muss ich dann vielleicht jetzt gerade noch kurz ergänzen.

00:45:52.080 --> 00:45:58.500
 Ähm, man kann auch, es gibt auch den Target, äh, Pseudo-Selektor.

00:45:58.500 --> 00:45:59.960
 Ist das ein Pseudo-Selektor?

00:45:59.960 --> 00:46:01.360
 Ja, so ein Pseudo-Selektor.

00:46:01.360 --> 00:46:10.300
 Ähm, mit dem man das Element markieren kann oder damit mit dem Element Dinge tun kann, ähm,

00:46:10.420 --> 00:46:15.940
 das per ID verlinkt ist, wenn ich auf dem Target dann lande, also auf dem, was hinter, was hinter dem, was hinter der Raute steht.

00:46:15.940 --> 00:46:20.280
 Das heißt, ich kann zum Beispiel was, was ganz Naives machen, wie wenn ich jetzt eine Überschrift,

00:46:20.280 --> 00:46:24.660
 wenn jetzt eine Überschrift die ID hat, dann kann ich die zum Beispiel farbig hinterlegen, sobald ich sie anspringe.

00:46:24.660 --> 00:46:27.940
 Ähm, damit ich dann auch sehe, das ist jetzt der Bereich.

00:46:27.940 --> 00:46:30.500
 Damit kann man aber auch noch ganz andere, äh, interessante Sachen machen.

00:46:30.500 --> 00:46:32.960
 Also nur Target, nicht Target Text, sondern einfach nur Target.

00:46:32.960 --> 00:46:36.760
 Äh, lohnt sich auch mal anzuschauen, kann man viele interessante Geschichten damit machen.

00:46:38.380 --> 00:46:46.560
 Okay, ähm, was ich jetzt bei der Recherche auch noch rausgefunden habe, was ich auch nicht kannte vorher, waren Media Fragments.

00:46:46.560 --> 00:46:53.680
 Und es ist jetzt nicht so richtig klar, ob die denn jetzt funktionieren und wenn, wenn überhaupt wo und wie.

00:46:53.680 --> 00:47:05.940
 Aber, ähm, da gab es zum Beispiel die Idee, dass man, ähm, an einen Link, äh, zum Beispiel, wenn es ein Link auf ein Video ist, ein Timestamp mit dranhängt.

00:47:06.440 --> 00:47:22.000
 Also zum Beispiel, äh, in dem Fall, gut, da, auf, also, es gibt ein Beispiel auf, äh, web.dev, da ist es das Source, äh, da ist es das Source-Element mit einem Source-Attribut, aber das ist nämlich, glaube ich, egal, das müsste man auch im A-Element verwenden können, rein theoretisch.

00:47:22.060 --> 00:47:29.560
 Das heißt, ich habe hier, äh, das Video, äh, Chrome.web.m, äh, Raute t minus, äh, t ist gleich 5,10.

00:47:29.560 --> 00:47:35.500
 Also ich nehme mal an, dass das Minuten und Sekunden sind, ähm, ähm, aber warte mal, Hours, Minutes and Seconds, genau.

00:47:36.100 --> 00:47:42.820
 Also man könnte auch 0,0, Doppelpunkt, 0,1, Doppelpunkt, 0,5, das wäre dann bei, äh, Minute 1 und 5 Sekunden.

00:47:42.820 --> 00:47:52.080
 So, also das ist, dass man quasi einen standardisierten Weg hat, wie man, äh, bei, ähm, Medien direkt an einen bestimmten Timestamp springt.

00:47:52.200 --> 00:48:14.480
 Bei YouTube gibt es das ja zum Beispiel, äh, da kann man das machen, man kann Links verschicken, aber ich glaube nicht, dass das ein Webstandard ist, ähm, und, äh, ich kenne das auch von media.ccc.de, also die Vorträge vom Chaos Computer Club oder die Videos vom Chaos Computer Club, ähm, da kriege ich auch in der URL immer angezeigt, ähm, an welcher, äh, an welchem Timestamp man gerade ist, aber ich glaube, das ist ein anderer Standard.

00:48:14.480 --> 00:48:18.980
 Ich kann jetzt keine Aussage darüber treffen, ob das wirklich funktioniert.

00:48:18.980 --> 00:48:22.040
 Nee, ich habe es mal ausprobiert, bei mir hat es in Chrome nicht funktioniert.

00:48:22.200 --> 00:48:39.060
 Ich habe Artikel dazu gefunden, dass das war mal so eine Idee, aber irgendwie wurde das nicht umgesetzt, sei an der Stelle mal erwähnt, also mit, mit Grain of Salt genießen, aber ich fand die Idee gut, es gehört zu den Fragments dazu, also quasi tatsächlich standardisierte Fragments für bestimmte Medientypen, wenn ich darauf verlinke, was ich eine interessante Sache finde.

00:48:39.060 --> 00:48:52.180
 Also man, man könnte dadurch halt zum Beispiel auch, äh, Daten sparen, die übertragen werden, wenn ich weiß, ich brauche bei dem Video sowieso nur den Ausschnitt von da bis da, ähm, Voraussetzung ist halt, dass der Server auch das, äh, den, den Range-Header,

00:48:52.180 --> 00:48:53.880
 auch unterstützt. Ganz genau.

00:48:53.880 --> 00:49:00.060
 Ja, und, äh, weil dann halt im Server gesagt wird, liefern nur diesen Teil von dieser Mediendatei überhaupt aus.

00:49:00.060 --> 00:49:12.660
 Da stolpert ihr, da stolpert ihr definitiv drüber, wenn ihr mal eine Webseite baut, in der ihr ein Video mit dem Video-Tag einbindet und dann, ähm, in dem Video hin und irgendwo hinspringen wollt, an eine bestimmte Stelle und merkt, oh, das geht ja gar nicht.

00:49:13.180 --> 00:49:20.740
 Ähm, dann, äh, dann, äh, dann muss euer Server noch konfiguriert werden, dass er Range-Requests akzeptiert.

00:49:20.740 --> 00:49:25.380
 Da stolpert man irgendwann mal drüber, wenn man mit Videos zu tun hat, weil das möchte man ja dann schon doch, dass das geht.

00:49:25.380 --> 00:49:30.940
 Ähm, genau. Ich hab jetzt hier die Notizen geschrieben, ich mach dann gleich auch noch die anderen Protokolle.

00:49:30.940 --> 00:49:31.800
 Ich hab's gesehen, ja.

00:49:31.800 --> 00:49:37.060
 Ja, ich dachte mir schon, dass das eigentlich da hin muss. Ich dachte, du hast halt der Einfachkeit halber das nur unten angefügt.

00:49:37.060 --> 00:49:44.820
 Nee, ich hatte das, ich hatte das tatsächlich, ich hab nicht, ich hab vorher in unseren Sendungsnotizen, wir sind hier komplett transparent, es wird auch nichts rausgeschnitten, zum Leidwesen von euch.

00:49:44.820 --> 00:49:46.320
 Ihr müsst euch den ganzen Käse jetzt anhören.

00:49:47.080 --> 00:49:52.680
 Ähm, hatte ich nicht auf dem Schirm, dass wir das href-Attribut tatsächlich als eigenes Attribut hinterlegt hatten.

00:49:52.680 --> 00:49:55.480
 Das hab ich nicht gesehen, dass der Konstantin das passenderweise gemacht hat.

00:49:55.480 --> 00:49:59.040
 Und, ähm, deswegen hatte ich das unten irgendwo angefügt mit den weiteren Protokollen.

00:49:59.040 --> 00:50:01.440
 Ähm, genau.

00:50:01.440 --> 00:50:12.200
 Also, auch in meiner Demo hab ich nämlich angefangen, ähm, was man nämlich auch machen kann, ist, in dem href-Attribut kann man nicht nur auf Seiten verlinken, sondern man kann auch andere Protokolle angeben.

00:50:12.200 --> 00:50:38.100
 Also, nicht nur HTTP, was das Standardprotokoll ist, ähm, sondern ich kann zum Beispiel auch eine E-Mail, eine E-Mail-Adresse hinterlegen und, ähm, wenn der Browser und das Betriebssystem entsprechend konfiguriert sind und standardmäßig sollte das eigentlich überall so sein, wenn man ein E-Mail-Programm hat, ich glaube sogar, nee, das kommen wir später noch zu, das geht auch, es können auch Webseiten, äh, können auch Protokolle, äh, registrieren, hab ich rausgefunden.

00:50:38.100 --> 00:50:41.460
 Ähm, also, wie funktioniert das?

00:50:41.460 --> 00:50:43.740
 Wie kann ich, wie kann ich auf eine E-Mail-Adresse verlinken?

00:50:43.740 --> 00:50:49.420
 Das ist auch eher Basiswissen, aber ich behaupte, ich, vielleicht ist was dabei, was auch noch nicht alle jetzt wissen.

00:50:49.420 --> 00:50:58.380
 Also, ganz einfach ist es, ich schreibe, äh, als Protokoll rein in das href-Attribut mailto als ein Wort, klein geschrieben, Doppelpunkt und dann die E-Mail-Adresse.

00:50:58.380 --> 00:51:00.720
 Das ist so die, die einfachste Variante.

00:51:00.880 --> 00:51:12.560
 Dann geht, falls ich in dem Betriebssystem, in dem ich mich befinde, ein Standard-E-Mail-Programm definiert habe, geht das E-Mail-Programm auf, äh, mit einer Mail, die an diese Mail-Adresse adressiert ist, die ich da hinterlegt habe.

00:51:13.400 --> 00:51:18.360
 Man kann auch mehrere EmpfängerInnen definieren.

00:51:18.360 --> 00:51:25.600
 Das macht man dann, indem man, ähm, Kommas dazwischen packt zwischen die einzelnen E-Mail-Adressen.

00:51:26.160 --> 00:51:27.540
 Ganz einfach, so.

00:51:27.540 --> 00:51:30.080
 Das klingt jetzt noch simpel.

00:51:30.080 --> 00:51:31.200
 Jetzt gehen wir noch ein bisschen weiter.

00:51:31.200 --> 00:51:38.560
 Man kann aber auch schon Text, man kann auch, äh, Blödsinn, ähm, man kann auch CC-Empfänger mit reinpacken.

00:51:38.560 --> 00:51:40.080
 Das geht auch.

00:51:40.080 --> 00:51:42.320
 Und das, da wird es dann interessant.

00:51:42.320 --> 00:51:48.580
 Da packe ich dann nämlich, ähm, die E-Mail-Adresse an, die es standardmäßig gehen soll.

00:51:48.580 --> 00:51:51.220
 Ich habe gar nicht geschaut, ob man nur CC machen kann.

00:51:51.220 --> 00:51:52.100
 Das wäre auch interessant.

00:51:52.100 --> 00:51:55.700
 Ergibt keinen Sinn, nur CC zu machen.

00:51:56.160 --> 00:52:04.320
 Also, ich habe die Standard-E-Mail-Adresse, an die es gehen soll, Fragezeichen, CC ist gleich und dann die, äh, CC-E-Mail-Adresse.

00:52:04.320 --> 00:52:07.900
 Da könnte ich auch dann mehrere reinpacken mit Komma getrennt.

00:52:07.900 --> 00:52:16.780
 Das Ganze geht auch mit BCC, also Blind Carbon Copy, ähm, wo dann, äh, die anderen nicht mitbekommen, dass ich das auch noch dahin weiterleite.

00:52:16.780 --> 00:52:24.040
 Ähm, man kann aber auch tatsächlich Text mit übergeben, der an bestimmte Stellen in die E-Mail standardmäßig schon mit reingeschrieben wird.

00:52:24.920 --> 00:52:33.580
 Aber man kann zum Beispiel einen Betreff, eine Betreffzeile schon mitgeben, indem ich, äh, auch wieder Fragezeichen, ähm, nee, Quatsch, ist Blödsinn, es ist wie bei URL-Parametern.

00:52:33.700 --> 00:52:48.080
 Also, der erste kommt mit Fragezeichen, die weiteren kommen mit dem Kaufmanns und, ähm, also in dem Fall, ähm, ähm, habe ich E-Mail-Adresse, Fragezeichen, Subcheckt und dann kann ich einfach einen Text hinschreiben, der dann im Betreff tatsächlich landet, direkt, ähm, bei der Mail, wenn ich, wenn ich das Mail-Programm öffne.

00:52:48.480 --> 00:52:55.820
 Ähm, man kann tatsächlich sogar auch einen Standard-Inhalt schon vorgeben, indem man Body als Parameter mit reinpackt.

00:52:55.820 --> 00:53:09.660
 Ähm, und man kann auch das alles miteinander kombinieren und ich habe da auch auf der Demo-Seite eine Demo, wo ich zwei, äh, normale E-Mail-Adressen, zwei Kopie-Adressen, zwei Blindkopie, der Betreff ist ausgefüllt.

00:53:09.820 --> 00:53:14.720
 Und ich habe auch noch den, äh, den Body-Text mit ausgefüllt, wo dann wirklich alles mit drin ist.

00:53:14.720 --> 00:53:27.540
 Ähm, ja, gib ihm einfach alles und wir haben das tatsächlich bei mir auf der Arbeit in einem Projekt, äh, eingesetzt, nämlich, wir haben, ähm, eine ganz, ganz simple, ähm, äh, Artikel-Melden-Funktion implementiert.

00:53:27.540 --> 00:53:36.480
 Und, ähm, da wir uns es uns sparen wollten, dafür jetzt auch noch ein Backend und ein Formular und irgendwie was zu bauen, haben wir gesagt, hey, wir sind doch hier in der Firma, wir haben doch alle eine E-Mail-Adresse, wir machen das einfach per Mail.

00:53:37.060 --> 00:53:50.300
 Und du kriegst dann einfach deine Mail schon quasi vorausgefüllt mit diversen dynamischen Parametern, wo dann quasi in dem, ähm, in dem Betreff und in dem Content-Text auch schon die ID und der Link zu dem entsprechenden Artikel mit drin steht.

00:53:50.300 --> 00:54:02.600
 Das heißt, du klickst da einfach drauf, hast deine Mail schon vorausgefüllt, musst nur noch reinschreiben, ähm, ist sogar tatsächlich auch eine mehrere Empfängerliste, also irgendwie alle in meinem Team, ähm, musst nur noch quasi im Text reinschreiben, warum du jetzt diesen Artikel melden möchtest.

00:54:02.600 --> 00:54:12.500
 Das gibt's auch öfter mal bei App-Feedback, wenn da so ein Feedback-Link drin ist, wo dann wirklich schon drinsteht, äh, System Android, äh, App-Version so und so, was halt einfach beim Debuggen hilft.

00:54:12.580 --> 00:54:20.740
 Und klar könnte man das jetzt irgendwie in ein Formular packen, aber, ähm, ja, E-Mail ist ja gut zumindest für unsere Generation noch so der Standard-Kommunikationsweg.

00:54:20.740 --> 00:54:24.860
 Das heißt ja, dass so die nachfolgenden Generationen mit E-Mail auch schon gar nichts mehr anfangen können.

00:54:25.260 --> 00:54:29.740
 Aber zumindest so im, ähm, äh, Corporate-Kontext hat man ja eigentlich immer die E-Mail-Adresse.

00:54:29.740 --> 00:54:34.100
 Und dann, warum, warum dann irgendwie was Aufwendigeres machen, wenn's sowas auch tut.

00:54:34.100 --> 00:54:35.360
 Genau.

00:54:35.360 --> 00:54:44.780
 Was es auch noch gibt, ist, ähm, und das ist für Mobile besonders interessant, oder für Geräte, die telefonieren können, ist es, äh, das TEL, äh, Protokoll.

00:54:45.540 --> 00:54:54.800
 Das heißt, ich kann auch einfach reinschreiben, statt wie jetzt eben Mail to TEL, Doppelpunkt und dann eine Telefonnummer und ein Gerät, das telefonieren kann und das unterstützt.

00:54:54.800 --> 00:54:58.740
 Und das sind, glaub ich, eigentlich alle Handys, die so da draußen unterwegs sind.

00:54:58.740 --> 00:55:02.680
 Wenn ich da drauf drücke, dann wird, äh, direkt, werd ich gefragt, möchtest du diese Nummer anrufen?

00:55:02.680 --> 00:55:04.700
 Dann drück ich drauf und dann, äh, geht das sofort.

00:55:04.700 --> 00:55:07.260
 Das ist ziemlich praktisch, wie ich finde.

00:55:07.260 --> 00:55:13.260
 Es gab auch mal eine Idee, Fax, weil wir es, weil wir es schon öfter drüber hatten.

00:55:13.320 --> 00:55:21.360
 Wir haben ja auch eine Faxnummer, an denen man uns einen Fax schreiben kann, ähm, und, äh, im Stream, auch wenn wir darüber notifiziert, wenn, äh, wenn ein Fax reinkommt.

00:55:21.360 --> 00:55:29.640
 Es gab auch mal die Idee, ein Faxprotokoll damit einzuführen, ähm, das wurde allerdings dann, äh, abgelehnt und da haben sie gesagt, nee, nimm doch dann TEL, das passt dann schon.

00:55:29.640 --> 00:55:32.460
 So, du kannst dann halt dann auch von mir aus dem Fax da hinschicken.

00:55:32.460 --> 00:55:43.220
 Ähm, äh, äh, gibt's auch eine Diskussion oder gibt's auch in dem, äh, in dem, äh, IETF, äh, RFC, äh, dazu zu dem Fax, äh, beziehungsweise zu dem TEL, äh, fand ich ganz interessant.

00:55:43.320 --> 00:55:45.340
 Ähm, das vorhin in der Recherche nochmal zu lesen.

00:55:45.340 --> 00:55:53.440
 Ähm, es gibt auch noch weitere Protokolle, also man kann eigentlich beliebig, oh, wo ist jetzt mein Protokoll gelandet?

00:55:54.040 --> 00:56:10.220
 Ich hab's irgendwo hingezogen und jetzt ist es verschwunden. Ähm, also was ich auch auf jeden Fall schon auf Seiten gesehen hab, ist zum Beispiel IRC, da wird dann IRC-Client angesprochen, aber das sind dann weitere Protokolle, funktionieren dann, vor allem dann, wenn, ähm, die registriert sind im Betriebssystem.

00:56:10.860 --> 00:56:25.260
 Oder, ich habe auch gesehen, und das hab ich selbst noch nie gemacht, vielleicht hast du da schon Erfahrung mit, ähm, es gibt auch, man kann auch, es gibt auch eine Möglichkeit, dass Webseitenprotokolle registrieren können im Browser und ich glaube, Gmail zum Beispiel macht das.

00:56:25.340 --> 00:56:36.060
 Man kann, glaube ich, Gmail fragt einen, glaube ich, möchtest du Mail-to-Links in Gmail öffnen? Und dann kann tatsächlich sogar eine Webseite entsprechende Links annehmen, wenn ich das richtig weiß.

00:56:36.060 --> 00:56:44.140
 Genau, wenn der Browser das unterstützt, also Safari kann das zum Beispiel nicht, aber im, im Chrome kann man, äh, Gmail als Standard einrichten.

00:56:44.140 --> 00:57:05.960
 Genau, aber die Methode dafür ist, äh, Register-Protokoll-Händler-Methode haben wir auch in den Shownotes einen Link, falls ihr das machen wollt. Ähm, es gibt da alle möglichen Protokolle, also, ähm, Mobile-Apps machen das ganz gerne, dass, äh, das dann, äh, Link zum Beispiel, also die registrieren die Protokolle nicht im Browser, sondern, äh, im Betriebssystem selbst, wenn eine App installiert wird, zum Beispiel Facebook hat das früher so gemacht, ich weiß nicht genau, ob sie es immer noch, wahrscheinlich machen sie es auch immer noch so,

00:57:06.060 --> 00:57:15.900
 Da gab es dann das Facebook-Protokoll, ähm, und wenn es Links gab, die, äh, mit dem Facebook-Protokoll verlinkt waren, dann sind die, haben die sich in der App geöffnet, sofern die App eben vorhanden ist.

00:57:15.900 --> 00:57:26.080
 Was man noch dazu sagen muss, äh, bei Custom-Schemes, ähm, die müssen anfangen mit Web-Plus und dann eine Zeichenfolge, die nur aus ASCII-Buchstaben bestehen darf, äh, Lowercase.

00:57:26.300 --> 00:57:42.260
 Und ansonsten gibt es halt eine, eine Reihe Vorgefertigter eben, die wir jetzt schon genannt haben, Mail-to, äh, Tel und so weiter, FTP kann ich benutzen, FDPS, äh, Bitcoin gibt es hier noch, Magnet, falls, äh, wenn man Bitcoin nutzt, kennt man das, ähm, und noch diverse andere.

00:57:42.260 --> 00:57:55.820
 Es gibt ganz, ganz viele theoretisch, äh, die man, die man verwenden kann, aber wie gesagt, die Voraussetzung dafür, dass sie funktionieren, ist, dass im Betriebssystem oder von irgendeiner Webseite da etwas drauf registriert wurde, ähm, und ihr das auch freigegeben habt.

00:57:56.160 --> 00:58:04.900
 Standards, also über die Standards haben wir jetzt gesprochen und theoretisch kann jeder sein eigenes Protokoll da erfinden und, äh, wie zum Beispiel, ja, Facebook zum Beispiel, genau.

00:58:04.900 --> 00:58:23.920
 Ich glaube, damit, äh, haben wir die Protokollgeschichte durch. Ich hab dazu auch, äh, in unserer Demo für die ganzen Mail-to-Geschichten und Telefon, ah, eins hab ich noch vergessen, haha, ich hab noch eins vergessen, ähm, SMS, das kannte ich nämlich bis heute auch nicht.

00:58:23.920 --> 00:58:24.180
 Ah ja.

00:58:26.020 --> 00:58:44.840
 Das SMS-Protokoll, das heißt, ihr schreibt, äh, in, in, in das Haref, SMS-Doppelpunkt, ähm, mit, mit einer Nummer und dann, äh, geht tatsächlich, also auf dem iPhone hab ich's heute tatsächlich noch ausprobiert, dann geht tatsächlich die Nachrichten-App oder die Standard-SMS-App auf mit, ähm, der Nummer schon vorausgefüllt und dann kann ich eine Nachricht, äh, schicken.

00:58:45.540 --> 00:58:48.620
 Normalerweise gibt's sowohl SMS als auch SMS-To.

00:58:48.620 --> 00:58:51.500
 Was da der Unterschied ist, keine Ahnung.

00:58:51.500 --> 00:58:52.840
 SMS-To.

00:58:52.840 --> 00:58:56.900
 Okay, das könnt ihr ja mal ausprobieren, ob SMS bei euch auch funktioniert.

00:58:56.900 --> 00:59:03.080
 Wieso hatte ich das denn eigentlich, ah, das hab ich nur in der Demo, in die Demo reingepackt, das hab ich aber gar nicht in unsere Show Notes reingepackt.

00:59:03.080 --> 00:59:05.500
 Mensch, da war ich irgendwie nachlässig.

00:59:06.500 --> 00:59:09.140
 Das tue ich, das hole ich jetzt noch nach, dass wir das nicht vergessen.

00:59:09.140 --> 00:59:15.320
 Okay, dann können wir zum, zum nächsten Attribut kommen, glaube ich, oder haben wir noch was?

00:59:15.320 --> 00:59:16.880
 Nee, das war's dazu, glaube ich.

00:59:16.880 --> 00:59:21.540
 Da war schon einiges jetzt, nur das Haref-Attribut, was da schon alles, was da schon alles geht.

00:59:21.540 --> 00:59:22.800
 Hei, hei, hei, hei, hei.

00:59:22.800 --> 00:59:32.580
 Ja, dann ist, äh, Haref-Lang ist dann das nächste und da kann ich, mein Ernst, vielleicht schon festlegen, welche Sprache das Zieldokument hat.

00:59:32.800 --> 00:59:37.640
 Und das ist das gleiche, was ich da benutzen kann, wie in dem globalen Lang-Attribut.

00:59:37.640 --> 00:59:47.120
 Das heißt, da gibt's auch eine RFC dazu, Tags for Identifying Languages, wo festgelegt ist, in welchem Format die vorliegen müssen.

00:59:47.120 --> 00:59:51.220
 Das können wir auch noch verlinken auf das globale Lang-Attribut.

00:59:51.220 --> 01:00:01.840
 Und das dient halt dazu, dass hauptsächlich Suchmaschinen oder sonst irgendwie maschinell ausgewertete, auswertende Dinge wissen, in welcher Zielsprache das ist.

01:00:01.840 --> 01:00:18.180
 Und, äh, wir hatten's, glaub ich, beim, beim Link-Attribut auch, äh, in der anderen Folge schon drüber, über diese Canonical-Links und, äh, dass ich da eben auch festlegen kann, diese Seite in diversen Sprachen liegt unter dieser URL und da setzt man dann auch das, das Lang-Attribut.

01:00:19.760 --> 01:00:25.240
 Genau, ich glaub, mehr gibt's dazu jetzt gar nicht groß zu sagen. Ich werd jetzt nicht alle Language Codes vorlesen, die da erlaubt sind.

01:00:25.240 --> 01:00:25.960
 Was? Wieso?

01:00:25.960 --> 01:00:27.820
 Wir haben noch Zeit.

01:00:27.820 --> 01:00:32.080
 Äh, wir haben noch, wir haben genug Zeit.

01:00:33.360 --> 01:00:37.800
 Ja, außer du hättest noch irgendwas dazu, aber ich glaub, das war tatsächlich jetzt so ganz kurz und schmerzlos.

01:00:37.800 --> 01:00:41.020
 Nein, da gibt's tatsächlich, glaub ich, nicht, nicht mehr, nicht mehr dazu zu sagen.

01:00:41.020 --> 01:00:41.720
 Sehr gut.

01:00:42.540 --> 01:00:46.100
 Außer, ihr habt noch was dazu, schreibt's gerne in die Kommentare. Bing, bing, bing.

01:00:46.100 --> 01:00:52.340
 Ich hab bei Kommentare, denke ich, wenn ich sage, schreibt's in die Kommentare, da denke ich auch immer an das blöde Ding mit der Glocke.

01:00:52.440 --> 01:00:53.460
 Drückt auf die Glocke.

01:00:53.460 --> 01:00:59.480
 Was auch immer für eine Glocke, es gibt bei uns keine Glocke im Podcast, aber drückt einfach mal, drückt einfach mal auf die Glocke.

01:00:59.480 --> 01:01:03.680
 Ah, da ist sie.

01:01:03.680 --> 01:01:06.740
 Du bist gerade eingefallen, wir haben doch hier auch ein Soundboard, Mensch.

01:01:06.740 --> 01:01:08.020
 Hat gerade jemand draufgedrückt?

01:01:08.020 --> 01:01:08.480
 Ja.

01:01:08.480 --> 01:01:11.840
 Verrückt, wie ist das denn passiert?

01:01:11.840 --> 01:01:14.060
 Ah, okay.

01:01:14.060 --> 01:01:18.680
 Dann haben wir als nächstes Ping.

01:01:18.680 --> 01:01:20.560
 Das war mir tatsächlich auch neu.

01:01:21.280 --> 01:01:24.460
 Das hab ich weder vorher irgendwie gesehen, noch drüber gelesen.

01:01:24.460 --> 01:01:26.200
 Also das hatte ich einfach gar nicht auf dem Schirm.

01:01:26.200 --> 01:01:33.280
 Könnte auch daran liegen, dass es in Firefox standardmäßig deaktiviert ist und dementsprechend wahrscheinlich auch nicht so die Verbreitung hat.

01:01:33.280 --> 01:01:35.740
 Und was macht das?

01:01:35.740 --> 01:01:44.840
 Es sendet, wenn ich auf einen Link klicke, auf die im Ping-Attribut hinterlegte URL, oder ich glaube, es können auch mehrere URLs sein, ein Post-Request.

01:01:44.840 --> 01:01:50.240
 Das heißt, man kann's vielleicht schon ahnen, es ist hauptsächlich eigentlich zum Tracking.

01:01:51.120 --> 01:02:01.480
 Ich wüsste jetzt keinen anderen Anwendungsfall, warum ich bei Klick auf einen bestimmten Link irgendeine andere URL benachrichtigen können wollte.

01:02:01.680 --> 01:02:07.120
 Das ist gut, dass du's sagst, weil ich hab jetzt gerade mich mit dem Thema beschäftigt auf meiner Seite, auf meinem Blog.

01:02:07.120 --> 01:02:11.880
 Ha, das wäre vielleicht die Lösung für eins meiner Probleme gewesen.

01:02:11.880 --> 01:02:19.340
 Man muss manchmal, manchmal muss man sich echt zwingen, Probleme nochmal zu googeln, dass man auf Lösungen kommt, auf die man sonst vielleicht nicht kommen würde.

01:02:19.420 --> 01:02:21.300
 Da baut man irgendwelche komischen Dinge drumherum.

01:02:21.300 --> 01:02:29.280
 Aber wie gesagt, Firefox standardmäßig nicht und funktioniert halt wirklich nur bei nativen A-Elementen.

01:02:29.280 --> 01:02:31.300
 Also jetzt nicht irgendwas mit JavaScript.

01:02:31.300 --> 01:02:36.760
 Das heißt, wenn, dann würde man ja wahrscheinlich eine Lösung wollen, die bei allem funktioniert.

01:02:36.900 --> 01:02:39.260
 Also auch bei Buttons, die ich klicke oder so, ne?

01:02:39.260 --> 01:02:39.860
 Ja.

01:02:39.860 --> 01:02:41.460
 Aber es ist halt wirklich nur bei Link-Klick.

01:02:41.460 --> 01:02:43.920
 Und so ein bisschen zum technischen Hintergrund.

01:02:43.920 --> 01:02:48.080
 Also es gibt auch einen CSS-Tricks-Artikel, den ich dazu verlinke.

01:02:48.700 --> 01:02:52.460
 Was da passiert, ist halt, wie gesagt, ein Post-Request an diese URL oder URLs.

01:02:52.460 --> 01:02:55.300
 Der Body ist dann nur das Wort Ping.

01:02:55.300 --> 01:03:00.160
 Und das Request kriegt auch noch ein paar Header mit.

01:03:00.160 --> 01:03:02.840
 Also Content-Type wird auf Text-Ping gesetzt.

01:03:02.840 --> 01:03:06.600
 Und die Header Ping-From und Ping-To werden dann auch mitgesendet.

01:03:06.600 --> 01:03:11.920
 Also Ping-From ist dann eben die Seite, von der dieser Link ausgeklickt wurde.

01:03:11.920 --> 01:03:17.420
 Und Ping-To ist eben die Seite, auf die dieser Ping gesendet wurde.

01:03:18.700 --> 01:03:19.100
 Genau.

01:03:19.100 --> 01:03:22.740
 Und dann, ja, also die Frage ist, wozu braucht man das?

01:03:22.740 --> 01:03:27.940
 Und ist das nicht auch irgendwo ein Sicherheitsrisiko, dass da irgendwelche Requests im Hintergrund ablaufen?

01:03:27.940 --> 01:03:30.020
 Und vielleicht auch ein Datenschutz-Ding, ne?

01:03:30.020 --> 01:03:35.800
 Weil muss ich dem User nicht irgendwie sagen, dass da irgendwas passiert, wo Requests hingeschickt werden?

01:03:35.800 --> 01:03:44.060
 Und dann bin ich darauf gestoßen, dass das tatsächlich eingesetzt wurde als eine DDoS-Methode.

01:03:44.060 --> 01:03:46.220
 Also Direct Denial of Service.

01:03:46.380 --> 01:03:52.540
 Da gab es irgendwie Distributed, nicht Direct, Distributed Denial of Service Attacke.

01:03:52.540 --> 01:03:58.620
 Und zwar war das wohl hauptsächlich, ging es da um WeChat-User im asiatischen Bereich.

01:03:58.620 --> 01:04:02.840
 Aber ich wüsste nicht, warum das nicht jemand auch anderweitig ausprobieren sollte.

01:04:03.520 --> 01:04:13.140
 Also irgendwie Werbung geschaltet oder halt irgendwie auf ganz normal wirkenden Seiten Links gestreut, die aber eben alle einen Ping auf eine bestimmte Seite geschickt haben.

01:04:13.600 --> 01:04:18.940
 Und dadurch wurden auf diese Seite irgendwie stündlich 70 Millionen Requests geschickt oder so.

01:04:18.940 --> 01:04:22.040
 Und natürlich der Server-Alarm gelegt.

01:04:22.040 --> 01:04:24.280
 Also das ist schon irgendwie clever, ne?

01:04:24.280 --> 01:04:32.600
 Weil du nutzt halt wirklich, normalerweise läuft es ja eher so, du hast halt deine Gruppe an Script-Kiddies, die da mitmachen bei dem Denial of Service.

01:04:32.900 --> 01:04:37.560
 Und die haben dann alle irgendwelche Tools, die speziell ganz viele Requests hinschicken.

01:04:37.560 --> 01:04:46.060
 Aber dass du andere nutzt, ahnungslose NutzerInnen nutzt, um eben für dich diese vielen Requests dahin zu schicken,

01:04:46.520 --> 01:04:53.700
 Was halt auch dazu führt, dass du ja nicht als einzelner Verursacherin irgendwie ausfindig gemacht werden kannst.

01:04:53.700 --> 01:04:55.220
 Das ist schon irgendwie clever.

01:04:55.220 --> 01:05:01.980
 Also die sind schon immer sehr findig, was so Sachen angeht.

01:05:01.980 --> 01:05:06.180
 Wie kann ich denn irgendwas missbrauchen zu irgendwelchen Schandtaten und zu meinem Vorteil?

01:05:06.180 --> 01:05:11.220
 Okay, das bedeutet, ich habe jetzt gerade überlegt, ich erinnere mich, dass wir genau so ein Problem mal hatten.

01:05:11.660 --> 01:05:23.940
 Der Klassiker ist, glaube ich, beim Tracking, du möchtest bei dem Aufruf eines Links, möchtest du rausfinden, welcher es ist und möchtest deinem Tracking-Tool Bescheid sagen.

01:05:23.940 --> 01:05:28.360
 Übrigens genau dieser Link wurde gerade geklickt, an genau dieser Stelle.

01:05:28.360 --> 01:05:34.240
 Nicht irgendeiner auf der Seite, wenn du fünf Stellen hast, wo auf dieselbe Sache verlinkt wird, sondern genau dieser, damit du weißt, ah, das klickt gut.

01:05:34.240 --> 01:05:36.040
 Stimmt, ja.

01:05:36.040 --> 01:05:39.700
 Das müsste man halt über Parameter dann irgendwie noch mit dranhängen.

01:05:39.700 --> 01:06:01.880
 Genau, das musst du mit Parametern dann machen, aber mit, wenn du es versuchst, mit JavaScript den Klick abzufangen oder sowas, das klappt manchmal, aber halt nicht immer, weil manchmal bist du dann schon auf der neuen Seite, das ist so ein, da ist so ein Race Condition Ding, das hatte ich schon öfter, das, da kriegst du nicht jeden Klick dann, aber das mit dem Ping-Attribut, es ist halt nur Shame, dass es nicht in Firefox funktioniert.

01:06:02.880 --> 01:06:12.080
 Die werden ihre Gründe haben, warum sie es hinter dem Flag noch haben, schon sehr, sehr lange übrigens, seit Version 3, ist das schon hinter einem Flag?

01:06:12.080 --> 01:06:13.920
 Ja, ich glaube, dass das irgendwie gut, ob das jetzt genau stimmt.

01:06:13.920 --> 01:06:19.360
 Disabled by default for privacy reasons steht bei Can I Use.

01:06:19.360 --> 01:06:22.120
 Aha, okay, mhm.

01:06:22.920 --> 01:06:29.340
 Das haben, also die haben das nicht aus, weil es noch nicht ausreichend getestet ist, sondern weil sie es nicht haben wollen, weil sie es eigentlich blöd finden.

01:06:29.340 --> 01:06:29.840
 Ja.

01:06:29.840 --> 01:06:33.860
 Kann ich nachvollziehen, würde aber einige Tracking-Probleme lösen.

01:06:33.860 --> 01:06:38.300
 Klar, natürlich, die wollen nicht, dass man Tracking-Probleme löst und dafür sind, das sind ja auch die Guten irgendwo.

01:06:39.780 --> 01:06:55.540
 Muss man halt, aber es gibt, das Dumme ist halt, es gibt halt andere Möglichkeiten, wie man es dann trotzdem machen kann und man hat dann eigentlich, an der Stelle würde ich behaupten, ich weiß nicht, was jetzt, wäre mal interessant, falls jemand von Mozilla zuhört und dazu mehr weiß, würde mich das tatsächlich interessieren.

01:06:56.740 --> 01:07:08.400
 Weil, so der Standard-Use-Case, ich finde, raus, auf welchen Link geklickt wurde und auch, ich muss kein komisches JavaScript drumherum bauen und keine Parameter oder sowas, sondern es gibt noch was anderes, wo das ein Privacy-Problem ist, dann bitte gerne mal melden.

01:07:08.400 --> 01:07:12.940
 Vielleicht ist ja auch die DDoS-Geschichte, die du gerade erwähnt hast, weshalb das nicht eingebaut wurde.

01:07:12.940 --> 01:07:20.240
 Hier steht, for privacy reasons, das ist, glaube ich, auch so, ist sogar verlinkt, aber ich kann nicht auf dieses Pop-Up drauf, Scheiße, for privacy reasons.

01:07:20.240 --> 01:07:22.740
 Ah, ich will da draufklicken, aber es geht immer weg.

01:07:23.120 --> 01:07:28.680
 Gut, ihr müsst nicht jetzt meine Kämpfe mit Can I Use mitbekommen.

01:07:28.680 --> 01:07:39.620
 Ich finde es total spannend und wenn das überall funktionieren würde, das wäre tatsächlich für Tracking in Game Changer, sofern man ethisch korrekt trackt, sag ich mal so.

01:07:39.620 --> 01:07:42.500
 So, dann gehen wir weiter zum Nächsten.

01:07:42.500 --> 01:07:46.200
 Referral-Policy haben wir da als Nächstes.

01:07:46.200 --> 01:07:52.360
 Und da hat irgendwas schon bei mir geklingelt, ich kannte das Attribut jetzt an sich nicht,

01:07:52.980 --> 01:08:00.200
 aber die Werte haben mir irgendwie was gesagt und ich dachte eigentlich, dass wir das im Kontext von CSP, also Content Security Policy, mal hatten.

01:08:00.540 --> 01:08:16.240
 Habe ich jetzt allerdings nichts mehr dazu gefunden, krass, jetzt ist das Wort weg, einen eigenen HTTP-Header, Referral-Policy, wo ich genau die gleichen Werte eben setzen kann, die ich in diesem Attribut auch eingeben kann.

01:08:17.100 --> 01:08:23.920
 Also die lauten No Referral, No Referral, When Downgrade, das heißt, es wird eine sichere Verbindung benötigt.

01:08:23.920 --> 01:08:27.800
 Ich möchte jetzt nicht alle Werte einzeln durchgehen, weil das kann man sich eh nicht merken.

01:08:27.800 --> 01:08:35.280
 Am besten einfach auf der Seite schauen, aber es geht halt immer darum, was für Informationen werden mitgeschickt mit dem Referral, beziehungsweise wird ein Referral mitgeschickt oder nicht.

01:08:36.200 --> 01:08:41.860
 Same Origin heißt eben, es wird nur mitgeschickt, wenn das Link-Target auf der gleichen Domain liegt.

01:08:44.000 --> 01:08:49.720
 Und ja, da kann ich das halt einstellen, was, wenn der Referral mitgesendet wird, man nicht.

01:08:49.720 --> 01:08:54.920
 Das war es dazu eigentlich auch schon, weil wie gesagt, es macht keinen Sinn, da jetzt alles im Detail vorzulesen.

01:08:54.920 --> 01:09:09.640
 Genau, das nächste Attribut, Rel, Relation, da ist es im Prinzip ähnlich, wir werden da jetzt nur ein paar vorlesen oder ein paar behandeln, was man damit machen kann.

01:09:10.120 --> 01:09:25.180
 Weil wenn man sich, und da könnte man tatsächlich eine eigene Podcast-Folge zu machen, wenn man sich den MDN-Artikel zum Rel-Attribut anguckt, dann sieht man, da gibt es irgendwie, keine Ahnung, 20, 30 verschiedene, die nicht alle für Links gelten, aber auch für andere Elemente.

01:09:25.180 --> 01:09:29.500
 Also manche nur für das Link-Tag zum Beispiel oder auch Form-Elementen.

01:09:30.580 --> 01:09:40.160
 Da gibt es unfassbar viele, vielleicht seien aber jetzt mal noch ein Beispiel oder ein, zwei Beispiele genannt. Ich weiß nicht, machen wir von oben nach unten?

01:09:40.160 --> 01:09:48.740
 Können wir machen, ja. Also die für Link hatten wir, glaube ich, auch schon eben in dieser Meta-Folge, bei dem Link-Tag, mit Prefetch und so weiter.

01:09:48.740 --> 01:09:57.440
 Das heißt, wir gucken jetzt mal, was hier speziell für Links ist, übrigens nicht nur für das Art-Tag, sondern auch für das Area-Tag in Image-Maps, die ja immer noch technisch funktionieren.

01:09:57.440 --> 01:09:59.960
 Ich meinte im Trello von oben nach unten.

01:09:59.960 --> 01:10:03.780
 Ach so. Du meinst gar nicht direkt die MDN-Tabelle?

01:10:03.780 --> 01:10:06.260
 Nee, nee, nee, nee. Das ist, glaube ich, das ist viel zu viel, ja.

01:10:06.260 --> 01:10:07.960
 Das ist viel zu viel, das ist viel zu viel.

01:10:07.960 --> 01:10:18.660
 Genau, also eins, was wir auch schon mal angesprochen haben, sogar schon in Folge 5, das ist die Kombination Target-Blank, zum Target-Attribut kommen wir gleich noch,

01:10:18.660 --> 01:10:27.280
 und dass man eben ja nicht will, dass Informationen über die zu öffnende Seite an externe Seiten weitergegeben werden.

01:10:27.400 --> 01:10:33.480
 Und dass man deswegen, also aktuell, die Browser heutzutage machen das standardmäßig auch nicht mehr,

01:10:33.480 --> 01:10:41.260
 aber um das wirklich definitiv zu unterbinden, sollte man eben rel gleich noOpener mit an den Link hängen,

01:10:41.260 --> 01:10:47.560
 also an das A-Attribut hängen, damit eben diese Opener-Informationen dann nicht weitergegeben werden.

01:10:48.800 --> 01:10:50.000
 Also das wäre dann das Erste.

01:10:50.000 --> 01:10:56.140
 Ja, genau. Es gibt zum Beispiel auch noch No Referrer, das ist genau das, was drinsteht.

01:10:56.140 --> 01:11:00.500
 Das heißt, eine Zielseite kriegt den Referrer von der Seite, wo der Link herkommt, nicht.

01:11:00.500 --> 01:11:01.840
 Das ist auch so ein Tracking-Ding.

01:11:03.200 --> 01:11:10.500
 Man kann normalerweise, wenn man einfach nur einen Link setzt, ohne irgendwelche Attribute, einfach nur ganz normaler Link auf eine andere Seite,

01:11:10.500 --> 01:11:15.180
 dann kriegt die Zielseite mit, wer hat denn wo auf den Link geklickt.

01:11:15.180 --> 01:11:21.580
 Finde ich eigentlich immer total interessant, weil ich dann sehen kann, wer hat denn jetzt irgendeinen Blogartikel oder irgendein Tool von mir verlinkt,

01:11:21.660 --> 01:11:25.120
 Wo kommt's denn eigentlich her? Finde ich immer spannend, manche wollen das nicht.

01:11:25.120 --> 01:11:32.280
 Weiß ich nicht, unter Umständen ist es ein Privacy-Problem, wenn man zum Beispiel jetzt irgendwie aus einem geschlossenen System oder so kommt.

01:11:32.280 --> 01:11:34.680
 No Referrer unterbindet das.

01:11:34.680 --> 01:11:42.560
 Es müsste das Gleiche im Endeffekt sein, als ob ich jetzt die Referrer-Policy auf No Referrer setze.

01:11:42.560 --> 01:11:43.980
 Also das hat wahrscheinlich die gleiche Auswirkung.

01:11:43.980 --> 01:11:48.660
 Was halt nur wichtig ist, weil man findet gerade oft in älteren Schnipseln, von wegen,

01:11:48.660 --> 01:11:52.440
 da, wenn ich überprüfen will, wo jemand herkommt, so, ja, nimm doch den Referrer-Header.

01:11:52.440 --> 01:11:57.600
 Man muss halt wissen, der ist nicht immer befüllt oder ist heutzutage immer seltener befüllt,

01:11:57.600 --> 01:12:03.160
 weil eben aus irgendwelchen Privacy-Bedenken heraus der Referrer gar nicht mehr mitgegeben wird.

01:12:03.160 --> 01:12:04.680
 Also darauf darf man sich nicht verlassen.

01:12:04.680 --> 01:12:09.600
 Aber es gibt halt auch offenbar, ja, und da stolper ich immer wieder drüber, sehr viele Methoden,

01:12:09.600 --> 01:12:15.440
 die einfach ganz ohne so verrückte Technik funktionieren, mit irgendwas, ich muss irgendwas anderes machen,

01:12:15.440 --> 01:12:19.380
 sondern einfach im HTML gebe ich irgendwas ein, irgendein Attribut.

01:12:19.380 --> 01:12:24.660
 Wir hatten ja auch schon die Geschichte, dass man CSP-Geschichten auch in HTML direkt machen kann und sowas.

01:12:24.660 --> 01:12:28.160
 Finde ich verrückt und abgefahren, finde ich cool.

01:12:28.160 --> 01:12:35.200
 Das heißt, es gibt was mit einer niedrigen Einstiegshürde, wo ich mich jetzt nicht mit HTTP-Headern beschäftigen muss,

01:12:35.200 --> 01:12:39.760
 gleich wenn ich jetzt nur irgendwie eine Webseite baue und trotzdem so ein Feature, wenn es mir wichtig, nutzen kann.

01:12:39.760 --> 01:12:46.980
 Oder halt eben vielleicht gar nicht die technischen Möglichkeiten habe, weil ich gar nicht den Server so weit konfigurieren kann, darf, warum auch immer.

01:12:46.980 --> 01:12:57.840
 Genau, ich habe jetzt noch, wir haben ja gesagt, es gibt so eine halb endlose Liste an REL-Geschichten, die man für Links machen kann.

01:12:58.480 --> 01:13:07.720
 Da sind auch viele Sachen dabei, wo ich so dachte, das gibt es jetzt schön, passt das irgendjemand, nutzt das wirklich jemand?

01:13:07.720 --> 01:13:13.260
 Oder sagen wir mal so, ich kann das da reinschreiben, um so ein bisschen mehr semantische Informationen zu hinterlegen,

01:13:13.440 --> 01:13:17.340
 Aber gibt es wirklich ein System, das damit was anfängt?

01:13:17.340 --> 01:13:25.080
 Und eins davon, ich habe mir jetzt einfach nochmal eins rausgegriffen, weil ich mir da ganz gut vorstellen konnte, in welchem Kontext es verwendet wird.

01:13:25.080 --> 01:13:36.140
 Zum Beispiel REL, PREV und NEXT für Bereiche auf einer Webseite, die quasi einen vorherigen Schritt und einen nächsten Schritt haben.

01:13:36.140 --> 01:13:49.020
 Oder so ein Paging, könnte ich mir gut vorstellen, dass das da, oder Klassiker, bei uns auf der Podcast-Seite gibt es die vorherige Podcast-Folge unter der jeweiligen Podcast-Folge, in der man sich gerade befindet.

01:13:49.020 --> 01:13:54.860
 Und die nächste Podcast-Folge, und da würde man eventuell REL, PREV und NEXT machen, das ist cool.

01:13:54.860 --> 01:14:01.420
 Dann hat man irgendwie semantische Informationen irgendwie noch mit dabei, aber bei Semantik, finde ich, ist immer auch die Frage, was passiert damit?

01:14:01.960 --> 01:14:14.280
 Wird damit irgendwas gemacht? Dann kümmere ich mich darum. Also gibt es irgendein Tool, das damit was anfängt, dass das passt, das dann sagt, hey, cool, ich weiß jetzt mehr über die semantische Struktur dieser Seite, oder gibt es da einfach gar nichts?

01:14:14.280 --> 01:14:25.000
 Und da gibt es einige in dieser Liste, wo ich so dachte, ob das jetzt wirklich irgendwo verwendet wird, Terms of Service zum Beispiel, gibt es als Attribut noch.

01:14:25.000 --> 01:14:43.240
 Ja, ich habe dann auch, wir haben vorhin schon kurz vor der Aufnahme drüber gesprochen, ich habe dann auch gemeint, wo zieht man denn eigentlich die Grenze? Also warum haben die Dinge jetzt einen eigenen REL und andere Dinge, die vielleicht auch noch Sinn machen würden, keine Ahnung, Table of Contents vielleicht, oder so, wenn es dann eine eigene Seite gibt.

01:14:43.720 --> 01:14:59.140
 Warum gibt es das nicht? Also es ist halt die Frage, wie sinnvoll das ist. Und ich habe jetzt noch nie so darauf geachtet, aber wäre mir interessant zu wissen, ob, weil Terms of Service und Privacy Policy oder Privacy Policy, je nachdem, auf welchem Englisch man es ausspricht, die hat ja eigentlich jede Seite.

01:14:59.460 --> 01:15:05.960
 Aber nutzt irgendjemand tatsächlich dieses REL-Attribut entsprechend? Muss ich mal darauf achten? Werde ich mal in Zukunft ab und zu in den Quellcode gucken?

01:15:05.960 --> 01:15:15.200
 Also ich glaube, am bekanntesten ist das REL-Attribut an sich, wenn man es jetzt nicht auf Links bezieht, vielleicht vom REL-Stylesheet im Link-Attribut, wenn man ein CSS verlinkt.

01:15:16.280 --> 01:15:27.460
 Das sei vielleicht nur noch mal erwähnt, das habt ihr da vielleicht auch schon mal gesehen, falls ihr jetzt noch nicht so erfahren seid. Aber da ist es, glaube ich, sehr, sehr präsent. Da wird es oft verwendet.

01:15:27.460 --> 01:15:35.820
 Wie gesagt, es gibt aber sehr, sehr, sehr viele Geschichten bei REL, aber das ist eine andere Geschichte und die soll ein andermal erzählt werden.

01:15:35.820 --> 01:15:37.360
 Ich glaube, die haben wir sogar schon erzählt.

01:15:37.360 --> 01:15:39.380
 Die ganze REL-Geschichte?

01:15:39.380 --> 01:15:42.640
 Nee, nicht die komplette REL-Geschichte, nee, aber Link-REL-Stylesheet.

01:15:43.160 --> 01:15:50.540
 Naja, die haben wir schon erzählt, aber die ganzen anderen, also da gibt es wirklich, die Liste ist wirklich, ich habe es nicht erzählt.

01:15:50.540 --> 01:15:51.600
 REL-Lativ lang.

01:15:51.600 --> 01:15:53.700
 REL-L...

01:15:53.700 --> 01:15:57.120
 Alright, gut, nächstes Attribut, oder?

01:15:57.120 --> 01:16:12.800
 Jawohl, Target ist das nächste und da gibt es ein paar vordefinierte Werte, die mit Unterstrichen markiert sind oder man setzt es auf einen spezifischen, jetzt weiß ich, habe ich den Artikel gerade nicht mehr offen,

01:16:13.160 --> 01:16:27.380
 Browsing-Context, glaube ich, heißt das. Also wenn ich zum Beispiel einen Frame oder einen I-Frame heutzutage benamt habe, dann kann ich eben sagen, dann kann ich den Namen angeben von diesem I-Frame und dann wird das in dem I-Frame drin geladen.

01:16:27.600 --> 01:16:37.040
 Oder es gibt eben diese speziellen Werte, also Self, um das im gleichen Frame zu laden, Blank, um es in einem neuen Tab heutzutage früher in einem neuen Fenster zu öffnen.

01:16:38.460 --> 01:16:51.040
 Top gibt es noch, das heißt, wenn ich schon in dem Frame-Context mich bewege, dann soll es ganz oben, also im äußersten Kontext geöffnet werden und unterstrich Parent, ich glaube, das waren dann alle.

01:16:52.480 --> 01:17:04.100
 Das haben wir auch in der Besprechung oder im letzten Podcast, ich bin mir gerade nicht sicher, ob wir es in der Folge auch oder ob wir, wir haben noch relativ lange danach gequatscht mit dem Matthias, ob wir es da, ich glaube, wir haben es später besprochen.

01:17:04.860 --> 01:17:14.700
 Es ist auch relativ kontrovers in der Entwicklerszene, ist Target Blank für externe Links auf einer Seite, ist das in Ordnung oder nicht?

01:17:14.700 --> 01:17:23.600
 Weil manche sagen, nein, auf keinen Fall, ich möchte nicht bevormundet werden, ich möchte auf jeden Fall selbst entscheiden können, öffne ich das im neuen Fenster oder nicht.

01:17:23.600 --> 01:17:30.360
 Das ist so eine, ich glaube, es ist halt einfach, man kann es nicht pauschal sagen, weil da, glaube ich, jeder eben so seine Präferenz hat.

01:17:30.360 --> 01:17:47.440
 Also bei mir ist zum Beispiel, ich mag das gar nicht, wenn sich externe Links im gleichen öffnen, weil ich dazu tendiere, das zu schließen und dann plötzlich meine Seite weg ist und ich dann wieder mit STRG-Shift-T, wenn ich im Desktop bin, das mir wieder aufmachen muss, weil ich nicht drauf geachtet habe, ob das jetzt in dem neuen aufging oder nicht.

01:17:47.440 --> 01:17:57.860
 Also ich mag das eigentlich schon, dass ich weiß, wenn ich auf einen Link klicke innerhalb der Seite, dann bewege ich mich in dem gleichen Tab und externe Sachen haben für mich eigentlich extern aufzugehen.

01:17:57.860 --> 01:18:00.380
 Aber das sehen andere Leute wahrscheinlich wieder anders.

01:18:00.380 --> 01:18:07.900
 Und dann können, dann die würden jetzt argumentieren, also ich habe es auf meinem Blog auch eingebaut, weil ich der Meinung bin, dass das so sein sollte.

01:18:07.900 --> 01:18:15.320
 Die würden dann argumentiert, ja, dann kannst du es doch mit der mittleren Maustaste einfach immer im neuen Tab öffnen, was du im neuen Tab öffnen willst.

01:18:15.320 --> 01:18:18.640
 Das Ding ist, bei einem Link weiß man nicht immer, wo er hinzeigt.

01:18:18.640 --> 01:18:21.320
 Ist er auf derselben Seite oder geht er woanders hin?

01:18:21.320 --> 01:18:26.700
 Ja, dann muss ich erst vorher gucken in der Adressliste, also in diesem Pop-Over, was dann aufgeht.

01:18:26.700 --> 01:18:33.280
 Auf dem Desktop muss ich es dann mit Long-Press und Menü und extra im neuen Tab öffnen machen.

01:18:33.280 --> 01:18:34.600
 Also, ja.

01:18:34.600 --> 01:18:35.760
 Ja.

01:18:35.760 --> 01:18:36.480
 Ja.

01:18:36.480 --> 01:18:39.920
 Wie gesagt, ich glaube, das kann man nicht allgemeingültig sagen.

01:18:39.920 --> 01:18:46.480
 Ich glaube, jeder sagt, ja, das sollte auf jeden Fall so und so sein, standardmäßig, weil, je nachdem, was er für eine Präferenz hat oder sie.

01:18:48.000 --> 01:18:48.200
 Ja.

01:18:48.200 --> 01:19:05.240
 Ja, also, ich habe auch angeregt, als ich gemerkt habe, dass der Matthias das irgendwie so ein bisschen blöd findet, wenn man das macht, sage ich, naja, gut, vielleicht sollte man mal ein Browser-Plugin schreiben für die Leute, vielleicht könnte das Chat-GPT einfach mal machen, ein Browser-Plugin schreiben.

01:19:05.240 --> 01:19:10.060
 Ich habe jetzt gerade die Tage versucht, ein Browser-Plugin mit Chat-GPT, das kriegt das bestimmt hin mit zwei Prompts.

01:19:11.140 --> 01:19:20.340
 Das eben genau das sagt, hey, Target Blank, wenn du das irgendwo findest, schmeiß das einfach mal raus. Also, für die Leute, die Target Blank scheiße finden, wird das einfach überall rausgelöscht. Ich kann immer selbst entscheiden.

01:19:20.340 --> 01:19:36.140
 Ja, oder halt eben Links, die entweder relativ sind oder mit der gleichen Domain anfangen, die sollen immer, also, ohne Target Blank und andere sollen mit Target Blank automatisch geöffnet werden. Ja, also, das ging schon, kann man schon machen, ja.

01:19:38.040 --> 01:19:43.980
 So, Moment. Das ist notiert, das Plugin gibt es dann gleich in drei Stunden.

01:19:43.980 --> 01:19:48.480
 Alles klar, du hast bis Sonntag bist du veröffentlicht, dann hast du Zeit.

01:19:48.480 --> 01:19:50.660
 Das ist so ein Einzeigen.

01:19:50.660 --> 01:19:54.320
 Ja, Chat-GPT hat so lange Zeit.

01:19:54.320 --> 01:19:55.140
 Genau.

01:19:55.140 --> 01:20:02.600
 Gut, okay, habe ich gerade zu Target noch was? Nee, ich glaube, ja, es wird kontrovers diskutiert, das mit dem Target Blank.

01:20:02.600 --> 01:20:10.760
 Und, ja, es kommt vielleicht noch was zur Geschichte, vielleicht kennen die Älteren unter euch das noch, wo das ursprünglich eigentlich herkommt.

01:20:10.760 --> 01:20:12.300
 Frame, hat der Konstantin vorhin gesagt.

01:20:12.300 --> 01:20:21.300
 Früher gab es ja Seiten, vielleicht eine kleine Geschichtsstunde noch, für die Leute, die noch, die, sagen wir mal so, in den letzten 10 bis 15 Jahren angefangen haben, Web zu machen.

01:20:21.300 --> 01:20:26.480
 Weil ich glaube, man muss schon davor dabei gewesen sein, um, das ist älter als 15 Jahre.

01:20:26.480 --> 01:20:30.160
 Früher gab es Seiten, die aus Framesets bestanden.

01:20:30.880 --> 01:20:40.880
 Und was bedeutet das? Das war, dass man konnte eine Seite zusammenbauen aus mehreren kleinen Unterseiten, die dann auf einer Seite gemeinsam angezeigt wurden.

01:20:40.880 --> 01:20:42.680
 Ich glaube, so kann man das in etwa nennen.

01:20:43.220 --> 01:20:55.200
 Das heißt, ich hatte ein Frameset, das hatte dann verschiedene Frames, die dann wiederum gesagt haben, ja, in diesem Frame wird diese Seite angezeigt, in diesem Frame wird diese Seite angezeigt.

01:20:55.280 --> 01:21:05.240
 Und das war eigentlich auch irgendwie eine logische Geschichte, zu einer Zeit, wo das Web oder die Internetverbindungen noch sehr, sehr langsam waren, wollte man möglichst wenig laden.

01:21:05.240 --> 01:21:15.400
 Das heißt, zum Beispiel die Navigation war in einem eigenen Frame, die wurde quasi nie neu geladen, aber die Navigation hat Links in einem anderen Frame aufgerufen und nur der, wo du da neu geladen hast.

01:21:15.400 --> 01:21:19.760
 Ja, dann hatte ich vielleicht sogar noch einen Header und einen Footer noch, der immer gleich geblieben ist.

01:21:19.760 --> 01:21:21.940
 Und dann konnte ich halt wirklich nur den Content austauschen.

01:21:21.940 --> 01:21:24.860
 Das war schon eine clevere Idee für damals.

01:21:25.420 --> 01:21:27.420
 Eigentlich smart und clever, genau.

01:21:27.420 --> 01:21:34.520
 Und eigentlich aus heutiger Sicht, es wird, interessanterweise übernehmen ja so Backend-Frameworks genau diese Aufgabe mittlerweile.

01:21:34.520 --> 01:21:38.240
 Nur, dass man halt sagt, ja, scheiß drauf, wir haben eine Bandbreite, ist eh da, kostet nix.

01:21:38.240 --> 01:21:43.260
 Wir spielen einfach denselben Content auf den ganzen Seiten immer wieder aus.

01:21:43.260 --> 01:21:47.580
 Also die Idee dahinter ist eigentlich gar nicht so schlecht.

01:21:47.580 --> 01:21:54.440
 Gut, und bei Single-Page-Apps, da tauschst du halt dann wirklich nur den Main-Content aus, wenn du irgendwo draufklickst, ne?

01:21:55.420 --> 01:21:58.460
 Aber letzten Endes war die Idee gar nicht so schlecht.

01:21:58.460 --> 01:22:02.240
 Es war halt überhaupt nicht accessible und es war furchtbar zu programmieren.

01:22:02.240 --> 01:22:08.160
 Aber genau aus dieser Zeit stammt diese ganze Target-Geschichte, weil man den nämlich natürlich irgendwie angeben musste bei meinem Link,

01:22:08.160 --> 01:22:11.680
 wenn ich jetzt ein Frameset habe, in welchem Frame soll sich das denn eigentlich jetzt öffnen?

01:22:11.680 --> 01:22:14.480
 Da stammt das so ein bisschen her.

01:22:14.480 --> 01:22:17.460
 Genau, Geschichtsstunde Ende.

01:22:17.460 --> 01:22:21.960
 Dann haben wir als nächstes das Type-Attribut.

01:22:22.280 --> 01:22:25.120
 Und da steht auch dabei No-Build-In-Functionality.

01:22:25.120 --> 01:22:26.340
 Also das macht eigentlich nix.

01:22:26.340 --> 01:22:29.800
 Man kann dann Mime-Type angeben.

01:22:29.800 --> 01:22:36.700
 Beziehungsweise habe ich jetzt gelernt, heutzutage sagt man da Media-Type dazu, manchmal auch Content-Type.

01:22:36.700 --> 01:22:38.000
 Also das ist alles das Gleiche.

01:22:38.000 --> 01:22:41.880
 Aber es heißt jetzt wohl offiziell Media-Type und nicht mehr Mime-Type.

01:22:42.600 --> 01:22:48.320
 Und ich weiß nicht, ob das bei Downloads vielleicht je nach Endgerät nochmal irgendwie einen Unterschied macht.

01:22:48.320 --> 01:22:50.160
 Ja, keine Ahnung.

01:22:50.160 --> 01:22:51.660
 Ist auch wieder halt so ein Meta-Ding.

01:22:51.660 --> 01:22:53.300
 Ich kann da halt mitgeben, was es ist.

01:22:53.300 --> 01:22:57.740
 Und vielleicht klingt sich irgendwo ein Skript ein, das dann wieder anhand dessen entscheidet,

01:22:57.880 --> 01:23:01.220
 oder irgendeine Extension, was damit gemacht werden soll.

01:23:03.440 --> 01:23:07.820
 Oh je, jetzt kommt der große Blog, der mit Movies übertitelt ist.

01:23:07.820 --> 01:23:10.420
 Weil ich, ich muss nochmal Mime-Mime-Mime.

01:23:10.420 --> 01:23:14.260
 Ich befürchte, nein, das wird wahrscheinlich nicht so extrem lang dauern.

01:23:14.260 --> 01:23:19.900
 Aber jetzt kommt echt tatsächlich ein großer Blog in unseren Shownotes, wo eigentlich, das habe ich alles vorhin noch hingeschrieben.

01:23:19.900 --> 01:23:24.760
 Und deswegen hat sich der Aufnahmestart, das kriegt ihr auch nicht mit von dem Podcast, noch um eine halbe Stunde verzögert.

01:23:25.800 --> 01:23:32.960
 Ja, du hast halt dein Steckenpferd ausgepackt und so den, das ist was für dich, da hätte ich gar nicht dran gedacht, so Accessibility-Thematik.

01:23:32.960 --> 01:23:35.860
 Und da hast du dich halt natürlich drauf gestürzt.

01:23:35.860 --> 01:23:38.860
 Steht aber auch im MDN-Artikel tatsächlich drin, großer Bereich.

01:23:38.860 --> 01:23:40.840
 Also denkt man, man ist jetzt schon fertig mit Links.

01:23:40.840 --> 01:23:43.460
 Ah, siehst du, dann habe ich das wahrscheinlich einfach übersehen.

01:23:43.460 --> 01:23:50.940
 Also jetzt kommt tatsächlich Barrierefreiheit generell, aber auch noch ein bisschen CSS.

01:23:50.940 --> 01:23:54.600
 Wie sollte man sowas stylen und was sollte man nicht tun und was sollte man tun?

01:23:55.160 --> 01:23:58.200
 Und was sind denn so ein paar Best Practices noch, was Links angeht?

01:23:58.200 --> 01:24:03.600
 Was jetzt, das Ganze ist jetzt nicht so hardcore technisch, aber wir steigen jetzt einfach mal ein.

01:24:03.600 --> 01:24:10.120
 Also was gibt es denn zum Beispiel noch so für spezielle Links, die die Barrierefreiheit verbessern?

01:24:10.120 --> 01:24:11.960
 Das sind nämlich zum Beispiel Skip-Links.

01:24:11.960 --> 01:24:13.020
 Vielleicht habt ihr das schon mal gehört.

01:24:13.020 --> 01:24:20.880
 Skip-Links sind eigentlich nur Anker-Links, die aber noch üblicherweise auf jeder Seite platziert werden

01:24:20.880 --> 01:24:25.240
 und einem ermöglichen, dass man zu einem anderen Teil der Seite direkt springen kann.

01:24:25.240 --> 01:24:29.360
 Skip-Links sollten möglichst das erste Element auf der Seite sein, ganz, ganz oben.

01:24:29.360 --> 01:24:35.940
 Dass man quasi, wenn man jetzt mit der Tastatur navigiert, dass man direkt zu dem Skip-Link kommt

01:24:35.940 --> 01:24:40.520
 und dann, der dann zum Beispiel sowas sagt, ja, Skip-to-Navigation, Skip-to-Content oder sowas,

01:24:40.520 --> 01:24:42.540
 je nachdem, wie viele Bereiche ich da habe.

01:24:42.540 --> 01:24:46.580
 Ich habe jetzt gerade vorher nochmal einen Artikel gelesen, der gesagt hat, meistens reicht ein Skip-Link aus,

01:24:46.580 --> 01:24:50.300
 nämlich Skip-to-Content, weil die Navigation ist ja meistens sowieso direkt oben.

01:24:50.400 --> 01:24:54.680
 Das heißt, die folgt im besten Falle, wenn die Seite gut strukturiert ist, direkt danach.

01:24:54.680 --> 01:24:59.140
 Man könnte zum Beispiel auch sowas, wenn man jetzt eine Suche hat, Skip-to-Search oder sowas,

01:24:59.140 --> 01:25:02.400
 wäre vielleicht noch sinnvoll, wenn man eine Suchfunktion hat, die gefunden werden soll.

01:25:03.860 --> 01:25:09.020
 Ich habe vor vielen, vielen, vielen Jahren mal animierte Skip-Links gebaut,

01:25:09.020 --> 01:25:14.080
 weil die üblicherweise sind Skip-Links so gebaut, dass sie für die normalen,

01:25:14.080 --> 01:25:23.080
 normal ist vielleicht ein blödes Wort, für sehende und nicht tastaturnutzende SeitenbesucherInnen unsichtbar sind,

01:25:23.080 --> 01:25:24.960
 weil die brauchen die normalerweise nicht.

01:25:26.880 --> 01:25:33.160
 Und die sind dann auf eine Art versteckt, sodass sie quasi erst sichtbar werden, wenn sie fokussiert werden.

01:25:33.160 --> 01:25:35.880
 Und ich habe da vor vielen, vielen Jahren mal eine Demo gebaut,

01:25:35.880 --> 01:25:39.120
 die die so ein bisschen dann von oben rein animieren.

01:25:39.120 --> 01:25:40.640
 Die fahren dann so von oben in die Seite rein.

01:25:40.640 --> 01:25:41.940
 Das kann man auch auf andere Art machen.

01:25:41.940 --> 01:25:45.200
 Es wird auf jeden Fall in den Shownotes verlinkt.

01:25:45.200 --> 01:25:47.900
 Es ist ein uraltes Skip-Link-Demo.

01:25:47.900 --> 01:25:52.440
 Ich weiß gar nicht genau, ich glaube, das habe ich sogar noch damals bei JS, wie hieß die Seite?

01:25:52.440 --> 01:25:53.360
 JS Fiddle?

01:25:53.360 --> 01:25:54.860
 JS Fiddle gebaut.

01:25:55.820 --> 01:25:57.060
 Das gibt es, glaube ich, auch immer noch.

01:25:57.060 --> 01:25:59.880
 Und da gab es CodePen noch nicht und sogar noch zu CodePen umgezogen,

01:25:59.880 --> 01:26:02.500
 weil ich gedacht habe, das ist so eine Demo, die würde ich gerne behalten.

01:26:02.500 --> 01:26:06.220
 Er hat den Test der Zeit, glaube ich, bestanden.

01:26:06.220 --> 01:26:09.600
 Ich habe vor kurzem noch mal eine kleine Mini-Änderung daran gemacht.

01:26:09.600 --> 01:26:14.360
 Aber das ist was, was ich, glaube ich, heute immer noch auf einer Seite so einsetzen würde.

01:26:14.360 --> 01:26:17.540
 Ich komme jetzt über das CSS, da kann man streiten, ob das jetzt super elegant ist,

01:26:17.540 --> 01:26:18.200
 aber es funktioniert.

01:26:18.200 --> 01:26:20.700
 Man kann es quasi so einfach in eine Seite reinknallen, hat man Skip-Links.

01:26:20.700 --> 01:26:24.260
 Wie gesagt, funktioniert genau mit dem Anker-Link-Prinzip.

01:26:24.760 --> 01:26:33.000
 In den Shownotes kommt auch noch ein Link zu einem Artikel von WebAIM zu Skip-Links,

01:26:33.000 --> 01:26:37.240
 wo ich auch vorhin das noch mal gelesen habe, von wegen, ja, meistens braucht man nur einen und so.

01:26:39.140 --> 01:26:43.500
 Was Barrierefreiheit angeht, da sind auch Link-Texte sehr, sehr wichtig.

01:26:43.500 --> 01:26:47.060
 Also ich meine, wir haben bisher jetzt nur über so die technischen Eigenschaften von Links gesprochen,

01:26:47.060 --> 01:26:51.100
 aber der Text, der verlinkt wird, ist eigentlich auch total wichtig.

01:26:52.260 --> 01:26:55.860
 Also es gibt zum Beispiel, vielleicht kann man es daran ganz gut erklären,

01:26:55.860 --> 01:27:00.820
 auf dem Mac mit VoiceOver, dem Screenreader, dem Eingebauten,

01:27:00.820 --> 01:27:03.760
 gibt es das sogenannte Rotor-Menü.

01:27:04.640 --> 01:27:09.560
 Und das mache ich auf mit einem Shortcut und darin befinden sich verschiedene Tools,

01:27:09.560 --> 01:27:12.780
 wo ich mir bestimmte Bereiche der Seite auflisten kann,

01:27:12.780 --> 01:27:17.480
 von der Webseite, auf der ich bin, ohne dass ich den Rest davon dazwischen habe.

01:27:17.480 --> 01:27:21.020
 Ich kann zum Beispiel, ich habe zum Beispiel einen Bereich, wo alle Überschriften aufgelistet werden.

01:27:21.020 --> 01:27:23.120
 Ich kann sagen, hey, gib mir mal bitte alle Überschriften und dann kann ich sagen,

01:27:23.180 --> 01:27:43.420
 Überschrift, damit kann ich sehr, sehr schnell navigieren und dann kann ich sagen, ja, geh bitte da hin und dann geht er auf der Seite dahin. Das gibt es auch für Links. Und jetzt stellt euch mal vor, ich habe jetzt 27 Links auf der Seite, weil ich da lauter, ich bin jetzt auf der Startseite von einem Portal oder so, ich habe 27 Links auf der Seite, die alle den Linktext haben, mehr lesen.

01:27:44.020 --> 01:28:01.100
 So, und dann gehe ich in dieses Rotor-Menü und sage, ja, gib mir mal bitte Links der Seite. Und dann höre ich, mehr lesen, mehr lesen, mehr lesen, mehr lesen, mehr lesen, mehr lesen. Und das würde auch passieren, wenn ich auf die Seite gehe und mit der Tabulator-Taste von Link zu Link oder von interaktivem Element zu interaktivem Element springe. Ist einfach Quatsch.

01:28:01.500 --> 01:28:15.580
 Also das ist visuell, wenn ich den visuellen Kontext verstehe, ist das eventuell okay mit dem mehr lesen. Sobald ich aber nur was vorgelesen bekomme und nur den Linktext, in dem Linktext nur das drinsteht, ist das absolut nicht zu gebrauchen.

01:28:15.580 --> 01:28:27.060
 Weil ich nämlich immer den Kontext dazu brauche. Also ich meine, das Rotor-Menü war jetzt nur ein Beispiel, aber üblicherweise ist es so, wenn ich irgendwas suche, wo ich hin möchte auf der Seite, also wirklich weiter navigieren möchte,

01:28:27.060 --> 01:28:35.260
 Ich nutze die Tabulator-Taste auf der Tastatur und springe zum nächsten interaktiven Element. Dann höre ich, ah, mehr lesen. Und dann gehe ich nochmal weiter, mehr lesen.

01:28:35.260 --> 01:28:44.860
 Und das ist natürlich kompletter Unsinn. Das bringt mir gar nichts an der Stelle. Das heißt, gebt euren Linktexten, macht sinnvolle Linktexte.

01:28:44.860 --> 01:28:55.460
 Und wenn ihr so ein mehr lesen habt und ihr jetzt visuell das Problem habt, da muss irgendwie jetzt, ich möchte das visuell nicht anders haben oder da passt jetzt kein größerer Link hin,

01:28:55.460 --> 01:29:01.940
 Aber ich möchte vielleicht trotzdem den Leuten, die darauf angewiesen sind, da was anbieten, dann macht wenigstens noch ein ARIA-Label dazu.

01:29:01.940 --> 01:29:13.740
 Oder am besten finde ich eigentlich immer besser, funktioniert zuverlässiger irgendwie ein Span-Element in den Link noch rein, der das versteckt wird visuell, aber der Screenreader lesen kann.

01:29:13.840 --> 01:29:24.900
 Also nicht Display-None nehmen dafür und dann halt sagen, vielleicht wenn es jetzt eine Liste mit Artikeln ist oder so, was jetzt typischerweise oft so ist, dann einfach den Titel von dem Artikel noch mit da reinschreiben.

01:29:24.900 --> 01:29:31.440
 Mehr lesen, Doppelpunkt, Doppelpunkt und dann der Link, der Titel von dem Artikel und dann verstehe ich das schon.

01:29:31.440 --> 01:29:40.940
 Oder was noch ein anderes Beispiel wäre, was ich auf jeden Fall auch schon mal gesehen habe, war, stell dir vor, ihr seid eine Mail-Client, wo es eigentlich immer eine Liste mit den Links gibt.

01:29:40.940 --> 01:29:43.760
 Wenn da jetzt immer steht, Mail öffnen.

01:29:43.760 --> 01:29:44.800
 Die Mails, weißt du?

01:29:44.800 --> 01:29:45.900
 25 Mails.

01:29:45.900 --> 01:29:47.000
 Die Linkliste zu den Mails.

01:29:47.000 --> 01:29:49.460
 Äh, zu den Mails, genau, Linkliste zu den Mails.

01:29:49.460 --> 01:29:54.500
 Wenn da jetzt bei jedem Link steht, Mail öffnen, das bringt mir einfach überhaupt nichts.

01:29:54.500 --> 01:30:00.420
 Ich kann mir aus dem Kontext, wenn ich jetzt drauf schaue, erschließen, ah, okay, bei dieser Mail ist das der Betreff und so.

01:30:00.700 --> 01:30:06.820
 Das ist aber, wenn ich jetzt nur was höre, sehr schwer zu erschließen, was ist denn jetzt der Kontext von diesem Link?

01:30:06.820 --> 01:30:08.200
 Welcher ist es denn jetzt?

01:30:08.200 --> 01:30:12.160
 Ist es das, was vorne dran vorgelesen wurde oder das, was hinten dran vorgelesen wurde?

01:30:12.160 --> 01:30:14.480
 So, das ist nicht unbedingt immer klar, ne?

01:30:14.480 --> 01:30:22.720
 Deswegen auch an der Stelle vielleicht einfach, wenn wir jetzt bei dem Beispiel bleiben, den Betreff in unsichtbarem Text mit dazu packen.

01:30:22.720 --> 01:30:25.480
 Dann ist das ganz klar, dann gibt es da überhaupt keine, keinen Zweifel.

01:30:25.480 --> 01:30:28.740
 Ah, Mail lesen, ähm, Betreff, bla, bla, bla, bla.

01:30:28.900 --> 01:30:30.940
 Und dann ist klar, um welche Mail geht es da eigentlich.

01:30:30.940 --> 01:30:39.540
 Genau, und generell so mehr lesen Links, ich finde die, oder, oder auch ganz beliebt, hier Links.

01:30:39.540 --> 01:30:42.860
 Mehr Informationen findet ihr, verlinkt hier.

01:30:42.860 --> 01:30:49.940
 Ähm, dann wenigstens, formuliert den Satz um und macht wenigstens, verlinkt wenigstens mehr Informationen.

01:30:50.320 --> 01:30:54.580
 Ich kenne mich schuldig, dass ich sowas bestimmt auch schon so gebaut habe.

01:30:54.740 --> 01:31:08.700
 Auch, ich auch, es ist, wenn man so, wenn man so, wenn man so, wenn man sowas schreibt, dann ist das im Kopf so drin, dass man das macht und dann, es ist manchmal auch gar nicht so einfach, habe ich gemerkt, den Satz dann so umzuformulieren, dass er dann trotzdem immer noch elegant klingt.

01:31:08.960 --> 01:31:21.180
 Und dass du vor allem halt auch nicht so einen riesigen Text da hast. Also du willst ja meistens was Kurz und Knackiges und willst vielleicht nicht jetzt hier die Infobroschüre downloaden, komplett verlinken und dann ist die blau und unterstrichen.

01:31:22.140 --> 01:31:22.960
 Also, genau.

01:31:22.960 --> 01:31:23.400
 Ja.

01:31:23.400 --> 01:31:30.320
 Ich finde aber, dass es auch ein Usability-Feature ist, wenn nicht das Wort hier verlinkt ist, es ist nicht nur Barrierefreiheit.

01:31:30.320 --> 01:31:39.480
 Ich finde, wenn tatsächlich genau verlinkt ist, muss ja kein ewig langer Text sein, ähm, was ich wirklich auffinde.

01:31:39.480 --> 01:31:45.420
 Also, ich glaube, das ist vielleicht so generell die Regel, ähm, auch Usability, nicht nur Barrierefreiheit.

01:31:45.420 --> 01:31:52.520
 Wenn du einen Link-Text machst, versuche immer in dem Link-Text zu beschreiben, wo komme ich denn da jetzt hin.

01:31:52.520 --> 01:31:58.380
 Und hier ist nichts, wo ich weiß, wo ich hinkomme, sondern verlinke das, wo du hinkommst.

01:31:58.380 --> 01:32:13.260
 Und da muss man so ein bisschen, das muss man ein bisschen trainieren, dass man es ins Hirn reinkriegt, dass man, dass man das so ein bisschen automatisiert, dass man immer da dran denkt, ähm, nicht so einen Quatsch, einen Quatsch-Text zu verlinken, sag ich mal, sondern wirklich im Link-Text das Link-Ziel zu beschreiben.

01:32:13.260 --> 01:32:20.120
 Dann hast du auch, wenn, wenn man das mal im Kopf hat, dann hat man auch nie das Problem, dass das nicht mehr, dass das barrierefreiheitsmäßig ein Problem wäre.

01:32:20.120 --> 01:32:30.260
 Und ich finde, mir hilft das, mir hilft das als normaler Nutzer auch, ähm, normal ist ein schlimmes, falsches Wort, das müssen wir rausschneiden, nein, schneiden wir nicht raus, habe ich mich jetzt versprochen.

01:32:30.260 --> 01:32:38.000
 Nein, als, äh, als jemand, der jetzt keine, keine, ähm, keinen Screenreader benutzen muss, ähm, hilft es auch, wenn ich weiß, was da jetzt genau verlinkt ist.

01:32:38.000 --> 01:32:43.920
 Und hier, ja, okay, ich klicke mal drauf, hier, so, mehr lesen.

01:32:43.920 --> 01:32:47.960
 Okay, gut, dann kommen wir noch ein bisschen zu Styling.

01:32:48.820 --> 01:33:01.180
 Ähm, man sollte links auf keinen Fall, äh, die Focus oder Focus-Visible-Styles wegnehmen, das ist irgendwie so ein beliebter Sport, dass man irgendwie, früher im Firefox, äh, hatten die dann so einen gepunkteten Rahmen, das fand ein Designer blöd.

01:33:01.180 --> 01:33:18.520
 Äh, und dann wurde der weggenommen, äh, mittlerweile ist es ja so, dass man das machen kann, wenn man Focus-Visible trotzdem definiert, dann ist das okay, weil dann das mit der Tastatur, mittlerweile gibt es da eine Lösung für, die, wo der Browser dann tatsächlich versucht zu erkennen, ähm, ist das jetzt, äh, ein Klick,

01:33:18.520 --> 01:33:29.940
 Klick auf den Link, ist der jetzt nur irgendwie durch den Klick fokussiert? Oder bin ich mit der Tastatur dahin gekommen? Ähm, das heißt, es gibt da mittlerweile gute Alternativen. Ähm, macht es einfach nicht. Focus, Focus-Styles sollten da bleiben.

01:33:29.940 --> 01:33:44.020
 Ähm, ähm, und wenn ihr mich glücklich machen wollt und ein bisschen kleinen Bonus noch kriegen wollt, dann stylt auch Visited und Active, äh, Zustände von den Links. Ähm, das finde ich, finde ich immer nett, wenn eine Seite das macht, wenn ich sehe, ah, da war ich schon mal, so.

01:33:44.140 --> 01:33:54.560
 Also gerade bei, bei so Artikeln, äh, Dokument, äh, ja, oder Dokumentation, jetzt MDN oder so, ne, da ist schon ganz gut zu sehen, hab ich, wo, bis wohin hab ich mich denn da schon mal durchgeklickt? In so einer Riesen-Link-Liste.

01:33:55.060 --> 01:34:08.440
 Genau, das wäre dann Visited. Und Active ist der Zustand, wenn ich, während ich gerade draufklicke, da hab ich früher, ähm, eigentlich immer so als, als Standard genommen, dass das ganze Ding sich dann so ein Pixel nach unten bewegt.

01:34:08.520 --> 01:34:22.180
 Dass ich quasi wirklich so merke, ah, ich bin jetzt, jetzt klick da jetzt gerade runter, ich klicke jetzt gerade drauf, so. Ähm, das hat natürlich dann unter Umständen noch das Problem, das muss man, da muss man dann aufpassen. Ähm, man darf den dann nicht einfach eins nach unten schieben mit Margin oder so.

01:34:22.180 --> 01:34:35.840
 Ähm, weil dann nämlich quasi, weil, weil, weil dann Dinge, ne, in dem Fall dann, weil unter Umständen ich dann mit der Maus am Ende über einen Punkt bin, der gar nicht mehr verlinkt ist, wenn ich das Ganze so mache, wenn er sich nach unten schiebt beim Klick.

01:34:36.700 --> 01:34:47.300
 Ähm, da muss man aufpassen, dass die Klickfläche, äh, bleibt. Ähm, und ich meine, wenn ihr, wenn, wenn es gut usable sein soll und man Links verstehen soll, was sie sind, dann am besten auch unterstreichen.

01:34:47.300 --> 01:34:53.220
 Also, das würde ich, das ist einfach die Best Practice im Web, wenn du, wenn du Links erkennen willst, lass sie einfach unterstrichen.

01:34:53.220 --> 01:35:04.520
 Ich weiß, viele machen das so, dass sie erst beim Mouse-Over, äh, unterstreichen. Da würde ich dann sagen, ähm, wie oft nutzt ihr euer Phone, um irgendwelche, oder Touch-Geräte, um irgendwelche Webseiten zu benutzen?

01:35:04.880 --> 01:35:07.460
 Ähm, da hast du nämlich dann einfach keine Unterstreichung mehr.

01:35:07.460 --> 01:35:14.940
 Das heißt, der Link muss eindeutig, ähm, erkennbar sein, dass es, dass es nicht der normale Text ist.

01:35:15.360 --> 01:35:24.820
 Und, ähm, da gibt es auch Barrierefreiheitsrichtlinien dazu, die erspare ich euch jetzt. Ich schicke euch auf ein Tool, äh, den WebAim-Link-Contrast-Checker.

01:35:25.260 --> 01:35:40.000
 Und, äh, wenn man da mal mit den Farben ein bisschen rumspielt, dann merkt man es gar nicht so einfach, weil nämlich, wenn man es genau nimmt, ähm, der normale Text muss ja zur Text, zur Seite, zum Seitenhintergrund oder zu dem Hintergrund, auf dem sich der Text gerade befindet, ähm, ähm, einen gewissen Kontrastwert haben.

01:35:40.000 --> 01:35:49.620
 Aber die Link-Farbe muss auch einen gewissen Minimalkontrast haben zu dem normalen Text und aber auch zum Hintergrund.

01:35:50.060 --> 01:36:03.940
 Und das kann dann unter Umständen schon ganz interessant werden, wenn man dann auch noch Fokuszustand mit reinzieht, ähm, wenn, falls der auch nur eine Farbe wäre, was eine schlechte Idee ist, man sollte bei Fokus immer eine Outline oder sowas, äh, verwenden, ja.

01:36:03.940 --> 01:36:13.200
 Angenommen, man würde jetzt den Fokuszustand auch nur per Farbe machen, macht es nicht, dann müsste das auch nochmal einen gewissen Kontrastwert haben und da gehen einem dann irgendwann die Farben aus.

01:36:13.640 --> 01:36:30.780
 Das wird dann irgendwann ein bisschen schwierig, das ist bei drei Farben schon schwierig, wenn man sich diesen Checker anguckt, bis vielleicht gerade drauf, ähm, die haben jetzt da halt diese Hardcore-Standard-Web-Farben genommen, Hintergrund weiß, Body-Text-Color schwarz und Link-Color einfach krasses Blau, das geht dann noch, ja.

01:36:30.780 --> 01:36:33.180
 Aber sobald man da mal ein bisschen rumspielt, merkt man so, oh.

01:36:33.180 --> 01:36:35.640
 Das ist echt, der Bereich ist sehr klein, in dem man da rumspielen kann.

01:36:35.640 --> 01:36:42.700
 Ich hab's auch grad mal umgedreht, schwarzer Hintergrund und weiß und dann muss die Link-Farbe, boah, das ist echt, dann schiebst du irgendwie so ein paar Pixel rüber und dann ist schon wieder Fail.

01:36:43.220 --> 01:36:53.640
 Deswegen, ähm, Links unterstrichen lassen, weil dann hab ich quasi ein eindeutiges Merkmal, womit ich den Link erkennen kann und dann muss ich mir nicht so viel Gedanken darum machen.

01:36:53.640 --> 01:36:54.120
 Ja.

01:36:54.120 --> 01:36:55.200
 Äh, um die Farbe.

01:36:55.200 --> 01:36:58.140
 Ähm, genau, das ist gar nicht, ist gar nicht so einfach.

01:36:58.140 --> 01:36:58.840
 Ja.

01:36:58.840 --> 01:37:08.160
 Ähm, genau, zu Kontrasten vielleicht noch, äh, weil ich vorhin, weil ich vorhin schon mal angesprochen hab, hier nochmal Contrast-Ratio.org, äh, sei hier erwähnt.

01:37:08.160 --> 01:37:11.320
 Ähm, genau, da könnt ihr Kontraste checken.

01:37:11.440 --> 01:37:14.500
 Das hat jetzt den dritten, quasi diesen dritten Parameter nicht mit drin.

01:37:14.500 --> 01:37:19.100
 Wenn ich jetzt irgendwie einen Link noch hab zum Text, das müsst ihr dann extra checken oder nicht.

01:37:19.100 --> 01:37:23.560
 Nutzt dafür dann, wenn ihr das braucht, einfach den WebAIM, Link-Contrast-Checker, der ist, äh, ziemlich cool.

01:37:23.560 --> 01:37:28.820
 Gibt's auch Color-Picker und dann kannst du irgendwie rumziehen und dann, genau.

01:37:29.560 --> 01:37:36.460
 So, ähm, vielleicht ganz kleines Detail, wir haben, ich hab grad schon von Fokus-Indikatoren, äh, gesprochen, Outline oder sowas.

01:37:36.460 --> 01:37:41.800
 Auch die brauchen einen, äh, 3 zu 1 Kontrastwert, äh, laut den Web-Content-Accessibility-Guidelines.

01:37:41.800 --> 01:37:49.380
 Das heißt, äh, die dürfen auch nicht irgendwie so ganz, äh, in einem ganz, äh, in einer ganz zarten Farbe sein, sondern am besten hat der Fokus-Indikator einfach dieselbe Farbe wie die Textfarbe.

01:37:49.440 --> 01:37:52.720
 Dann habt ihr kein Problem, wenn die Textfarbe schon den richtigen Kontrastwert zum Hintergrund hat.

01:37:52.720 --> 01:37:58.620
 Fokus, äh, Ring einfach in der gleichen Farbe machen, ähm, dann, äh, dann passt das alles schon.

01:37:58.620 --> 01:38:06.540
 Ähm, noch so ein Barrierefreiheits-Ding ist, Links sollten auch einen gewissen Abstand zueinander haben.

01:38:06.540 --> 01:38:14.640
 Ähm, ich glaube, der ist nicht so richtig, ich weiß nicht, ob der richtig definiert ist, aber so, dass man nicht aus Versehen den falschen Link drücken könnte.

01:38:14.640 --> 01:38:24.320
 Das heißt, also, wenn man jetzt, wenn man jetzt drüber nachdenkt, jemand hat zum Beispiel Parkinson, ähm, hat eh schon Probleme jetzt irgendwie ein Touch-Display zu bedienen oder so, ähm, man sollte ein bisschen Abstand haben.

01:38:24.320 --> 01:38:33.340
 Also, wenn so Links direkt aneinandergeklatscht sind, auch mit der Maus, finde ich das unangenehm, weil man dann, ähm, also Link-Flächen generell, äh, sollten gut treffbar sein.

01:38:33.340 --> 01:38:37.300
 Warte mal, hab ich das eigentlich noch? Ah, warte mal, das zieht mal nach oben noch.

01:38:37.300 --> 01:38:38.220
 Genau.

01:38:38.220 --> 01:38:44.540
 Da hat auch Google recht hohe Ansprüche. Also, bei unserer Firmenseite zum Beispiel meckert es immer an, dass auf, äh, Mobile.

01:38:44.640 --> 01:38:49.820
 Links irgendwie zu nah beieinander wären, aber ich hab noch nicht so ganz rausgefunden, welches jetzt genau meint.

01:38:49.820 --> 01:38:51.940
 Okay.

01:38:51.940 --> 01:38:54.840
 Ja, dann, äh, finden wir das vielleicht mal gemeinsam raus.

01:38:54.840 --> 01:39:00.180
 Interessanterweise, es kommt eigentlich mein Ton grad gut bei dir ein, ich muss nochmal was fragen.

01:39:00.180 --> 01:39:07.080
 Okay, dann ist alles in Ordnung, weil gerade irgendwie, äh, die Upload-Rate mal wieder runtergegangen ist, so wie ich das im Stream auch manchmal kenne.

01:39:07.480 --> 01:39:09.380
 Ja, nee, ist alles okay, Bild und, äh, Togen.

01:39:09.380 --> 01:39:11.520
 Irgendwas war, irgendwas war gerade. Egal.

01:39:11.520 --> 01:39:21.920
 Äh, machen wir weiter. Ähm, also, in der WCAG wird auch empfohlen, dass, ähm, Link-Größen, also die, die Touch-Flächen und ausgenommen ist Text.

01:39:21.920 --> 01:39:26.200
 Text darf so sein, wie Text ist, der sollte natürlich generell eine gewisse Größe haben, dass man ihn lesen kann.

01:39:26.300 --> 01:39:32.220
 Also, ich würde sagen, mindestens 16 Pixel, äh, oder ein RAM, würde ich auf jeden Fall empfehlen für Textgröße, jetzt mal abgesehen davon.

01:39:32.220 --> 01:39:42.660
 Ähm, aber Link-Größen, wenn nicht, wenn es kein Text ist, wird empfohlen 44 mal 44 Pixel, äh, äh, ja, CSS-Pixel, äh, mindestens.

01:39:42.660 --> 01:39:47.300
 Ähm, und ich glaube auch, so manches, äh, Hamburger-Icon, äh, verstößt dagegen.

01:39:47.300 --> 01:39:54.420
 Und das ist auch total okay, aus meiner Sicht, äh, wenn das Icon selbst nicht so groß ist, aber die Klickfläche sollte so groß sein.

01:39:54.480 --> 01:40:01.780
 Das heißt, man kann ja auch durchaus mit Padding oder so bei einem Element, ähm, die Klickfläche noch größer machen als das Visual-Element selbst.

01:40:01.780 --> 01:40:13.660
 Und ich, auch das finde ich, ist eigentlich, man kann jetzt sagen, es läuft unter dem Bereich Barrierefreiheit, ähm, eigentlich auch ein, ähm, ein User-Experience-Feature, weil ich es auch gut finde, wenn ich was gut treffen kann.

01:40:13.660 --> 01:40:20.280
 Wenn ich nicht, wenn ich so das Gefühl habe, ich muss es nicht perfekt genau treffen, sondern ich kann auch ein bisschen daneben tippen und es ist immer noch okay.

01:40:20.360 --> 01:40:26.360
 Das ist auch teilweise bei nativen Apps so, ja, du, du musst dann irgendwie das X, du musst es exakt treffen.

01:40:26.360 --> 01:40:34.920
 Ich habe teilweise sogar das Gefühl, selbst wenn du in den Zwischenraum des Buchstabens klickst, manchmal greift es nicht, nein, du musst auf die Linie des X treffen, sonst geht das nicht zu.

01:40:34.920 --> 01:40:43.300
 Oder gerade irgendwie auch bei Werbung, wo das ja absichtlich eingesetzt wird, dass du eigentlich auf das X klicken willst, aber natürlich erwischst du das X nicht, sondern du klickst auf den Werbebanner.

01:40:43.740 --> 01:40:44.200
 Das hasse ich.

01:40:44.200 --> 01:40:45.580
 Wozu gibt es dann das X überhaupt, ne?

01:40:45.580 --> 01:40:46.460
 Das ist die gute Frage.

01:40:46.460 --> 01:40:55.440
 Ähm, okay, dann, äh, kommen wir noch zu, äh, noch zu einem guten Thema, Linkmissbrauch, habe ich es mal genannt.

01:40:55.440 --> 01:40:59.120
 Ähm, nutzt Links für nichts anderes als Links.

01:40:59.120 --> 01:41:04.440
 Und die beschriebenen Protokolle, die wir jetzt heute hatten, die standardmäßig, ähm, da mit drin sind.

01:41:04.520 --> 01:41:12.900
 Was meine ich damit? Ähm, Links sind keine Buttons und Buttons sind keine Links und nur weil man draufklicken kann, es nicht automatisch ein Link ist.

01:41:12.900 --> 01:41:16.500
 Links werden ganz gerne verwendet für irgendwelche JavaScript-Aktionen auszuführen.

01:41:16.500 --> 01:41:25.320
 Irgendwie so On-Click-Händler, das kann sein, dass da ein On-Click direkt drin steht in einem A-Element oder auch, dass es irgendwie per JavaScript draufgelegt wurde als Event-Listener.

01:41:25.320 --> 01:41:34.500
 Das ist einfach keine gute Idee. Ähm, macht JavaScript-Sachen, nehmt dafür einen Button oder nehmt dafür, ja, im besten Fall, eigentlich nehmt für JavaScript,

01:41:34.500 --> 01:41:38.560
 Sachen, die auf der Seite passieren sollen, nehmt dafür einfach ein Button-Element. Das ist dafür gemacht.

01:41:38.560 --> 01:41:48.600
 Der Link ist dafür, für die beschriebenen Protokolle, das nehme ich, das sage ich extra, weil, ähm, da ich nicht unbedingt, wenn ich jetzt ein Mail-To-Protokoll habe, nicht unbedingt auf eine andere Seite komme.

01:41:48.600 --> 01:41:56.560
 Also, kommt auf eine andere Seite oder es wird eins der Protokolle ausgeführt und ich lande dann entweder auf einer anderen Seite oder in einem Mail-Programm oder es wird irgendwo angerufen oder so.

01:41:56.560 --> 01:42:04.480
 Aber macht kein JavaScript-Kram damit, irgendwie sowas, äh, was, was, ich habe hier genau in der Demo, die ich gebaut habe, ähm,

01:42:04.480 --> 01:42:12.400
 habe ich auch noch ein paar Beispiele, äh, die habe ich mal, äh, genannt, Mist, den man nicht machen sollte, ähm, und dann habe ich hier sinnloser JavaScript-Link und Quatsch.

01:42:12.400 --> 01:42:21.320
 Äh, ähm, und das eine Beispiel ist halt, äh, ein JavaScript-Link, der hat im href-Attribut tatsächlich, das gibt es ja manchmal, ein JavaScript-Doppelpunkt-Void.

01:42:21.540 --> 01:42:32.940
 Äh, äh, nicht, nicht machen, nicht machen, ähm, und noch viel schlimmer ist es ein Link, der gar kein href-Attribut hat und Non-Click-Händler einfach nur draufliegen hat.

01:42:33.260 --> 01:42:41.700
 Der wird dann ja nicht mal, die Browser, ähm, helfen einem da eigentlich, dass man sowas nicht macht, indem sie zum Beispiel keinen Handcursor dann, ähm, äh, da zeigen.

01:42:42.420 --> 01:42:50.020
 Ähm, und auch in dem Fall jetzt, obwohl die Links bei mir standardmäßig unterstrichen sind, nicht unterstreichen, um so zu, von wegen, klickt da, klickt da einfach nicht drauf.

01:42:50.020 --> 01:42:57.600
 Ähm, Leute machen, aber die sagen, oh, was, ah, Quatsch, super, ähm, dann muss ich das halt per CSS wieder drauflegen und die Unterstreichung.

01:42:57.880 --> 01:43:00.240
 Nee, macht das einfach nicht, nutzt dafür einfach kein Link-Element.

01:43:00.240 --> 01:43:02.000
 Äh, alles schon gesehen.

01:43:02.000 --> 01:43:14.480
 Alles schon, viel zu oft gesehen, es geht auch irgendwie nicht weg, ich hab sogar das Gefühl, dass diese ganze, ich mach JavaScript-Links, warum, aber warum dann überhaupt, warum nehm ich dann nicht einfach konsequenterweise ein Span-Element oder so?

01:43:14.480 --> 01:43:16.420
 Machen die Leute auch noch viel schlimmer fast.

01:43:16.420 --> 01:43:17.380
 Wegen der Semantik.

01:43:17.380 --> 01:43:23.080
 Und man kann's nicht, man kann's nicht fokussieren mit der Tastatur wahrscheinlich und das muss ich, oh Gott, ah, nein.

01:43:23.080 --> 01:43:24.780
 Ja, muss halt Tab-Index dann setzen.

01:43:24.780 --> 01:43:33.160
 Hört euch, hört euch die Folge Semantik HTML an, äh, die ist schon ein bisschen älter, äh, wenn ihr darüber noch ein bisschen mich schlecht gelaunt abrenten hören wollt.

01:43:33.160 --> 01:43:36.220
 Da hab ich auch, glaub ich, viel Redeanteil gehabt in der Folge.

01:43:36.220 --> 01:43:42.440
 Ähm, dann vielleicht noch, äh, zum Abschluss der Bereich, ich hab ihn mal guter Ton, ähm, genannt.

01:43:42.440 --> 01:43:48.820
 Ähm, Links, die nicht zu HTML-Seiten oder zu, zu anderen Pages, äh, zeigen.

01:43:49.680 --> 01:43:58.060
 Wenn ihr wollt, dass ich da glücklich bin und viele andere auch, ähm, dann schreibt das dazu, dass es ein PDF ist oder eine Echse oder sowas.

01:43:58.060 --> 01:44:02.520
 Schreibt einfach in Klammern Pfeiltyp oder sowas oder PowerPoint oder so.

01:44:02.520 --> 01:44:05.260
 Ähm, macht das, kennt, kennzeichnet das.

01:44:05.600 --> 01:44:12.220
 Und, äh, wenn das was Größeres ist, dann am besten auch noch dazu schreiben, ähm, wie groß das Ding ist, was ich mir nämlich dann gleich runterlade.

01:44:12.220 --> 01:44:20.460
 Weil das wird nämlich dann ziemlich sicher passieren, wenn der Browser damit nichts machen kann, wenn es jetzt eine PowerPoint ist oder ein Excel oder eine Excel-Datei, dann wird man, äh, wird das runterladen.

01:44:20.460 --> 01:44:28.860
 Und wenn ich da jetzt gerade, ähm, 500 MB-Exe runterlade, während ich gerade im Zug bin und damit mein Datenvolumen kille, dann ist das vielleicht cool, wenn ich es vorher weiß.

01:44:29.100 --> 01:44:31.260
 Weil, das weiß ich nämlich unter Umständen nicht.

01:44:31.260 --> 01:44:54.440
 Ähm, und eine Sache, die spreche ich explizit jetzt nicht an, jetzt habe ich es schon angesprochen, aber die spreche ich jetzt nicht an, äh, in dem MDN-Artikel gibt es auch noch einen ganzen Blog, ähm, ARIA-Rolls, ähm, bei Links, was eigentlich kompletter Quatsch ist, ähm, also, da steht dann, ja, wenn das das href-Attribut hat, dann darf man folgen, der ARIA-Rolls darf der Link da nicht, vergesst einfach ARIA-Rolls bei Links.

01:44:55.080 --> 01:45:05.000
 Nutzt Links einfach als Links, dann braucht ihr keine ARIA-Rolls und vergesst einfach, dass es ARIA gibt bei Links, nutzt Links einfach als das, was wir jetzt gerade beschrieben haben und dann ist alles gut.

01:45:05.000 --> 01:45:15.960
 Und dann, ähm, sparen wir uns einfach das ganze Gedöns damit und, ähm, ja, dann ist alles fein und, äh, wir sind jetzt vielleicht dann auch tatsächlich fertig mit dem Thema, kann das sein?

01:45:15.960 --> 01:45:16.740
 Fertig mit dem Brocken.

01:45:17.240 --> 01:45:32.060
 Ich muss gerade mal, ich muss gerade mal gucken. Wow, oh Gott, wir haben schon, gut, ich weiß, wir haben ein bisschen angefangen aufzunehmen, ein gutes Stück, bevor die eigentliche Aufnahme startet, aber ich kann ja jetzt mal disclosen, ähm, mein, äh, Aufnahme-Recording-Counter ist jetzt gerade bei einer Stunde 50.

01:45:32.060 --> 01:45:37.180
 Bei mir 1,45, weil ich hab nochmal gestoppt und nochmal gekriegt, also, genau.

01:45:37.620 --> 01:45:44.400
 Also sind's vielleicht fünf Minuten weniger, ähm, aber ich, man kann jetzt nicht sagen, dass wir uns jetzt bei dem Thema groß verquatscht hätten.

01:45:44.400 --> 01:45:49.160
 Wir haben bei der Retro-Wissen schon, ja, aber beim Thema sind wir relativ gut durchgezogen jetzt.

01:45:49.160 --> 01:45:54.420
 Und das heißt, es gibt einfach viel zu sagen über Link und wir sind jetzt gar nicht in diese ganze Rail-Geschichte zum Beispiel eingestiegen.

01:45:54.420 --> 01:45:56.120
 Genau, es gäbe noch mehr zu sagen, also.

01:45:56.120 --> 01:46:07.600
 Ich würde jetzt nicht behaupten, dass wir jetzt alles haben. Wir haben uns jetzt, äh, kann man jetzt direkt auch sagen, äh, vorhin schon gesagt, an dem MDN-Artikel zum A-Element entlanggehangelt.

01:46:07.620 --> 01:46:12.340
 Und ich will jetzt nicht ausschließen, dass in irgendeinem Aspekt noch was steht, was wir jetzt nicht mit drin haben.

01:46:12.340 --> 01:46:13.320
 Gut möglich. Also.

01:46:13.320 --> 01:46:15.540
 Der Chef wird wieder in die Kommentare schreiben.

01:46:15.540 --> 01:46:23.140
 Der Chef schreibt jetzt wieder, ah, ihr habt noch, ihr habt noch diese 27 Attribute vergessen und man kann noch übrigens diese Schweinereien damit machen.

01:46:23.140 --> 01:46:31.700
 Äh, bitte gerne, falls ihr noch was habt, ähm, was ihr findet, was noch dazugehören sollte, gerne auch irgendwelche komischen Schweinereien, Standardabweichungen.

01:46:31.700 --> 01:46:40.620
 Ähm, wir haben jetzt übrigens den kompletten Blog, den es noch gäbe, ähm, Deprocated-Sachen in der MDN, den haben wir komplett übersprungen.

01:46:40.620 --> 01:46:41.000
 Stimmt.

01:46:41.000 --> 01:46:49.740
 Da gab's auch noch mal ganz, ganz, ganz viel, was man dazu noch hätte sagen können, aber das ist alles alter Quatsch, den, den man jetzt eigentlich nicht mehr wissen muss.

01:46:49.740 --> 01:46:56.020
 Also, falls ihr an Geschichte interessiert seid, dann könnt ihr da gerne noch mal einsteigen in der MDN und könnt euch da noch mal ein paar Sachen angucken.

01:46:56.020 --> 01:47:05.040
 Das haben wir jetzt weggelassen, weil es wäre, ihr habt ja jetzt schon gemerkt, ähm, das war jetzt schon viel, das wäre noch extremer explodiert, also, genau.

01:47:05.040 --> 01:47:10.060
 Und im Gegensatz zu anderen Podcasts teilen wir das dann nicht auf in zwei Folgen, sondern ihr kriegt das in einer.

01:47:10.060 --> 01:47:12.540
 Stichelt, stichelt.

01:47:12.540 --> 01:47:19.260
 Ja, dann, äh, würde ich sagen, machen wir kurz Werbung und dann kommen wir zum Geilteilen, oder?

01:47:19.580 --> 01:47:20.940
 Ah, noch Werbung, genau, noch Werbung.

01:47:20.940 --> 01:47:26.220
 Hey, hey du, schön, dass du da bist.

01:47:26.220 --> 01:47:28.640
 Na, öfter hier?

01:47:28.640 --> 01:47:36.180
 Dir gefällt, was du hörst und du magst es am liebsten werbefrei und unabhängig?

01:47:36.180 --> 01:47:45.280
 Dann freuen wir uns sehr über ein paar Euro in unserem digitalen Strumpfband unter www.iv.de

01:47:45.280 --> 01:47:56.420
 slash spende auf www.iv.de slash unterstützen findest du noch circa 69 weitere Wege, uns zu supporten.

01:47:56.420 --> 01:47:58.220
 Wir danken dir.

01:48:04.080 --> 01:48:07.540
 Ich musste gerade sehr lachen, ihr habt es vielleicht auch gehört, weil wir schneiden da sowas auch nicht raus.

01:48:07.540 --> 01:48:14.380
 Ähm, der Konstantin hat die ganze Zeit währenddessen Instrumente mitgespielt, hat Air Drums gespielt und Air Klavier.

01:48:14.380 --> 01:48:15.760
 Es war einfach sehr schön.

01:48:15.760 --> 01:48:21.380
 Also genauso, wie man sich das vorstellen würde, wie jemand ein Instrument spielt, wenn so ein Song halt kommt.

01:48:21.580 --> 01:48:24.600
 Genau, so ein Sex-Song, nenne ich das jetzt mal.

01:48:24.600 --> 01:48:26.320
 Ja, oder so Bar, Bar-Piano.

01:48:26.320 --> 01:48:33.280
 Lass mich, lass mich in meinem Gedanken, dass es einfach zu dieser Musik findet Sex statt.

01:48:33.280 --> 01:48:33.660
 Okay.

01:48:33.660 --> 01:48:35.380
 Wenn auch nur im Kopf.

01:48:35.380 --> 01:48:36.880
 Aber er findet statt.

01:48:36.880 --> 01:48:37.780
 Dann wird's jetzt geil.

01:48:37.780 --> 01:48:39.580
 Dann wird's jetzt geil.

01:48:39.580 --> 01:48:41.580
 Das Geiltein.

01:48:41.580 --> 01:48:44.580
 Geiltein.

01:48:46.580 --> 01:48:48.480
 Oh Gott.

01:48:48.480 --> 01:48:56.180
 Ich hab ja schon vor 100 Jahren gesagt, ich müsste das nochmal neu aufnehmen, aber ich glaube, es muss immer so bleiben.

01:48:56.180 --> 01:48:56.780
 Nein, nein, nein, nein, das bleibt so.

01:48:56.780 --> 01:49:02.600
 Nein, weil ich weiß, dieser Effekt, den ich da draufgelegt hab, und dann weiß ich genau, dass es da, ach ja, ist egal.

01:49:02.600 --> 01:49:10.240
 Ich hab das ins iPad eingesprochen damals, mit dem iPad-Mikrofon und hab dann gegeben, was ging um den Ton, egal.

01:49:10.240 --> 01:49:11.880
 Ja, das kann ich geändert, das bleibt.

01:49:11.880 --> 01:49:14.160
 Ja, wir haben zwei Geilteile, ne?

01:49:15.060 --> 01:49:24.080
 Ich fang mal an mit meinem, das hab ich, äh, ich hab letztens, also im letzten Stream hab ich irgendwie erwähnt, dass ich zur Zeit gerade eine Serie schaue, so eine Doku-Serie vom WDR.

01:49:24.080 --> 01:49:30.320
 Und das hat irgendwie erstaunlich viel Anklang gefunden, ich hab das so nebenbei erwähnt, und dann kam irgendwie, oh, gibt's da neue Folgen?

01:49:30.320 --> 01:49:36.260
 Und irgendwie drei, vier ChatterInnen haben dann plötzlich da drauf eingestiegen, obwohl das nur so eine Randnotheel sein sollte.

01:49:36.260 --> 01:49:39.380
 Und dann dachte ich, Mensch, das wäre doch vielleicht auch ein Geilteil wert.

01:49:39.380 --> 01:49:42.740
 Wir stellen ja hier immer wieder Sachen vor, die auch gar nichts mit Technik zu tun haben.

01:49:42.740 --> 01:49:46.640
 Und in dem Fall ist es eben eine Doku-Serie, und zwar Feuer und Flamme.

01:49:46.640 --> 01:49:56.060
 Da werden die Feuerwachen von Bochum, zumindest in den späteren Staffeln, ich glaub Staffel 1 und 2 sind Gelsenkirchen noch, werden da begleitet.

01:49:56.760 --> 01:50:04.780
 Und zwar vom eingehenden Anruf oft bis, ne, dann kommen die da runtergerutscht an ihren Stangen, so wie man das sich vorstellt, passiert das tatsächlich.

01:50:05.500 --> 01:50:15.220
 Und da werden halt die Einsätze gezeigt, also Brände oder auch Türöffnungen, manchmal auch nur technische Hilfeleistungen, wenn Personen irgendwie getragen werden müssen.

01:50:15.960 --> 01:50:23.940
 Und auch nicht nur immer irgendwie was mit Feuer oder so zu tun hat, sondern auch wirklich Notarzt oder RTW, also Rettungswageneinsätze.

01:50:23.940 --> 01:50:28.320
 Weil nämlich, wie ich dadurch gelernt habe, das auch von Bundesland zu Bundesland unterschiedlich ist.

01:50:28.320 --> 01:50:33.000
 Und in Nordrhein-Westfalen ist es so, dass diese Rettungswegen direkt der Feuerwehr unterstellt sind.

01:50:33.120 --> 01:50:43.200
 Das heißt, das läuft da alles dort in die Zentrale, man ruft dann die Feuerwehr und dann schicken die einen Rettungswagen raus, wo die Leute auch in Feuerwehr, da steht überall Feuerwehr drauf.

01:50:43.200 --> 01:50:48.680
 Obwohl das Rettungswagen ist, was man bei uns hier vom DRK und sowas kennt, weiß ich nicht, ob es das da oben dann auch gibt zusätzlich.

01:50:48.680 --> 01:50:52.280
 Und wenn es ganz schlimm ist, kommt dann der Notarzt noch dazu.

01:50:52.280 --> 01:50:59.280
 Und dann geht es halt wirklich von Wohnungsbränden über Unfälle auf der Autobahn und alle möglichen.

01:51:00.200 --> 01:51:08.220
 Aber auch das Leben auf der Wache, wie das so ist, was die da so machen, wenn die dann ja essen oder was die machen, wenn sie gerade nichts zu tun haben, wie die trainieren und so.

01:51:08.220 --> 01:51:08.700
 Bitte?

01:51:08.700 --> 01:51:10.520
 Das Leben auf der Wache.

01:51:10.520 --> 01:51:11.440
 Das Leben auf der Wache.

01:51:11.440 --> 01:51:15.280
 Ja, ja, die sind ja wirklich, die haben ja dann teilweise so 24-Stunden-Schichten, die schlafen ja dann da auch.

01:51:15.280 --> 01:51:18.740
 Genau, wenn du Berufsfeuerwehr bist, genau, dann bist du ja da.

01:51:18.740 --> 01:51:20.100
 Genau, also das Berufsfeuerwehr.

01:51:20.100 --> 01:51:21.300
 Viel Idle-Time wahrscheinlich.

01:51:21.300 --> 01:51:28.620
 Und die schlafen dann und dann mitten in der Nacht geht halt der Alarm los und dann zack, schnell raus aus den Betten und mittags wird gegessen.

01:51:28.620 --> 01:51:33.080
 Und wahrscheinlich kommt genau dann natürlich ein Alarm, wenn die gerade eigentlich am Essen sind.

01:51:33.080 --> 01:51:36.760
 Also es ist echt cool zu sehen, wie die Leute auch da so hingekommen sind.

01:51:36.760 --> 01:51:39.100
 Also für viele ist das ja, glaube ich, auch so ein Kindheitstraum.

01:51:39.100 --> 01:51:41.080
 Ich will mal Feuerwehrmann werden, Feuerwehrfrau werden.

01:51:41.080 --> 01:51:42.260
 War jetzt bei mir nicht.

01:51:42.260 --> 01:51:45.660
 Also ich bin gar nicht so ein Feuerwehr-Nerd irgendwie.

01:51:46.800 --> 01:51:49.460
 Aber trotzdem finde ich die Serie irgendwie echt cool.

01:51:49.460 --> 01:51:57.080
 Einfach auch so, weil, glaube ich, auch die Wertschätzung fehlt, was die eigentlich so auf sich nehmen für uns als Gesellschaft.

01:51:57.080 --> 01:51:58.940
 Ich meine, klar, die kriegen auch ihr Geld, das ist auch ihr Beruf.

01:51:59.360 --> 01:52:02.280
 Aber das ist schon echt ein Knochenjob, was die da machen.

01:52:02.280 --> 01:52:15.460
 Wenn die dann irgendwie mit Sauerstoffflasche auf dem Rücken und schwere Montur und dick eingepackt irgendwo hingehen, wo es noch mehrere hundert Grad hat und dann auch noch irgendwie Treppen steigen in der Montur und so und dann mit den Schläuchen hantieren.

01:52:15.820 --> 01:52:17.780
 Also das ist schon, ja, alle Achtung.

01:52:17.780 --> 01:52:23.680
 Und sie erwähnen auch immer wieder, wie wichtig auch die freiwillige Feuerwehr ist, die halt dann zur Unterstützung kommt.

01:52:23.680 --> 01:52:29.560
 Die spielen halt nicht nur Feuerwehrs, sondern die sind halt wirklich, die sind dann in dem Moment, wenn die da zugerufen werden, sind die Teil des Teams.

01:52:29.560 --> 01:52:38.840
 Und wie wichtig es halt auch ist, dass die dann wieder Ressourcen freigeben können, dass die freiwillige Feuerwehr was übernimmt und dann wieder Einsatzkräfte freigegeben werden.

01:52:38.840 --> 01:52:41.820
 Also macht einfach irgendwie Spaß, das zu schauen.

01:52:41.820 --> 01:52:43.440
 Wir haben das jetzt angefangen von Staffel 1.

01:52:43.560 --> 01:52:46.240
 Es gibt aktuell sieben Staffeln, sind jetzt, glaube ich, bei Staffel 5.

01:52:46.240 --> 01:52:47.480
 Hat da was zu tun.

01:52:47.480 --> 01:52:51.500
 Genau, haben wir jetzt mal so gebinged und, ja, ist einfach irgendwie cool.

01:52:51.500 --> 01:52:55.320
 Er erinnert mich ein bisschen an Notruf, aber ich glaube, das war ja nicht echt.

01:52:55.320 --> 01:52:56.880
 Früher auf RTL in den 90ern.

01:52:56.880 --> 01:53:00.880
 Ah ja, gut, das war wahrscheinlich eher so RTL gespielt.

01:53:00.880 --> 01:53:02.840
 Ja, so wie ja RTL-Sachen halt sind.

01:53:02.840 --> 01:53:08.860
 Ja, hier irgendwelche Richter und irgendwelche komischen Pfand, nee, wie heißt es, Eintreiber oder so.

01:53:08.860 --> 01:53:12.440
 Ja, ja, aber Notruf war halt tatsächlich, da ging es um so Rettungskräfte.

01:53:13.340 --> 01:53:15.260
 Aber ich bin mir nicht sicher, inwiefern das echt war.

01:53:15.260 --> 01:53:16.380
 Nachgestellt wahrscheinlich.

01:53:16.380 --> 01:53:16.620
 Genau.

01:53:16.620 --> 01:53:17.680
 Aber das ist halt wirklich echt.

01:53:17.680 --> 01:53:19.940
 Also, ne, da ist auch Pietät vorher gemacht.

01:53:19.940 --> 01:53:24.100
 Jetzt nicht so wie bei vergleichbaren Ami-Serien, wo dann halt irgendwie schön draufgehalten wird.

01:53:24.100 --> 01:53:27.140
 Ähm, sondern, ne, es wird verpixelt.

01:53:27.140 --> 01:53:29.980
 Äh, die Leute werden nur mit Zustimmung da auch wirklich gezeigt.

01:53:29.980 --> 01:53:31.800
 Ähm, und, äh, ja.

01:53:32.340 --> 01:53:35.660
 Also, ist wirklich, äh, cool gemacht und interessant auch mal zu sehen.

01:53:35.660 --> 01:53:41.320
 Man lernt, äh, viel Neues auch, wie schwer es zum Beispiel ist, neue Elektrofahrzeuge, äh, zu löschen.

01:53:41.320 --> 01:53:48.040
 Dass die dann 24 Stunden in Wasser getaucht werden müssen, weil du anders nicht verhindern kannst, dass der Akku dann weiter immer wieder sich entzündet.

01:53:48.680 --> 01:53:50.340
 Ja, also, kann ich mir empfehlen.

01:53:50.340 --> 01:53:53.340
 Also, falls ihr mal ein zuverlässiges Feuer braucht, zündet ein E-Auto an.

01:53:53.340 --> 01:53:54.040
 Pst.

01:53:54.040 --> 01:53:56.220
 Genau.

01:53:56.220 --> 01:54:00.300
 Ich weiß nicht, ich kann ja auch positive Dinge haben.

01:54:00.300 --> 01:54:02.100
 Okay, gut.

01:54:02.100 --> 01:54:04.800
 Ähm, genau, dann kommt von mir noch ein Geilteil.

01:54:04.800 --> 01:54:09.860
 Äh, ich bin, ich hab ja mein, äh, mein neues Blog mit Eleventy gebaut.

01:54:09.860 --> 01:54:15.280
 Und dabei bin ich da drüber gestolpert und ich werde jetzt das nicht so weit ausführen, wie wir im Stream da abgebogen sind.

01:54:15.280 --> 01:54:17.980
 Da sind wir ja in jede, jede, jede Gelegenheit, haben wir da genutzt.

01:54:18.580 --> 01:54:21.660
 Ähm, und zwar, also, mein Geilteil sind GitHub Codespaces.

01:54:21.660 --> 01:54:23.800
 Ähm, das kannte ich nämlich bis dahin nicht.

01:54:23.800 --> 01:54:35.520
 Und ich bin drauf gestoßen über, ähm, also für Eleventy gibt es so, ähm, Project Starters, in denen schon bestimmte Dinge für einen gemacht werden.

01:54:35.520 --> 01:54:46.220
 Sodass man nicht von Null starten muss mit diesem, mit diesem System, sondern es gibt halt eben zum Beispiel, ich glaub, das ist auch von der, ähm, von dem Eleventy-Macher selbst-maintaint, ist Eleventy-Base-Block, heißt das.

01:54:46.220 --> 01:54:49.720
 Und ich wollte halt einen Blog bauen und dachte mir, ja, das klingt irgendwie gut, da kann man was drauf aufbauen.

01:54:49.720 --> 01:54:59.020
 Und dann hab ich in GitHub, auf GitHub, ähm, in dem Repository von dem Eleventy-Base-Block einen Knopf gesehen, den ich nicht kannte vorher von GitHub.

01:54:59.020 --> 01:55:01.780
 Und dachte ich mir, ich drück immer mal gerne auf Knöpfe, die ich nicht kenne.

01:55:01.840 --> 01:55:04.060
 Das ist halt so ein grüner Knopf, der will, dass man da drauf drückt.

01:55:04.060 --> 01:55:13.980
 Ähm, also im Dark-Theme sticht der sehr hervor und, äh, der heißt Use this Template und, ähm, also der Link kommt dazu, kommt auch, ähm, in die Shownotes.

01:55:13.980 --> 01:55:20.580
 Und wenn ich da drauf drücke, dann geht so ein kleines Menü auf und dann kann ich sagen Create New Repository oder Open Code in Codespace.

01:55:21.120 --> 01:55:29.100
 Und wenn ich das mache, dann, äh, passiert so was Ähnliches, wie wenn ich bei GitHub in dem Repository einfach nur Punkt drücke.

01:55:29.100 --> 01:55:32.240
 Es öffnet sich ein Faust-Code im Browser.

01:55:32.240 --> 01:55:33.260
 Das ist so weit, so gut.

01:55:33.260 --> 01:55:36.060
 Das kennen wir schon oder zumindest ich kannte das schon.

01:55:36.780 --> 01:55:43.280
 Was bei diesen Codespaces aber anders ist, ist, ich kann darin auch Dinge im Terminal machen.

01:55:43.280 --> 01:55:48.620
 Ähm, das bedeutet, da wird tatsächlich irgendwo eine Kiste für mich, äh, gebaut.

01:55:48.620 --> 01:55:55.920
 Nicht nur das, ich habe nicht nur Zugriff auf das Repository und kann da ein Code ändern, sondern ich kann da zum Beispiel auch Sachen hinterlegen, die da im Terminal passieren sollen.

01:55:55.920 --> 01:56:00.780
 In dem Fall wird nämlich zum Beispiel direkt, ohne dass ich was machen muss, ein NPM-Install aufgerufen.

01:56:00.780 --> 01:56:04.620
 Das passt, das läuft dann auch auf dieser Kiste, die irgendwo in der Cloud rumschwebt.

01:56:05.560 --> 01:56:13.500
 Ähm, und dann kriege ich tatsächlich sogar auch, wenn ich möchte, kann ich mir dann so ein Development-Server starten und den kann ich direkt im Browser dann auch aufrufen.

01:56:13.500 --> 01:56:16.100
 Das heißt, ich habe eine komplette Entwicklungsumgebung im Browser.

01:56:16.100 --> 01:56:26.320
 Ähm, ich hatte das schon mal, äh, glaube ich, auch im Podcast erwähnt, ähm, bei, als ich mit, ähm, an dem Elk mitentwickelt, ja, mitentwickelt ist ein bisschen übertrieben.

01:56:26.320 --> 01:56:32.820
 Ich habe in den Language-Files ein bisschen was angepasst, in den Deutschen, ähm, und viel mitgeredet und hatte viel Meinung.

01:56:32.820 --> 01:56:33.620
 Ihr kennt mich ja.

01:56:34.660 --> 01:56:39.060
 So, und, äh, da gab es dieses Stack-Blitz, das war jetzt aber nichts, was in GitHub integriert war.

01:56:39.060 --> 01:56:44.560
 Jetzt gibt es aber ein Tool, das tatsächlich von GitHub in GitHub integriert ist, äh, wo ich genau solche Sachen machen kann.

01:56:44.560 --> 01:56:46.740
 Ich kann dann auch direkt da committen ins Repository.

01:56:46.740 --> 01:56:49.740
 Gut, das geht mit, äh, wenn ich einfach Punkt drücke im Repository geht es auch.

01:56:49.740 --> 01:56:54.740
 Aber ich kann tatsächlich die Anwendung da auch laufen lassen, äh, install machen, äh, NPM-Install machen und alles Mögliche.

01:56:54.740 --> 01:57:01.560
 Das heißt, ich habe quasi ein Null-Setup-Entwicklungsumgebung, wenn ich jetzt jemanden neu reinhole, der daran mitentwickeln möchte.

01:57:01.560 --> 01:57:03.720
 Gerade für Open-Source-Projekte ist das, glaube ich, ziemlich cool.

01:57:03.720 --> 01:57:10.900
 Dann habe ich quasi, der braucht gar nichts auf seinem Rechner, der muss sich nichts aufsetzen, ähm, der muss nichts installieren.

01:57:11.080 --> 01:57:20.840
 Irgendwie, der muss keine Readme irgendwie durchmachen mit, äh, du musst jetzt hier, äh, dies und dies und dies und dies und dann kannst du so und dann geht's vielleicht und dann musst du noch die Umgebungsvariablen setzen und dann geht's.

01:57:20.840 --> 01:57:23.400
 Nee, musst du nicht.

01:57:23.400 --> 01:57:32.240
 Du kannst sowas vor, komplett vorkonfigurieren und, äh, an deinem Repository dranhängen und das kann jeder verwenden und das ist eine ziemlich coole Sache, ähm, wie ich finde.

01:57:32.240 --> 01:57:38.960
 Natürlich wird man jetzt da dann noch mehr an die Plattform GitHub, äh, gebunden durch sowas, ähm, muss man sich überlegen, ob man das will.

01:57:39.740 --> 01:57:50.940
 Aber, ähm, um mal eben eine kleine Änderung irgendwo zu machen an irgendeinem Projekt, finde ich das wirklich genial und das, da kann man dann auch direkt, äh, wie gesagt, einen Server starten und dann auch die Auswirkungen davon sehen, das finde ich ziemlich gut.

01:57:50.940 --> 01:58:03.080
 Einfach auch, um zu schauen, äh, kriege ich den Bug vielleicht selbst gefixt, ist das viel Aufwand, wenig Aufwand, äh, ohne dass ich das jetzt komplett bei mir auschecken muss, weil es geht einfach auch schneller, das dort, äh, zu installieren und ich finde es auch ziemlich cool.

01:58:03.080 --> 01:58:08.560
 Natürlich, klar, wenn du, ähm, du hast irgendwie drei parallel, kannst du kostenlos laufen lassen, das finde ich schon mal immerhin cool.

01:58:08.560 --> 01:58:19.320
 Wenn du halt mehr willst und dann irgendwie auch Zustände, glaube ich, speichern können willst und so, dann bitten die dich natürlich auch zur Kasse, aber an sich finde ich das cool, dass es auf jeden Fall schon mal frei nutzbar ist.

01:58:19.320 --> 01:58:20.160
 Ja.

01:58:21.600 --> 01:58:27.040
 Gut, Geilo, Teilo, Endo, haben wir da mit und dann kommen wir jetzt zu dem, zu einem Lieblings-Jingle.

01:58:27.040 --> 01:58:27.960
 Das Ende.

01:58:27.960 --> 01:58:32.240
 Das Ende.

01:58:32.240 --> 01:58:40.760
 Ja, das war's mal wieder, schön war's.

01:58:41.840 --> 01:58:48.840
 War der erste Podcast des Jahres und wir kündigen auch gleich schon mal an, dass der nächste kurzzeitig der letzte wieder wird.

01:58:48.840 --> 01:58:57.020
 Also wir haben noch einen Podcast in Planung, bevor Moritz sich wieder auf die große Reise um die Welt macht.

01:58:57.020 --> 01:58:59.400
 Ich glaube in dem Fall tatsächlich so um die halbe Welt.

01:59:00.280 --> 01:59:06.360
 Ja, also ich sag's mal so, ja, die halbe, aber irgendwie weiter weg kann man dann fast nicht sein, so.

01:59:06.360 --> 01:59:06.600
 Ja.

01:59:06.600 --> 01:59:07.800
 Von zu Hause.

01:59:07.800 --> 01:59:14.480
 Genau, und da gibt's noch eine Folge voraussichtlich am 4. Februar und ein paar Streams gibt's vorher noch.

01:59:15.340 --> 01:59:16.680
 Genau, Streams haben wir noch einige geplant.

01:59:16.680 --> 01:59:20.080
 Und dann, danach müssen wir mal gucken, wann's dann wieder weitergeht.

01:59:20.080 --> 01:59:33.180
 Genau, also ich kann ja vielleicht mal sagen, ich bin, so wie es jetzt geplant ist, im Mai dann wieder da und im Mai gibt's ja auch den Hot-Hub-Stream und im Mai, denke ich, werden wir dann auch nochmal einen Podcast machen, aber da gibt's jetzt noch kein genaues Datum.

01:59:33.320 --> 01:59:35.900
 Aber ihr wisst ja, ihr seid's ja mittlerweile gewohnt von uns.

01:59:35.900 --> 01:59:42.660
 Wir sind unsere einzige, unsere Regelmäßigkeit ist, dass wir unregelmäßig erscheinen mittlerweile.

01:59:42.660 --> 01:59:49.760
 Früher haben wir das ja mal geschafft mit alle zwei Wochen, das ist jetzt leider, aufgrund aller möglichen Umstände schaffen wir das nicht immer.

01:59:49.760 --> 02:00:01.140
 Ja, ich hoffe, ihr verzeiht's uns und bleibt uns trotzdem gewogen und hört mal wieder rein und hört auch mal vielleicht alte Folgen noch, falls ihr die noch nicht gehört habt.

02:00:01.140 --> 02:00:15.200
 Und hinterlasst mal auch schöne Sternebewertungen bei Podcast-Portalen, gerne auch bei Spotify, da sind wir jetzt ja mittlerweile auch, weil wir müssen, weil ihr wolltet, das so.

02:00:15.200 --> 02:00:18.960
 Ja, empfehlt uns weiter an KollegInnen.

02:00:18.960 --> 02:00:21.380
 Genau, empfehlt uns weiter.

02:00:21.380 --> 02:00:25.920
 Ja, ich bin gerade am überlegen, fehlt noch irgendwas?

02:00:25.920 --> 02:00:29.980
 Kauft unsere T-Shirts, geht mal auf unsere Unterstützenseite und guckt mal, was ihr da so machen könnt.

02:00:29.980 --> 02:00:31.740
 Da gibt es einiges, wie ihr uns weiterhelfen könnt.

02:00:31.740 --> 02:00:35.920
 Und ich habe noch eine kleine Geschichte in eigener Sache.

02:00:35.920 --> 02:00:39.160
 Ich werde dazu auch noch einen kleinen Post schreiben, die Tage.

02:00:39.160 --> 02:00:45.620
 Wie bin ich, wieso habe ich das denn vorhin aufgeschrieben, weil wir irgendwas hatten mit Retro?

02:00:45.620 --> 02:00:48.940
 Also, ich habe auf jeden Fall noch Sticker.

02:00:48.940 --> 02:00:50.940
 Es gibt ja bei uns immer Sticker.

02:00:51.140 --> 02:00:55.480
 Ihr könnt immer Sticker haben von uns, wenn ihr uns das Porto schickt und eure Adresse.

02:00:55.480 --> 02:00:58.940
 Dann kriegt ihr WWS-IV-Sticker und auch gerne Spaghetti-Java-Skript-Sticker.

02:00:58.940 --> 02:01:02.500
 Und ich werde jetzt demnächst die Tage noch eine Aktion machen.

02:01:02.500 --> 02:01:04.860
 Noch andere Sticker.

02:01:05.140 --> 02:01:08.160
 Ich habe die tatsächlich mal sortiert und fotografiert.

02:01:08.160 --> 02:01:17.000
 Ich habe nämlich eine riesen Stickertüte mit allen möglichen Stickern, die ich über die Jahre gesammelt habe auf Konferenzen und auf diversen Events und so weiter.

02:01:17.440 --> 02:01:19.700
 Ich gucke gerade so ein bisschen nach links, weil da liegen sie nämlich gerade.

02:01:19.700 --> 02:01:29.860
 Und ich habe mir so gedacht, ich habe auch noch so ein paar für mich aufgehoben, aber es sind unglaublich viele, wo ich mir sicher bin, die werde ich selbst nie irgendwo hinkleben.

02:01:29.860 --> 02:01:38.040
 Und es wäre vielleicht, also ich finde, es ist eine gute Auswahl an Stickern, weil ich nehme nicht jedes Firmenlogo an Stickern mit.

02:01:38.040 --> 02:01:41.120
 Ich nehme eigentlich nur welche mit, wo ich denke, ah, das ist ja eigentlich ganz cool.

02:01:41.120 --> 02:01:43.440
 Also es ist durch meinen Filter schon mal durchgelaufen.

02:01:43.440 --> 02:01:46.340
 Durch meinen, finde ich, ganz gut Filter, ist es schon mal durchgelaufen.

02:01:46.520 --> 02:01:50.220
 Und vielleicht gibt es ja auch jemanden, der die gut findet und dann muss ich sie nicht wegwerfen.

02:01:50.220 --> 02:02:02.460
 Und ich werde da demnächst auf jeden Fall, folgt mir auf Mastodon, genau, Mastodon Social, findet ihr auf meiner Webseite moritzgießmann.de, findet ihr meinen Mastodon Account, folgt mir da.

02:02:02.460 --> 02:02:13.580
 Da werde ich auf jeden Fall jetzt vielleicht, wahrscheinlich ist es schon passiert, wenn die Podcast-Folge rauskommt, weil ich hatte vor, das jetzt auch am Wochenende noch zu machen, werde ich einen Post veröffentlichen, wo die ganzen Sticker drauf sind.

02:02:13.580 --> 02:02:21.940
 Und dann ist tatsächlich der Deal einfach gegen Porto oder auch, wenn ihr mögt, auch gegen kleine Spende, wie ihr wollt.

02:02:23.460 --> 02:02:26.120
 Könnt ihr das bei mir bestellen, solange der Vorrat reicht?

02:02:26.120 --> 02:02:27.700
 Da sind wirklich ein paar witzige Sachen dabei.

02:02:27.700 --> 02:02:32.540
 Ich habe zum Beispiel noch so einen Sag-Nein-zu-Inline-Sticker zum Beispiel.

02:02:33.480 --> 02:02:43.300
 diverse aus dem Chaos-Umfeld irgendwie witzige, wer das hackt, ist doof und, keine Ahnung, noch ein paar witzige, ihr werdet es dann sehen, genau.

02:02:43.300 --> 02:02:53.580
 In eigener Sache, wie gesagt, bis die Podcast-Folge erscheint, ist der Post wahrscheinlich schon erschienen auf Mastodon, könnt ihr euch das mal anschauen und dann euch einfach bei mir melden, falls ihr da was haben wollt.

02:02:54.540 --> 02:03:10.140
 Genau. Und für die, die keinen Mastodon haben, keine Ahnung, müssen wir noch einen anderen Weg finden, weil nee, ich weiß ja, ich weiß ja, dass es ein paar Personen gibt, die uns sehr gewogen sind und gerne den Podcast hören und auch im Stream dabei sind, die keinen Mastodon haben und uns dann per Mail schreiben.

02:03:10.400 --> 02:03:26.680
 Falls ihr tatsächlich sagt, oh ja, Moritz, wir vertrauen deinem Geschmack so sehr, du hast bestimmt ganz tolle Sticker, zeig doch mal, dann könnt ihr uns auch gerne eine E-Mail schreiben, weil E-Mail habt ihr wahrscheinlich, schreibt uns gerne auch eine E-Mail, dann antworte ich euch da drauf, dann kriegt ihr das Foto, dann könnt ihr da mal reinschauen.

02:03:26.680 --> 02:03:32.000
 Genau. Und wie gesagt, Porto sollte drin sein und dann kriegt ihr das, wenn ihr wollt, kostenlos.

02:03:32.000 --> 02:03:37.340
 Genau, damit haben wir die Sticker-Sache abgegeben. Eigentlich hätte man auch in zwei Sätzen sagen können, ne?

02:03:37.340 --> 02:03:44.180
 Ich hab mich jetzt dreitausendmal wiederholt. Das wären ja nicht wir, wenn wir das kurz abgehandelt hätten.

02:03:44.180 --> 02:03:47.040
 Okay, dann.

02:03:47.040 --> 02:03:49.340
 Das war die erste Folge, 2024.

02:03:49.340 --> 02:03:50.360
 Wow.

02:03:50.360 --> 02:03:51.480
 Ja.

02:03:51.480 --> 02:03:57.220
 Gut, ja, und ich würde sagen, dann ist sie hiermit beendet.

02:03:57.220 --> 02:03:58.740
 Genau.

02:03:58.740 --> 02:04:03.140
 Ja, dann vielen Dank fürs Zuhören und bis zum nächsten Mal.

02:04:03.140 --> 02:04:05.160
 Und hört das Outro mal bis zum Schluss.

02:04:05.160 --> 02:04:05.800
 Genau.

02:04:05.800 --> 02:04:06.560
 Bis dann.

02:04:06.560 --> 02:04:06.900
 Ciao.

02:04:07.340 --> 02:04:08.340
 Ciao.

02:04:08.340 --> 02:04:08.340
 Ciao.

02:04:08.340 --> 02:04:08.340
 Ciao.

02:04:08.340 --> 02:04:09.340
 Ciao.