WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: Lebenszeichen
Publishing Date: 2023-05-21T12:13:32+02:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/lebenszeichen/

00:00:00.000 --> 00:00:04.420
 Wo wir sind, ist vorne, Folge 56. Heute geht's ganz kurz. Versprochen.

00:00:04.420 --> 00:00:23.500
 Herzlich willkommen bei Wo wir sind, ist vorne. Frontend-Fakten-Frotzeleien.

00:00:23.500 --> 00:00:27.520
 Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

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

00:00:39.240 --> 00:00:55.800
 Hallihallo Hallöhle.

00:00:55.800 --> 00:00:56.700
 Hallo.

00:00:56.700 --> 00:00:57.840
 Erinnerst du dich noch?

00:00:57.840 --> 00:00:59.120
 Was?

00:00:59.120 --> 00:01:01.620
 An die Spinat-Werbung mit Verona Poth.

00:01:01.620 --> 00:01:04.600
 Nee, tatsächlich nicht.

00:01:04.600 --> 00:01:12.200
 Passt ganz gut zu Retro, weil heute wird's hauptsächlich Retro geben und dein DJ-Set wird Retro.

00:01:12.200 --> 00:01:14.480
 Und deswegen dachte ich, steig ich an die Anruhe ein.

00:01:14.480 --> 00:01:17.760
 Das wird vor allem auch richtig schlecht, aber es wird auch Retro.

00:01:17.760 --> 00:01:18.980
 Deswegen ist es ja richtig geil.

00:01:18.980 --> 00:01:26.960
 Ja, es war heute alles ein bisschen anders geplant, aber es gibt heute, damit wir nicht noch länger euch hier auf glühenden Kohlen sitzen lassen,

00:01:26.960 --> 00:01:31.340
 weil ich weiß, dass ihr uns alle ganz doll vermisst habt und ganz arg drauf gewartet habt.

00:01:31.340 --> 00:01:37.760
 Also es hat tatsächlich schon jemand gemeint, wann gibt's dann mal endlich wieder eine Folge extra in den Stream gekommen, um zu gucken, wann's mal wieder eine neue Podcast-Folge gibt.

00:01:38.180 --> 00:01:41.840
 Und damit wir euch nicht enttäuschen, gibt's jetzt eine kurze Folge.

00:01:41.840 --> 00:01:48.580
 Eigentlich wollten wir mit unserem HTML-Gedöns mal weitermachen und das kommt auch noch, versprochen, weil wir haben auch schon Leute nachgefragt.

00:01:48.580 --> 00:01:51.880
 Und auf Grid warten die Leute und das kommt alles noch.

00:01:51.960 --> 00:01:56.280
 Aber heute gibt's einfach einen Zwischenruf.

00:01:56.840 --> 00:01:58.400
 Und wir melden uns, dass wir wieder da sind.

00:01:58.400 --> 00:01:59.340
 Eine Property gibt's auch noch.

00:01:59.340 --> 00:02:01.540
 Und genau.

00:02:01.540 --> 00:02:02.640
 Hast du was zu trinken?

00:02:02.640 --> 00:02:06.900
 Ja, ich hab hier, ich hab hier Clubomato.

00:02:06.900 --> 00:02:09.640
 Gar nichts, nichts Unspektakuläres.

00:02:09.640 --> 00:02:11.080
 Also nichts Spektakuläres.

00:02:11.080 --> 00:02:12.360
 Gar nichts Unspektakuläres.

00:02:12.360 --> 00:02:17.660
 Aber ich schüttel sie gerne, die ist leider schon offen, aber ich schüttel sie gerne noch mal so ein bisschen, damit wir noch ein kleines Geräusch haben.

00:02:17.660 --> 00:02:18.140
 Also warte.

00:02:18.140 --> 00:02:19.300
 Ich hab auch nichts Unspektakuläres.

00:02:19.300 --> 00:02:20.320
 Ich hab auch nichts Unspektakuläres.

00:02:20.320 --> 00:02:22.160
 Ich hab Fritz Spritz Biotraubenschorde.

00:02:22.700 --> 00:02:24.240
 Boah, das klingt gut.

00:02:24.240 --> 00:02:25.440
 Oh, zeig mal, zeig mal.

00:02:25.440 --> 00:02:28.920
 Ah, das ist so eine violette Flasche.

00:02:28.920 --> 00:02:29.720
 Schön.

00:02:29.720 --> 00:02:36.140
 Also wenn ihr sehen könntet, was der Konstantin da für ein Flaschenöffner hat.

00:02:36.140 --> 00:02:38.400
 Das ist ja ein ...

00:02:38.400 --> 00:02:40.320
 Okay, gut, er verschwendet jetzt erstmal alles.

00:02:40.320 --> 00:02:46.580
 Aber der Flaschenöffner, das ist so einer, mit dem du auch so Gläser aufmachen kannst.

00:02:46.580 --> 00:02:48.540
 Wir haben so ein Gummig am Rand und so zack.

00:02:48.540 --> 00:02:50.060
 Und sieht super verrostet aus.

00:02:50.060 --> 00:02:51.100
 Ich weiß nicht, ob das jetzt nur so ...

00:02:51.100 --> 00:02:52.520
 Der ist von meiner Oma noch.

00:02:52.700 --> 00:02:54.640
 Das ist ein Wahnsinnsgerät.

00:02:54.640 --> 00:02:57.260
 Ich glaub, damit kannst du auch Einbrecher fernhalten und so.

00:02:57.260 --> 00:02:57.800
 Das ist von Schießend, ja.

00:02:57.800 --> 00:03:00.100
 Und Eispickel und das ist, glaub ich, alles ...

00:03:00.100 --> 00:03:02.140
 Ja, da kannst du, guck mal hier, da ist ein Dorn dran.

00:03:02.140 --> 00:03:05.620
 Da kannst du Löcher reinmachen, damit das dann so klackt.

00:03:05.620 --> 00:03:06.640
 Löcher in die Einbrecher.

00:03:06.640 --> 00:03:08.620
 Löcher in die Einbrecher notfalls auch.

00:03:08.620 --> 00:03:12.800
 Genau, ja, also da kannst du auch Frisbee mitspielen, glaub ich, und als Boomerang verwenden.

00:03:12.800 --> 00:03:15.820
 Ich glaub, auch damit kannst du den Mount Everest besteigen.

00:03:15.820 --> 00:03:17.020
 Wahrscheinlich, wahrscheinlich.

00:03:17.020 --> 00:03:18.500
 Also von innen.

00:03:18.500 --> 00:03:19.660
 Deswegen hab ich den.

00:03:20.360 --> 00:03:22.140
 Lass uns den Mount Everest von innen besteigen.

00:03:22.140 --> 00:03:25.520
 Ich mach jetzt noch hier ein bisschen Rabatz und hoffe, dass es bei mir jetzt nicht so arg schäumt,

00:03:25.520 --> 00:03:29.640
 weil ich muss jetzt echt aufpassen, weil ich hab extra ein bisschen geschüttelt, weil sie ...

00:03:29.640 --> 00:03:29.820
 Uh.

00:03:29.820 --> 00:03:32.020
 Ja, nicht, dass du das gleiche Problem hast wie ich.

00:03:32.020 --> 00:03:33.860
 Nee, ich warte jetzt noch kurz.

00:03:33.860 --> 00:03:35.620
 Okay.

00:03:37.100 --> 00:03:41.760
 Ja, gut, also, ja, mach mal Retro, oder?

00:03:41.760 --> 00:03:47.120
 Genau, heute ist kurz, ohne Thema, aber mit Retro und mit Property und mit Geilteil.

00:03:47.120 --> 00:03:48.600
 So, nochmal ganz kurz.

00:03:48.600 --> 00:03:49.260
 Sehr schön.

00:03:49.260 --> 00:03:50.560
 Damit ihr Geilteil haben wir auch.

00:03:50.560 --> 00:03:51.600
 Ja.

00:03:51.600 --> 00:03:53.420
 Dann nicht lang schnacken.

00:04:00.300 --> 00:04:10.920
 Ja, der erste Punkt ist ein bisschen so der Internationalität gewidmet.

00:04:11.580 --> 00:04:27.580
 Und zwar, weil jetzt in letzter Zeit, also, es hat angefangen, glaube ich, so mit der Beyond-Tallerrand, wo wir rausgefunden haben, dass jemand von den Philippiden uns hört, aber jetzt irgendwie auch noch jemand aus Schweden und Österreich weiß ich auch und Schweiz weiß ich auch.

00:04:27.580 --> 00:04:29.440
 Und ich hab mich mega gefreut.

00:04:29.440 --> 00:04:29.860
 Und Spanien.

00:04:29.860 --> 00:04:33.620
 Also, Spanien war auch, hab ich sonst noch was vergessen?

00:04:33.620 --> 00:04:35.100
 Schreibt uns mal.

00:04:35.100 --> 00:04:38.240
 Genau, schreibt uns mal einen Kommentar unter diese Folge.

00:04:38.240 --> 00:04:40.180
 Ich bin noch ein bisschen verschnupft, ich glaube, man hört es noch ein bisschen.

00:04:40.180 --> 00:04:46.960
 Schreibt uns einen Kommentar unter diese Folge, wenn ihr uns aus einem Land hört, außer Deutschland, was wir jetzt noch nicht genannt haben.

00:04:46.960 --> 00:04:48.920
 Das würde uns sehr, sehr interessieren.

00:04:48.920 --> 00:04:54.920
 Also, einfach total toll, das mitzukriegen, dass wir HörerInnen in so vielen verschiedenen Bereichen der Erde haben.

00:04:54.920 --> 00:04:57.140
 Und dass uns die Statistik auch nicht anlügt, ne?

00:04:57.140 --> 00:05:00.540
 Wir haben das ja schon gesehen, also, Philippinen tauchte da auf und Spanien tauchte da auf.

00:05:00.540 --> 00:05:02.120
 Und ich sage, das kann doch nicht sein.

00:05:02.120 --> 00:05:04.880
 Das ist nicht viel, aber es sind immer so ein paar Prozentchen.

00:05:04.880 --> 00:05:06.360
 Das sind alles Bots.

00:05:06.360 --> 00:05:07.560
 Aber ihr seid gar keine Bots.

00:05:07.560 --> 00:05:13.840
 Ja, aber auch so Geo-IP-Sachen, ich halte das auch für so halb so, ja, das ist, glaube ich, meistens auch so.

00:05:13.840 --> 00:05:16.300
 Aber es ist der Philippinen, Spanien, das hat schon, das war schon echt.

00:05:16.300 --> 00:05:17.880
 Ja, verrückt, ne?

00:05:17.880 --> 00:05:21.780
 Also, das freut mich und dich, glaube ich, auch sehr.

00:05:21.780 --> 00:05:25.440
 Und wir würden gerne noch mehr von euch hören, wo kommt ihr her?

00:05:25.560 --> 00:05:36.440
 Das würde mich auch interessieren, wenn jemand von euch nicht Deutsch-Muttersprachler ist und uns zuhört, um vielleicht Deutsch zu lernen, also irgendwie tekaffin und versucht, Deutsch zu lernen.

00:05:36.440 --> 00:05:38.140
 Also, schreibt uns mal.

00:05:38.140 --> 00:05:41.500
 Schreibt uns mal so in die Kommentare, wer ihr seid, weil ihr kennt uns, wir kennen euch noch nicht.

00:05:41.500 --> 00:05:43.040
 Deutsch lernen mit Provisen ist vorne.

00:05:43.040 --> 00:05:48.320
 Ich habe jetzt bei dem letzten Treffen geändert, aber erzählt doch mal was über euch.

00:05:48.320 --> 00:05:54.260
 Ich habe tatsächlich auf diese Art versucht, ein bisschen Englisch zu lernen oder habe das eine Zeit lang mir reingezogen.

00:05:54.260 --> 00:05:59.420
 Und zwar habe ich damals gehört, Borg World, vielleicht kennt es noch der eine oder die andere.

00:05:59.420 --> 00:06:06.200
 War auch ein Web-Development-Podcast von Paul Borg.

00:06:07.700 --> 00:06:09.220
 Ich weiß nicht, ob ich das noch richtig ausspreche.

00:06:09.220 --> 00:06:10.400
 Das ist schon sehr, sehr, sehr lange her.

00:06:10.400 --> 00:06:12.660
 Ich weiß gar nicht, ob es den noch gibt.

00:06:12.660 --> 00:06:15.180
 Ich muss gerade mal kurz googeln.

00:06:18.060 --> 00:06:25.560
 Und das war halt so, ich konnte damals schon so ein bisschen Englisch, halt so Schulenglisch, aber das war halt dann so richtig britisch.

00:06:25.560 --> 00:06:27.860
 Und das war dann so für mich komplett neu.

00:06:27.860 --> 00:06:38.000
 Und ich erinnere mich noch, dass ein Kollege zu mir meinte, Mensch, irgendwie so, wenn du irgendwie noch die Sprache besser lernen willst, dann musst du einfach irgendwie Serien reinziehen oder Podcasts hören in der Sprache.

00:06:38.000 --> 00:06:39.420
 Und ich habe gesagt, hey, wie soll das gehen?

00:06:39.420 --> 00:06:40.540
 Ich verstehe da kein Wort.

00:06:40.540 --> 00:06:44.020
 Wenn ich da miteinander spreche, hat er gemeint, das musst du einfach nur eine Weile durchziehen.

00:06:44.340 --> 00:06:47.580
 Immersion oder Immersion ist das Stichwort, also eintauchen.

00:06:47.580 --> 00:06:54.420
 Also einfach nur die Sprache auf dich reinprasseln lassen, weil wenn man mal genau überlegt, ist es genau so, wie kleine Kinder auch ihre Muttersprache lernen.

00:06:54.420 --> 00:06:56.700
 Also einfach möglichst viel in dieser Sprache baden.

00:06:56.700 --> 00:06:57.800
 Es ist so verrückt.

00:06:57.800 --> 00:07:07.420
 Ich konnte das damals nicht glauben, weil ich habe Bauer World gehört und habe wirklich so jedes zwanzigste Wort verstanden.

00:07:07.420 --> 00:07:13.340
 Und das in einem Podcast, der sich mit meiner Profession beschäftigt, wo ich gedacht habe, da verstehe ich irgendwie mehr.

00:07:13.340 --> 00:07:16.200
 Aber ich fand, es war für mich damals unfassbar schwer zu verstehen.

00:07:16.320 --> 00:07:21.280
 Aber es ist tatsächlich so, wenn man sich dem aussetzt für eine Weile, irgendwann kommt man rein.

00:07:21.280 --> 00:07:24.560
 Irgendwann kommt man immer tiefer rein und sagt, ah, stimmt das?

00:07:24.560 --> 00:07:28.400
 Und in dem Zusammenhang, ah, vielleicht meint er das, ah, der spricht das so aus.

00:07:28.400 --> 00:07:36.280
 Also das kann ich nur extrem empfehlen, wenn man irgendwie eine Sprache lernen will, dass man sich der einfach aussetzt, auch wenn man es nicht versteht zunächst.

00:07:36.280 --> 00:07:37.920
 Man kommt da dann irgendwie langsam rein.

00:07:38.700 --> 00:07:42.740
 Also ich glaube nicht, dass es funktioniert, wenn man gar keine Vokabeln kennt in der Sprache.

00:07:42.740 --> 00:07:44.680
 Da sollte man schon ein bisschen Grundwissen haben.

00:07:44.680 --> 00:07:48.320
 Dann braucht man zumindest irgendwie Bilder, glaube ich, dazu, damit man das verknüpfen kann.

00:07:48.320 --> 00:07:53.480
 Aber genauso habe ich auch früher Star Trek Next Generation geschaut.

00:07:53.480 --> 00:07:57.220
 Da war mein Englisch auch noch deutlich schlechter, habe ich am Anfang auch nichts verstanden.

00:07:57.220 --> 00:07:58.840
 Aber ich kannte das Star Trek auf Deutsch.

00:07:58.840 --> 00:08:01.160
 Das war nämlich schon mal ein Vorteil.

00:08:01.160 --> 00:08:04.560
 Also das heißt, so ein paar Worte, so spezifische Worte, die kannte man.

00:08:04.560 --> 00:08:07.220
 Und dachte, ah, okay, das klingt irgendwie so ähnlich, das ist wahrscheinlich das.

00:08:07.340 --> 00:08:11.900
 Und dann, nachdem du irgendwie 20 Folgen geschaut hast, bist du dann total drin irgendwie.

00:08:11.900 --> 00:08:21.080
 Und ja, also schreibt uns, um es nochmal kurz zu machen, schreibt uns mal, wo ihr herkommt, von wo aus ihr uns hört.

00:08:21.080 --> 00:08:22.340
 Das würde mich sehr interessieren.

00:08:22.340 --> 00:08:23.120
 Ja.

00:08:23.120 --> 00:08:30.640
 Gut, ich habe gerade eben schon angesprochen, Treffen, dass wir beim Treffen das geändert haben so ein bisschen, dass nur ihr uns kennt und wir euch nicht.

00:08:30.800 --> 00:08:34.880
 Und es gibt noch ein nächstes Treffen, das jetzt geplant ist.

00:08:34.880 --> 00:08:36.900
 Und zwar in Karlsruhe.

00:08:36.900 --> 00:08:41.820
 Und das hat Bugs Bunny hat das initiiert, einer unserer Stream-Zuschauer.

00:08:41.820 --> 00:08:51.680
 Und wir würden uns freuen, wenn ihr am 27.05., das ist ein Samstag, also wenn der Podcast erscheint, vermutlich eine Woche später.

00:08:52.640 --> 00:08:56.860
 Oder ein bisschen weniger, das ist jetzt ein bisschen knapp, aber wir hoffen, dass trotzdem noch ein paar vielleicht kommen.

00:08:56.860 --> 00:09:00.940
 Und wir packen euch den Link in die Shownotes, wo ihr euch einfach in so eine Liste eintragen könnt.

00:09:01.460 --> 00:09:07.440
 Also notfalls sind wir auch zu dritt, ist auch kein Problem, aber wäre natürlich schön, wenn wir noch ein paar mehr kommen würden.

00:09:07.440 --> 00:09:15.200
 Wenn ihr irgendwie in der Nähe von Karlsruhe wohnt oder auch mal Lust habt, irgendwie für einen Samstagabend herzufahren, dann tragt euch gerne eine eigene Liste.

00:09:15.200 --> 00:09:20.000
 Oder nutzt das nochmal die Gelegenheit für einen Tagesausflug nach Karlsruhe. Karlsruhe ist sehr schön.

00:09:20.000 --> 00:09:25.160
 Jetzt seitdem die ganzen Baustellen in der Innenstadt auch nicht mehr so, ah, da kommen jetzt wieder neue, gell.

00:09:25.340 --> 00:09:28.340
 Ja, ja, verkaufs nicht so gut, also.

00:09:28.340 --> 00:09:36.180
 Seitdem die U-Bahn fertig ist, ist es auch wieder sehr schick hier und irgendwie mal ein bisschen flanieren.

00:09:36.180 --> 00:09:39.080
 Es gibt zwar keine Läden mehr, aber.

00:09:39.080 --> 00:09:43.140
 Es gibt nur noch Fressläden, es gibt keine, ja, egal.

00:09:43.140 --> 00:09:49.160
 Nee, es stimmt, es steht viel leer tatsächlich in der Fußgängerzone mittlerweile, weil da kommt bestimmt irgendwas nochmal rein.

00:09:49.600 --> 00:09:55.680
 Und außerdem kommt ihr hauptsächlich wegen uns. Aber das Schloss ist sehr schön, der Schlossgarten ist schön, der Zoo, der Stadtgarten ist sehr schön.

00:09:55.680 --> 00:09:57.900
 Also es gibt schon auch viele schöne Ecken.

00:09:57.900 --> 00:10:03.900
 Genau, also Karlsruhe ist schon eine schöne Stadt und vielleicht wird das ja auch ein schöner Sommertag.

00:10:03.900 --> 00:10:09.620
 Würde mich jetzt nicht wundern, bei dem Datum so irgendwie so Ende Mai könnte ein schöner Sommertag werden.

00:10:09.620 --> 00:10:14.040
 Also lohnt es sich vielleicht auch einfach mal für ein Wochenende herzukommen oder so und dann kommt ihr einfach uns auch mal besucht.

00:10:14.040 --> 00:10:21.480
 Und genaue Infos gibt es natürlich dann noch über die diversen Kanäle, wann und wo, beziehungsweise das Wann wissen wir eigentlich auch schon.

00:10:21.480 --> 00:10:30.260
 Wir wollten ins Hotel Santo, die haben eine gute Cocktailbar und genaue Uhrzeit und so weiter, das kriegt ihr dann über diverse Kanäle mit.

00:10:30.260 --> 00:10:34.700
 Genau, also Mastodon, Twitter vielleicht auch noch.

00:10:34.700 --> 00:10:39.800
 Es wird auf jeden Fall in dem Dokument, da werden wir es auch reinschreiben.

00:10:39.800 --> 00:10:42.400
 Also da werden die genauen Daten auch dann drinstehen.

00:10:42.400 --> 00:10:43.880
 Genau.

00:10:43.880 --> 00:10:45.980
 Dann, schon wieder da.

00:10:45.980 --> 00:10:59.200
 Dann müsst ihr euch zu dem Dokument nochmal, das ist so auf dem Etherpad basierendes Ding, da müsst ihr euch nicht anmelden oder irgendwas, das ist einfach so ein Dokument, da könnt ihr einfach euch reinschreiben und gut ist, ganz easy.

00:10:59.200 --> 00:11:03.320
 Okay, dann haben wir gleich das nächste Treffen.

00:11:03.540 --> 00:11:08.700
 Genau, und zwar, ja, nicht nur Treffen, sondern auch, wir machen da was.

00:11:08.700 --> 00:11:15.900
 Und zwar sind wir, das haben wir auch schon angekündigt, aber im Podcast glaube ich noch nicht, wir sind auf der Gulaschprogrammiernacht dieses Jahr, auch in Karlsruhe.

00:11:15.900 --> 00:11:22.220
 Das ist eine Veranstaltung, wer sie nicht kennt, die geht vier Tage lang, ist im ZKM hier, das Zentrum für Kunst und Medien.

00:11:23.220 --> 00:11:34.620
 Und ist ein relativ großes Ding, es gibt sehr viele Parallelveranstaltungen auch, was sind es denn hier, eins, zwei, drei, vier, fünf, sechs, sieben, acht Tracks.

00:11:35.300 --> 00:11:50.540
 Krass, aber es ist alles so ein bisschen, es ist teilweise auch zeitversetzt, teilweise parallel und es ist einfach irgendwie, ja, ist auch nicht so, dass man jetzt da strikt von vorne bis hinten dabei sein muss, sondern man pickt sich mal was raus, ach, das klingt interessant.

00:11:50.720 --> 00:11:58.380
 Und es gibt auch so ein Hacking-Space und es ist auch draußen und es gibt Gulasch natürlich, deswegen heißt es den Gulaschprogrammierner.

00:11:58.380 --> 00:12:03.660
 Vielleicht muss man dazu sagen, dass das vom Chaos Computer Club in Karlsruhe organisiert ist von Entropia.

00:12:03.660 --> 00:12:16.980
 Also es ist eine Chaos-Veranstaltung, wer den Chaos Communication Congress kennt, das ist so ähnlich, nur in eine deutliche Nummer kleiner und um Spenden wird gebeten, aber es kostet, glaube ich, auch keinen Eintritt.

00:12:18.240 --> 00:12:24.020
 Genau, also kostenlos gibt es sogar, ist sogar das Bahnticket mit drin, also Hin- und Rückfahrt an jedem der Konferenztage mit der Bahn.

00:12:24.020 --> 00:12:29.600
 Also innerhalb von Karlsruhe, logischerweise, also ÖPNV oder Bus.

00:12:29.600 --> 00:12:44.100
 Genau, und da geht es alles mögliche, hier geht es um LED-Strips, Everywhere for Everyone ist ein Ding und irgendwelche mit Raspberry Pi was und Elektronik-Design, also es ist schon sehr technisch, genau.

00:12:44.100 --> 00:12:47.940
 Und wir sind da auch, Samstagabend, am 10. Juni.

00:12:47.940 --> 00:12:49.880
 Samstagabend 20.45 Uhr.

00:12:49.880 --> 00:12:52.080
 Samstagabend 20.45 Uhr, aktuell, vielleicht schiebt sich's nochmal.

00:12:52.080 --> 00:12:57.220
 Genau, dieser Fahrplan, der ändert sich auch vielleicht nochmal, er hat sich schon mindestens einmal geändert.

00:12:57.220 --> 00:13:02.980
 Schaut einfach nach, wo wir sind, ist vorne in dem Bahn, da findet ihr uns schon.

00:13:03.160 --> 00:13:06.440
 Wir haben es mal genannt, War Wars, A New Scope.

00:13:06.440 --> 00:13:08.940
 Best of, wo wir sind, ist vorne live.

00:13:08.940 --> 00:13:11.180
 Auch lange gesessen an dem Titel.

00:13:11.180 --> 00:13:16.640
 Ja, lange an dem Titel gesessen und dafür hatten wir dann keine Zeit mehr vorzubereiten, was wir da eigentlich machen.

00:13:17.200 --> 00:13:26.440
 Aber wir haben tatsächlich uns vorgenommen, so ein kleines Best of zu machen, auch vielleicht ein paar Demos zu zeigen, aber gleichzeitig auch eine Podcast-Folge da dann aufzunehmen, die dann auch veröffentlicht wird.

00:13:27.500 --> 00:13:33.800
 Der Fokus wird allerdings mehr auf, wir sind auf einer Bühne liegen und wir sind da bei einer Veranstaltung.

00:13:33.800 --> 00:13:41.460
 Das heißt, ich bin mir nicht so sicher, ob der Podcast dann wirklich für Menschen, die nicht vor Ort sind, so super entertaining wird, vielleicht schon.

00:13:41.460 --> 00:13:44.860
 Muss man einfach mal gucken, was das dann wird.

00:13:44.860 --> 00:13:50.300
 Ich habe schon solche Podcasts von anderen Formaten gehört, wo ich dann so dachte, die sind alle betrunken.

00:13:50.300 --> 00:13:53.320
 Wie soll ich denn jetzt das ertragen, ohne auch betrunken zu sein?

00:13:53.320 --> 00:13:55.460
 Und dann habe ich mich betrunken und dann ging's.

00:13:55.460 --> 00:13:59.300
 Ich habe zumindest die Hoffnung, dass wir den Applaus dann nicht vom Soundboard einspielen müssen.

00:13:59.300 --> 00:14:01.760
 Achso, das müssen wir noch drauf.

00:14:01.760 --> 00:14:07.720
 Ja, wer weiß, vielleicht aber die Buh-Rufe, die kommen vielleicht dann auch.

00:14:07.720 --> 00:14:09.740
 Oder dass wir die überspielen müssen, mal gucken.

00:14:09.740 --> 00:14:22.200
 Genau, wir machen ein buntes Potpourri an lustigen Sachen, wo wir uns auch überlegt haben, so ein bisschen Browser kaputt spielen, so was passt zu einem Chaos-Event-Hacking, passt da dazu.

00:14:22.200 --> 00:14:24.320
 Müssen wir mal schauen, was wir in dieser Richtung schon gemacht haben.

00:14:24.320 --> 00:14:27.700
 Ein paar Demos zeigen, wo der Moritz versucht hat, irgendwie alles kaputt zu machen, erfolgreich.

00:14:27.700 --> 00:14:30.820
 Das habe ich ja eigentlich, so richtig habe ich es ja noch nie geschafft.

00:14:30.820 --> 00:14:33.140
 Ja, aber schön bunt war es zumindest.

00:14:33.140 --> 00:14:35.240
 Schön bunt war es, schön bunt war es, genau.

00:14:35.240 --> 00:14:37.840
 Hat nicht geklappt, aber schön bunt war es.

00:14:39.680 --> 00:14:41.140
 Das wäre auch ein T-Shirt-Spruch.

00:14:41.140 --> 00:14:44.600
 Punkt, Punkt, Punkt, aber schön bunt war es.

00:14:44.600 --> 00:14:48.060
 Oder auch, hat nicht geklappt, aber schön bunt war es.

00:14:48.060 --> 00:14:50.740
 Sehr gut.

00:14:50.740 --> 00:14:54.820
 Ja, da würden wir uns extrem freuen, wenn ihr da kommen würdet.

00:14:56.380 --> 00:15:04.280
 Also, wie gesagt, das ist am 10. Juni, Samstag, den 10. Juni, um 20.45 Uhr zur Primetime im blauen Salon.

00:15:04.280 --> 00:15:06.760
 Zumindest ist das jetzt derzeit auf dem Plan.

00:15:06.760 --> 00:15:12.820
 Das ist einer dieser Vortragsräume, da kommt ihr einfach vorbei und ja, genau.

00:15:12.820 --> 00:15:15.780
 Habt Spaß und treffen wir uns auch noch.

00:15:15.780 --> 00:15:17.720
 Und man trifft sich danach und davor dort, genau.

00:15:18.380 --> 00:15:24.460
 Ja, und dann, wir bleiben auch bei der GPN noch kurz, weil du machst ja auch noch was.

00:15:24.460 --> 00:15:29.860
 Ja, wir hatten ja, das war ja auch, glaube ich, im Podcast, haben wir auch darüber gesprochen,

00:15:29.860 --> 00:15:37.460
 ich habe mich für ein DJ-Set beworben bei der GPN, weil das ging auch, die haben nicht nur einen Call for Papers,

00:15:37.460 --> 00:15:42.180
 die haben auch so einen Call for DJs oder so, weiß ich nicht, ob man das so nennt, ob das so hieß, gehabt.

00:15:42.180 --> 00:15:46.180
 Und ich habe schon seit vielen, vielen Jahren immer mal wieder gedacht, das wäre doch geil, mal aufzulegen,

00:15:46.880 --> 00:15:58.040
 aber nicht irgendwas, sondern halt so 90er-Euro-Dance-Trash-Kram, einfach weil ich dafür ein Herz habe.

00:15:58.040 --> 00:16:04.780
 Also, und andere würden das nennen Guilty Pleasures oder sowas wie, ja, das darf man sich ja nicht trauen,

00:16:04.780 --> 00:16:06.620
 zu sagen, dass man sowas gut findet.

00:16:06.620 --> 00:16:12.300
 Ich finde es total gut, ich habe da mega Spaß dran und genau, habe ich mich da beworben.

00:16:12.300 --> 00:16:16.320
 Und trotz, dass ich das noch nie gemacht habe, darf ich tatsächlich da auflegen.

00:16:16.320 --> 00:16:20.360
 Allerdings ist da der Slot nicht ganz so Premium.

00:16:20.360 --> 00:16:26.380
 Das ist dann Donnerstags, also den 8. Juni, das ist allerdings ein Feiertag.

00:16:26.380 --> 00:16:28.120
 Ja, Feiertag, da könnt ihr alle kommen.

00:16:28.120 --> 00:16:29.500
 Da könnt ihr alle kommen.

00:16:29.500 --> 00:16:39.680
 Draußen beim Gulasch, also bei der Küche, von 15 bis 17 Uhr gibt es von mir Trash-90er-Euro-Dance und Guilty Pleasure.

00:16:39.680 --> 00:16:46.880
 Musik. Und wer sich nichts darunter vorstellen kann, das ist dann irgendwie so Blümchen, Backstreet Boys,

00:16:46.880 --> 00:16:48.900
 Celine, Spiers.

00:16:48.900 --> 00:16:57.280
 Genau, so, NSYNC und was sonst noch mir so einfällt an merkwürdiger Musik aus dieser Zeit

00:16:57.280 --> 00:17:02.440
 oder vielleicht auch noch Älteres oder irgendwie mitkrölbares, wofür man sich so ein bisschen schämt,

00:17:02.500 --> 00:17:06.940
 aber das ist dann einfach okay. Das ist der Safe Space für die Guilty Pleasures.

00:17:06.940 --> 00:17:09.100
 Ihr dürft da hinkommen und da dürfen alle dann mitmachen.

00:17:09.100 --> 00:17:12.680
 Genau, da freue ich mich extrem drauf.

00:17:12.680 --> 00:17:17.160
 Ich habe keine Ahnung, das wird wahrscheinlich alles total schief gehen, weil ich das noch nie gemacht habe.

00:17:17.160 --> 00:17:22.760
 Ich habe mich jetzt im Vorfeld schon ein bisschen mit DJ Software und wie macht man denn sowas eigentlich?

00:17:22.940 --> 00:17:28.740
 Und natürlich auch mit Hardware auseinandergesetzt und habe dann entschieden, nee, ich kaufe mir jetzt keine Hardware dafür.

00:17:28.740 --> 00:17:32.320
 Ich habe mir schon so oft Hardware gekauft, die ich am Ende dann nur einmal verwendet habe oder so.

00:17:33.160 --> 00:17:41.040
 Diesmal bleibt es da tatsächlich irgendwie bei Audio Interface, was ich ja eh schon habe, Maus und Laptop und das soll es dann auch gewesen sein.

00:17:41.040 --> 00:17:42.560
 Und genau.

00:17:42.560 --> 00:17:44.920
 Ich bin sehr gespannt. Ich freue mich drauf.

00:17:44.920 --> 00:17:50.680
 Ja, und ich erst. Ich hoffe, dass ich, ich hoffe, dass das irgendwie halbwegs irgendwie über die Bühne bringen.

00:17:50.680 --> 00:17:56.180
 Aber es ist ja, wenn man sich ein bisschen mit Audio Technik schon auskennt, glaube ich, ist es nicht von Schaden.

00:17:56.180 --> 00:17:58.440
 Und dann schauen wir mal, was passiert.

00:17:59.580 --> 00:18:04.000
 Im Zweifelsfall bewirft mich die Küche da mit Essen. Ich habe gehört, wenn die Küche glücklich ist, ist das super.

00:18:04.000 --> 00:18:10.660
 Und die Leute, die da in der Schlange stehen zum Essen und wenn die nicht happy sind, dann drehen die einem Saft ab oder so. Ich weiß nicht genau.

00:18:10.660 --> 00:18:16.540
 Okay, ich habe noch einen richtigen Retro-Punkt.

00:18:16.540 --> 00:18:20.520
 Eigentlich haben wir ja gesagt, wir sprechen hier drüber, was wir so gemacht haben in letzter Zeit.

00:18:20.520 --> 00:18:22.580
 Das war jetzt eigentlich eine Future-Retro.

00:18:22.580 --> 00:18:25.900
 Genau, das war alles nur so Ankündigungszeug und gar keine Retro.

00:18:25.900 --> 00:18:28.880
 Aber es sind Dinge, die passiert sind, die wir dann ankündigen wollten.

00:18:29.140 --> 00:18:37.400
 Jedenfalls habe ich im Stream schon mal gesagt, ich habe nachgefragt, ob ich meine Ideen habe.

00:18:37.400 --> 00:18:39.800
 Weil ich möchte gerne so einen kleinen Service bauen.

00:18:39.800 --> 00:18:42.520
 Geht so ein bisschen um Mental Health und so.

00:18:42.520 --> 00:18:46.680
 Das haben wir, glaube ich auch, ich weiß nicht, ob ich es hier schon mal auch besprochen habe im Zuge der BT-Conf.

00:18:47.640 --> 00:18:49.480
 Und ich will aber die Daten gar nicht speichern.

00:18:49.480 --> 00:18:54.140
 Ich will mich gar nicht um DSGVO kümmern wollen und ich will auch gar keine Daten haben.

00:18:54.140 --> 00:19:00.320
 Also das sind ja auch teilweise dann wirklich persönliche Daten, wenn man so einen Mental Health Diary dafür, die will ich gar nicht haben.

00:19:00.320 --> 00:19:02.800
 Ich will die gar nicht zu Geld machen und ich brauche die nicht.

00:19:02.800 --> 00:19:03.880
 Ich habe da gar kein Interesse dran.

00:19:03.880 --> 00:19:05.500
 Und jeder soll eigentlich seine Daten haben.

00:19:06.180 --> 00:19:14.300
 Und dann kam mir so die Idee, warum nicht so, jeder hat eigentlich schon so sein Cloud Storage, warum das nicht irgendwie einbinden.

00:19:14.700 --> 00:19:17.680
 Und habe dann geguckt, gibt es da APIs?

00:19:17.680 --> 00:19:18.700
 Ja, die gibt es.

00:19:18.700 --> 00:19:23.080
 Dropbox, Google Drive, theoretisch auch iOS, iCloud.

00:19:23.080 --> 00:19:26.660
 Wenn man denn Lust hat, da irgendwie Geld zu bezahlen, was ich nicht habe.

00:19:26.660 --> 00:19:28.660
 Aber genau.

00:19:28.660 --> 00:19:30.280
 Und habe dann mal geguckt, geht es da nicht was?

00:19:30.280 --> 00:19:35.040
 Und ich habe irgendwie nichts gefunden, wo man so out of the box sagen kann, hier verknüpft das.

00:19:35.040 --> 00:19:39.940
 Und deswegen habe ich die Idee gehabt, das selber irgendwie so als Library zu schreiben.

00:19:39.940 --> 00:19:42.200
 Habe da auch schon ein bisschen mit rumprogrammiert.

00:19:42.940 --> 00:19:47.920
 Also so, dass du im Endeffekt sagst, okay, verknüpft das mit der Dropbox, verknüpft das mit Google Drive.

00:19:47.920 --> 00:19:50.900
 So wie man es kennt von manchen Apps, die das machen, die ihre Daten da speichern.

00:19:50.900 --> 00:19:55.380
 Aber halt gedacht für Web-Apps und für so, oder PWAs.

00:19:55.380 --> 00:20:01.840
 Und damit ich halt gar keinen, ich brauche keine gescheite Datenbankinfrastruktur und Firebase und schlag mich tot.

00:20:01.840 --> 00:20:03.680
 Weil wie gesagt, ich will die Daten gar nicht haben.

00:20:03.680 --> 00:20:06.420
 Und dann habe ich mal angefangen, mich so ein bisschen einzulesen.

00:20:06.420 --> 00:20:08.200
 Dropbox-AP, Google Drive-AP.

00:20:08.200 --> 00:20:10.360
 Und das läuft ja alles über OAuth.

00:20:10.580 --> 00:20:13.480
 Ich habe übrigens auch einen Vortrag bei der Rudash-Programmier-Nacht darüber.

00:20:13.480 --> 00:20:18.560
 Und das ist ja dieses, ja, meld mich an mit diesem Konto.

00:20:18.560 --> 00:20:21.640
 Also mit Google anmelden, mit Facebook anmelden, mit Twitter anmelden, man kennt es ja.

00:20:21.640 --> 00:20:24.900
 Und darüber authentifiziert man das.

00:20:24.900 --> 00:20:26.700
 Also man klickt dann da drauf, ja, bitte verlinken.

00:20:26.700 --> 00:20:31.080
 Dann fragt einen das, okay, die App möchte bitte auf dein Dropbox-Konto zugreifen.

00:20:31.080 --> 00:20:32.920
 Mit den Rechten möchtest du das autorisieren?

00:20:32.980 --> 00:20:37.540
 Dann klickt man ja und dann, ne, also, naja, OAuth brauche ich, glaube ich, nicht erklären, ne?

00:20:37.540 --> 00:20:39.260
 Und, äh.

00:20:39.260 --> 00:20:40.340
 Weiß jeder, wie es funktioniert.

00:20:40.340 --> 00:20:44.260
 Ja, nicht andere Hut, aber ich meine, man kennt das ja eigentlich inzwischen von allen Anbietern.

00:20:44.260 --> 00:20:45.400
 Wenn nicht, habe ich es jetzt kurz im Rissen.

00:20:45.400 --> 00:20:46.820
 Genau.

00:20:46.820 --> 00:20:48.740
 Aber jetzt zur technischen Implementierung.

00:20:48.740 --> 00:20:55.280
 Eigentlich müsste man doch denken, so eine API, straightforward, und das gibt ein SDK, und das SDK übernimmt einem alles.

00:20:55.380 --> 00:21:04.620
 Und ich sage einfach nur, okay, trigger die Authentifizierung, sobald die Authentifizierung da ist, äh, macht das, äh, führt das Callback aus und fertig.

00:21:04.620 --> 00:21:10.280
 Das wäre so meine Wunschvorstellung, wie das Anbinden von solchen APIs funktioniert.

00:21:10.280 --> 00:21:13.780
 Und ich weiß aus leidlicher Erfahrung, dass das nicht so ist.

00:21:13.780 --> 00:21:23.180
 Äh, ich habe mich so oft schon mit der PayPal, ähm, API mich rumgeärgert, weil ich versucht habe, die selber anzubieten und halt nicht irgendeinen fertigen Zahlungsprovider.

00:21:23.820 --> 00:21:29.660
 Und dann sind die, die Sandbox-Server, äh, sind langsam und Dinge funktionieren einfach nicht so wie in der Anleitung.

00:21:29.660 --> 00:21:34.140
 Und dann dachte ich, okay, aber das ist vielleicht ja nicht das Maß aller Dinge, andere machen das bestimmt besser.

00:21:34.140 --> 00:21:39.000
 Und so auf den ersten Blick sah jetzt Dropbox, ähm, auch deutlich verständlicher aus.

00:21:39.000 --> 00:21:44.680
 Ähm, aber im Endeffekt ist es halt auch wieder, es gibt dann ein Dropbox-SDK, da muss man erstmal gucken.

00:21:44.680 --> 00:21:51.240
 Es gibt irgendwie eins natürlich, äh, das dann irgendwo fremd gehostet ist und es gibt eins, das kann ich über NPM installieren.

00:21:51.780 --> 00:22:01.200
 Und dann funktionieren aber teilweise die Einbindungen von dem, äh, von dem Gehosteten und das von dem NPN, äh, NPM wird, ähm, wird anders angesprochen.

00:22:01.200 --> 00:22:06.840
 Und dann findest du Code-Beispiele für das eine und es funktioniert dann aber mit dem anderen nicht und umgekehrt.

00:22:07.520 --> 00:22:18.020
 Und, äh, und außerdem ist es halt nicht so, dass das SDK für dich alles abnimmt, sondern das SDK, was das eigentlich nur rappt, sind die, ähm, die, die REST-Requests.

00:22:18.020 --> 00:22:31.380
 Ähm, aber diese ganze Sache mit, okay, du leitest dann dahin und wenn du dann zurückgeleitet wirst, dann hängt da ein Query-Parameter an der URL an, wo dann dieser, äh, Auth-Token drin ist, äh, den du dann wiederum verwenden kannst.

00:22:31.380 --> 00:22:36.000
 Ähm, äh, Refresh-Token vielleicht noch dabei, den du dann verwenden kannst, um einen neuen Auth-Token zu, äh, zu generieren.

00:22:36.000 --> 00:22:45.140
 Und, also ich hätte halt zumindest erwartet, dass das Auslesen aus der, aus dem Query-Parameter, dass, dass ich einfach irgendwie ein Callback zurückbekomme und da steht dann drin, das ist jetzt dein Auth-Token.

00:22:45.220 --> 00:22:55.180
 Aber nein, ich muss tatsächlich, die haben da eine eigene Util-Library sich geschrieben für die Examples alleine schon, wo ich denke, dann packt's doch einfach ins SDK rein.

00:22:55.180 --> 00:23:07.360
 Aber nein, ich muss das Parsen aus dem, aus dem Parameter dann selber übernehmen und, und den ganzen Kram halt, was ich wo hinschicke und das, dann, das Refresh-Token hat eine Ablaufzeit und dann muss ich da drauf achten.

00:23:07.440 --> 00:23:12.740
 Wenn das abgelaufen ist, muss ich's wieder mit hinschicken, damit ich den neuen Auth-Token bekomme und so weiter und so fort.

00:23:12.740 --> 00:23:18.480
 Und das ist so nervig, ich weiß gar nicht, also haben die Leute kein Interesse, dass man das Zeug einbindet, weil dann würden sie's, glaub ich, einfacher machen.

00:23:18.480 --> 00:23:21.740
 Und mit Google Drive fang ich erst gar nicht an.

00:23:22.060 --> 00:23:36.700
 Also wer schon mal bei Google-Diensten irgendwas versucht hat mit API-Keys und so, das ist immer ein Graffel, überhaupt so rauszufinden, welches jetzt der richtige ist und du hast dann diese Konsole da und dann gibt's verschiedene Authentifizierungsmöglichkeiten.

00:23:36.700 --> 00:23:57.420
 Aber ich hab's jetzt zumindest so weit, dass ich Dropbox verknüpfen kann und ich kann Dateien hochladen, ich kann Dateien runterladen, ich kann sogar einen Sync-Request, also läuft dann im Hintergrund mit einem Timeout von fünf Minuten oder was, läuft ein Request und das beendet sich quasi erst, wenn eine Dateiänderung festgestellt wurde.

00:23:57.420 --> 00:24:12.400
 Und nach Ablauf starte ich halt ein neues Request und so kann ich dann halt wirklich auch live synken, das funktioniert, also wirklich, ich speichere die Datei auf dem Computer und dann krieg ich im Browser drei Sekunden später, wenn das gesynkt ist, ein Aktualisierungs-Icon angezeigt und dann wird's automatisch gesynkt.

00:24:12.400 --> 00:24:25.320
 Und das Ziel ist halt, warum mach ich das überhaupt, man könnte auch sagen, man speichert sich einfach die Sachen irgendwie als JSON-Objekt in der JSON-Datei auf dem Rechner ab, aber ich will das ja gesynkt haben zwischen den Devices, das ist der eigentliche Grund, warum ich diese ganze Geschichte überhaupt mach.

00:24:26.380 --> 00:24:35.120
 Und das funktioniert jetzt soweit und ich hab jetzt vor, das in eine Library zu packen, hab sogar auch schon einen lustigen, coolen Namen dafür, den ich aber jetzt noch nicht verrate, damit mir keiner den NPM-Platz wegschnappt.

00:24:35.120 --> 00:24:42.040
 Und wenn das soweit ist, dann, ja, werd ich's hier auch nochmal vorstellen.

00:24:42.040 --> 00:24:43.980
 Also eine Library für diesen Zugriff?

00:24:43.980 --> 00:24:56.340
 Für einfach verschiedene Anbieter, also erstmal Dropbox und Google Drive, weil ich die halt einfach ohne was zu zahlen selber nutzen kann, wo du einfach nur deine, deine, dein Client, nee, Client-ID heißt das,

00:24:56.340 --> 00:25:09.040
 was man sich da mal anlegen muss für jede App oder App-ID, mal manchen, die man da einfach nur reinhängt als Konfiguration und dann sagst du, okay, speicher mir die Settings, lade mir die Settings, synk die Settings und dann hast du die automatisch da drin.

00:25:09.780 --> 00:25:23.160
 Ich hab gerade mal nach iCloud geguckt, weil da hattest du ja auch irgendwie schon mal geschaut und hab jetzt ein, weiß nicht, wie gut es funktioniert und ob es, warte mal, ist das noch maintained, da sieht so aus.

00:25:24.520 --> 00:25:38.400
 Ja, es gibt ein GitHub-Projekt, das heißt iCloud-RP und das ist auch ein NPM-Package, NPM-Install-Apple-iCloud und das scheint das zu machen irgendwie, das scheint so ein Rapper genau das zu sein.

00:25:38.400 --> 00:25:42.160
 Ja, aber vermutlich brauch ich halt auch wieder so einen Dev-Zugang, um das überhaupt testen zu können, ne?

00:25:42.880 --> 00:25:51.120
 Da steht, dass das in-official iCloud-RP ist und das weiß ich nicht, vielleicht brauchst du es gar nicht.

00:25:51.120 --> 00:25:54.700
 Kannst du mir gerne mal schicken, dann schau ich mir das mal an.

00:25:55.000 --> 00:26:01.000
 Ja, keine Ahnung, ohne Garantie, ich hab noch, das war jetzt, der hat nur ganz schnell mal ergoogelt, ich schick's dir tatsächlich jetzt direkt.

00:26:01.000 --> 00:26:09.460
 Ich tue es auch mal in die Shownotes, dann kann man ja, das der Vollständigkeit halber, warte mal, ist es natürlich jetzt in der falschen Liste.

00:26:09.460 --> 00:26:13.380
 So, zack, jetzt ist es richtig.

00:26:13.380 --> 00:26:21.920
 Genau, kannst ja mal gucken, das sieht irgendwie schon vielversprechend aus, irgendwie mit Login und keine Ahnung, ob man dafür dann nochmal extra einen Key braucht.

00:26:21.920 --> 00:26:31.060
 E-Mail und Passwort ein. Ja, da wird's halt dann schwierig, weil das Passwort will ich eigentlich auch nicht speichern.

00:26:31.060 --> 00:26:34.920
 Das Passwort von irgendwelchen Dritt, achso, die willst du eigentlich gar nichts.

00:26:34.920 --> 00:26:40.700
 Also, die User müssten dann, ich müsste ja den Username und das Passwort dann im Local Storage, im Klartext speichern.

00:26:40.700 --> 00:26:42.180
 Ja, das will man natürlich nicht.

00:26:42.180 --> 00:26:44.400
 Nee, das kann ich nachvollziehen.

00:26:44.400 --> 00:26:51.740
 Eigentlich willst du ja nur so eine, auf so einen Knopf drücken zur Authentifizierung, so wie man das kennt von anderen, von diversen Services.

00:26:51.740 --> 00:26:55.480
 Ja, diese O-Ausgeschichten, damit du halt nur einen Token speicherst und nicht irgendwelche Zugangsdaten.

00:26:55.480 --> 00:26:55.840
 Genau.

00:26:55.840 --> 00:26:56.520
 Ja.

00:26:56.520 --> 00:26:59.940
 Naja.

00:26:59.940 --> 00:27:00.400
 Okay, gut.

00:27:00.400 --> 00:27:02.200
 Genau, aber wie gesagt, also da bin ich jetzt gerade dran.

00:27:02.200 --> 00:27:02.760
 Ah, schöne Idee.

00:27:02.760 --> 00:27:04.900
 Ja, hätte ja funktionieren können.

00:27:04.900 --> 00:27:06.620
 Gut.

00:27:06.620 --> 00:27:08.500
 Das war's.

00:27:08.500 --> 00:27:11.400
 Okay, dann ist die Redco durch.

00:27:11.400 --> 00:27:14.160
 Mit, mit, mit, mit, mit die.

00:27:15.700 --> 00:27:17.980
 Die Property der Woche.

00:27:17.980 --> 00:27:21.580
 Ja, wir kriegen es einfach nicht hin.

00:27:21.580 --> 00:27:23.480
 Mit der Dramatik.

00:27:23.480 --> 00:27:29.520
 Es ist vielleicht einfach, vielleicht muss man den Jingle ändern, damit wir es hinkriegen.

00:27:29.520 --> 00:27:35.600
 Wir machen der Property der Woche einfach und dann kann ich sagen, mit der Property der Woche.

00:27:35.600 --> 00:27:37.920
 Aber dann, wenn du das, dann werde ich es anders sagen.

00:27:37.920 --> 00:27:42.020
 Aber dann musst du es aber, dann musst du es aber immer sagen vorher, weil sonst ergibt es überhaupt gar keinen Sinn.

00:27:42.020 --> 00:27:43.280
 Nee, nee, wir lassen das so.

00:27:43.280 --> 00:27:45.560
 Jetzt kommt der Property der Woche.

00:27:47.820 --> 00:27:56.120
 Ja, Property der Woche und zwar was, ganz, ganz heißer Scheiß hier, ähm, hast du nämlich gestern im Stream, ähm, angesprochen.

00:27:56.120 --> 00:28:04.920
 Da hast du so einen Artikel geteilt von Chrome Developers, so, äh, neue CSS-Sachen, äh, die da auf dieser IO-Konferenz, äh, irgendwie vorgestellt wurden.

00:28:04.920 --> 00:28:13.600
 Und wir haben rausgefunden, wir haben einen Großteil davon tatsächlich schon hier im Stream, äh, im Podcast, ähm, auch schon zumindest mal angekratzt.

00:28:13.600 --> 00:28:19.860
 Und so zwei, drei Sachen waren dabei, wo wir tatsächlich dachten, na, okay, das ist so neu, das haben wir noch nicht besprochen.

00:28:19.860 --> 00:28:22.360
 Aber teilweise auch noch in keinem Browser unterstützt.

00:28:22.360 --> 00:28:29.820
 Also der Artikel heißt, what's new in CSS and UI, IO, 2023 Edition von Chrome Developers.

00:28:29.820 --> 00:28:32.300
 Nur zur Vollständigkeit halber, kommt aber auf jeden Fall auch in die Show Notes.

00:28:32.300 --> 00:28:33.240
 Genau, kommt auch in die Show Notes.

00:28:33.240 --> 00:28:41.040
 Und, ähm, eine Sache habe ich mir jetzt rausgepickt, die ich dann heute mir mal angeschaut habe, und das ist die Pop-Over-API.

00:28:42.040 --> 00:28:47.280
 Und die erinnert, wenn man das so das erste Mal sieht, sehr stark an das, äh, Dialog-Element.

00:28:47.280 --> 00:29:00.400
 Aber der entscheidende Unterschied ist, dass diese Pop-Overs, ähm, also so Dialogs haben oft dann einfach irgendwie, ne, ist ein Text drin und du hast dann, also was man früher mit einem Alert vielleicht gemacht hat, und du hast dann Buttons und kannst dann Dinge bestätigen.

00:29:00.400 --> 00:29:06.400
 Und es ist halt, äh, farblich abgehoben, ähm, und überlagert die Seite und dann musst du es schließen, wenn du es weghaben willst.

00:29:06.400 --> 00:29:15.940
 Und diese Pop-Over, die sind ähnlich, aber standardmäßig, oder nicht nur standardmäßig, sondern generell schließen die, wenn du außerhalb irgendwo hinklickst.

00:29:16.060 --> 00:29:22.240
 Also das sind dann Sachen, die nicht, ähm, die, die, die User-Attention so komplett da drauf lenken sollen und du kommst da gar nicht mehr raus.

00:29:22.240 --> 00:29:28.820
 Also das ist eben kein Model, sondern es ist einfach nur ein, ein Overlay, das auch standardmäßig nicht irgendwie, äh, eine Hinterlegung hat.

00:29:29.000 --> 00:29:47.280
 Nicht so ein Background, der alles überlagert, ähm, kann man aber auch machen, sondern es ist eben, also als Beispiel hatten die einen Kalender und du klickst dann drauf und dann hast du, oder du sagst irgendwie einen neuen, neuen Eintrag hinzufügen und dann hast du so ein, äh, ein Fensterchen, wo du dann Advent, äh, Event-Title eingeben kannst, Zeit und so weiter.

00:29:47.280 --> 00:29:49.640
 Oder, ähm, also für sowas wäre das zum Beispiel gedacht.

00:29:49.640 --> 00:29:55.900
 Wobei ich mir dann denke, äh, will ich das, dass man das wegklicken kann, ohne die Änderungen zu speichern?

00:29:55.900 --> 00:29:58.760
 Eigentlich würde ich da vielleicht auch eher einen Dialog erwarten.

00:29:58.760 --> 00:30:00.260
 Aber gut, es gibt das jedenfalls.

00:30:00.260 --> 00:30:05.960
 Und der Chrome unterstützt das seit, äh, 113, glaube ich.

00:30:05.960 --> 00:30:12.460
 Ähm, und das heißt, es ist, äh, ich weiß gar nicht, äh, was die aktuelle Chrome-Version ist.

00:30:12.460 --> 00:30:15.580
 Ähm, ich glaube, das ist noch 112.

00:30:16.400 --> 00:30:20.160
 Und das andere ist dann Dev-Channel oder, oder, äh, Canary-Channel.

00:30:20.160 --> 00:30:24.660
 Hm, mein Brave ist jetzt gerade auf Chromium 113.

00:30:24.660 --> 00:30:27.700
 Ah, dann könnte es da vielleicht sogar schon funktionieren.

00:30:27.700 --> 00:30:30.560
 Dann öffne ich einfach mal, also vorhin, äh,

00:30:30.560 --> 00:30:39.240
 Der sagt mir jetzt gerade, er ist 113, was, Achtung, Achtung, lange Nummer, 113.0.5672.92.

00:30:39.240 --> 00:30:45.800
 Dann scheint es, äh, dann scheint es erst bei der Update 114 zu funktionieren, weil die 113, wenn wir hier,

00:30:46.000 --> 00:30:49.860
 Ähm, die macht es noch nicht. Ähm, ich habe nämlich eine Demo gebastelt.

00:30:49.860 --> 00:30:50.660
 Hm.

00:30:51.180 --> 00:30:58.920
 Die könnt ihr euch dann im, äh, Chrome-Canary- oder Dev-Bild anschauen, weil in den, äh, Hauptbilds funktioniert es noch nicht.

00:30:58.920 --> 00:31:01.580
 Ähm, und da ist einfach ein kleiner Button.

00:31:02.160 --> 00:31:11.720
 Ich beschreibe es jetzt mal für die, die keinen, äh, Canary drauf haben, ein kleiner Button und da klicke ich drauf und dann öffnet sich so ein, so ein Pop-Over eben, so eine zentrierte, äh, Mitteilung.

00:31:11.720 --> 00:31:18.100
 Ähm, die habe ich dann farblich noch ein bisschen hinterlegt. Ähm, warte mal, jetzt muss ich selber erstmal den Canary hier öffnen.

00:31:18.600 --> 00:31:23.400
 Und ich habe da so ein bisschen gezeigt, was, was da alles, äh, möglich ist.

00:31:23.400 --> 00:31:24.260
 Aha, nice.

00:31:24.260 --> 00:31:33.460
 Ähm, was das Styling angeht, aber auch, was man mit Add-Support-Query, ähm, als Feature-Detection machen kann, um dann eventuell noch ein JavaScript-Fallback zu schaffen.

00:31:33.460 --> 00:31:58.160
 Und es gibt, äh, auch per JavaScript natürlich die Möglichkeit, es zu detecten, also indem ich sage, äh, if not, also auf Ausrufzeichen Toggle-Popover in Document.body, weil jedes HTML-Element, ähm, Element in der Seite, und dazu gehört ja auch das Body-Element, hat eben einen, äh, eine Toggle-Popover-Methode, wenn der Browser das unterstützt.

00:31:58.160 --> 00:32:02.680
 Und dadurch kann ich per JavaScript auch programmatisch diese, äh, diese Popover triggern.

00:32:03.460 --> 00:32:16.420
 Ah, warte mal. Ah, ich glaube, ich habe jetzt, äh, Moment, ich habe, ich habe die falsche Demo gerade aufgemacht. Ich habe gerade, das war gerade gar nicht deine. Sehe ich gerade. Ah ja, jetzt habe ich deine. Ah, das ist ja nice. Cool. Natürlich in pink.

00:32:16.420 --> 00:32:45.360
 Und das schließt sich halt eben, wenn ich außerhalb hinklicke, oder ich habe einen, einen Button drin, ähm, der das dann schließt. Und, äh, verknüpfen kann ich Buttons, ähm, und diese Popovers mit Popover-Target-Attribut. Und da ist dann eine ID drin, und die ID entspricht dann zum Beispiel einem Diff, oder was auch immer, äh, was dann das Attribut Popover hat. Ähm, und dann, äh, also das Diff hat eine ID, und die ID ist in, äh, dem Popover-Target von dem Button.

00:32:45.420 --> 00:32:48.520
 Das ist ja nice. Und das Element selbst braucht eben nochmal einen Popover-Attribut.

00:32:48.520 --> 00:33:00.580
 Da reicht also tatsächlich einfach nur HTML, ich muss einfach nur ein Button-Element haben mit einem Popover-Target, was eine gültige ID ist, und das reicht schon, um das zu, um das zu eröffnen.

00:33:00.580 --> 00:33:04.500
 Ja, das Element mit der ID braucht eben noch das Popover-Attribut, damit es auch wirklich ein Popover ist.

00:33:04.620 --> 00:33:19.540
 Okay, ja, genau. Aber das, das, das, das ist doch mega fancy. Ist das geil? Ist das geil? Also ich hab's jetzt gerade offen in Chrome Canary, und, äh, das ist, das ist so cool, weil das, das wollte man schon immer so einfach haben.

00:33:19.720 --> 00:33:29.100
 Was gibt es für wahnsinnige JavaScript-Libraries, die versuchen, dieses Verhalten nachzubilden? Ähm, nein, nachzubilden, ne, die, die halt das machen, das ging halt nicht anders die ganze Zeit.

00:33:29.660 --> 00:33:35.500
 Also find ich super abgefahren. Also jetzt, wo ich, wo ich's ja ausprobiere und, äh, grad so ein bisschen Hands-on mach, das ist ja total cool.

00:33:35.500 --> 00:33:40.460
 Ähm, und die andere Demo, ähm, die da noch dabei ist, ich nehm's jetzt mal nicht vorweg.

00:33:40.460 --> 00:33:54.280
 Genau, ich hab nämlich in diesem Artikel, äh, da war nämlich noch, da ging's, da war noch was mehr, was man machen kann. Also nicht einfach nur, ich hab das Ding standardmäßig zentriert in der Seite, sondern ich will das ja vielleicht auch positionieren, relativ zu dem Element, wo ich draufklicke.

00:33:55.020 --> 00:34:06.820
 Und das hab ich dann versucht, selber zu basteln und hab dann irgendwann, äh, aufgehört zu versuchen, zu, zu verstehen so genau und hab mir dann lieber deren Demo nochmal genauer angeguckt.

00:34:06.820 --> 00:34:17.900
 Deswegen hab ich dann auch die Demo einfach verlinkt, statt es jetzt selber noch bei mir reinzukloppen. Da kommen nämlich gleich mehrere neue Sachen, die es so in der Art noch nicht gab bisher in CSS, äh, kommen da zum Tragen.

00:34:18.500 --> 00:34:28.820
 Und zwar kann ich dem, ähm, dem Pop-Over-Element, kann ich ein CSS-Attribut geben, das heißt Position minus Fallback.

00:34:30.180 --> 00:34:37.860
 Und dann ist da drin was, was aussieht wie ein Custom-Property, also in dem Fall minus, minus, top, minus, then, minus, bottom.

00:34:37.860 --> 00:34:51.820
 Und das definiere ich aber wie ein, ähm, äh, Animation, also Keyframe mit add Position minus Fallback und dann eben dieses Keyword minus, minus, minus, top, then, bottom.

00:34:51.820 --> 00:34:59.920
 So, und da drin ist gleich die nächste Neuerung, da gibt's nämlich einen Try-Block, also add Try und geschweifte Klammern draußen rum.

00:34:59.920 --> 00:35:17.240
 Und diese Try-Blocks, äh, Blöcke werden der Reihe nach abgearbeitet und es wendet die Regeln da drin auf das Pop-Over-Element an und guckt, passt das Pop-Over-Element, äh, in diesem Zustand überhaupt in den Viewport oder steht das irgendwo raus.

00:35:17.560 --> 00:35:26.880
 Und falls es nicht in den Viewport passt, nimmt es den nächsten Try-Block, also es ist so ein bisschen wie Try-Catch oder wie If-Else-Abfragen verschachtelt, nur in CSS.

00:35:26.880 --> 00:35:34.900
 Und in diesen Try-Blocken, also es ist jetzt wieder, ohne, ohne das zu sehen, ist es wieder so blöd, das alles zu beschreiben, also Demo angucken.

00:35:34.900 --> 00:35:40.960
 Ähm, und da drin ist noch was Neues, das ist die dritte, äh, Neuerung, nämlich eine CSS-Funktion namens Anchor.

00:35:41.600 --> 00:35:56.600
 Und da kann ich dann als, ähm, Attribut übergeben, Top, Bottom, Center, ähm, oder auch Left und Right und kann das dann wiederum nutzen, um das Left, Top, Right, Bottom Attribut zu setzen.

00:35:57.740 --> 00:36:11.560
 Und so funktioniert das dann eben, dass ich sage, ähm, okay, ordne dieses Pop-Over zentriert mittig, also mittig und unten, also Anchor, äh, Bottom für, für, für, für Bottom oder Anchor Top, je nachdem, wo ich's haben will.

00:36:11.900 --> 00:36:24.300
 Und dann eben Left, Anchor, Center, ähm, und dann ordnet sich das so an, dass es oben drüber steht, über diesem, so ein Fragezeichen-Button in dem Fall, oder eben, wenn das nicht klappt, dann ordne es unten drunter an.

00:36:24.300 --> 00:36:33.620
 Und sogar mit Calc noch in dem Fall, mit nem Spacing, das da irgendwie in der Custom-Property gespeichert ist, also es ist schon echt krass, das ist schon, das sieht schon nicht mehr aus wie CSS.

00:36:33.620 --> 00:36:50.600
 Ich würde, ich glaube, ich wollte, ich möchte eine Vorhersage treffen, äh, korrigiert mich genau, ihr dürft, ich werde das bei der nächsten Folge schon vergessen haben, dass ich die gemacht habe, das heißt, äh, wenn ich, wenn irgendwann jemand sagt, ha, der hatte doch nicht recht, äh, dann müsst ihr nochmal auf diese Folge verweisen und mir dann Bescheid sagen.

00:36:50.600 --> 00:36:58.760
 Ich treffe jetzt die Vorhersage, das wird so, also ich find's funky, dass das alles geht mit CSS, aber ich glaube, das wird so nicht in den Standard kommen.

00:36:58.760 --> 00:37:16.680
 Das ist so weit weg von CSS, wie ich's kenne, also so viel Neues auf einmal, ähm, ich find's saugeil, dass das geht, ich glaube aber, ich hab so ein Gefühl, das wird so nicht in den Standard kommen, das wird nochmal, das wird nochmal eine andere Notation bekommen.

00:37:18.200 --> 00:37:30.000
 Ich will grad mal gucken, äh, der Draft, ähm, ich find nicht mal den richtigen Draft dazu, ist das jetzt tatsächlich so ein, Chrome macht einfach mal, Chrome macht irgendwie mal was.

00:37:30.000 --> 00:37:34.240
 Es kann sein, dass es keinen gibt, oder das ist halt, ja.

00:37:34.240 --> 00:37:37.320
 Ich finde, ich finde gerade keinen Overdraft.

00:37:37.320 --> 00:37:45.800
 Kann es sein, dass das von OpenUI kommt, ich glaub, das war doch in diesem, also da gibt's auf jeden Fall einen, einen Artikel dazu.

00:37:45.800 --> 00:37:54.060
 Ah, doch, guck mal, hier, HTML-Spec, äh, WattWG, Popover, 6.0, äh, LastUpdate, 17 May.

00:37:54.060 --> 00:38:01.100
 Also doch, das scheint schon da, da so verankert zu sein.

00:38:01.100 --> 00:38:03.720
 Na ja, gut, Drafts kann ja jeder schreiben.

00:38:03.720 --> 00:38:04.180
 Ja, gut.

00:38:04.180 --> 00:38:06.500
 Popover-Attribute.

00:38:06.500 --> 00:38:09.480
 Ja, auch mit diesem AddTrial find ich da gar nichts dazu.

00:38:11.480 --> 00:38:23.680
 CSS-Attribute, äh, finde man tatsächlich auch nur in diesem, in Zusammenhang mit diesem Position-Fallback, CSS-Anchoring.

00:38:23.680 --> 00:38:25.940
 Ah ja, okay, hier, W3, oje.

00:38:25.940 --> 00:38:35.680
 Kann das sein, dass das einfach, das könnte sein, dass das unterschiedliche Standards sind, die da dann zusammenkommen und die unabhängig voneinander, glaub ich, erstmal laufen, aber die, wenn wir zusammenspielen sollen.

00:38:35.680 --> 00:38:50.820
 Weil ich meine, man könnte ja jetzt zum Beispiel dieses Popover-Ding ohne, äh, dieses Funky-Positioning schon mal mit reinnehmen und sagen, na ja, das hat jetzt halt so eine Basis-Funktionalität, äh, und dann später kannst du halt dieses Funky-Positioning mit diesem Trial noch machen.

00:38:51.040 --> 00:38:57.300
 Also dieses Anchor-Positioning kann ich sagen, das ist ein Editor-Draft. Sprich, da kann sich noch viel ändern.

00:38:57.300 --> 00:38:58.440
 Ja.

00:38:58.440 --> 00:38:59.260
 Ja.

00:38:59.260 --> 00:39:13.580
 Also ich bin sehr gespannt. Ich finde das, ich finde das eine saugeile Funktionalität. Ähm, ich hätte das gerne, weil das, das würde so viel, das würde so viele Probleme lösen, die derzeit mit, mit Heavy-Java-Skript erschlagen werden.

00:39:13.720 --> 00:39:18.200
 Wenn das eine Browser-Standard, äh, wenn es dafür einen Browser-Standard gäbe, das finde ich wirklich fantastisch.

00:39:18.200 --> 00:39:25.180
 Und eins habe ich aber noch nicht ganz verstanden. Und zwar dachte ich, na, wenn ich jetzt dieses Fragezeichen-Icon in der Demo einfach mehrfach untereinander kopiere,

00:39:25.180 --> 00:39:37.580
 dann würde ich erwarten, und sag mir mal, ob ich da falsch liege, dass die Popovers, die dann aufgehen, auch immer relativ zu dem Button, ähm, positioniert sind,

00:39:37.580 --> 00:39:42.260
 den ich benutzt habe, um das Popover aufzuklappen. Und das tut's aber nicht.

00:39:43.720 --> 00:39:52.920
 Also es geht immer an der gleichen Stelle oben auf. Und das macht für mich irgendwie schon wieder keinen Sinn, weil ich mir denke, na, aber das ist doch genau dafür gedacht, dass es relativ zu dem Opener aufgeht, oder?

00:39:52.920 --> 00:40:03.180
 Ähm, kann das sein, dass die Kalkulation von der Position, das immer an der Richter, an derselben, nee, das soll ja eigentlich relativ zu dem...

00:40:03.180 --> 00:40:04.440
 Deswegen hab ich ja diesen Anchor.

00:40:04.440 --> 00:40:06.800
 Und das ist was, was ich noch nicht verstehe.

00:40:06.800 --> 00:40:13.040
 Ich hab's auch schon versucht mit, äh, indem ich dann die IDs, myTooltyp2 und 3 genannt hab und entsprechend die Targets geändert hab.

00:40:13.040 --> 00:40:13.560
 Und auch dann?

00:40:13.560 --> 00:40:14.960
 Ja, aber auch das hat nichts gebracht.

00:40:14.960 --> 00:40:16.820
 Na, dann ist das vielleicht einfach noch buggy.

00:40:16.820 --> 00:40:26.600
 Ich hab diese Position Fallback-Rule sogar dann dupliziert und umbenannt, aber es ist immer an der gleichen Stelle und irgendwie widerspricht das doch genau dem, was ich, warum ich so eine Anchor haben möchte.

00:40:26.600 --> 00:40:27.760
 Ja, weird.

00:40:27.760 --> 00:40:28.420
 Ja.

00:40:28.420 --> 00:40:30.000
 Na, das ist vielleicht einfach nur kaputt.

00:40:30.000 --> 00:40:30.300
 Ja.

00:40:31.280 --> 00:40:45.360
 Aber jedenfalls, äh, da tut sich vieles Neues und, äh, noch eine andere Geschichte, die werde ich vielleicht nächstes Mal dann als Property der Woche machen, ähm, die, die mit Scrolling zu tun hat und die wir mal in einer, äh, unserer CSS-Wunschfolgen, ähm, mal geäußert haben.

00:40:45.360 --> 00:40:50.440
 Und da werde ich mal, das werde ich mir als nächstes mal anschauen und dann werde ich da vielleicht drüber sprechen.

00:40:50.440 --> 00:40:53.000
 Aber das war's jetzt, äh, zu dieser Property.

00:40:53.000 --> 00:41:00.140
 Gut, dann kommt jetzt vielleicht, äh, vielleicht.

00:41:01.220 --> 00:41:02.200
 Werbung, oder?

00:41:02.200 --> 00:41:03.600
 Ja, kann auch machen.

00:41:03.600 --> 00:41:04.960
 Ich glaube, jetzt kommt, ich glaube, jetzt kommt Werbung.

00:41:04.960 --> 00:41:10.540
 Hey, hey du, schön, dass du da bist.

00:41:10.540 --> 00:41:12.960
 Na, öfter hier?

00:41:12.960 --> 00:41:20.520
 Dir gefällt, was du hörst und du magst es am liebsten werbefrei und unabhängig?

00:41:20.520 --> 00:41:29.600
 Dann freuen wir uns sehr über ein paar Euro in unserem digitalen Strumpfband unter www.siv.de

00:41:29.600 --> 00:41:31.340
 slash spende.

00:41:31.340 --> 00:41:40.760
 Auf pwsev.de slash unterstützen findest du noch circa 69 weitere Wege, uns zu supporten.

00:41:40.760 --> 00:41:42.600
 Wir danken dir.

00:41:48.200 --> 00:41:50.460
 Oder, um es mit anderen Worten zu sagen.

00:41:50.780 --> 00:41:54.560
 Wenn euch der Podcast gefällt, dann spendet Ken.

00:41:54.560 --> 00:42:08.960
 Jetzt geht's aber ab hier, weil wir, irgendwann gibt's einen Podcast, der nur noch aus Jingles besteht und wir sagen gar nichts mehr.

00:42:09.100 --> 00:42:13.860
 Wir drücken nur noch Knöpfe und lassen die AI für uns reden.

00:42:13.860 --> 00:42:19.480
 Genau, stimmt, da fällt mir gerade ein, bei AI für uns reden lassen.

00:42:20.420 --> 00:42:26.000
 Apple hat was angekündigt, das ist jetzt gar nicht das Geilteil, aber das ist ein zusätzliches Geilteil.

00:42:26.000 --> 00:42:40.860
 Apple hat zwar irgendwie gerade, warte mal, heute oder gestern, egal wenn ihr den Podcast hört, in der vergangenen Woche, Global Accessibility Awareness Day und dazu haben sie einige neue Accessibility Features angekündigt.

00:42:40.860 --> 00:43:10.680
 Und wenn ich's jetzt ganz dunkel in meinem Kopf noch richtig habe, haben sie tatsächlich ein Feature angekündigt, dass für Menschen, die ihr Sprechvermögen verlieren, dass sie, bevor das passiert, also wenn du irgendwie eine Behinderung hast, die irgendwie langsam fortschreitet und du immer schlechter sprechen kannst, dass du vorher deine Stimme aufnehmen kannst, also so eine gewisse Zeit lang bestimmten Text ablesen und dass du die dann quasi, also so eine AI trainierst, die dann später,

00:43:10.680 --> 00:43:11.540
 spricht wie du.

00:43:11.540 --> 00:43:16.480
 Also Service gibt's ja schon, aber dass sie das jetzt quasi direkt integrieren, krass.

00:43:16.480 --> 00:43:38.440
 Genau, das wäre dann, glaube ich, tatsächlich integriert, also so geplant, wenn ich's richtig finde, also es ist noch nicht genau, stand, glaube ich, noch nicht dabei, wann sie das, wo genau wie veröffentlichen, aber soll wohl, glaube ich, für iOS irgendwie kommen und dann könntest du tatsächlich dein Handy sprechen lassen wie du und ja, ich weiß, das ist jetzt an sich keine neue Technologie, also es gibt ja auch irgendwie schon …

00:43:38.440 --> 00:43:40.500
 Also relativ neu, aber …

00:43:40.500 --> 00:43:54.320
 Ja, ich weiß nicht, dass die Körper, die keine echten sind, wo man halt irgendwie eine AI trainiert hat mit der bestimmten Stimme und es dann eben so klingt, aber dass das dann tatsächlich irgendwie irgendwo in ein Betriebssystem integriert ist, das wäre mir zumindest neu und die Idee finde ich mega fangier.

00:43:54.320 --> 00:44:01.900
 Ja, stimmt, stimmt, extra Spezialgeilteil, was jetzt gar nicht auf der Liste stand, was mir jetzt aber bei AI noch eingefallen ist, finde ich ziemlich cool.

00:44:01.900 --> 00:44:28.900
 So, geil Teil Nummer zwei hat auch was mit Barrierefreiheit zu tun und zwar wurde vor einer Weile jetzt mittlerweile schon erneut die WebAIM Million veröffentlicht, also das ist eine Auswertung von WebAIM, das sind die, die dieses Wave Accessibility Tool, das kennt vielleicht der eine oder die andere, bereitstellen.

00:44:28.900 --> 00:44:35.600
 Die machen eine Auswertung über die Top eine Million Websites, wie barrierefrei die sind.

00:44:35.600 --> 00:44:42.060
 Das ist natürlich jetzt keine echte Auswertung im Sinne von, da sitzen echte Menschen, die das testen.

00:44:42.060 --> 00:44:53.520
 Da werden natürlich nicht alle Fehler gefunden, nicht alle Probleme, aber halt eben, es taugt schon ganz gut, so eine automatische Auswertung, um so einen groben Überblick über die Landschaft zu kriegen.

00:44:53.640 --> 00:44:56.060
 Also, wie barrierefrei ist denn das Web?

00:44:56.060 --> 00:45:03.240
 Da gibt es einen schönen Artikel dazu, der relativ lang ist und ausführlich, wo sie die Methode beschreiben.

00:45:03.240 --> 00:45:17.760
 Also, wie gesagt, die testen das mit dem Wave Tool, die ganzen Seiten werden da getestet und dann gibt es am Ende ein Ranking und du kannst, genau, also das heißt, die Seiten werden in der Reihenfolge gebracht und da gibt es dann sowas wie zum Beispiel,

00:45:17.760 --> 00:45:26.940
 Also, ich glaube, das Hauptranking-Kriterium ist dann eben Barrierefreiheitsprobleme pro HTML-Element.

00:45:27.880 --> 00:45:35.380
 Ja, also, da wird dann so ein Wert draus errechnet, so ein Prozentwert, alle wie viele HTML-Elemente habe ich denn eins, wo irgendwie ein Problem drin auftaucht.

00:45:35.380 --> 00:45:49.080
 Und dann, da das eine Million Webseiten sind, was eine Menge ist, haben die auch so ein kleines Suchformular, wo man dann seine eigene Seite eintragen kann und gucken kann, ob die da mit drin ist.

00:45:49.120 --> 00:45:54.980
 Und dann suchst du danach und dann kriegst du das Ergebnis für deine Seite und kannst sehen, auf welchem Rank du bist.

00:45:54.980 --> 00:46:04.140
 Und darüber habe ich tatsächlich, und das hat mich gewundert, das, warte mal, jetzt muss ich gerade mal gucken, ob das noch, warte mal, ist da meine Seite noch mit drin?

00:46:06.240 --> 00:46:10.460
 Weil, ich habe darüber tatsächlich mal Accessibility-Probleme auf meiner Webseite gefunden.

00:46:10.460 --> 00:46:14.920
 Genau, also, die machen das übrigens schon seit 2019.

00:46:14.920 --> 00:46:23.920
 Jedes Jahr aufs Neue, also 2019, 2021, 2022 und 2023 gibt es jetzt Wert.

00:46:23.920 --> 00:46:27.820
 Das heißt, du hast jetzt schon fünf Jahre hintereinander, wo du dann auch gucken kannst, wie entwickelt sich denn sowas.

00:46:28.340 --> 00:46:29.500
 Das finde ich total interessant.

00:46:29.500 --> 00:46:38.880
 Und ich war 2022, war ich mit meiner persönlichen Webseite, also moritzgiesemann.de, auf Rang 372.223.

00:46:38.880 --> 00:46:43.600
 Und ich habe gedacht, Moment mal, wieso, wieso?

00:46:43.600 --> 00:46:51.980
 Und dann habe ich tatsächlich mit dem Wave-Tool dann meine Seite nochmal getestet und gesagt, scheiße, das stimmt, da habe ich ja tatsächlich noch echt ein Problem, was ich vorher nicht auf dem Schirm hatte.

00:46:51.980 --> 00:47:01.400
 Habe es gefixt und jetzt habe ich null Error-Density, was ziemlich gut ist und bin auf Rang 14.000 von einer Million.

00:47:01.400 --> 00:47:13.720
 Ich finde es ja schon verrückt, dass meine Seite da überhaupt drin auftaucht, weil, dass meine Seite, auf der wirklich fast kein Inhalt ist, unter der Top-Million, ich weiß auch nicht genau, das habe ich jetzt gar nicht nachgeschaut,

00:47:14.160 --> 00:47:18.280
 wie man, welche, eine Million Webseiten die auswählen da.

00:47:18.280 --> 00:47:21.220
 Du bist schon am tippen und gucken, ob der.

00:47:21.220 --> 00:47:21.780
 Ja, ich will.

00:47:21.780 --> 00:47:23.040
 Mal gucken, ja.

00:47:23.040 --> 00:47:24.800
 Hier, Side-Looker.

00:47:24.800 --> 00:47:33.740
 Das eignet sich, also wenn ihr, wenn ihr in einer Firma arbeitet und ihr braucht, ihr wollt mal schöne Zahlen haben zur Barrierefreiheit,

00:47:33.820 --> 00:47:39.120
 weil ihr den Managern erklären wollt, dass das doch alles Mist ist und dass man da was machen muss,

00:47:39.120 --> 00:47:45.540
 dann nehmt doch mal diesen Fünf-Jahres-Verlauf her von eurer Webseite, die da dann, wenn ihr in einer größeren Firma arbeitet,

00:47:45.540 --> 00:47:48.520
 auf jeden Fall mit drin auftauchen wird in dieser Million.

00:47:48.520 --> 00:47:50.040
 Fand ich auf jeden Fall sehr schön.

00:47:50.040 --> 00:47:55.700
 Ich konnte da bei bestimmten Produkten mal nachvollziehen oder bei bestimmten Webseiten mal nachvollziehen,

00:47:55.700 --> 00:47:56.900
 wie war denn der Verlauf?

00:47:56.900 --> 00:47:57.900
 Ist es besser geworden?

00:47:57.900 --> 00:47:58.560
 Ist es schlechter geworden?

00:47:58.560 --> 00:48:03.180
 Gab es vielleicht ein Jahr, wo speziell irgendwie es viel besser oder viel schlechter geworden ist?

00:48:03.180 --> 00:48:08.420
 Da sieht man dann, da gab es neue Releases von der Seite oder vielleicht eine Klage,

00:48:08.420 --> 00:48:12.180
 dass man was barrierefreier machen muss oder so.

00:48:12.180 --> 00:48:14.580
 Auf jeden Fall da auf jeden Fall mal reingucken.

00:48:14.580 --> 00:48:21.160
 Aber auch der Artikel dazu, wo sie so ein bisschen erzählen, wie sie die Auswertung gemacht haben,

00:48:22.100 --> 00:48:27.340
 was sie so rausgefunden haben, was sind so übliche Fehler, die gefunden werden.

00:48:27.340 --> 00:48:30.280
 Wird das Web barrierefreier oder wird es irgendwie schlechter?

00:48:30.280 --> 00:48:33.300
 Also da gibt es eine Menge interessanter Zahlen.

00:48:33.300 --> 00:48:34.280
 Ich finde den Artikel super.

00:48:34.280 --> 00:48:36.160
 Auf jeden Fall da mal reingucken.

00:48:36.160 --> 00:48:39.660
 Ich hatte auch mal auf Mastodon so einen kleinen Thread gemacht,

00:48:39.660 --> 00:48:42.320
 wo ich so ein bisschen reingeschrieben habe,

00:48:42.320 --> 00:48:45.520
 was ich so an interessanten Sachen aus dem Artikel rausgezogen habe.

00:48:45.520 --> 00:48:46.880
 Aber schaut einfach mal selbst rein.

00:48:46.880 --> 00:48:48.220
 Lohnt sich.

00:48:48.420 --> 00:48:52.540
 Und wie gesagt, in das Suchfeld gern auch mal eigene Webseite eintragen

00:48:52.540 --> 00:48:54.600
 und mal schauen, ob sie mit drin ist.

00:48:54.600 --> 00:48:57.060
 Und dann könnt ihr mal gucken, wo ihr gelandet seid in diesem Ranking.

00:48:57.060 --> 00:48:58.160
 Genau.

00:48:58.160 --> 00:49:00.680
 Das war das Geilteil Nummer zwei.

00:49:00.680 --> 00:49:04.860
 Ich finde nur, also manchmal merkt es hier Sachen an,

00:49:04.860 --> 00:49:10.120
 die sind irgendwie, ah, weil wir das über einen Shadow gemacht haben.

00:49:10.120 --> 00:49:12.120
 Okay, das fällt ihm dann nicht, ja.

00:49:12.120 --> 00:49:13.800
 Very low contrast.

00:49:13.800 --> 00:49:15.040
 Ist 4-8-Design drin?

00:49:15.300 --> 00:49:16.040
 Ja, ja.

00:49:16.040 --> 00:49:19.160
 Sind irgendwie auf Rang 500.000.

00:49:19.160 --> 00:49:21.520
 Ja, schön in der Mitte.

00:49:21.520 --> 00:49:22.720
 Das ist doch gar nicht so schlecht.

00:49:22.720 --> 00:49:26.860
 Error Density von 4,63 Prozent.

00:49:26.860 --> 00:49:28.840
 Das ist nicht so schlecht.

00:49:28.840 --> 00:49:32.420
 Weil, also ich meine, klar, wir will mal null haben.

00:49:32.420 --> 00:49:35.340
 Aber Seiten, die ich mir heute angeguckt habe,

00:49:35.340 --> 00:49:39.560
 die waren mehr so bei 6 bis 10 Prozent Error Density.

00:49:39.860 --> 00:49:43.320
 Also ihr seid da mit 4 schon, das ist schon natürlich nicht super,

00:49:43.320 --> 00:49:44.240
 aber es ist schon ganz okay.

00:49:44.240 --> 00:49:48.280
 Und auch in der Liste Top Error Types Detected,

00:49:48.280 --> 00:49:49.640
 da sind nur zwei Sachen drin.

00:49:49.640 --> 00:49:51.000
 Das ist schon ganz okay.

00:49:51.000 --> 00:49:52.260
 Cool.

00:49:52.260 --> 00:49:53.700
 Könnt ihr natürlich noch mal gucken.

00:49:53.700 --> 00:49:54.340
 Ja, ja, klar.

00:49:54.340 --> 00:49:56.080
 Nee, werde ich jetzt auf jeden Fall auch angehen,

00:49:56.080 --> 00:49:57.980
 jetzt wo ich so ein cooles, einfaches Tool habe.

00:49:57.980 --> 00:49:58.600
 Genau.

00:49:58.600 --> 00:50:01.360
 Und dieses Wave-Tool, das gibt es auch als Browser-Plugin.

00:50:01.900 --> 00:50:04.080
 Was da cool ist, ist, dass man das direkt,

00:50:04.080 --> 00:50:05.540
 ohne dass man ein Plugin installieren muss,

00:50:05.540 --> 00:50:06.720
 direkt analysieren kann.

00:50:06.720 --> 00:50:09.720
 Bei jedem Link oder bei jeder Seite,

00:50:09.720 --> 00:50:12.360
 also in jeder Auswertung von jeder Seite,

00:50:12.360 --> 00:50:13.980
 die da drin ist, gibt es direkt einen Link.

00:50:13.980 --> 00:50:18.660
 Analyze, in dem Fall halt, also Domain Name using Wave.

00:50:18.660 --> 00:50:20.340
 Und dann kommst du tatsächlich auf eine Seite,

00:50:20.340 --> 00:50:23.700
 wavewebm.org, und dann wird da die Seite tatsächlich reingeladen,

00:50:23.700 --> 00:50:26.460
 ohne dass du ein Plugin oder irgendwas installieren musst.

00:50:27.960 --> 00:50:30.700
 Genau, und dann kriegst du da die Errors angezeigt.

00:50:30.700 --> 00:50:32.000
 Ich habe nur zwei.

00:50:32.000 --> 00:50:37.780
 Okay, Contrast-Errors werden da extra behandelt.

00:50:37.780 --> 00:50:38.660
 Genau.

00:50:38.660 --> 00:50:40.660
 Mir ist da auch aufgefallen,

00:50:40.660 --> 00:50:42.640
 also ich habe so ein bisschen die Methode angezweifelt,

00:50:42.640 --> 00:50:44.460
 weil ich interessante Sachen damit gefunden habe,

00:50:44.460 --> 00:50:48.580
 aber ich wurde überzeugt, dass es vielleicht doch richtig ist.

00:50:48.580 --> 00:50:51.720
 Weil das meckert, das ist sehr, sehr streng, das Tool.

00:50:51.720 --> 00:50:53.920
 Das meckert zum Beispiel auch Sachen an,

00:50:53.920 --> 00:50:56.720
 die vielleicht in dem aktuellen Zustand der Seite

00:50:56.720 --> 00:50:58.820
 überhaupt gar kein Accessibility-Problem darstellen.

00:50:58.820 --> 00:51:02.380
 Also zum Beispiel hat das angemeckert,

00:51:02.380 --> 00:51:04.680
 habe ich in einer Auswertung gesehen,

00:51:04.680 --> 00:51:07.040
 Input-Felder, die kein Label haben,

00:51:07.040 --> 00:51:09.380
 die aber überhaupt nirgends dargestellt werden,

00:51:09.380 --> 00:51:11.120
 die Display-Nanen haben,

00:51:11.120 --> 00:51:15.020
 also die überhaupt gar nicht irgendwie verwendet werden.

00:51:15.020 --> 00:51:17.960
 Das heißt, ein Screenreader oder Tastatur ignoriert die komplett.

00:51:17.960 --> 00:51:20.560
 Und das ist ja an sich auch dann,

00:51:20.560 --> 00:51:22.200
 also so aus Barrierefreiheitssicht,

00:51:22.200 --> 00:51:24.460
 wenn das jetzt nur benutzt und sichergestellt ist,

00:51:24.460 --> 00:51:28.160
 dass diese Inputs nie verwendet werden,

00:51:28.160 --> 00:51:30.100
 dann ist das komplett wurscht.

00:51:30.100 --> 00:51:32.360
 Weil die sind weg, die sind nicht vorhanden.

00:51:32.360 --> 00:51:35.300
 Also das hat es zum Beispiel angemeckert.

00:51:35.300 --> 00:51:37.060
 Kann man jetzt darüber streiten,

00:51:37.060 --> 00:51:38.640
 ob das jetzt zu streng ist oder nicht,

00:51:38.640 --> 00:51:40.400
 aber es ist auf jeden Fall ein guter Reminder.

00:51:40.400 --> 00:51:42.700
 So von wegen, überleg dir gut, brauchst du das wirklich?

00:51:42.860 --> 00:51:43.980
 Bist du dir sicher, dass das nie,

00:51:43.980 --> 00:51:45.680
 also ich bin ja auch jetzt nicht derjenige,

00:51:45.680 --> 00:51:48.880
 der die Seite geschrieben hat oder den Code geschrieben hat.

00:51:48.880 --> 00:51:52.060
 Ja, auf jeden Fall, guckt mal rein, testet mal.

00:51:52.060 --> 00:51:54.520
 Es sind auf jeden Fall spannende Ergebnisse.

00:51:54.520 --> 00:51:57.860
 Und vielleicht findet ihr noch was, was ihr fixen könnt.

00:51:57.860 --> 00:51:58.840
 Ja.

00:51:58.840 --> 00:51:59.820
 Sehr gut.

00:51:59.820 --> 00:52:01.060
 Haben wir es schon.

00:52:01.060 --> 00:52:02.200
 Dann kommt jetzt.

00:52:02.200 --> 00:52:06.480
 Das Ende.

00:52:09.640 --> 00:52:15.940
 Ja, Mensch, unter einer Stunde, das ist doch echt gut für uns.

00:52:15.940 --> 00:52:16.740
 Das ist doch kurz, ne?

00:52:16.740 --> 00:52:18.360
 Haben wir doch versprochen.

00:52:18.360 --> 00:52:19.620
 Ja, stimmt.

00:52:19.620 --> 00:52:21.360
 Guck mal, eine Stunde brauchen wir also ungefähr

00:52:21.360 --> 00:52:24.100
 für einfach nur unser reguläres Gelaber.

00:52:24.100 --> 00:52:26.980
 Das heißt, die GPN kriegt auch voll.

00:52:26.980 --> 00:52:31.520
 Da brauche ich mir keine Sorgen, da finden wir schon genug.

00:52:31.520 --> 00:52:35.080
 Ja, jetzt genau, also gucken wir mal.

00:52:35.080 --> 00:52:39.040
 Die nächste Folge wird hoffentlich wieder ein bisschen inhaltsreicher.

00:52:40.060 --> 00:52:42.560
 Und dann sind aber auch schon irgendwie demnächst wieder Ferien,

00:52:42.560 --> 00:52:44.040
 wo ich dann weg bin.

00:52:44.040 --> 00:52:45.420
 Müssen wir mal gucken.

00:52:45.420 --> 00:52:47.940
 Also aber drei Wochen dürfen wir es nicht wieder dauern lassen,

00:52:47.940 --> 00:52:48.700
 bis sie rauskommt.

00:52:48.700 --> 00:52:50.900
 Ne, da kommt noch mal.

00:52:50.900 --> 00:52:53.740
 Also wir werden auf jeden Fall mit dem HTML-Gedöns noch weitermachen.

00:52:53.740 --> 00:52:55.080
 Das ist versprochen.

00:52:55.080 --> 00:52:57.640
 Die HTML-Serie wird fortgesetzt.

00:52:57.640 --> 00:52:59.360
 Okay.

00:52:59.360 --> 00:53:01.660
 Ja, ich habe auch sonst nichts weiter.

00:53:01.660 --> 00:53:06.180
 Keine Soundcloud zu verkaufen.

00:53:06.180 --> 00:53:08.280
 Keine Soundcloud zu verkaufen.

00:53:08.280 --> 00:53:10.380
 Achso, habe ich was zu verkaufen?

00:53:10.380 --> 00:53:12.860
 Ja, vielleicht noch eine ...

00:53:12.860 --> 00:53:14.500
 Ach nee, ich weiß nicht.

00:53:14.500 --> 00:53:16.140
 Wollte ich darüber reden?

00:53:16.140 --> 00:53:17.560
 Ich rede lieber nicht drüber.

00:53:17.560 --> 00:53:17.980
 Okay.

00:53:17.980 --> 00:53:19.300
 Alles klar.

00:53:19.300 --> 00:53:20.660
 Mensch, dann warst du es jetzt.

00:53:20.660 --> 00:53:22.000
 Dann warst du es.

00:53:22.000 --> 00:53:22.940
 Bis zum nächsten Mal.

00:53:22.940 --> 00:53:24.520
 Ja, bis zum nächsten Mal.

00:53:24.520 --> 00:53:24.900
 Macht's gut.

00:53:24.900 --> 00:53:25.300
 Macht's gut.

00:53:25.300 --> 00:53:25.680
 Ciao.

00:53:25.680 --> 00:53:26.520
 Ciao.

00:53:26.520 --> 00:53:26.700
 Ciao.

00:53:30.700 --> 00:53:54.400
 Untertitelung des ZDF für funk, 2017