WEBVTT NOTE Podcast: Wo wir sind ist vorne. Episode: Wo wir sind ist Wunschkonzert Publishing Date: 2021-03-21T12:00:00+01:00 Podcast URL: https://wowirsindistvorne.show Episode URL: https://wowirsindistvorne.show/wo-wir-sind-ist-wunschkonzert/ 00:00:00.000 --> 00:00:06.460 Wo wir sind ist vorne, Folge 23. Die Webwelt könnte so schön sein, wenn, ja wenn, ja wenn. 00:00:06.460 --> 00:00:22.680 Herzlich willkommen bei Wo wir sind ist vorne. 00:00:22.680 --> 00:00:25.460 Frontend Fakten Frotzelein. 00:00:25.460 --> 00:00:29.540 Der Late Night Frontend Talkshow rund um Webdesign und Entwicklung. 00:00:30.000 --> 00:00:41.160 Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleur Konstantin Groß. 00:00:56.080 --> 00:01:03.800 Herzlich willkommen bei deiner Lieblings-Frontend-Nacht-Talkshow oder wie auch immer wir das mal genannt haben. 00:01:03.800 --> 00:01:06.040 Late Night Frontend Talkshow. 00:01:06.040 --> 00:01:07.240 Ja, explicit. 00:01:07.240 --> 00:01:12.660 Explicit und ursprünglich war es eigentlich ein Gag und wir haben dann irgendwann gemerkt, das ist vielleicht ganz gut. 00:01:12.660 --> 00:01:18.600 Eigentlich sind wir nett, wir sind ja stubenrein. 00:01:19.480 --> 00:01:22.800 Ja gut, aber ich glaube, stubenrein darf, das ist glaube ich kein Pferium. 00:01:22.800 --> 00:01:24.620 Vielleicht nicht unbedingt für die Kinderstube, ja das stimmt. 00:01:24.620 --> 00:01:28.400 Ja, ich freue mich, dass wir wieder zusammensitzen. 00:01:28.400 --> 00:01:35.700 Eine der wenigen sozialen Interaktionen seit einem Jahr, aber dafür eine konstante Größe so in meinem Leben. 00:01:35.700 --> 00:01:40.960 Eigentlich eine asoziale Interaktion, aber eine der wenigen asozialen Interaktionen seit einem Jahr, genau. 00:01:40.960 --> 00:01:43.500 Naja, immerhin besser asozial als gar nichts, oder? 00:01:43.500 --> 00:01:43.700 Richtig. 00:01:46.080 --> 00:01:48.600 Ach, also apropos asozial, kommen wir mal zu Bier. 00:01:48.600 --> 00:01:50.080 Apropos asozial, genau. 00:01:50.080 --> 00:01:58.580 Ja, ich habe heute was Besonderes, ein Craft-Bier aus Spanien, aus Valencia, mit Orangenote. 00:01:58.580 --> 00:02:05.780 Da ist irgendwie orange, man sieht es auch so ein bisschen, wahrscheinlich du in der Kamera nicht so, das ist so ein bisschen trüb, mit so Schwebstoffen drin. 00:02:05.780 --> 00:02:08.480 Also, ich zeige es dir mal von vorne, so sieht das aus. 00:02:08.480 --> 00:02:14.780 Ich bin mal sehr gespannt, also irgendwie auch biologisch und vegan und was weiß ich, bin mal sehr gespannt. 00:02:15.240 --> 00:02:16.100 Ja, sag mal, wie es heißt. 00:02:16.100 --> 00:02:18.280 Albada. 00:02:18.280 --> 00:02:19.740 Albada. 00:02:19.740 --> 00:02:20.260 Albada. 00:02:20.260 --> 00:02:25.920 Nein, ich meine, ich habe es jetzt sehen können, aber die ZuhörerInnen, die konnten das nicht sehen. 00:02:25.920 --> 00:02:30.220 Mit Notas Citricas, also Citrusnoten. 00:02:30.220 --> 00:02:30.600 Klingt toll. 00:02:30.600 --> 00:02:34.920 Ich bin sehr gespannt, ich habe mir zwei da bestellt, für die nächste Folge habe ich auch schon ein Craft-Bier aus Spanien. 00:02:34.920 --> 00:02:38.440 Jetzt bin ich mal sehr gespannt, wie das schmeckt und was hast du? 00:02:38.440 --> 00:02:44.400 Ja, ich habe ein, das hatte ich schon mal und das trinke ich jetzt, bevor es abläuft, das läuft nämlich am 00:02:44.400 --> 00:02:49.860 29.03. ab, ein Bauhöfers-Schwarzwald-Marie-Lager-Hell. 00:02:49.860 --> 00:02:55.460 Genau, und das mache ich jetzt sehr unspektakulär auf, weil ich habe nämlich einen Drehverschluss, das ist tatsächlich ein bisschen asozial. 00:02:58.120 --> 00:02:59.740 Oh, und da läuft es mir auch schon entgegen. 00:02:59.740 --> 00:03:03.940 Ich brauche mal kurz hier, äh, mal kurz hier alles trockenlegen. 00:03:03.940 --> 00:03:10.340 Oh je, ich lees gerade, also, das sieht, das sieht nicht gut aus. 00:03:10.340 --> 00:03:17.640 Weißt du, andere Leute, andere Leute werden auf einer Party, ähm, irgendwie ein bisschen verarscht, indem jemand die Flasche oben draufhaut beim Anstoßen. 00:03:17.740 --> 00:03:19.380 Konstantin schafft es dann ganz alleine. 00:03:19.380 --> 00:03:24.340 Ja, also ich weiß nicht, das kam, das kam gestern erst, ich glaube, der Paketbote hat das irgendwie gut durchgeschüttelt, oder? 00:03:25.400 --> 00:03:31.400 Ja, genau, wenn es gestern kam, dann ist der Paketbote bestimmt schuld, dass es jetzt übergelaufen ist. 00:03:31.400 --> 00:03:34.360 Es riecht schon sehr orangeig jetzt bei mir hier am Schreibtisch. 00:03:34.360 --> 00:03:36.060 Orange, ja. 00:03:36.900 --> 00:03:42.040 Ja, der Konstantin ist ein bisschen größere Putzaktionen. 00:03:42.040 --> 00:03:44.200 Ich kommentiere ein bisschen live, was ich da sehe. 00:03:44.200 --> 00:03:49.840 Er reibt sich jetzt zwischen den Beinen rum, also, beziehungsweise, ich sehe es nicht so richtig. 00:03:49.840 --> 00:03:51.500 Also, seine Hand bewegt sich. 00:03:51.500 --> 00:03:53.520 Zwischen den Beinen, ja. 00:03:53.520 --> 00:03:54.800 Irgendwo, irgendwo. 00:03:54.800 --> 00:03:57.880 So, jetzt bin ich wieder da. 00:03:57.880 --> 00:03:59.320 Also, es hat sehr viel Schaum. 00:03:59.320 --> 00:04:01.600 Ja, wenn du das sagen kannst, dann kann ich natürlich über dich sagen, was ich will, ne? 00:04:01.600 --> 00:04:06.700 Ja, das ist irgendwie, es sieht sehr schaumig aus, also, meins hat gar keinen Schaum, aber das macht nicht. 00:04:06.760 --> 00:04:13.160 Ich trinke es auch aus der Flasche, so wie es sich für Assis gehört, weißt du, mit Drehverschluss, aber immerhin ist es keine Plastikflasche bei mir. 00:04:13.160 --> 00:04:14.800 Ja, bei mir auch nicht. 00:04:14.800 --> 00:04:15.880 Schöne Glasflasche. 00:04:15.880 --> 00:04:21.920 Ja, könnte ein bisschen Zitronen, Orangen, Aromiger sein. 00:04:21.920 --> 00:04:25.900 Das ist ein bisschen, schmeckt leider langweiliger, als ich es mir jetzt so erhofft hätte. 00:04:25.900 --> 00:04:27.140 Ah, Mensch. 00:04:27.140 --> 00:04:28.560 Ich hoffe, es war nicht zu teuer. 00:04:28.560 --> 00:04:30.500 Naja, schon. 00:04:30.500 --> 00:04:33.040 Gut. 00:04:33.040 --> 00:04:34.840 Okay, dann. 00:04:36.620 --> 00:04:39.400 Würde ich sagen, machen wir weiter. 00:04:39.400 --> 00:04:40.720 Ja, machen wir weiter. 00:04:40.720 --> 00:04:48.140 BBS e.V. präsentiert die Retrospektive. 00:04:51.340 --> 00:04:58.060 Ich darf anfangen und habe einen kleinen Rückgriff auf unsere Folge 21 vor zwei Folgen. 00:04:58.060 --> 00:05:00.500 Und da hatten wir es über Speichermedien unter anderem. 00:05:01.300 --> 00:05:07.800 Und da passt ganz gut die Meldung von, ich glaube, letzter Woche, wir haben ja die Folge nochmal um eine Woche verschieben müssen, weil ich ein bisschen erkältet war. 00:05:08.320 --> 00:05:12.900 Der Erfinder der Kassette ist der Erfinder der Kassette ist gestorben, der Niederländer Lou Ottens. 00:05:15.040 --> 00:05:19.420 Ich fand den Titel von dem Spiegelartikel sehr schön. 00:05:19.420 --> 00:05:21.380 Er ist jetzt auf der anderen Seite. 00:05:23.700 --> 00:05:25.840 Ja, aber das würde ja bedeuten, es geht weiter. 00:05:25.840 --> 00:05:31.680 Also Seite 2, der weiß, wer weiß, da werden wir jetzt hochphilosophisch, wer weiß, ob es danach weitergeht. 00:05:31.680 --> 00:05:36.700 Na egal, jedenfalls 1963 auf der Funkausstellung in Berlin ist die vorgestellt worden. 00:05:37.100 --> 00:05:45.060 Und alle, die ein bisschen jünger sind als Jahrtausendwende, kennen die Kassette noch sehr gut aus ihrer Kindheit wahrscheinlich oder noch länger. 00:05:45.060 --> 00:05:51.860 Und was ich dann auch jetzt, ich habe noch ein bisschen dazu recherchiert natürlich und habe einen anderen Artikel gefunden, 00:05:51.860 --> 00:06:00.240 dass 2020 in Großbritannien sich die Kassettenverkäufe verdoppelt haben im Vergleich zu den Vorjahren. 00:06:00.240 --> 00:06:02.500 Verrückt, oder? 00:06:02.500 --> 00:06:03.480 Was? 00:06:03.480 --> 00:06:04.020 Ja. 00:06:04.020 --> 00:06:05.260 Warum? 00:06:05.260 --> 00:06:09.160 Also generell überhaupt, es erscheinen immer noch aktuelle Alben auf Kassette. 00:06:09.160 --> 00:06:12.020 Es gibt anscheinend Lady Gaga Alben auf Kassette. 00:06:12.020 --> 00:06:13.840 Hätte ich nicht gedacht. 00:06:13.840 --> 00:06:16.000 Okay, verrückt, das wusste ich jetzt tatsächlich nicht. 00:06:16.000 --> 00:06:25.540 Ich weiß nur, ich habe mal gehört von einer Hip-Hop-Mixtape-Szene, dass das da irgendwie so ein Ding ist, dass das noch gemacht wird 00:06:25.540 --> 00:06:28.080 und dass da auch mit gehandelt wird, also so mit so Älteren. 00:06:28.080 --> 00:06:29.680 Das scheinen irgendwie so Sammlerstücke zu sein. 00:06:29.680 --> 00:06:29.820 Okay. 00:06:31.100 --> 00:06:39.220 Aber dass kommerziell aktuelle Musik nicht jetzt irgendwelche Nischensachen auf Kassette rauskommen, das wusste ich nicht. 00:06:39.220 --> 00:06:41.440 Also überrascht mich, doch, doch tatsächlich. 00:06:41.440 --> 00:06:43.360 Das kann man doch total leicht kopieren. 00:06:43.360 --> 00:06:44.460 Wo ist da der Kopierschutz? 00:06:44.460 --> 00:06:45.920 Tja, da schreit keiner. 00:06:45.920 --> 00:06:48.920 Gut, bei der Musik sind die ja inzwischen jetzt eher entspannt geworden. 00:06:48.920 --> 00:06:50.200 Sind sie? 00:06:51.180 --> 00:06:55.540 Ja, also ich meine, du kannst ja inzwischen die Musik zu relativ erschwinglichen Preisen online kaufen 00:06:55.540 --> 00:06:59.580 und die wird auch trotzdem noch kopiert, weil du ja oft keinen Kopierschutz hast, 00:06:59.580 --> 00:07:01.240 weil du die MP3s direkt bekommst und so. 00:07:01.240 --> 00:07:06.880 Also wenn ich mich da an früher erinnere, wo es dann Abmahnungen gab wegen irgendwie zwei runtergeladenen MP3s oder so, 00:07:06.880 --> 00:07:10.840 da ist die Musikindustrie, glaube ich, schon ein bisschen entspannter geworden. 00:07:10.840 --> 00:07:14.980 Hat lange genug dauert, dass es legale Angebote gibt und die entspannter geworden sind in der Richtung, 00:07:14.980 --> 00:07:17.800 aber inzwischen sind wir da ja schon ein bisschen weiter. 00:07:18.240 --> 00:07:20.600 Ja, genau, die Musiker verdienen dafür halt auch nichts mehr. 00:07:20.600 --> 00:07:20.740 Ja. 00:07:20.740 --> 00:07:21.340 Von daher. 00:07:21.340 --> 00:07:23.040 Aber gut, anderes Thema. 00:07:23.040 --> 00:07:28.260 Ich wollte es nur aufgreifen wegen Datenspeicher und weil man auf Kassetten ja natürlich nicht nur Musik, 00:07:28.260 --> 00:07:29.660 sondern auch andere Daten speichern kann. 00:07:29.660 --> 00:07:30.240 Ah, natürlich. 00:07:30.240 --> 00:07:31.840 Hatte ich ja auch mal. 00:07:31.840 --> 00:07:33.800 Chromodore 64 mit Datasette. 00:07:33.800 --> 00:07:34.200 Genau, beim C64. 00:07:34.200 --> 00:07:35.960 Die Datasette, genau. 00:07:35.960 --> 00:07:41.120 Und das war immer ganz besonders toll, wenn man die dann in normalen Kassettenrekorder reingelegt hat 00:07:41.120 --> 00:07:41.900 und sich angehört hat. 00:07:41.900 --> 00:07:43.120 Das war ein sehr schönes Geräusch. 00:07:43.120 --> 00:07:44.220 Das klang dann ungefähr so. 00:07:44.220 --> 00:07:47.260 Nee, so klang es nicht. 00:07:47.420 --> 00:07:48.300 Nein, so klang es nicht. 00:07:48.300 --> 00:07:55.540 Also, was der Konstantin gerade angespielt hat, war unser Modemsound, der hier noch rumliegt. 00:07:55.540 --> 00:07:58.860 Ähnlich ja, aber eigentlich viel schrecklicher. 00:07:58.860 --> 00:08:00.340 Also, ich habe es sehr schrecklich in Erinnerung. 00:08:00.340 --> 00:08:03.100 Ich glaube, ich habe so keine solche Kassette mehr, weil ich noch einen Kassettendecker habe. 00:08:03.100 --> 00:08:07.980 Ich glaube, ich habe so eine Aufnahme irgendwo rumliegen, aber die kriege ich jetzt nicht auf die Schnelle hier ins Aufnahmeprogramm reingezogen. 00:08:08.000 --> 00:08:09.300 Weißt du, wo es so etwas noch gibt? 00:08:09.300 --> 00:08:13.800 Das ist jetzt gerade die Tage an mir vorbei, geflutscht auf YouTube, glaube ich. 00:08:13.800 --> 00:08:27.060 Und zwar gab es ja früher so Computersendungen im Fernsehen, wo die dann über die Audiospur am Ende der Sendung noch ein Programm übertragen haben. 00:08:27.120 --> 00:08:32.980 Du konntest dann deinen Kassettenrekorder an den Fernseher anschließen, hast das aufgenommen und hattest dann ein Programm. 00:08:32.980 --> 00:08:36.500 Und das konntest du dann in die Datasette und los ging es. 00:08:36.500 --> 00:08:39.500 Und ich glaube, solche Aufzeichnungen gibt es noch bei YouTube. 00:08:39.620 --> 00:08:43.460 Da kann man sich dann nochmal anhören, wie so Datasette klang. 00:08:43.460 --> 00:08:44.720 Ja, vielleicht finden wir ja noch einen Link. 00:08:44.720 --> 00:08:47.960 Dann, wenn wir einen Link noch finden, dann packen wir den auch in die Shownotes rein. 00:08:47.960 --> 00:08:50.260 Ja, das machen wir. 00:08:50.260 --> 00:08:51.980 Gut, dann würde ich gleich noch weitermachen. 00:08:51.980 --> 00:08:58.100 Ich habe nur noch einen zweiten Punkt für den ersten Retropunkt, auch weil es nochmal ein Rückgriff ist auf eine vergangene Folge, auf die letzte Folge. 00:08:58.100 --> 00:09:07.740 Da hatten wir es unter anderem über SVGs und CSS-Variablen und haben uns gefragt, kann man denn nicht in SVG-Sprites mit CSS-Variablen einfärben? 00:09:07.960 --> 00:09:22.500 Weil wir da so ein Hack vorgestellt hatten, wo man zwei Farben zumindest mal austauschen konnte in SVGs und haben uns gefragt und waren dann nicht vorbereitet in die Richtung, weil es spontan kam, kann man das dann nicht machen? 00:09:22.500 --> 00:09:26.920 Und ich habe da eine kleine Demo vorbereitet, die in die Shownotes natürlich auch reinkommt. 00:09:26.920 --> 00:09:31.760 Ich lese hier auch mal kurz vor, wo wir sind, ist vorne.show.svg-sprite.html. 00:09:32.540 --> 00:09:40.500 Und der Grund, warum ich das nicht einfach in den CodePen gepackt habe, ist, dass man da keine externen SVGs einbinden kann, habe ich festgestellt. 00:09:40.500 --> 00:09:42.440 Also es hat nicht funktioniert. 00:09:42.440 --> 00:09:44.240 Ha! Das bringt mich zu einem super Punkt. 00:09:44.240 --> 00:09:47.080 Ich habe es nämlich gelesen, kommt nämlich bei deiner nächsten ... 00:09:47.080 --> 00:09:51.900 Ich wurde darauf hingewiesen von einem Hörer, dass das nicht geht. 00:09:51.900 --> 00:09:52.460 Mhm. 00:09:52.460 --> 00:10:03.120 Dass das generell nicht geht, also so mit Use und extern, was wir in der letzten Folge vorgestellt haben, das geht nicht, wenn es nicht auf der gleichen Domain liegt. 00:10:03.240 --> 00:10:07.200 Ich glaube sogar, ich habe es jetzt nicht tiefer recherchiert, aber offenbar geht es nicht mal auf einer Subdomain. 00:10:07.200 --> 00:10:11.960 Da könnt ihr mich gerne noch mal korrigieren oder es in die Kommentare schreiben. 00:10:11.960 --> 00:10:13.420 Ich habe es jetzt nicht mehr tiefer angeschaut. 00:10:13.420 --> 00:10:18.780 Ich bin über das Problem noch nie gestolpert, weil meine Ressourcen immer da auf dem gleichen Server lagen. 00:10:18.780 --> 00:10:22.080 Aber das scheint wohl echt ein Problem zu sein. 00:10:22.080 --> 00:10:22.960 Ja. 00:10:22.960 --> 00:10:26.420 Also genau deswegen musstest du das so machen. 00:10:26.420 --> 00:10:29.240 Genau, da haben wir deinen Retropunkt schon vorweg gegriffen. 00:10:29.960 --> 00:10:32.300 Nur den wollte ich sowieso da mit reinhängen. 00:10:32.300 --> 00:10:33.260 Okay, okay, alles klar, perfekt. 00:10:33.260 --> 00:10:37.080 Ich erzähle mal kurz, was man da sieht, für die, die es jetzt gerade nicht öffnen können. 00:10:37.080 --> 00:10:42.500 Als erstes, das ist ein SVG mit einem roten Quadrat und einem grünen Kreis. 00:10:42.500 --> 00:10:47.540 Und das habe ich einfach mal als erstes als Image eingebunden, direkt Image-SRC. 00:10:47.540 --> 00:10:51.500 Und dann sieht man das nebeneinander, dieses Quadrat und den Kreis. 00:10:51.500 --> 00:10:56.980 Und die CSS-Variablen, die das einfärben, die kommen aus dem Parent-Element im SVG selbst. 00:10:57.800 --> 00:11:01.140 Also da habe ich einfach Color1 und Color2 als CSS-Variablen definiert. 00:11:01.140 --> 00:11:09.400 Und auch die Breite von dem Quadrat, was dann natürlich kein Quadrat mehr ist, wenn die nicht der Höhe entspricht, ist darüber definiert. 00:11:09.400 --> 00:11:19.000 Und wenn ich das Ganze jetzt in die Seite einbaue, per Use-Tag, ohne CSS-Variablen in der Seite, dann bekomme ich die Fallback-Werte aus dem SVG. 00:11:19.100 --> 00:11:22.960 Die sind jetzt in dem Fall nochmal andere als die von dem Parent-Element, um das zu zeigen. 00:11:23.440 --> 00:11:38.540 Weil da bin ich nämlich drauf gestoßen, das kannte ich vorher tatsächlich direkt auch noch nicht, dass man mit dieser War-Funktion, mit der CSS-Funktion War, mit der man Variablen ja, sag ich mal, reinlädt in die CSS-Statements, den kann ich einen Fallback-Wert angeben. 00:11:38.700 --> 00:11:46.540 Das heißt, ich mache war, Klammer auf, Minus, Minus, Name der Variable und dann kann ich durch Komma einen Fallback-Wert noch angeben in der Funktion. 00:11:47.160 --> 00:11:54.660 Und das ist natürlich ganz praktisch in dem Fall, dass man nicht, wenn man vergisst, das zu übergeben, dann irgendwie nichts sieht und keine Farbe hat oder keine Breite, dass man da einen Vorback-Wert angeben kann. 00:11:54.660 --> 00:11:58.020 Das habe ich auch jetzt neu gelernt bei der Recherche. 00:11:58.020 --> 00:12:10.060 Und als drittes sieht man dann nochmal das Use-Tag, aber mit CSS-Variablen direkt in der Seite, in der Umgebenden, wo ich dann eben die Einfärbung ein bisschen anders gemacht habe und dem Quadrat noch eine Breite gegeben habe. 00:12:10.540 --> 00:12:20.560 Also das war mal ganz interessant, damit rumzuspielen. Jetzt, wo du sagst, dass das nicht mal unter Subdomains funktioniert, ist natürlich schwierig, sowas dann irgendwie auf einem CDN oder sowas abzulegen. 00:12:20.560 --> 00:12:29.280 Wenn das tatsächlich auf der gleichen Domain inklusive Subdomain sein muss, ist die Frage, das grenzt den Anwendungsfall natürlich schon wieder stark ein für die Geschichte. 00:12:29.280 --> 00:12:33.060 Ist schade, weil ich hatte mich gefreut, dass das eigentlich eine echt coole Lösung ist. 00:12:35.060 --> 00:12:43.680 Ja, keine Ahnung, ob es dafür irgendwie eine korrekte Lösung gibt. Vielleicht gibt es ja eine, die ich nur noch nicht kenne. Wie gesagt, ich wurde darauf hingewiesen, dass das wohl ein Problem ist. 00:12:43.680 --> 00:12:55.480 Ja, muss man dann halt irgendwie hinkriegen. Wobei ich, also wenn man viel Geld für ein CDN bezahlt, dann läuft das, glaube ich, kann man das auch mit Domains irgendwie verdüngeln und so. 00:12:55.480 --> 00:13:08.360 Aber genaueres weiß ich nicht, weil ich momentan bei den Sachen, die ich baue, kein CDN im Einsatz ist. Eigentlich finde ich das ganz gut, weil das fügt eine Menge Komplexität hinzu. 00:13:08.580 --> 00:13:25.380 Wenn man das, wenn man es nicht unbedingt braucht aus Performance-Gründen, glaube ich, ist es, also es ist natürlich zu empfehlen, wenn man irgendwie High-Performance und viel Traffic hat, aber wenn man es vermeiden kann, würde ich sagen, zieh dir die Komplexität nicht rein, just because Google DevTools said so. 00:13:25.380 --> 00:13:26.040 Ja, klar. 00:13:27.160 --> 00:13:35.560 Ja, das war früher so eine Standard-Performance-Empfehlung. Ich weiß gar nicht mehr, wo das herkam. War das bei diesem Y-Slow-Plugin von Firefox? 00:13:35.560 --> 00:13:36.420 Ja, genau, genau. 00:13:36.420 --> 00:13:50.800 Also ich glaube, bei irgendeinem von diesen ersten Performance-Checks wurde immer gesagt, ja, nimm CDN, so als Standard-Tipp, wo ich mir so dachte, naja, okay, gut, ich glaube, das ist mit Vorsicht zu genießen. Das ist nicht unbedingt immer sinnvoll. 00:13:50.800 --> 00:13:58.800 Das ist eh witzig. Also es gibt ja auch, war dieses Y-Slow? Ne, das war nicht von Google, aber es gibt ja auch so Google-Performance-Performance-Performance-Performance. 00:13:58.800 --> 00:14:12.840 Ja, gut, ich wieder, ja, ja, okay. Ne, aber es gibt ja auch solche Google-Speed-Geschichten und witzig finde ich halt da, dass da ganz oft Sachen angemeckert werden, die von Google kommen. 00:14:13.540 --> 00:14:23.280 Also, ja, du hast, du hast, du hast Google-Webfonds drin und dann kommt irgendwie, oh, die haben aber keine richtigen Cache-Heller gesetzt und, und, und generell, hm, so Webfonds, so einzelne Einbinden, das ist gar nicht gut. 00:14:23.280 --> 00:14:31.260 Oder, äh, Analytics, das Analytics-Tag drin und dann, oh, das ist aber, äh, hier, da ist auch mit dem Caching, das ist halt gut, nicht gut cachebar und was weiß ich. 00:14:31.260 --> 00:14:35.460 Also das finde ich ein bisschen witzig, dass Google da so die eigenen Produkte, äh, bemängelt. 00:14:35.460 --> 00:14:37.520 Und dann, klar, gut, dann schmeiße ich die halt raus. 00:14:37.520 --> 00:14:39.940 Ja. 00:14:41.540 --> 00:14:46.820 Gut, dann haben wir die, die Punkte auch, äh, du hast, ich hab schon gesehen, du hast ein YouTube-Video gefunden, das packen wir dann in die Shownotes dazu. 00:14:46.820 --> 00:14:49.600 Ja, genau, ähm, das, ja, jetzt live einspielen dort. 00:14:49.600 --> 00:14:51.680 Genau, SVG Cross, Origin, nee, nee, nee, das klingt, äh. 00:14:51.680 --> 00:14:55.400 Genau, dürft ihr euch dann mal anhören, das klingt auch wirklich schrecklich, das wäre, glaub ich, für ein Podcast. 00:14:55.400 --> 00:14:58.700 Ich hab's mir grad noch mal kurz angehört, das ist wirklich furchtbar. 00:14:58.700 --> 00:14:59.900 Gut, dann. 00:14:59.900 --> 00:15:04.520 Ihr könnt froh sein, dass ihr's nicht gehört habt, aber wenn ihr ein bisschen masoristisch veranlagt seid, dann, äh, zieht euch das ein. 00:15:04.520 --> 00:15:08.420 Beim Commodore 64 Data-Set-Sound, der kommt, der kommt in die Shownotes. 00:15:09.460 --> 00:15:10.360 Dann übergebe ich an dich. 00:15:10.360 --> 00:15:11.900 Äh, dankeschön. 00:15:11.900 --> 00:15:17.120 Genau, ähm, man, man sagt ja manchmal, äh, tu Gutes und, äh, rede drüber. 00:15:17.120 --> 00:15:24.180 Ähm, mir, ich, mir fällt das oft ein bisschen schwer, ähm, wenn irgendwie was, was Gutes passiert ist, äh, auch drüber zu reden, wenn ich irgendwie dran beteiligt war. 00:15:24.180 --> 00:15:25.180 Aber ich mach's jetzt einfach mal. 00:15:25.180 --> 00:15:39.320 Ähm, genau, äh, es ist, es, es begab sich irgendwann zwischen der letzten Folge, äh, und dieser Folge, ähm, dass Bruce Lawson auf Twitter irgendwie gefragt hat, so von wegen, ja, wie kann man denn jetzt, äh, 00:15:39.320 --> 00:15:49.580 das, wie kann man denn irgendwie jetzt nett, äh, stylen, dass, das Details und Summary Element und wie kann man denn jetzt irgendwie diesen Pfeil animieren und das ist doch alles irgendwie blöd und macht keinen richtigen Spaß. 00:15:49.580 --> 00:16:12.580 Und dann dachte ich, ja, das hab ich doch schon mal gemacht, hab nach dem Beispiel gesucht, äh, hab's nicht mehr gefunden und hab dann schnell eine CodePen-Demo gebaut, wo ich dann, ähm, den, äh, den Pfeil, also den Standard-Detail-Summary-Pfeil, ähm, für, für die, die nicht wissen, was das ist, das ist, äh, quasi, so eine Art, ähm, Aufklappbox, die aber ganz ohne JavaScript funktioniert, äh, rein mit HTML5. 00:16:12.580 --> 00:16:29.880 HTML5, ähm, also der, der Standard-Pfeil wird bei mir ausgeblendet, ähm, und dafür wird mit before, ähm, ein, ein Pfeil gebaut mit Border oder ich hab das später auch nochmal mit Clip-Path nachgebaut, weil ich das irgendwie ein bisschen cooler fand, so ein Pfeil auch mal mit Clip-Path zu bauen. 00:16:30.580 --> 00:16:49.120 Ähm, und der wird einfach animiert, wenn das Open-Attribut, äh, gesetzt wird, also der dreht sich dann einmal, genau. Und ich dachte so, haja, das, das schick ich ihm jetzt mal und da, ähm, vielleicht hat er Freude dran, äh, er hatte Freude dran und hat gesagt, äh, das ist ja irgendwie cool und das braucht ja gar kein extra Mark-up und das geht ja ganz ohne JavaScript und yay. 00:16:49.120 --> 00:16:55.560 Und was dann damit aber passiert ist, ist, äh, irgendwie ist Chris Coyier drauf aufmerksam geworden. 00:16:55.560 --> 00:17:08.440 Das Erste, was passiert ist, ist, Chris Coyier folgte mir bei CodePen und ich dachte so, hui, äh, also Chris Coyier kurz, äh, die, die nicht wissen, wer das ist, das ist der Gründer und Erfinder der Seite CSS-Tricks, die wir hier schon sehr oft erwähnt haben. 00:17:08.440 --> 00:17:09.340 Schon öfter, genau, ja. 00:17:09.340 --> 00:17:18.020 Ähm, ja, und, äh, plötzlich folgte er mir bei CodePen und ich dachte schon so, äh, okay, hat er das jetzt vielleicht irgendwie gesehen bei Twitter oder was, was war da los? 00:17:18.020 --> 00:17:38.440 Und, äh, turns out, äh, er hat jetzt tatsächlich auch einen Artikel darüber geschrieben, was ich da gemacht hab, also unter anderem, ähm, also es geht um die Technik, die ich verwendet hab, um den Pfeil zu animieren und er hat das kombiniert, ähm, mit einer anderen Technik, ähm, um das, äh, um auch den Inhalt, ähm, das Detail Summary, ähm, also, 00:17:39.200 --> 00:17:49.760 des Detail Elements, wenn man es genau nimmt, äh, zu animieren, was nämlich gar nicht so einfach ist, weil das normalerweise, wenn das Open Attribut vom Browser gesetzt wird, einfach erscheint und auch wieder einfach weg ist. 00:17:49.760 --> 00:18:02.420 Und, äh, gerade das Zuklappen, ähm, ist dadurch, dass es einfach verschwindet, sehr schwierig zu animieren und da hat halt noch jemand, ähm, der, Moment, jetzt muss ich grad noch mal gucken, hab ich den Namen jetzt noch parat? 00:18:02.420 --> 00:18:09.060 Ich überbrücke mal und sage, es sieht jedenfalls sehr schick aus, also, die Kommunikation aus dem Drehenden Pfeil und dem Aufklappen, das ist schon cool. 00:18:09.060 --> 00:18:21.400 Genau, der hat dann tatsächlich jetzt mit, mit ein bisschen JavaScript, dass die, ähm, äh, Web Animation API verwendet, dass die tatsächlich auf diese Events zugreifen kann und genau weiß, wann da was passiert, 00:18:21.480 --> 00:18:40.280 Wenn man auf, bei Details und Summary auf und zu klappt, ähm, äh, greift da rein und, ähm, dann ist das tatsächlich am Ende inkomplett animiert so eine schöne, schöne, schöne runde Sache. Also, beides ist animiert, sowohl das, sowohl der Pfeil als auch das Auffahren, ähm, und es ist so, wie es sein soll, wie man sich so eine Box vorstellt. 00:18:40.280 --> 00:18:51.960 Ähm, ich nehm mal an, wenn man jetzt da, das, das mach ich jetzt mal kurz live, probier ich mal kurz aus, wenn man das JavaScript wegnimmt, passiert wahrscheinlich einfach gar nichts, außer, dass die Animation dann weg ist, das ist dann irgendwie sehr schönes Progressive Enhancement. 00:18:52.600 --> 00:18:58.040 Ah, ich kann's jetzt hier gerade nicht, ja, warte, Edit und Code Pen, warte, das mach ich jetzt gerade noch live für euch, das will ich nämlich selbst kurz wissen. 00:18:58.040 --> 00:19:21.860 Ähm, ich nehm an, es geht dann immer noch genauso, ah, Moment, Neuladen, genau, genau, wie ich's gesagt hab, wenn das JavaScript weg ist, ähm, dann ist es halt hart da, klappt hart auf und zu, ähm, aber es ist sehr schönes Progressive Enhancement, also funktioniert irgendwie auch ohne JavaScript und so Lösungen finde ich ja immer schön, ähm, wenn irgendwie was, äh, funktioniert auch ohne JavaScript und mit eben ein bisschen schicker. 00:19:22.460 --> 00:19:52.320 Es ist halt schade, dass man überhaupt an der Stelle dafür dann doch wieder JavaScript braucht, weil es ist ja nur wieder dieses, dieses Steuern von, äh, wenn ich da klicke, dann warte noch bis und so, und da hatten wir es auch in einer unserer, äh, CSS-Folgen Nummer 10 oder Nummer 11, äh, Jäger der verlorenen CSS-Features, hatten wir es da auch schon mal drüber, ich weiß nicht mehr in welcher von den beiden, ähm, ich weiß auch den Anwendungsfall nicht mehr, den wir da genau geschildert haben, aber es war auch sowas von wegen, so, so, so kleiner Interaktionen, die man halt typischerweise mit, mit JavaScript abfängt, ich mein, das sind ja wirklich nur ein paar Zeilen, ja, so 00:19:52.320 --> 00:20:08.320 Klick-Event-Händler und dann irgendwas, du gesagt hast, äh, die Animation-AP, warte da kurz drauf, wenn, wenn man sowas noch mit CSS lösen könnte, das wäre halt einfach so, dass die, die Kirsche auf dem, auf dem Sahnehäubchen, äh, dass man einfach gar kein JavaScript dafür mehr braucht, wenn's nur so kosmetische Sachen sind. 00:20:08.320 --> 00:20:23.320 Ja, das ist meiner Meinung nach, ähm, ein Verfehlen der HTML5, äh, Spezifikationen an der Stelle. Es gibt so viele Sachen, die man mit Details-Summary schön machen könnte, wenn es das zulassen würde, wo ich der Meinung bin, naja, 00:20:24.320 --> 00:20:46.040 Wenn man das wirklich hübsch machen will, also die, immer wenn ich einen Anwendungsfall dafür finde, der über, ähm, die, die Standard-Markdown-Github-Geschichte hinausgeht mit, ich klapp halt hart was auf und zu, sondern ich will das für irgendwas Hübsches, Nettes verwenden, was vielleicht auch animiert ist, immer dann stoße ich an die Grenzen davon und denk so hinterher, Mensch, wieso geht das jetzt eigentlich nicht so? 00:20:46.040 --> 00:20:56.020 Das wäre doch, wäre doch so einfach, wenn irgendwie, keine Ahnung, ist da noch irgendwie ein, ach, ich weiß nicht genau, ich stelle mir die Standardsentwicklung wahrscheinlich auch leichter vor, als sie ist. 00:20:56.020 --> 00:20:56.780 Vermutlich, ja. 00:20:56.780 --> 00:21:14.920 Aber an der Stelle, ähm, vermutlich, also das, das sage ich auch ganz offen und ehrlich, ähm, aber an der Stelle, da würde ich mir echt wünschen, dass es da ein bisschen mehr, ein paar mehr Stellen gibt, wo man reingreifen kann, um dann eben einfach Standard, ich meine, das Ding ist doch toll, gerade weil es ohne, äh, JavaScript funktioniert, äh, auf und zu klappbar ist, ist es doch super. 00:21:15.440 --> 00:21:20.740 Warum es nicht noch möglich machen, jetzt mit CSS da irgendwie, äh, vernünftig ein bisschen zu animieren, das wäre doch irgendwie cool. 00:21:20.740 --> 00:21:37.320 Und außerdem habe ich dann auch so Sachen wie, ähm, ich habe was, dass, ich habe einen Inhalt, der aus dem Summary ein bisschen rausragen soll, äh, äh, Quatsch, aus dem Details in den Summary-Bereich, aber der, der ist ja per Definition komplett ausgeblendet. 00:21:37.580 --> 00:21:54.140 Also so, so, wenn man, wenn man es dann versucht zu benutzen, ich bin, stößt man an so viele, an so viele Ecken an, also da, ich sag mal so, äh, da, das nächste Level davon, und es ist ja manchmal in der Standardsentwicklung jetzt so, dass es quasi dann irgendwie fortgeführt wird, da, ähm, gibt's noch ein bisschen was, was noch getan werden kann. 00:21:54.140 --> 00:21:56.420 Was auch ganz gut zu unserem späteren Thema. 00:21:56.420 --> 00:22:05.340 Richtig, richtig. Ähm, auch dieser, dieser klassische Anwendungsfall, ähm, was man so als Akkordeon kennt, ja, also dass man immer nur ein geöffnetes Element hat und die anderen klappen sich automatisch zu. 00:22:05.700 --> 00:22:24.020 Auch das wäre einfach ganz schön, wenn man irgendwie sagen könnte, ähm, man hat quasi eine Details-Summary-Liste, ähm, oder alle auf der gleichen Ebene und dann kann man denen irgendwie ein zusätzliches Attribut geben, Single oder was weiß ich, dass man halt sagen kann, okay, wenn eins davon geöffnet wird, dann gehen die anderen Siblings, äh, gehen dann zu. 00:22:24.020 --> 00:22:36.900 Oder dass man irgendwie quasi eine Gruppe definieren kann, irgendwie, äh, Details-Group oder wie auch immer man das dann nennt, äh, das ist dann fast für die Standardentwickler-Leute, ähm, dass man da darüber dann sagen kann, okay, ein Element ist immer nur offen. 00:22:36.900 --> 00:22:39.980 Also es gibt, es gibt viele Sachen, die man da optimieren könnte, aber. 00:22:39.980 --> 00:22:47.660 Ja, wir könnten auch einfach jetzt aufhören, hier irgendwie so durch Webseiten zu bauen und, ähm, einfach in die Standardsentwicklung gehen. 00:22:47.660 --> 00:22:49.440 Richtig, selber machen, nicht nur schwätzen. 00:22:49.780 --> 00:22:56.780 Ja, richtig, nicht nur schwätzen, äh, das kann man ja dann bestimmt alles machen mit, äh, Houdini, wir machen es einfach mit Houdini, weil Houdini ist Zauberei. 00:22:56.780 --> 00:23:02.280 Äh, Folge Nummer, äh, sechs. Kleiner Querverweis wieder an der Stelle. 00:23:02.280 --> 00:23:05.020 Sehr gut. Hast du eigentlich immer die Folgenliste auf, weil du immer so ganz schnell. 00:23:05.020 --> 00:23:10.760 Ich hab es nicht mehr offen, ja, weil ich vorhin gucken wollte wegen, äh, wegen CSS und ich weiß das so ungefähr noch so in der Richtung. 00:23:10.760 --> 00:23:15.100 Ich bin nur leidisch, dass du immer sofort sagen kannst, was welche Folge war und ich weiß das nicht. 00:23:15.220 --> 00:23:21.780 Also ich weiß ungefähr, das war, das war kurz vor dem CSS-Gedöns und deswegen weiß ich, da muss ich so kurz runterscrollen. 00:23:24.100 --> 00:23:38.620 Okay, gut. Also, ähm, ich hab mich sehr drüber gefreut, dass, äh, mein Name in einem CSS-Tricks-Artikel gefallen ist mit einer Demo von mir und, ähm, da ist noch was noch cooleres draus gebaut worden und das ist ja irgendwie so, wie das Web funktionieren sollte. 00:23:38.620 --> 00:23:47.040 Man hat eine Idee und dann sagt ein anderer, hey, ich hab auch eine Idee und dann wird's zusammengeworfen und dann wird noch was cooleres draus und, äh, sowas freut mich immer einfach. 00:23:47.300 --> 00:23:49.020 Und dann noch ein bisschen Web-Fame abbekommen. 00:23:49.020 --> 00:23:50.360 Ach ja, gut. 00:23:50.360 --> 00:23:52.640 Ist eine Nebensache, aber ist doch schön. 00:23:52.640 --> 00:23:54.620 Web-Fame gibt's nur auf Instagram. 00:23:54.620 --> 00:23:59.120 Und, äh, wenn ich irgendwann mal betrunken bin, erzähl ich mal meine Instagram-Fame-Geschichte, aber. 00:23:59.120 --> 00:24:00.400 Oh, okay. 00:24:00.400 --> 00:24:01.660 Sehr gespannt. 00:24:01.660 --> 00:24:04.100 Alles klar. 00:24:04.100 --> 00:24:04.720 Ja. 00:24:04.720 --> 00:24:05.220 War's das. 00:24:05.220 --> 00:24:06.500 Komm, wir weiter zum nächsten. 00:24:06.660 --> 00:24:32.900 Gut, äh, ich habe die letzte Woche und die letzten Nächte und am Wochenende, äh, damit verbracht, ein WordPress-Plugin zu schreiben, also das hab ich schon, hab ich schon öfter gemacht, aber, ähm, also eins für tatsächlich zum Releasen und auch zum Verkaufen, nicht nur für irgendwie eine Kunden-Webseite, irgendeine Spezialanforderung umgesetzt, ähm, beziehungsweise wir hatten das schon vor einer Weile mal geschrieben, für eine Arztpraxis und da geht es um Corona-Testergebnisse. 00:24:33.900 --> 00:24:58.180 Und, äh, das war, dass die online abrufbar sind, dass man nicht hinterher telefonieren muss, weil die haben vorher, die haben das Problem, deren Labor, ich glaube, ich hab das sogar schon mal in irgendeiner Folge in der Retro schon mal erwähnt, ich hab's nur vorhin nicht mehr gefunden, die hatten ganz viel damit zu tun, an, an Zeit aufzuwenden, die Leute zu benachrichtigen, hinterher zu telefonieren, haben sie die nicht erreicht und so weiter, weil die Leute natürlich dann trotzdem nicht zu Hause bleiben, sondern halt noch rumtingeln und dann erreicht man die nicht. 00:24:58.640 --> 00:25:24.460 Und das hat nicht sehr viel Zeit gekostet, deswegen haben wir Divers geschrieben, ähm, dass ein, ein PDF generiert mit einem QR-Code, den man dann mitgibt dem Patienten, den druckt man direkt aus und ein Zettel bleibt vor Ort, der ordnet quasi die persönlichen Daten von den Patienten dann diesem Code zu, das heißt, ganz wichtig, das wird nicht online gespeichert, weil vielleicht knillen bei dem einen oder anderen gleich die Alarmglocken, wenn man hört, irgendwie WordPress und irgendwelche empfindlichen Daten, äh, persönliche Daten da abzuspeichern. 00:25:24.460 --> 00:25:28.460 Und so ging's mir auch, als wir die Idee hatten, das zu machen, dass ich gleich gesagt hab, nee, Moment, das möchte ich nicht. 00:25:28.460 --> 00:25:35.380 Und dazu passt nämlich auch ganz gut, äh, eine Meldung von dieser Woche, dass 136.000 Testergebnisse ungeschützt im Internet standen. 00:25:35.380 --> 00:25:49.820 Link kommt auch in die Shownotes, also das war auch genau so ein Ding, ähm, da war so ein bisschen komplexer, da hängt noch so eine Zertifikatsgeschichte hinten dran, das heißt, die mussten die persönlichen Daten speichern, weil die müssen ja auf das Zertifikat drauf und dann wird das wahrscheinlich auch noch digital signiert und so. 00:25:50.460 --> 00:25:57.440 Aber, das war im Endeffekt einfach nur eine URL mit einem ID-Parameter und den konnte man halt lustig hoch und runter zählen. 00:25:57.440 --> 00:25:58.460 Und, ähm, Klassiker. 00:25:59.040 --> 00:26:05.800 Wenn ich einmal diese URL hatte, als jemand der getestet wurde, dann konnte ich mir sämtliche Daten von allen runterladen. 00:26:05.800 --> 00:26:21.460 Und das ist ja, du sagst Klassiker, man könnte böse sagen, äh, es ist ein typischer Anfängerfehler, wenn man jetzt gemein sein wollte, aber es hat gar nichts mit Anfänger oder länger dabei zu tun, äh, sondern das ist einfach so ein, ja, es ist ein sehr typischer Fehler, was sicherheitsrelevante Sachen angeht. 00:26:21.620 --> 00:26:28.980 Ähm, es ist immer einfach was, wenn man so ein bisschen sich auch um Sicherheit, äh, Sorgen macht, dann darf sowas eigentlich nicht passieren. 00:26:28.980 --> 00:26:38.700 Ich meine, klar, wir sind, es ist jetzt kein Fingerpointing und jeder macht Fehler und so, aber es ist halt einfach nur, also da muss mir schon, während ich das anlege, muss mir das schon klar sein, was das für Folgen hat, wenn ich sowas mache. 00:26:38.780 --> 00:26:40.200 Gerade, wenn es um sowas Wichtiges geht. 00:26:40.200 --> 00:26:42.580 Ja, ich behaupte, da denkt man einfach nicht dran. 00:26:42.580 --> 00:26:47.800 Ja, das ist, aber, in der Pressemeldung schreiben die dann halt ein unglücklicher Softwarefehler. 00:26:47.800 --> 00:26:55.540 Das ist kein Softwarefehler, die Software hat genau das gemacht, was man ihr gesagt hat, nämlich, nimm die ID, guck in der Datenbank und hau mir die Datei raus, ja. 00:26:55.540 --> 00:26:59.980 Ähm, das ist halt, das ist echt Blödsinn, das so zu sagen, aber da wird halt wieder beschönigt. 00:27:00.180 --> 00:27:09.760 Es ist, da hat sich halt wirklich, derjenige, der es entwickelt hat, hat sich keine Gedanken gemacht, oder er hat sich's gedacht, er macht ja eh keiner, der kennt sich ja der typische Mensch nicht mit aus, aber darum geht's ja nicht. 00:27:09.760 --> 00:27:17.080 Ich glaub nicht, ich glaub nicht, dass jemand, ähm, das nicht macht, weil er denkt, ha, da passiert ja eh nix. Oder doch? 00:27:17.080 --> 00:27:28.320 Vielleicht hat's auch der Entwickler gemerkt und hat's auch gesagt und hat gesagt, er braucht mehr Zeit, um sich da was Schöneres zu überlegen und dann hieß es aber, ja, nee, hier Budget und das geht nicht und wir müssen das schnell und so, ne, man kennt das ja. 00:27:28.320 --> 00:27:29.560 Das hab ich schon mal gehört. 00:27:29.560 --> 00:27:34.220 Das Risikoübernehmer, da kann man Business Case draus rechnen. 00:27:34.220 --> 00:27:35.220 Das ist nämlich, ja. 00:27:35.220 --> 00:27:41.240 Da braucht man eine Risikoabschätzung und wenn das, wenn das nicht teurer wird als bla, dann, oh, dann das Risiko des Übernehmer. 00:27:41.240 --> 00:27:53.720 Ja, und wenn, selbst wenn sich der Entwickler dann irgendwie auf die Hände stellt und irgendwie sagt, nein, das, äh, das kann man doch nicht verantworten, ja, wenn aber der Produktmanager sagt, ähm, hier, jeder Tag Verzögerung kostet aber, dann wird's halt auch trotzdem gemacht. 00:27:53.720 --> 00:27:58.940 Aber das ist jetzt nur eine Vermutung, also das ist jetzt nur hier Mutmaßung und, äh, wir wissen nicht, wie's genau war, aber jedenfalls 00:27:58.940 --> 00:28:09.300 darf sowas eigentlich nicht passieren und gerade wenn's um solche Daten, also wirklich um, um, um, ja, Name, Anschrift, ähm, Geburtsdaten, ich glaub, es waren sogar Ausweisdaten zum Teil hinterlegt, ja. 00:28:09.540 --> 00:28:24.860 Das heißt hier schön klassischer Identitätsdiebstahl möglich, der, der CCC hat sich da auch drauf, glaub ich, ähm, da mit drum gekümmert, das aufzudecken, äh, apropos CCC, unsere Folge Nummer zwei, da redet Moritz über den CCC, ähm, also Chaos Computer Club, für die, die die Abkürzung nicht kennen. 00:28:25.200 --> 00:28:36.240 Genau, also jedenfalls, ähm, ist das nicht sehr schön, aber zurück zu, zu unserer Lösung und wir haben uns, wie gesagt, diese Gedanken auch gemacht und was wir deswegen machen, ist die PDF-Generierung direkt im Browser. 00:28:36.740 --> 00:29:00.880 Das heißt, ähm, das ist dann nur als Blob vorhanden, der auch sofort verfällt, das heißt, der Arzt oder das Testzentrum oder Labor oder was auch immer, äh, druckt das direkt aus, weil es muss ja auch dem Patienten mitgegeben werden und es geht ja darum, den Patienten möglichst wieder, äh, off-location zu bringen, ja, dass da eben keine Ansammlungen entstehen, ähm, weil in Deutschland gerade überall in Kommunen und so solche Testzentren, ähm, eingerichtet werden. 00:29:00.880 --> 00:29:07.020 Und da stehen sich halt dann die Leute die Füße in den Bauchen, auf diese Schnelltestergebnisse zu warten und das ist ja auch Quatsch, dass sie dann wieder auf einem Haufen rumstehen. 00:29:07.020 --> 00:29:23.600 Genau, und dafür eignet sich, äh, dieses kleine Tool eben entsprechend, ohne da irgendwie groß Datenschutzloch zu öffnen, weil ich muss sowieso was unterschreiben dort, dass meine Daten gespeichert werden, das muss ja sowieso schon geschehen, die ganze Zeit, dass die Daten erfasst werden oder in der Arztpraxis, äh, hab ich das sowieso schon die Einwilligung gegeben. 00:29:23.600 --> 00:29:29.820 Das heißt, das ist geregelt, ähm, und die Daten sind nur vor Ort verknüpfbar und werden danach sowieso geschreddert oder was weiß ich. 00:29:30.120 --> 00:29:31.060 Hast du das veröffentlicht? 00:29:31.060 --> 00:29:47.380 Das ist öffentlich im, im, äh, WordPress-Store auch, das ist eine, also eine Lite-Version, äh, wenn man das ein bisschen mehr customizen will, Texte ersetzen und noch so ein paar Features, ähm, kann man natürlich auch die Premium-Version kaufen, wenn man das möchte, äh, der Link kommt auch in die, ähm, das heißt Corona-Testergebnis. 00:29:47.380 --> 00:29:48.560 Corona-Testergebnis. 00:29:49.120 --> 00:29:51.620 Ja, ich komm jetzt noch zu nem kleinen Rant im Anschluss. 00:29:51.620 --> 00:29:55.740 Moment, aber ich muss jetzt, okay, dann lass mal vor du von Rant es. 00:29:55.740 --> 00:30:05.600 Ja, Moment, aber zum Namen, also wenn man's aktuell suchen will, dann sollte man noch nach Corona-Test-Results googeln, äh, googeln oder halt im, im, im WordPress-Plugin-Verzeichnis, äh, auf Englisch. 00:30:06.100 --> 00:30:08.480 Weil, und jetzt darfst du kurz gerne noch reinkrätschen. 00:30:08.480 --> 00:30:24.480 Ich wollt nur sagen, Mensch, äh, kauft euch das tolle Plugin von Konstantin, es ist sehr gut. Ich hab's zwar nicht getestet, aber, äh, Sachen von Konstantin sind eigentlich immer sehr gut und, ähm, weil er, ich weiß, weil er selten Werbung, so richtig aggressive Werbung für seine Sachen macht, mach ich das jetzt. 00:30:24.480 --> 00:30:25.080 Danke, danke. 00:30:25.080 --> 00:30:25.800 Also, kauf das. 00:30:25.800 --> 00:30:30.420 So, jetzt, jetzt darfst du, jetzt darfst du renten. 00:30:30.420 --> 00:30:41.740 Genau. Und jetzt kommt's nämlich, äh, ja, so zu den Hintergründen, wie das denn so ist, ein Plugin zu veröffentlichen. Wie gesagt, das war das erste Mal, dass wir das jetzt, ähm, so gemacht haben und auch mit so ner, ähm, freemium-Version heißt das ja. 00:30:41.740 --> 00:30:45.760 Das heißt offiziell im WordPress-Store mit, mit so ner Premium-Upgrade-Geschichte. So. 00:30:45.760 --> 00:30:48.180 Und jetzt, äh, ist das so. 00:30:48.180 --> 00:30:49.100 Ja. 00:30:49.100 --> 00:30:54.240 Da ist nicht einfach nur so, ja, hier ist, hier ist mein Plugin, äh, da nimm, äh, sondern. 00:30:54.480 --> 00:30:56.600 Oh, wir haben ein Musikbett im Hintergrund. 00:30:56.600 --> 00:31:03.440 Ich versuche, ich versuche, so, ähm, dramatische Filmtrailer-Musik nachzumachen mit meinem Mund. 00:31:03.440 --> 00:31:04.340 Ja, genau. 00:31:04.340 --> 00:31:07.900 Ja, eigentlich mittlerweile sind ja dramatische Filmtrailer nur Trommeln. 00:31:07.900 --> 00:31:11.900 Ja, also, das ist ja, das ist ja sehr minimalistisch geworden. 00:31:11.900 --> 00:31:15.940 Man hat sich drauf geeinigt, dass Trommeln dramatisch sind ab einer gewissen Geschwindigkeit. 00:31:15.940 --> 00:31:20.200 Ja, wir brauchen das noch mehr, wir müssen noch mehr Musik hinterlegen und so. Ich, ich bereite da mal was. 00:31:21.700 --> 00:31:25.220 Moment mal, also dramatisch, das, das könnte ich mal bis, bis zur nächsten Folge. 00:31:25.220 --> 00:31:27.760 Du bist doch Drummer, du kannst doch live was, äh, trommeln hier. 00:31:27.760 --> 00:31:32.920 Ich hab jetzt das E-Drum gerade nicht angeschlossen, aber ich könnte theoretisch, ja. 00:31:32.920 --> 00:31:34.820 Ja, aber nicht jetzt, nicht jetzt. 00:31:34.820 --> 00:31:35.860 Ist okay. 00:31:35.860 --> 00:31:36.480 Okay. 00:31:36.840 --> 00:31:42.820 Ich erzähl mal weiter, also, es gibt da einen Review-Prozess und das hatten wir so einfach nicht bedacht, ja. 00:31:42.820 --> 00:31:56.600 Das war halt echt so, hm, okay, wir haben jetzt da die Anfrage und das sollte eigentlich recht schnell gehen und wir wissen, dass halt auch in diversen Orten jetzt gerade um uns rum solche Testzentren gerade aufgebaut werden und das jetzt aktuell ist und dann man möglichst jetzt auch da auf diesen Markt, sag ich mal, äh, kommen sollte. 00:31:57.480 --> 00:32:03.160 Und deswegen musste das schnell gehen und dann haben wir irgendwie so, wir waren eigentlich schon fertig und wollten es dann hinschicken, einreichen. 00:32:03.160 --> 00:32:10.420 Und dann kam so, ja, der Review-Prozess, den wir machen, der kann zwischen einem und zehn Tagen dauern. 00:32:10.420 --> 00:32:12.320 B-b-b-what? 00:32:12.340 --> 00:32:30.760 Ja, das hat uns dann schon mal sehr gefreut natürlich und im Endeffekt war die Geschichte dann innerhalb von zwei Tagen erledigt, also nach dem Wochenende, ne, Freitagabends eingereicht und montags kam dann nochmal irgendwie zurück, dass das, was nicht in Ordnung ist, was den Guidelines nicht entspricht, das nochmal kurz geändert und dann war das Ding drin. 00:32:30.760 --> 00:32:37.180 Also das ging echt schnell, weil wir das Glück hatten, dass wir am Samstag, ne, Freitagabend haben wir es eingereicht, da waren wir das erste Plugin. 00:32:37.180 --> 00:32:44.100 Also du siehst die Queue, du siehst, wie viele vor dir sind und da war gerade null Plugins in der Queue, also hatten wir Glück, dass wir das schnell da reinbekommen haben. 00:32:44.100 --> 00:32:49.820 Und irgendwie tags drauf waren es dann, keine Ahnung, 42 oder so, also das ging schon ordentlich hoch. 00:32:49.820 --> 00:32:54.260 Und wenn man Pech hat, dann hängt man da halt in der Queue fest, ja. 00:32:54.260 --> 00:33:03.020 Das ist schon mal ein Ding, also ich meine, ich verstehe, dass die das machen, ja, WordPress bürgt ja so in der öffentlichen Wahrnehmung dafür, was da so drin ist in dem Store. 00:33:03.020 --> 00:33:13.160 Ja, so wie jetzt Google und Apple halt auch versuchen, da nicht den absolut größten Mist irgendwie drin zu haben, Apple noch mehr als Google das tut, das verstehe ich, dass da Hürden eingebaut werden. 00:33:13.160 --> 00:33:27.240 Der Witz ist allerdings nach dem initialen Review, da wird nichts beobachtet, ja, also bis jemand eine Sicherheitslücke oder ein Verstoß gegen die WordPress Guidelines meldet in deinem Plugin-Code, kannst du da eigentlich, sag ich mal, machen, was du willst. 00:33:27.240 --> 00:33:34.980 Also klar, die schmeißen dich halt dann, schmeißen dein Plugin vielleicht raus, wenn du da dann Mist baust und Sachen wieder einbaust, wo sie dich gebeten haben, darum haben, das nicht zu tun. 00:33:36.420 --> 00:33:57.880 Ja, es gibt halt kein kontinuierliches Review, sondern nur dieses initiale, das heißt, du könntest einmal, du stellst als initiale Version eine Version rein, die eigentlich fast nichts kann und die sagen, ja, kann zwar nicht viel, aber passt alles und haust dann in der 101er Version irgendwie deine ganzen Features rein und keine Sau interessiert sich mehr dafür, außer es fühlt sich jemand auf den Schlips getreten und meldet das halt. 00:33:57.880 --> 00:34:03.800 Hätte ich das vorher gewusst, hätte ich es vielleicht genau so gemacht, ganz ehrlich, damit es einfach schneller geht, weil wir hatten nicht vor, irgendwas zu machen, was widerspricht. 00:34:04.100 --> 00:34:06.860 Du willst doch, du willst doch Geld verdienen, du willst doch richtig dick Geld verdienen, oder? 00:34:06.860 --> 00:34:09.320 Ja, nach Möglichkeiten natürlich, ja. 00:34:09.320 --> 00:34:11.400 Ja, du musst dann hinterher die Malware nachladen, das ist doch klar. 00:34:11.400 --> 00:34:12.020 Ach so, ja klar. 00:34:12.020 --> 00:34:29.500 Du machst ein Plugin, das jeder haben will und du machst das kostenlos, ja, mit einem minimalen Featureset oder irgendein Quatsch-Plugin, dein Haustier für WordPress oder sowas und dann läuft halt durchs Backend irgendwie so ein Tier oder sowas rum, ja, irgendwie sowas, was irgendwie jeder sich installiert und hinterher machst du dann die Malware rein. 00:34:30.200 --> 00:34:45.420 Das ist tatsächlich relativ einfach machbar, weil die Updates, die du reinschickst, wie, erzähl ich, da komme ich gleich noch drauf, die sind instantan, nach dem Committen, erscheinen die dann in WordPress-Installationen, wenn die nach Updates suchen, kommt sofort hier, Plugin hat eine neue Version. 00:34:45.540 --> 00:34:56.240 Das heißt, je nachdem, wie viele Leute du erreichst mit deiner initialen Version, kann dieses Nachladen schon so viel Schaden anrichten, bevor die bei WordPress drauf kommen, dass du da irgendwas machst. 00:34:56.240 --> 00:35:06.120 Ich weiß nicht, ob die irgendwie so einen Kill-Switch haben, dass die quasi was triggern können, was automatisch im Notfall ein Plugin auf allen Installationen löscht, keine Ahnung, ob es da sowas gibt. 00:35:06.700 --> 00:35:13.320 Wäre auch eher wieder komisch, wenn es das gäbe, das dürfte eigentlich auch nicht sein, aber jedenfalls könnte man da, wenn man wollte, Schaden anrichten. 00:35:13.320 --> 00:35:20.080 Großen auch, weil ich meine, du kannst wirklich, du kannst PHP-seitig halt alles ausführen, was du ausführen willst, du kannst Dateien löschen und so weiter. 00:35:21.920 --> 00:35:28.680 Aber gut, wie gesagt, also einerseits ist es verständlich und es ist ja auch gut, dass es Hürden gibt, damit nicht jeder Mist in diesem Ding veröffentlicht wird. 00:35:28.680 --> 00:35:35.080 Das heißt, also angenommen, wir wollen den Anteil von WordPress-Seiten im Internet signifikant verringern. 00:35:35.080 --> 00:35:35.720 Mhm. 00:35:35.720 --> 00:35:38.440 Dann machen wir massenhaft diese Aktion. 00:35:38.440 --> 00:35:43.500 Dann müssen wir uns nur ein lustiges Plugin überlegen, was viele Leute sich installieren, die sagen, oh, das ist ja nett. 00:35:44.660 --> 00:35:54.620 Ich sag's dir, kleine Tiere, die im Backend rumtouren. Ich sag's dir, das ist das Einfallstor für sowas. Und dann hinterher löschen wir einfach die ganzen Inhalte. 00:35:54.620 --> 00:35:56.100 Die komplette Installation, ja. 00:35:56.100 --> 00:35:59.220 Die komplette Installation und dann steht noch WordPress nervt oder irgendwie so. 00:35:59.220 --> 00:36:01.140 Vorher noch so ein Bitcoin-Miner irgendwie einbauen. 00:36:01.140 --> 00:36:05.160 Also das ist jetzt keine Aufforderung an irgendjemandem, das zu tun. 00:36:05.720 --> 00:36:09.220 Das lagern wir aus in einen Krumme-Dinger-Podcast. 00:36:09.220 --> 00:36:14.880 Wo wir sind, ist Kriminalität. 00:36:14.880 --> 00:36:16.480 Und Konstantins Krumme-Dinger. 00:36:16.480 --> 00:36:28.820 Nein, wir wollen da natürlich überhaupt nicht dazu verleiten. Darum ging's mir jetzt gar nicht. Wie gesagt, ich verstehe ja, dass man versucht da, aber die Art der Umsetzung ist halt, also es sind so viele Sachen. Man merkt einfach, das System ist gewachsen mit den Jahren und wie das halt immer so ist. 00:36:28.820 --> 00:36:42.140 Also, nur mal ein paar Beispiele. Die Plugin-Infos, ja. Den Namen, Beschreibungstext und so weiter. Den pflege ich einmal in der Plugin-Datei im Header. Ja, da gibt's so ein PHP-Kommentar halt und da schreibe ich das dann rein. Name Doppelpunkt, Description Doppelpunkt. 00:36:42.140 --> 00:36:49.080 Das muss ich aber zusätzlich auch noch, wenn ich das im Store haben will, in einer Readme-TXT veröffentlichen. Da steht dann nochmal genau das gleiche drin. 00:36:50.040 --> 00:37:00.540 Und dann hab ich ja vielleicht noch eine Dev-Umgebung, wo ich eine Package-Json drin hab oder eine Composer-Json, je nachdem wie mein Entwicklungssystem aufgebaut ist. Da hab ich ja dann zum Beispiel auch noch einen Paketnamen drin oder eben die Versionsnummer. 00:37:00.540 --> 00:37:10.940 Ja, das heißt, ich hab mir dann eben halt ein Script geschrieben. Also ich mach dann, in dem Fall basiert das bei mir auf npm. npm run dist. Und das erledigt dann alles in einem Aufhörsch. 00:37:10.940 --> 00:37:20.740 Das saugt sich die Versionsnummer raus, packt die automatisch überall rein, wo sie hin muss, erstellt meine ZIP-Datei und checkt das Ganze in ein SVN ein. Das ist nämlich der nächste Punkt. 00:37:20.740 --> 00:37:23.680 WordPress setzt auf SVN. 00:37:23.680 --> 00:37:24.700 Oh, wow. 00:37:24.700 --> 00:37:36.060 So, SVN hab ich vor Jahren das letzte Mal mit zu tun gehabt und das war irgendwie immer langsam und das ist immer gehangen und dann hat sich zwischendrin, hat sich das Repository zerschossen und man musste dann clean abmachen und so weiter. 00:37:36.060 --> 00:37:54.120 Also ich weiß nicht, ob SVN immer noch so state of the art ist, anscheinend für Releases ja und nicht zur Entwicklung. Ich weiß es nicht, ich bin damit nie warm geworden und wenn man nur Git nutzt, dann muss man sich da eben zusätzlich wieder einarbeiten, muss das lokal installieren und so weiter und so fort. 00:37:54.120 --> 00:38:01.160 Das ist wieder so ein zusätzlicher Punkt, der mich genervt hat, weil ich das damit eigentlich gar nichts zu tun haben wollte. Ich wollte nur diese scheiß Plugin da veröffentlichen. 00:38:01.380 --> 00:38:14.700 Und zum Glück macht mein Diskscript das jetzt auch automatisch, also das wird da alles reingeladen. Ich muss dann nur noch ein anderes Command ausführen oder ich nutze halt Tortoise oder Tortoise, SVN, wie auch immer man das ausspricht. 00:38:14.700 --> 00:38:18.300 Tortoise, Tortoise, Tortoise, SVN und 00:38:18.300 --> 00:38:28.140 Man möchte es einfach, ich bin ja großer Fan von richtiger Aussprache und ich habe keine Ahnung. 00:38:28.140 --> 00:38:32.900 Ja, ich weiß nicht, ich weiß nicht, ich weiß nicht, Tortoise, Tortoise, Tortoise. 00:38:32.900 --> 00:38:36.660 Ja, ich kenne das noch, ich kenne das, ich habe das früher auch mal verwenden müssen. 00:38:36.660 --> 00:38:44.420 Naja, jedenfalls, okay, das war also eine zusätzliche Hürde und zusätzliches, boah, ich habe keinen Bock und habe mich halt zusätzlich noch nachts Stunden gekostet. 00:38:45.100 --> 00:38:48.500 Und dann kam der Punkt, Übersetzung. 00:38:48.500 --> 00:38:54.300 So, das ist das, was ich vorhin erwähnt habe, warum man jetzt noch auf Englisch suchen muss. 00:38:54.300 --> 00:39:08.900 Die Übersetzung liefern wir mit im Plugin, aber WordPress hat mittlerweile, also früher war das so, du hast diese Übersetzungsdateien da drin, also das Plugin ist grundsätzlich auf Englisch und wird dann halt mit deutschen Übersetzungsdateien auf Deutsch übersetzt. 00:39:08.900 --> 00:39:13.580 Auch wenn es jetzt erstmal nur für den deutschen Markt ist, aber gut, das macht mich ganz nervös. 00:39:15.460 --> 00:39:16.720 Das baut tatsächlich Spannung auf. 00:39:16.720 --> 00:39:27.500 Und früher war das auch so, wenn ich ein Plugin übersetzt habe, weil ich das auf Französisch oder was weiß ich, gebraucht habe, habe ich das gemacht, habe es dem Plugin-Autor geschickt, der hat es eingebaut, hat eine neue Version released. 00:39:27.500 --> 00:39:38.040 Inzwischen ist das so, ich weiß nicht seit wann, dass WordPress da ein System hat, es gibt so ein Online-Portal für Übersetzungen, da kann also wirklich jeder, also die ganzen Plugins und sowas, die sind ja GPL-kompatibel, wenn die öffentlich sind. 00:39:38.820 --> 00:39:41.360 So wie auch WordPress GPL lizenziert ist. 00:39:41.360 --> 00:39:46.780 Und deswegen ist das alles offen und so, das ist ja auch gut, ich bin ja auch durchaus für Open-Source absolut. 00:39:46.780 --> 00:39:57.780 Und da gibt es eben auch das Übersetzungssystem, das heißt jeder kann da Übersetzungen einreichen und die werden dann, wenn sie freigeschaltet sind, auch automatisch von WordPress runtergeladen und aktualisiert. 00:39:58.760 --> 00:40:06.120 So, dass dann, selbst wenn das Plugin keine französische Locale hat, aber jemand anders übersetzt das von den Usern, wird das runtergeladen und dann ist das Plugin auch französisch. 00:40:06.120 --> 00:40:15.520 Ist ja auch eine coole Sache, aber ich als Plugin-Autor bin nicht standardmäßig als Übersetzer lizenziert für mein eigenes Plugin, das ich einreiche. 00:40:15.520 --> 00:40:17.460 Ja, wo können wir da auch hin? 00:40:17.460 --> 00:40:23.860 Die können ja, also ich muss ja erstmal beweisen, dass ich tatsächlich französisch und spanisch und was weiß ich kann, verstehe ich ja auch wieder einerseits. 00:40:23.860 --> 00:40:29.620 Aber in dem Fall ist es halt einfach, ich bin deutscher Entwickler, ich reiche da mein Plugin ein, es ist sogar für den deutschen Markt hauptsächlich. 00:40:30.160 --> 00:40:37.020 Ich möchte, also ich meine, eigentlich ist es international nutzbar, aber wir vertreiben es jetzt natürlich, bringen das selber hier in Deutschland an den Mann oder an die Frau. 00:40:37.020 --> 00:40:49.620 Und dann habe ich das Plugin da drin, es ist auf Englisch, es erscheint eine große Meldung im Store, von wegen dieses Plugin wurde noch nicht auf Deutsch übersetzt, obwohl ich ja die deutschen Übersetzungsdateien eigentlich mit liefere, aber in dem Store sind sie halt nicht vorhanden. 00:40:50.280 --> 00:40:57.700 Dann kriegt man das da fett angezeigt, es ist auf Deutsch nicht auffindbar, so ich bin aber standardmäßig halt auch nicht für mein eigenes Plugin als Übersetzer freigeschaltet. 00:40:57.700 --> 00:41:12.300 Das heißt, ich muss dann in ein Forum gehen, muss dort eine Thread eröffnen nach einem bestimmten Template, muss dann sagen, hallo, bitte schaltet mich doch für die Sprache Deutsch und für die Sprache Deutsch-Österreich, für die Sprache Deutsch-Schweiz frei für das Plugin so und so. 00:41:12.300 --> 00:41:16.760 Und noch mit Begründung, weil wir haben ein Team an Übersetzern, die das übersetzen können, so. 00:41:17.320 --> 00:41:31.640 Und dann ist man halt, weil Open Source alles freiweilige, die machen das nach der Arbeit, ich habe gar keinen Anspruch und auch kein Anspruchsdenken eigentlich, dass da jetzt jemand schnell was machen muss, aber in dem Fall bist du halt völlig davon abhängig und ausgeliefert, wie die halt mal eben Zeit finden, das zu tun. 00:41:31.640 --> 00:41:37.880 Jetzt ist eine Woche vergangen, wo das Ding schon drin steht und da ging es hin und her, wir haben alle Texte auf sie. 00:41:38.540 --> 00:41:54.060 Also auch beim informellen Deutschen und Schweizerdeutsch-Locale haben wir trotzdem alles auf sie, weil wir uns gedacht haben, das Ding richtet sich an Arztpraxen, an Labore, an Testzentren und öffentlich will man sowieso nicht einfach die Leute duzen, hier, da ist dein Code und so. 00:41:55.160 --> 00:41:56.360 Deswegen machen wir alles auf sie. 00:41:56.360 --> 00:42:02.220 Ja, aber ihr könnt ja den Leuten nicht vorschreiben, auf welcher Sprache die ihre Seite haben. 00:42:02.220 --> 00:42:06.300 Und wenn die sich entscheiden dafür, die Leute zu duzen, dann muss das respektiert werden. 00:42:08.120 --> 00:42:10.680 Okay, aber das ist, in WordPress kann man das glaube ich auch einstellen, oder? 00:42:10.680 --> 00:42:21.780 Jaja, das kann man schon einstellen, aber weißt du, wie viele unserer Kundenseiten dann auf du eingestellt sind aus Versehen, bis wir das entdecken und mal auf sie ändern und dann irgendwie in den Breadcrumbs vom Steuerberater dann steht, du bist hier. 00:42:21.780 --> 00:42:23.940 Ja, was halt irgendwie nicht sehr gut kommt. 00:42:23.940 --> 00:42:32.040 Also ganz viele stellen das halt, landen sich die deutsche Version runter, die deutsche Version standardmäßig ist mit du und dann gibt es die formelle Version, wenn man das dann will. 00:42:33.340 --> 00:42:44.000 Also deswegen war unser Gedanke eben, wir machen das immer mit sie, weil es, es, warum sollte jemand seine Kunden duzen wollen und wenn er es will, kann er es ja im Plugin, in der Pro-Version zumindest, kann er es ja überschreiben in den Texten. 00:42:44.000 --> 00:42:56.020 Aber gut, wie dem auch sei, jetzt ist eine Woche vergangen, wir sind jetzt für Schweizerdeutsch freigeschaltet, weil jede Sprache hat natürlich ihre eigene Gruppe, ja, wo dann diese Head-Translators dann irgendwie sind, die dann die Rechte haben, dich freizuschalten. 00:42:56.020 --> 00:42:59.080 Das heißt, auf Schweizerdeutsch dürfen wir jetzt übersetzen schon. 00:42:59.080 --> 00:43:01.880 Das ist ja schön, kannst du das denn? 00:43:02.420 --> 00:43:07.960 Ein bisschen, aber es harbert noch, mit dem Velo bin ich gestern. 00:43:07.960 --> 00:43:16.100 Ich glaube, es ist immer schlimm, wenn man sich, wenn man sich über Dialekte, also wenn man die nachmacht und man kann sie aber gar nicht richtig und dann fühlen sich die Leute auf den Schlips gedreht. 00:43:16.100 --> 00:43:20.240 Ich will ja hier unsere Schweizer Freunde nicht vom Velo jagen, oder? 00:43:20.240 --> 00:43:23.700 Oh je, jetzt kriegen wir Ärger. 00:43:23.700 --> 00:43:29.240 Ja, okay, also nein, liebe Schweizer und Schweizerinnen, wir, ja, verblüht, sorry. 00:43:29.240 --> 00:43:34.000 Wir mögen euch, wir mögen euch, wir verstehen euch nur nicht so gut. 00:43:34.000 --> 00:43:39.800 Ich war einmal in Zürich und wir haben Geldautomaten gesucht. 00:43:39.800 --> 00:43:43.320 Und du wusstest nicht, was Geldautomat aus Schweizerdeutsch heißt. 00:43:43.340 --> 00:43:46.480 Nein, nein, nein, das spielt ja keine Rolle, die verstehen uns ja, die verstehen uns ja. 00:43:46.480 --> 00:44:01.400 Also wir fragen auf gutem Hochdeutsch, wo denn irgendwie ein Geldautomat ist und dann, ich sag's mal so, ein Schweizer, von dem nehme ich an, dass er eigentlich auch Hochdeutsch, also er versteht's, das glaube ich. 00:44:01.800 --> 00:44:07.660 Gut, kommt das natürlich auch an, italienische Schweiz, französische Schweiz, Zürich, Zürich ist. 00:44:07.660 --> 00:44:08.460 Ja gut, Zürich, ja. 00:44:08.460 --> 00:44:16.100 Also, das ist, das ist ja jetzt nicht so weit von hier, das ist schon, das ist schon eher deutsch geprägt. 00:44:16.100 --> 00:44:30.000 Und da kam dann eine Antwort zurück und wir haben uns alle nur fragend angeschaut und sind dann weitergelaufen, weil, also ich nehme jetzt mal an, also wenn ich jetzt, hm, ich habe, wenn ich mich jetzt versuche in die Lage zu versetzen, 00:44:30.180 --> 00:44:37.520 von dieser Person, die wir gefragt haben, und ich werde auf Hochdeutsch gefragt, dann antworte ich ja vielleicht möglichst so, dass die Person das verstehen kann. 00:44:37.520 --> 00:44:46.560 Falls ich es überhaupt selbst verstanden habe, ja, das war anzunehmen, weil da kam so was zurück, wir konnten halt nichts damit anfangen, das hieß aber nicht, ich verstehe euch nicht. 00:44:46.560 --> 00:44:50.100 Sondern das war, du was machst, da müsst ihr doch, da drehen wir los mal. 00:44:50.100 --> 00:44:54.820 Ich habe ja keine Ahnung, ich habe ja keine Ahnung, was du hast gesagt. 00:44:54.820 --> 00:44:59.920 Also ich glaube, dass, also manche Menschen können ihren Dialekt einfach nicht abstellen. 00:45:00.180 --> 00:45:07.140 Also, wir hatten auch mal gemeinsamen Kollegen, ich weiß nicht, ob du den, ob du weißt, wen ich meine. 00:45:07.140 --> 00:45:09.220 Nee, ich glaube, ich weiß gerade nicht, wen ich meine. 00:45:09.220 --> 00:45:12.180 Ich sage mal, my little pony, sage ich jetzt einfach mal. 00:45:12.180 --> 00:45:13.200 Ah, ja, ja, ja. 00:45:13.200 --> 00:45:20.000 Oh Gott, für die Hörer ist es so, was? Ja, ein Brony war das. 00:45:20.000 --> 00:45:20.520 Ein Brony. 00:45:20.580 --> 00:45:24.500 Und, ähm, ja, manche Leute können einfach ihren Dialekt nicht abstellen. 00:45:24.500 --> 00:45:34.420 Also das ist, ist einfach so in denen drin, also ganz extrem ist das oft in Bayern, also Bayern, die haben halt einfach fast immer ihr Bayerisch so drin, ja. 00:45:34.420 --> 00:45:36.140 Und selbst wenn sie es ein bisschen verstecken, ist es halt drin. 00:45:36.780 --> 00:45:38.680 Ähm, und manchen Leuten fällt das einfach echt schwer. 00:45:38.680 --> 00:45:39.880 Also das sind alle anders. 00:45:39.880 --> 00:45:46.660 Ich meine, wir sprechen wirklich relativ Hochdeutsch, wobei jetzt natürlich jemand aus dem Norden bestimmt raushört, dass wir aus dem Süden sind, auch wenn wir das selber gar nicht denken. 00:45:47.020 --> 00:45:49.160 Aber andere Leute hören das aus einer anderen Ecke. 00:45:49.160 --> 00:45:56.020 Also gerade mit dem, mit dem stimmhaften und stimmlosen S, ja, das ist so ein, so ein Ding hier in, so ein Ding, so ein Ding. 00:45:56.020 --> 00:45:58.680 Ich versuche da immer drauf zu achten, aber es ist, fällt mir schwer. 00:45:58.680 --> 00:45:59.980 Wir schweifen ab, meine Güte. 00:45:59.980 --> 00:46:00.980 Egal. 00:46:00.980 --> 00:46:07.160 Egal, aber, äh, ja, jedenfalls, ja, Übersetzungen, Übersetzungen, da, da ist immer draufgekommen drüber. 00:46:07.160 --> 00:46:11.160 Also wer es jetzt gerade sucht, ich mache jetzt auch selber mal Werbung, so, ich bin jetzt mal hier. 00:46:11.160 --> 00:46:16.320 Nee, jetzt warte, jetzt warte, warte mal ganz kurz, jetzt müssen wir jetzt mit den Schweizer, muss ich da ganz kurz, ach so, ja, genau, okay. 00:46:16.320 --> 00:46:18.720 Ganz kurz mit den Schweizer, muss ich noch, das muss ich noch kurz zu Ende bringen. 00:46:18.720 --> 00:46:20.760 Ich habe jetzt schlechte Sachen über Schweizer gesagt. 00:46:20.760 --> 00:46:23.420 Ich, äh, ich muss das relativieren noch ganz kurz. 00:46:23.420 --> 00:46:35.560 Ähm, also wenn ich jetzt in den Schwarzwald gehe, und da war ich schon manchmal, ja, da gibt es auch teilweise Leute, wenn die was sagen, da verstehe ich den ganzen Satz mal gar nicht. 00:46:35.560 --> 00:46:37.340 Da denke ich, das ist eine andere Sprache. 00:46:37.340 --> 00:46:45.620 Also es ist, wenn, also selbst, also wir wohnen ja beide in Karlsruhe, der Konstantin und ich, ähm, das heißt, wenn wir irgendwie 100, 150 Kilometer, 00:46:45.620 --> 00:46:51.140 50 Kilometer ungefähr oder so, ne, südlich gehen, wahrscheinlich ist es gar nicht mal so viel, ich weiß gar nicht, müsste ich auf der Karlsruhe gehen. 00:46:51.140 --> 00:46:53.700 Ja, Karlsruhe ist der erste Ort im Schwarzwald, sagt man so. 00:46:53.700 --> 00:46:55.180 Ja gut, naja. 00:46:56.920 --> 00:46:58.600 Aber es ist schon noch ein Stückchen bis zum richtigen Schwarzwald. 00:46:58.600 --> 00:47:01.500 Den zeigst du mir dann demnächst mal, wo der Schwarzwald hier anfängt. 00:47:01.500 --> 00:47:10.380 Ähm, naja, und also da ist, man muss gar nicht so weit von uns, wir bleiben im gleichen Bundesland, wir müssen nur ein bisschen nach Süden gehen, da verstehe ich schon quasi nichts mehr teilweise. 00:47:10.640 --> 00:47:19.120 Also man versteht manchmal was und manchmal gar nichts mehr und, äh, ja, also so, äh, am Feldberg verstehe ich teilweise nichts mehr. 00:47:19.520 --> 00:47:21.820 So, und dafür muss ich gar nicht erst bis in die Schweiz gehen. 00:47:21.820 --> 00:47:25.400 Also, ich wollte es nur mal relativieren, also, die Schweizer sind, sind tolle Menschen. 00:47:25.400 --> 00:47:27.820 Ich habe damals mit meiner ehemaligen Band da ein Konzert gespielt. 00:47:27.820 --> 00:47:31.620 Ähm, das war auch ein guter Abend, das war, das war nur sehr teuer alles. 00:47:32.380 --> 00:47:33.920 Ja, ja, das stimmt. 00:47:33.920 --> 00:47:35.360 Zürich war, ja. 00:47:35.360 --> 00:47:37.960 So, und jetzt, jetzt gehen wir weiter wieder zur Übersetzung, jetzt bin ich fertig. 00:47:37.960 --> 00:47:48.320 Genau, also jedenfalls, jetzt mache ich auch mal ein bisschen Werbung, ähm, wenn ihr, weil wir rechnen uns ja hier hauptsächlich an Entwickler und nicht an Apotheker, äh, wenn du Apotheker bist und das zuhörst, trotzdem, hallo, herzlich willkommen. 00:47:48.320 --> 00:47:48.720 Hallo. 00:47:48.720 --> 00:48:02.360 Also, wenn ihr einen Apotheker oder ein Labor oder einen Hausarzt oder eine kommunale Teststelle kennt oder jemanden, der das betreut oder ihr betreut das selber, äh, oder wir auch. 00:48:02.380 --> 00:48:07.920 Oder auch immer, oder vom, äh, örtlichen DRK, DRK, die das, äh, auch oft übernehmen, solche Sachen. 00:48:07.920 --> 00:48:12.120 Wenn ihr, ähm, jemanden kennt, der das brauchen kann, natürlich gerne darauf hinweisen. 00:48:12.120 --> 00:48:16.160 Wenn die sowieso schon eine WordPress-Seite haben, umso besser kann man einfach als, äh, als Plug-in installieren. 00:48:16.160 --> 00:48:19.680 Ansonsten halt auf einer Subdomain schnell eine WordPress-Installation geht ja auch fix. 00:48:19.680 --> 00:48:31.620 Ähm, gerne, gerne verbreiten und, äh, den Link gibt's, wie gesagt, in die Shownotes oder eben aktuell auf Deutsch, äh, auf Englisch suchen, Corona Test Results im offiziellen WordPress, ähm, Directory. 00:48:31.620 --> 00:48:34.780 Oder, wenn's denn mal übersetzt ist, dann einfach Corona Test Ergebnisse. 00:48:34.780 --> 00:48:39.840 Und, äh, dann freu ich mich auch auf Feedback und auf, äh, Bug-Meldungen, ähm, und, äh, ja. 00:48:39.840 --> 00:48:41.460 Jetzt kaufen! 00:48:41.460 --> 00:48:42.460 Jetzt kaufen! 00:48:42.460 --> 00:48:42.760 Yeah! 00:48:42.760 --> 00:48:44.720 Kostet auch nicht die Welt. 00:48:44.720 --> 00:48:46.040 Mit zwei Abstrichen hat man's wieder drin. 00:48:46.040 --> 00:48:47.380 Mit zwei? 00:48:47.380 --> 00:48:48.660 Nee, ist so, ja. 00:48:48.660 --> 00:48:55.180 Nee, tatsächlich, also, ähm, wir haben uns dann natürlich über die Preisgestaltung schon Gedanken gemacht. 00:48:55.180 --> 00:48:55.900 Und ich mein, wir sitzen... 00:48:55.900 --> 00:48:57.900 Mit zwei Abstrichen hat man's wieder drin. 00:48:58.300 --> 00:49:00.240 Wir sitzen da so ein bisschen, äh, an der Quelle. 00:49:00.240 --> 00:49:02.220 Deswegen ist auch die Idee dazu entstanden. 00:49:02.220 --> 00:49:06.560 Und, ähm, das ist, äh, ja, also, das, das, das lohnt sich auf jeden Fall. 00:49:06.560 --> 00:49:07.480 Es spart eine Menge Zeit. 00:49:07.480 --> 00:49:10.660 Also, wir haben, wie gesagt, so eine, eine Arztpraxis, die das im täglichen Einsatz hat. 00:49:10.660 --> 00:49:12.400 Und da kam viel positives Feedback. 00:49:12.400 --> 00:49:13.580 Die, äh, finden das super. 00:49:13.780 --> 00:49:17.100 Und, äh, das nimmt wirklich viel, spart denen viel Zeitaufwand. 00:49:17.100 --> 00:49:20.620 Und für die Patienten ist es, ähm, auch einfacher, das online abzufragen und so. 00:49:20.620 --> 00:49:21.900 Also, es ist, ist eine gute Sache. 00:49:21.900 --> 00:49:23.000 Ich steh da wirklich dahinter. 00:49:23.000 --> 00:49:24.240 Das hat Spaß gemacht, sowas zu machen. 00:49:24.240 --> 00:49:25.820 Und man echt denkt, jo, das ist eine gute Sache. 00:49:25.820 --> 00:49:27.700 Und das hilft vielleicht gerade wirklich vielen Leuten. 00:49:27.700 --> 00:49:28.520 Yes. 00:49:28.520 --> 00:49:29.340 Also kaufen. 00:49:29.340 --> 00:49:30.280 Kaufen, kaufen, kaufen. 00:49:30.280 --> 00:49:32.280 Okay. 00:49:32.280 --> 00:49:33.320 Das war's. 00:49:33.320 --> 00:49:36.780 Kaufen, kaufen, kaufen, kaufen, kaufen. 00:49:36.780 --> 00:49:39.820 Ich hab noch, ähm, jetzt hab ich so viel, gerade weil wir deinen einen Retro-Punkt übersprungen haben. 00:49:39.820 --> 00:49:41.500 Äh, aber ich hab noch... 00:49:41.500 --> 00:49:43.260 Nee, wir haben, wir haben, wir haben gar nichts übersprungen. 00:49:43.260 --> 00:49:47.020 Ja doch, dein, ja, das haben wir also so rein, reingemogelt bei mir mit drin. 00:49:47.020 --> 00:49:49.160 Aber ich hab das Gefühl, ich rede und rede und rede heute. 00:49:49.160 --> 00:49:49.780 Okay. 00:49:49.780 --> 00:49:50.120 Nein, nein, das war so gut dran. 00:49:50.120 --> 00:49:53.740 Also ich hab nämlich noch im, im Anschluss an diesen, in diesem Retro-Punkt noch eine Sache. 00:49:53.740 --> 00:49:56.560 Und ich hab vorhin gesagt, ich, ich führe heute eine neue Kategorie ein. 00:49:56.560 --> 00:50:00.800 Das ist keine ganz neue Kategorie, aber, äh, so ab und zu, weil wir, so wie eben auch schon, 00:50:00.800 --> 00:50:03.140 wir renten ja ganz gerne mal und regen uns über Dinge auf. 00:50:03.140 --> 00:50:04.400 Den Rant der Woche. 00:50:04.400 --> 00:50:07.080 Wir brauchen noch vielleicht einen kleinen Jingle dafür. 00:50:07.080 --> 00:50:09.380 Ähm, für die Retro, den... 00:50:09.380 --> 00:50:11.960 Rant der Woche. 00:50:11.960 --> 00:50:15.240 Genau. 00:50:15.240 --> 00:50:16.400 Und zwar... 00:50:16.400 --> 00:50:19.260 Das war der Beweis, dass ich solche Stimmen auch ohne Fischung machen kann. 00:50:19.260 --> 00:50:20.080 Sehr gut. 00:50:20.080 --> 00:50:24.160 Und zwar A to B und B to A in JavaScript. 00:50:24.160 --> 00:50:28.040 Ach, wir sind doch immer bei dem, bei dem, wir sind immer noch bei dem Punkt. 00:50:28.140 --> 00:50:33.520 Ja, das ist der, genau, das ist der Rant der Woche, das kommt noch dazu, ja, äh, zu dem Punkt, den ich eben hatte. 00:50:33.520 --> 00:50:37.640 Base64-Encoding und Decoding mit JavaScript. 00:50:37.640 --> 00:50:41.880 Die Funktionen A to B und B to A, wer hat sich das ausgedacht, die so zu nennen? 00:50:41.880 --> 00:50:46.740 Ja, ich komme immer wieder durcheinander, ich muss es immer wieder ausprobieren oder nachschlagen, ich kann es mir einfach nicht merken. 00:50:46.740 --> 00:50:51.140 Und man könnte jetzt denken, naja, erst encodiere ich was und dann decodiere ich es wieder. 00:50:51.140 --> 00:50:55.380 Deswegen A ist wahrscheinlich der Ursprungszustand und B ist das Encodierte. 00:50:55.380 --> 00:50:57.100 Falsch. 00:50:57.660 --> 00:51:02.500 Oder vielleicht die Eselsbrücke B steht für Base64, wäre ja zum Beispiel denkbar. 00:51:02.500 --> 00:51:03.940 Ist aber auch falsch. 00:51:03.940 --> 00:51:09.800 Richtig ist, das steht für ASCII to Binary und Binary to ASCII. 00:51:09.800 --> 00:51:16.920 So, das macht die Verwirrung jetzt aber natürlich überhaupt nicht weniger, weil ASCII heißt nämlich in dem Fall, das ist der Base64-String. 00:51:17.060 --> 00:51:24.460 Also der encodierte String am Schluss ist eigentlich auch logisch, weil der besteht dann nur noch quasi aus ASCII-Zeichen, aus Zeichen, die sich mit ASCII abdenken. 00:51:24.460 --> 00:51:28.820 Ist schon logisch, aber erstmal denkt man irgendwie ASCII to Binary, klingt für mich eher noch andersrum. 00:51:28.820 --> 00:51:30.740 Ist aber nicht so. 00:51:30.740 --> 00:51:36.760 Und jetzt ist der Witz, jetzt bin ich auch wieder in so ein Rabbit Hole so ein bisschen gekommen vorhin beim Recherchieren. 00:51:36.760 --> 00:51:45.640 B2A, die Funktion, also um einen String zu Base64 zu codieren. 00:51:45.640 --> 00:51:47.040 Moment mal, String? 00:51:47.060 --> 00:51:47.540 Binary? 00:51:47.540 --> 00:51:49.460 Ja, ja, pass auf. 00:51:49.460 --> 00:51:52.420 Ja, eben, ich sag ja, die Verwirrung wird nicht weniger dadurch, durch die Erklärung. 00:51:52.420 --> 00:51:58.720 B2A akzeptiert nämlich nur Strings als Argument. 00:51:58.720 --> 00:52:04.820 Kein Blob und kein Array-Buffer, sodass ich, sagen wir mal, da schicke ich wirklich selber Binärdaten irgendwie hin in irgendeiner Form. 00:52:04.820 --> 00:52:09.280 Nein, sondern das ist ein String, der wird als Binärdaten gelesen und encodiert. 00:52:09.280 --> 00:52:14.080 Aber Strings in JavaScript sind UTF-16 codiert. 00:52:14.080 --> 00:52:15.540 Ja? 00:52:16.140 --> 00:52:24.480 Binary Strings im eigentlichen Sinne von Binärstrings, Binärketten, sind eigentlich gar kein Teil des kompletten Language Designs von JavaScript. 00:52:26.000 --> 00:52:28.400 Aber B2A benötigt genau das. 00:52:29.200 --> 00:52:39.040 Einen Binary String. Und das heißt, Strings, die einen Codepoint größer als 255 enthalten, die resultieren in einem Character-Out-of-Range-Error. 00:52:40.080 --> 00:52:52.640 Wenn ich jetzt also einen JavaScript-String, einen normalen String, der aber Multibyte-Characters enthält, also keine Ahnung, chinesische Zeichen, japanische, koreanische, was weiß ich, oder auch irgendwelche Emojis. 00:52:53.680 --> 00:52:58.860 Wenn ich das jetzt codieren will, dann bekomme ich eventuell eben diesen Character-Out-of-Range-Error. 00:52:58.860 --> 00:53:08.740 Und es gibt auf MDN zum Glück zwei Funktionen, mit denen man UTF-16-Strings erst in Binär-Strings umwandeln kann und eben danach wieder zurück. 00:53:09.080 --> 00:53:15.440 Das heißt, ein zusätzlicher Schritt, den ich machen muss, um eben die Base64-Codierung tatsächlich zum Laufen zu bringen für alle Strings. 00:53:15.440 --> 00:53:17.900 Und das fand ich echt krass. 00:53:17.900 --> 00:53:19.620 Also auch diese Information. 00:53:19.620 --> 00:53:23.760 Ja, okay, das ist eigentlich gar nicht Teil des Language Designs, aber die Funktion benötigt das trotzdem genauso. 00:53:23.760 --> 00:53:24.980 Verrückt. 00:53:24.980 --> 00:53:28.300 Und ich hatte mich schon aufgeregt über die Benahmung und dann kam das. 00:53:28.300 --> 00:53:31.180 Ja, also keine Ahnung, warum man sowas macht. 00:53:31.180 --> 00:53:33.240 Aber bestimmt auch wieder halt irgendwie gewachsen historisch. 00:53:33.240 --> 00:53:36.560 Und ich bin auch nicht alleine. 00:53:36.760 --> 00:53:41.500 Also es gibt diverse Beiträge dafür und unter anderem eine Eselsbrücke in einem Stack-Overflow-Post. 00:53:41.500 --> 00:53:43.580 Da hat jemand gemeint, da merkt sich das so. 00:53:43.580 --> 00:53:46.180 Beautiful to awful und awful to beautiful. 00:53:46.180 --> 00:53:49.280 Also beautiful ist halt der schöne String, den ich da reingebe. 00:53:49.280 --> 00:53:52.660 Und awful ist halt dieses Kauderwelsch, was da rauskommt, was kein Mensch lesen kann. 00:53:52.660 --> 00:53:58.040 So, und jetzt darf man als Nicht-Muttersprache des Englischen natürlich sich von awesome und awful nicht täuschen lassen. 00:53:58.040 --> 00:53:59.700 Und dann ist die Verwirrung komplett. 00:53:59.700 --> 00:54:01.560 Das war's. 00:54:01.560 --> 00:54:02.680 Wow. 00:54:02.680 --> 00:54:04.600 Wow. 00:54:04.760 --> 00:54:06.920 Ich möchte gerade nicht in deiner Haut stecken. 00:54:06.920 --> 00:54:10.400 Und damit habe ich eine wunderschöne Überleitung geschaffen. 00:54:10.400 --> 00:54:14.920 Zu meinem kleinen Retrofunkt, der ist auch ganz schnell vorbei. 00:54:14.920 --> 00:54:21.420 Ich habe erfahren, dass es etwas gibt, das heißt Toasted Skin Syndrome. 00:54:21.420 --> 00:54:25.620 Das ist wohl tatsächlich ein medizinischer Fachbegriff. 00:54:26.320 --> 00:54:27.600 Wie bin ich da drauf gekommen? 00:54:27.600 --> 00:54:30.280 Naja, ich habe einen Artikel gelesen und ich weiß nicht mehr, wo es war. 00:54:30.280 --> 00:54:34.340 Und vielleicht, der wird auch einfach nicht verlinkt, das sage ich jetzt schon mal so. 00:54:36.740 --> 00:54:47.920 Wo es darum geht, dass Leute, die ihr Laptop auf den Beinen haben, das warm wird, irgendwann nach einer Weile, wenn das, ich weiß nicht genau, wie lange das dauert und wie heiß das sein muss. 00:54:47.920 --> 00:54:48.980 Kannst du mal ausprobieren. 00:54:48.980 --> 00:54:52.260 Dieses Toasted, ich glaube, das kann ich nicht empfehlen. 00:54:53.380 --> 00:54:56.380 Den Wikipedia-Artikel dazu, den verlinken wir in den Shownotes. 00:54:56.380 --> 00:54:58.520 Und die Bilder, die sind wirklich nicht schön. 00:54:58.520 --> 00:55:00.800 Also das kann ich jetzt schon mal sagen, die sind nicht schön. 00:55:00.800 --> 00:55:01.780 Content Warning. 00:55:03.360 --> 00:55:11.400 Ja, nicht, wenn ihr gerade gegessen habt und vielleicht nicht, wenn ihr schwachen Magen habt oder irgend sowas. 00:55:11.400 --> 00:55:12.740 So schlimm finde ich es jetzt gar nicht. 00:55:12.740 --> 00:55:14.880 Also das ist krass. 00:55:14.880 --> 00:55:20.640 Also tatsächlich kann ein Laptop dafür sorgen, den man regelmäßig auf den Beinen hat, dass sich da die Haut verändert. 00:55:20.640 --> 00:55:24.520 Und es ist wohl nicht wirklich gefährlich. 00:55:24.520 --> 00:55:29.300 Also wenn ich es richtig verstanden habe, ist es nichts, was einen jetzt irgendwie umbringt. 00:55:29.300 --> 00:55:31.100 Na, außer es wird chronisch. 00:55:31.100 --> 00:55:34.640 Wenn es nämlich chronisch wird, dann kann es sich nämlich zu Hautkrebs entwickeln. 00:55:34.640 --> 00:55:37.700 Und es ist sehr, sehr, sehr unschön. 00:55:37.700 --> 00:55:39.920 Also es geht dann auch vor allem nicht mehr weg. 00:55:39.920 --> 00:55:45.000 Also wenn es chronisch wird, dann ist es nicht nur eben verfärbt und dann nach einer Weile ist es wieder weg, sondern dann bleibt es so. 00:55:45.000 --> 00:55:51.180 Also mein Appell an euch, nicht zu lange mit einem heißen Laptop auf dem Schoß arbeiten. 00:55:51.180 --> 00:55:56.740 Ich habe das jetzt vor kurzem in letzter Zeit immer mal wieder gemacht, so auf der Couch mit dem Laptop. 00:55:56.980 --> 00:56:00.020 Und das Teil wird dann schon irgendwie wärmer mal. 00:56:00.020 --> 00:56:11.120 Und naja, also, Moment, hier steht einwirkende Temperaturen, also unterhalb von Verbrennungsbereich. 00:56:11.120 --> 00:56:17.140 Also es ist wohl so, dass es sich warm anfühlt, aber nicht jetzt, nicht, dass man denkt, oh, das ist zu heiß, ich muss es wegnehmen. 00:56:17.220 --> 00:56:28.400 Und dadurch kommt es eben zustande, dass, wenn man das dann länger hat und regelmäßig, dass das dann, ohne dass man sich jetzt verbrannt fühlt, es aber irgendwie doch auf eine Art verbrennt. 00:56:28.400 --> 00:56:34.460 Ja, also ich will da jetzt auch gar keine ärztlichen Ratschläge geben. 00:56:34.460 --> 00:56:35.660 Das dürfen wir ja auch gar nicht. 00:56:36.620 --> 00:56:41.800 Sollte man vielleicht mal drüber nachdenken, falls man das öfter macht, vielleicht endet es doof. 00:56:41.800 --> 00:56:44.440 So, das ist, damit bin ich damit auch schon fertig. 00:56:44.440 --> 00:56:45.920 Somit, hiermit. 00:56:46.060 --> 00:56:54.520 Cool, dann kommen wir ja jetzt schon zum vorletzten Retropunkt, bevor wir dann auch mal irgendwann mit dem Thema, property kommt dann auch noch. 00:56:55.520 --> 00:57:06.620 Ich habe mich die letzte Zeit viel mit Media Stream und Navigator, Media Devices, Get User Media und Chrome Desktop Capture, Choose Desktop Media beschäftigt. 00:57:06.620 --> 00:57:12.920 Also mit APIs, die man so im täglichen, ich frickel, Webseiten zusammengebraucht, nicht unbedingt benötigt. 00:57:13.480 --> 00:57:26.880 Aber ich baue ja gerade an einem kleinen Tool, das der Moritz auch schon mal im Einsatz gesehen hat und irgendwie elf andere Menschen auch, das ich jetzt gerade vollende, damit wir Twitch-Streams machen können. 00:57:26.880 --> 00:57:30.000 Damit man unsere Radiogesichter auch mal sehen kann. 00:57:30.000 --> 00:57:31.260 Ja. 00:57:31.260 --> 00:57:43.220 Und genau, also damit habe ich mich beschäftigt und da will ich gar nicht zu sehr in die Tiefe gehen, weil das werden wir, glaube ich, dann als erste Folge, sage ich jetzt einfach mal, oder vielleicht als eine der ersten Folgen, aber vielleicht bis zum Einstieg ganz gut, werden wir das dann alles mal besprechen. 00:57:43.220 --> 00:57:50.100 Und dann werde ich das auch wirklich zeigen, also quasi mit der Software, mit der ich streame, dann die Software auseinandernehmen und zeigen. 00:57:50.100 --> 00:58:03.300 Und einfach mal zeigen, was ich da alles gemacht habe, auf welche Hürden ich gestoßen bin und ja, was es da so zu entdecken gibt an APIs, die man sonst nicht unbedingt braucht, wenn man jetzt nicht irgendwelche Desktop-Anwendungen mit Mediengedöns bastelt. 00:58:03.300 --> 00:58:10.960 Und wir haben uns so ein bisschen vorgenommen, bevor wir die nächste Podcast-Folge aufnehmen, machen wir erstmal den ersten Stream. 00:58:11.200 --> 00:58:18.420 Das heißt, vor der nächsten Folge gibt es uns dann irgendwann mal live zu sehen und deswegen, wer möchte, kann uns jetzt schon auf Twitch folgen. 00:58:18.420 --> 00:58:25.220 Twitch.tv slash WWSIV einfach mal folgen, dann werden wir auch benachrichtigt, soweit das soweit ist. 00:58:25.220 --> 00:58:30.860 Ich weiß nicht, wir haben noch gar keinen Plan, wann, aber ich könnte mir vorstellen, dass wir vielleicht nächste Woche Freitag schon aufnehmen. 00:58:31.240 --> 00:58:36.880 Was wäre dann, wenn wir es schaffen, mal gucken, die Software ist jetzt fast fertig, am 26. 00:58:36.880 --> 00:58:38.340 Was ist schon fertig? 00:58:38.340 --> 00:58:39.960 Ja, fertig ist nie, aber... 00:58:39.960 --> 00:58:44.040 Es dauert noch, ja, also ich brauche noch ein bisschen, weil ich muss mir natürlich noch ganz viel Equipment bestellen. 00:58:44.040 --> 00:58:46.520 Ja, klar, Greenscreen und ja. 00:58:46.520 --> 00:58:49.340 Ja, Greenscreen, ich bin gerade auf Amazon und gucke halt, was man da... 00:58:49.340 --> 00:58:54.200 Ob ich dieses Chroma-Keying dann schon bis zu der initialen Version reinkriege, das kann ich nicht versprechen. 00:58:54.200 --> 00:58:58.840 Äh, brauchst, nö, das brauchst du aber gar nicht. 00:58:58.840 --> 00:59:01.520 Achso, du schickst mir einfach das schon mit Chroma-Keying. 00:59:01.520 --> 00:59:03.560 Ich kann dir schon ein fertiges Bild schicken. 00:59:03.560 --> 00:59:06.860 Aber du bist ja dann nicht transparent. Achso, du machst dir dann einfach einen anderen Hintergrund. 00:59:06.860 --> 00:59:08.380 Ich mach mir einfach einen anderen Hintergrund. 00:59:08.640 --> 00:59:08.800 Okay. 00:59:08.800 --> 00:59:13.300 Zum Beispiel, ähm, keine Ahnung, Feuerwerk, kackende Hunde, was auch immer. 00:59:13.300 --> 00:59:18.060 Okay, ja, schön. Oder dieses hier, was wir da gerade hatten mit dieser Verbrennungsgeschichte, einfach mal schöner Hintergrund. 00:59:18.060 --> 00:59:24.980 Genau, also wer uns, äh, wer uns da sehen möchte, ähm, der kann uns, wie gesagt, gerne folgen. 00:59:24.980 --> 00:59:26.200 Ich glaube, Twitch wird großer Spaß. 00:59:26.200 --> 00:59:31.480 Ich glaube auch, also wir hatten schon beim Testen so viel Spaß, so spontan. Äh, ich konnte mir vorstellen, dass das wirklich cool wird. 00:59:31.480 --> 00:59:35.960 Ja, und dann, äh, jetzt schon mal angekündigt, der Podcast, äh, stirbt. 00:59:36.240 --> 00:59:38.740 Wir machen ab sofort nur noch Twitch. Wir wissen zwar nicht, wie es läuft, aber... 00:59:38.740 --> 00:59:42.220 Nein, das habe ich ja letztes Mal schon gesagt, das glaube ich, also, das ist nicht der Plan. 00:59:42.220 --> 00:59:46.200 Also eigentlich ist der Plan, das zusätzlich ergänzend zu machen, aber nicht als Ersatz. 00:59:46.200 --> 00:59:49.020 Also sind 150 Euro zu viel für ein Greenscreen? 00:59:49.020 --> 00:59:51.800 Nö, ich glaube, das ist eher Einsteigerzeug, oder? 00:59:51.800 --> 00:59:57.880 Das ist so ein, äh, das ist so ein, äh, Elgato, die machen ja so dieses ganze Streamerzeug, da bin ich gerade drauf gelandet bei Amazon. 00:59:57.880 --> 01:00:00.460 Ähm, falls mir das jemand schenken möchte, 01:00:00.460 --> 01:00:01.680 Ja, genau, klar. 01:00:01.680 --> 01:00:04.160 Ihr könnt mir das, äh, ihr könnt das an die, 01:00:04.160 --> 01:00:07.320 an die, an die, an die Postadresse schicken. 01:00:07.320 --> 01:00:10.220 Hast du nicht, ähm, warte mal, hast du nicht hier im, äh, 01:00:10.220 --> 01:00:12.860 auf der Webseite, wer wir sind, ist fraglich. 01:00:12.860 --> 01:00:15.740 Ähm, da ist doch hier Amazon-Wunschliste. 01:00:15.740 --> 01:00:18.420 Genau, ihr geht auf unsere, auf unsere wunderschöne Webseite. 01:00:18.420 --> 01:00:19.560 Achso, ich kann's auf die Wunschliste packen. 01:00:19.560 --> 01:00:20.600 Genau, pack's auf deine Wunschliste. 01:00:20.600 --> 01:00:24.160 Es muss aber sehr schnell bestellt werden, bis nächsten Freitag. 01:00:24.160 --> 01:00:31.120 Wo wir sind, ist vorne.show und dann auf, im Oben in dem schönen Header-Hero-Dings-Bereich, ähm, 01:00:31.120 --> 01:00:36.440 auf vielfachen Wunsch, wer wir sind, ist fraglich, da draufklicken, dann erfährt man so ein bisschen was über uns, ähm, 01:00:36.440 --> 01:00:43.500 und hat noch ein paar Links hier, PayPal-Spende und Amazon-Wunschliste, äh, genau, und da könnt ihr uns dann, dann Sachen bestellen. 01:00:43.500 --> 01:00:46.300 Hab ich gar nicht dran gedacht, vielleicht kann ich da auch noch, vielleicht brauche ich auch noch ein Greenscreen und so. 01:00:46.380 --> 01:00:47.840 Ja, ich packe da mal noch Licht drauf. 01:00:47.840 --> 01:00:50.920 Wir packen da Zeug drauf, wer möchte, der darf uns das gerne. 01:00:50.920 --> 01:00:52.460 Natürlich. 01:00:52.460 --> 01:00:58.320 Ja, was ich eigentlich, kann man eigentlich bei Amazons irgendwie so machen, dass, äh, dass Leute zusammenlegen und irgendwas auf uns geht? 01:00:58.320 --> 01:01:10.260 Leider nicht, das finde ich, das hatte ich auch schon mal als Idee, dass man irgendwie so ein Portal macht, wo du sagen kannst, hier, jeder gibt so ein bisschen was dazu, also wie so ein bisschen so Crowdfunding halt, aber halt gezielt auf Amazon-Links und dann wird das automatisch darüber bestellt, aber, ja, gibt's nicht. 01:01:10.260 --> 01:01:11.280 Bisher. 01:01:11.280 --> 01:01:13.960 Ja, das, das wäre irgendwie, das, das fände ich irgendwie nice. 01:01:13.960 --> 01:01:16.160 Ja, wenn jeder 20 Euro gibt. 01:01:16.380 --> 01:01:19.200 Dann kannst du dir ein paar davon kaufen. 01:01:19.200 --> 01:01:23.680 Du meinst die ganzen 7,8 Milliarden Bürger dieser Erde. 01:01:23.680 --> 01:01:30.980 Nee, aber, also wenn, wenn, wenn, von unseren Hörern, die wir so haben, hier voll, jeder 20 Euro gibt, da kannst du dir aber, kannst du dir ein Studio bauen nur. 01:01:30.980 --> 01:01:32.700 Nicht ganz. 01:01:32.700 --> 01:01:39.960 Ja, ich meine, äh, ich brauche ja eigentlich nur noch den Greenscreen und Licht und eine vernünftige Kamera, obwohl das mit der Kamera, das kriegen wir irgendwie hin. 01:01:39.960 --> 01:01:46.140 Ähm, genau, aber Greenscreen habe ich jetzt tatsächlich mal auf meine Liste gepackt, ähm, das ist nämlich so ein cooles Teil, das kann man so, 01:01:46.340 --> 01:01:47.960 auf den Boden stellen und so aufziehen. 01:01:47.960 --> 01:01:48.520 Ja, sehr cool. 01:01:48.520 --> 01:01:52.440 Das, äh, das, das sieht irgendwie, das kann man auch schön klein weg verpacken. 01:01:52.440 --> 01:01:57.160 Muss das nur gut ausleuchten, also du brauchst halt entsprechende Lampen wahrscheinlich noch, dass das gleichmäßig ist. 01:01:57.160 --> 01:01:58.100 Ja, die kosten dann halt nochmal. 01:01:58.100 --> 01:01:58.840 Die sind halt teuer. 01:01:59.560 --> 01:02:07.080 Aber gut, aber gut, äh, vielleicht, also es wird wahrscheinlich beim allerersten Stream nicht alles hundertprozentig perfekt sein, der Moritz als kleiner Perfektionist und ich ja auch. 01:02:07.080 --> 01:02:10.320 Äh, wir werden wahrscheinlich selber nicht so ganz zufrieden sein, aber ich glaube, es reicht. 01:02:10.320 --> 01:02:11.720 Ich glaube, es reicht. 01:02:11.720 --> 01:02:12.340 Perfektionist. 01:02:12.340 --> 01:02:14.060 Großer Perfektionist, riesen Perfektionist. 01:02:14.060 --> 01:02:22.340 Ähm, ja, aber wir, wir, wir fangen trotzdem, wir machen das trotzdem, wenn wir jetzt zu lange rauszögern und, und immer wieder, ja, aber das nicht, das nicht, das nicht, das, äh, wir machen das. 01:02:22.340 --> 01:02:23.120 Nächste Woche Freitag. 01:02:23.120 --> 01:02:24.200 Du musst einfach mal gestartet werden. 01:02:24.200 --> 01:02:25.560 Komm, ich baue jetzt Druck auf. 01:02:25.560 --> 01:02:30.460 Nächste Woche Freitag, 26. März um 8 Uhr beginnt der Stream, Punkt. 01:02:30.460 --> 01:02:35.640 Um 8 Uhr beginnt der Stream und, genau, bis dahin, was bis dahin nicht fertig ist, ist es nicht fertig. 01:02:35.640 --> 01:02:35.980 Genau. 01:02:35.980 --> 01:02:41.140 Wir machen einfach so ein Baustellen-Ding, so ein Absperrband quer drüber, Under Construction. 01:02:41.140 --> 01:02:42.440 Oh ja. 01:02:42.440 --> 01:02:44.660 Vielleicht noch so ein, so ein Bagger-Gif. 01:02:44.660 --> 01:02:45.640 Mhm, genau. 01:02:45.640 --> 01:02:46.760 Und Besucher-Counter. 01:02:46.760 --> 01:02:49.160 Besucher-Counter wäre noch mit Blinke, Blinke-Gif. 01:02:50.180 --> 01:02:53.480 So, wenn wir schon waren bei Dingen, die ihr uns kaufen sollt. 01:02:53.480 --> 01:02:57.560 Schön, wie du einfach, wie du einfach, jetzt schnell weiter, bevor ich noch mehr Blödsinn rede. 01:02:57.560 --> 01:02:58.540 Ach so, warst du fertig? 01:02:58.540 --> 01:02:59.580 Nein, nein, nein, alles gut, alles gut. 01:02:59.580 --> 01:03:01.400 Ich habe gerade wieder eine schöne Überleitung gefunden. 01:03:01.400 --> 01:03:01.780 Ja, okay, okay. 01:03:01.780 --> 01:03:08.000 Wenn wir gerade schon waren bei Dingen, die ihr uns kaufen sollt, kommen wir jetzt zu Dingen, die ihr euch kaufen sollt. 01:03:08.000 --> 01:03:10.000 Ja, komm, also. 01:03:10.000 --> 01:03:10.900 Sehr schön. 01:03:10.900 --> 01:03:16.780 Also, ich könnte echt, ich könnte echt irgendwie, ja, Fernsehschauen, wir sind, also, ich glaube, bei Twitch sind wir genau richtig. 01:03:16.780 --> 01:03:17.260 Ja, genau. 01:03:18.040 --> 01:03:20.440 Also, da macht man das ja so mit so tollen Überleitungen. 01:03:20.440 --> 01:03:22.320 Heute bin ich irgendwie der King of Überleitungen. 01:03:22.320 --> 01:03:29.840 Genau, wir haben nämlich bei Twitter euch gefragt, was für Merch euch glücklich machen würde. 01:03:29.840 --> 01:03:31.280 Und ihr habt tatsächlich geantwortet. 01:03:31.280 --> 01:03:32.840 Ihr habt tatsächlich geantwortet, genau. 01:03:32.840 --> 01:03:33.680 Warte mal, warte mal, warte mal. 01:03:33.680 --> 01:03:42.540 Das ist ja immer so eine Sache, es kommt ja nicht immer was, aber Umfragen funktionieren tatsächlich erstaunlich gut. 01:03:42.540 --> 01:03:49.580 Ja, wir haben zur Wahl gestellt, Unterwäsche, Tassen, Shirts und Hoodies oder siehe Kommentar. 01:03:49.580 --> 01:03:51.740 Siehe Kommentar. 01:03:51.740 --> 01:03:54.120 War sehr ergiebig, es gab einen Kommentar. 01:03:55.260 --> 01:04:09.200 Ah, nein, nein, es gab noch mehr, es gab noch welche, die ich direkt bei Twitter bekommen habe auf meinen Account, zwei, wo ich auch gleich noch sagen muss, ich war mir anfangs nicht so sicher, ob die ernst gemeint waren oder nicht, aber das sage ich gleich noch. 01:04:09.200 --> 01:04:14.280 Also gewonnen haben Shirts und Hoodies erstaunlicherweise, am Anfang waren die Tassen noch gleich auf. 01:04:14.280 --> 01:04:17.820 Genau, fast 60 Prozent, 57 Prozent. 01:04:17.820 --> 01:04:24.560 Da müssen wir das wahrscheinlich irgendwie machen, aber ich wäre auch großer Fan von Tassen und Unterwäsche. 01:04:24.560 --> 01:04:33.520 Also wahrscheinlich wird es am Ende alles geben, aber wir können ja mal mit einem Shirt oder einem Hoodie anfangen, wobei ich eigentlich jetzt mal zum Hoodie tendiere gerade. 01:04:33.520 --> 01:04:39.740 Würde ich auch eher noch, es wird jetzt wieder wärmer, aber jetzt aktuell trage ich auch gerne noch Hoodies. 01:04:39.740 --> 01:04:52.020 Wir können ja verschiedene anbieten, dünnere und dickere, also da wird irgendwann mal was kommen, ich weiß noch nicht genau, aber wir haben es verstanden und wir machen das mal und gucken mal, vielleicht bestellt es ja dann gar keiner. 01:04:52.020 --> 01:04:53.880 Auch möglich, ja. 01:04:53.880 --> 01:04:55.260 Ja, keine Ahnung. 01:04:55.260 --> 01:05:02.320 Die beiden Antworten, die noch, also genau, die Antwort, die kam, das ist wirklich interessant. 01:05:03.000 --> 01:05:07.880 Siehe Kommentar wurde nämlich angeklickt, nachdem wir den Kommentar schon hatten und zwar so einen halben Tag später. 01:05:07.880 --> 01:05:12.280 Also irgendjemand hat Siehe Kommentar geklickt, ich habe das live mitverfolgt, und hat keinen geschrieben. 01:05:12.280 --> 01:05:16.540 Aber so mögen wir unsere Troll-Zuhörer, also das finde ich auch irgendwie witzig. 01:05:16.540 --> 01:05:21.940 Oder vielleicht hat einer gedacht, naja, das wurde noch nicht geklickt, aber es gab schon einen Kommentar, das muss ausgeglichen werden. 01:05:21.940 --> 01:05:27.260 Der Kommentar, den wir direkt bekommen haben, war, Logo wäre gut auf einer schwarzen Tasse. 01:05:27.500 --> 01:05:30.860 Ja, das sehen wir auch so, eine Tasse wäre irgendwie cool. 01:05:30.860 --> 01:05:38.280 Ich denke gerade noch so nach über so Magic-Tassen, die, wenn sie heiß werden, dann irgendwie das Motiv erst reingeben. 01:05:38.280 --> 01:05:41.080 Oder wenn Moritz seine Unterhose entblößt, wenn man heiße Tee reingibt. 01:05:41.240 --> 01:05:47.720 Genau, also ich bin da drauf und ich werde dann nackt, wenn was Heißes reingekostet wird. Genau, so war das gedacht. 01:05:47.720 --> 01:05:50.500 Und zwar eine WWSEV-Unterhose, die man auch bestellen kann. 01:05:50.500 --> 01:05:51.500 Genau. 01:05:52.500 --> 01:05:55.820 Ja, für die WWSEV-Unterwäsche hatten wir auch schon ein paar gute Ideen. 01:05:55.820 --> 01:05:56.940 Ja, die verraten wir jetzt noch nicht. 01:05:56.940 --> 01:05:58.140 Die verraten wir noch nicht. 01:05:58.140 --> 01:06:04.520 Vielleicht wird das Ganze auch noch ein bisschen größer, nicht nur WWSEV, ein bisschen allgemein nerdiger. 01:06:04.520 --> 01:06:08.360 Müssen wir mal gucken, wir werden auf jeden Fall, irgendwann gibt es den WWSEV-Nerdshop. 01:06:08.360 --> 01:06:11.480 Wir werden schon was erfinden, wo ihr euer Geld für ausgebt, keine Sorge. 01:06:12.260 --> 01:06:15.360 Richtig, wir finden auf jeden Fall was, wofür ihr Geld ausgeben könnt. 01:06:15.360 --> 01:06:20.140 Natürlich dürft ihr auch spenden, aber ihr dürft auch Merch kaufen, wenn es dann irgendwann mal verfügbar ist. 01:06:20.140 --> 01:06:23.260 Also ich mache da jetzt keine Zusage, wann das so sein wird. 01:06:23.260 --> 01:06:25.760 Ich habe auch schon die Idee geäußert, wir könnten ja … 01:06:25.760 --> 01:06:29.120 Freitag, der 2. April, ich mache heute Deadlines. 01:06:29.120 --> 01:06:32.740 Nee, du weißt ja noch gar nicht, was jetzt kommt. 01:06:32.740 --> 01:06:37.760 Ich wollte doch was zum Stream sagen jetzt, weil wir vorhin zum Stream schon was hatten. 01:06:38.220 --> 01:06:43.380 Ich habe überlegt, es wäre ja vielleicht auch witzig, wenn wir im Stream was drucken würden. 01:06:43.380 --> 01:06:47.420 Ach, selber hier per Siebdruck, du hast doch dein Siebdruckset, ne? 01:06:47.420 --> 01:06:53.300 Genau, ich habe ein Siebdruckset und wir könnten im Stream was drucken. 01:06:53.300 --> 01:06:56.240 Ach, du druckst das und dann kann man das erstehen. 01:06:56.240 --> 01:06:57.780 Und dann kann man, genau. 01:06:57.780 --> 01:06:59.460 Das ist doch eine Idee, ja, sehr cool. 01:06:59.460 --> 01:07:04.320 Also, wie soll ich denn sagen, also das mit dem Drucken, das ist eine anstrengende Sache 01:07:04.320 --> 01:07:08.840 und ich mache jedes Mal irgendwie irgendwelche Fehler bei meinem wunderbaren Siebdruckset. 01:07:08.840 --> 01:07:12.620 Aber dann wären das absolute Unikate und Hand gemacht. 01:07:12.620 --> 01:07:17.820 Die sind dann natürlich auch, da mein Stundenlohn ziemlich hoch ist, ein bisschen teurer. 01:07:17.820 --> 01:07:19.160 Klar. 01:07:20.400 --> 01:07:23.540 Aber man könnte sie vielleicht im Stream dann direkt kaufen oder so. 01:07:23.540 --> 01:07:26.600 Und ihr könnt dann vielleicht zugucken, wie die entstehen. 01:07:26.600 --> 01:07:29.120 Zumindest so ein Teil davon könnte man vielleicht, ja, muss ich mal gucken. 01:07:29.120 --> 01:07:30.320 Cool Idee. 01:07:30.320 --> 01:07:32.620 Teilweise muss man das ja in Dunkelheit machen. 01:07:32.620 --> 01:07:33.720 Wir signieren das dann auch. 01:07:33.720 --> 01:07:35.720 Wenn ihr wollt. 01:07:35.720 --> 01:07:38.600 Nein, nein, wir signieren das Fett oben drüber. 01:07:38.600 --> 01:07:40.720 Nein, muss nicht sein. 01:07:41.580 --> 01:07:43.140 Ich mache dann einen Stempel drauf, ja. 01:07:43.140 --> 01:07:46.800 Mein Signaturstempel. 01:07:46.800 --> 01:07:53.360 Äh, ja, genau, was ich noch sagen wollte, die zwei Vorschläge, die noch kamen, die ich direkt 01:07:53.360 --> 01:07:57.040 bekommen habe, nämlich, ähm, Mauspads. 01:07:57.040 --> 01:07:59.000 Ach ja, das, das habe ich auch gesehen, ja. 01:07:59.000 --> 01:07:59.680 Mauspads. 01:07:59.680 --> 01:08:01.260 Hast du mir das geschickt? 01:08:01.260 --> 01:08:03.700 Ich habe mal nachgefragt, das war nicht so ganz ernst gemeint. 01:08:03.960 --> 01:08:07.040 Die Mauspads war nicht so ganz ernst gemeint, was aber wohl tatsächlich ernst gemeint 01:08:07.040 --> 01:08:08.580 war, war Brillenputztücher, ja. 01:08:08.580 --> 01:08:12.360 Und, ähm, naja, das wäre auch was für dich, Konstantin, oder? 01:08:12.360 --> 01:08:13.320 Ja, tatsächlich, ja. 01:08:13.320 --> 01:08:18.840 So ein WWS-EV-Brillenputztuch, ich, das ist auch was, was man immer ab und zu mal mitnimmt, 01:08:18.840 --> 01:08:19.760 dass man seinen Freunden zeigt. 01:08:19.760 --> 01:08:25.800 Und ich meine, in Nerdkreisen sind ja Brillenträger auch überproportional vertreten, äh, also, 01:08:25.800 --> 01:08:27.600 ja, vielleicht bietet sich das tatsächlich an. 01:08:27.600 --> 01:08:33.680 Ähm, ich habe noch nie drüber nachgedacht, wie man sowas macht oder wo man sowas herkriegt. 01:08:33.780 --> 01:08:34.240 Keine Ahnung. 01:08:34.240 --> 01:08:38.300 Also, Süßigkeiten, da kennen wir jemanden, der zumindest mal früher bei einer Firma 01:08:38.300 --> 01:08:40.940 gearbeitet hat, die Gummibärchen und was weiß ich was bedruckt hat. 01:08:40.940 --> 01:08:42.520 Ja, aber ich glaube, das ist nicht mehr aktuell. 01:08:42.520 --> 01:08:43.580 Ich glaube, das ist auch nicht mehr aktuell, nee. 01:08:43.580 --> 01:08:47.420 Aber, ähm, ja, weiß nicht, also findet man mit Sicherheit. 01:08:47.420 --> 01:08:51.480 Jetzt sind wir schon, obwohl, jetzt, äh, wir können jetzt die Retro abschließen, das 01:08:51.480 --> 01:08:55.480 war der letzte Punkt, Merchandise, ähm, kommt irgendwann, ich habe kein festes Datum, auch 01:08:55.480 --> 01:08:56.080 wenn der Konstantin irgendwas gerade gesagt hat. 01:08:56.080 --> 01:08:57.780 Ich habe doch gesagt, ja, 2. April. 01:08:57.780 --> 01:09:00.140 Äh, nein, ist mir egal. 01:09:00.140 --> 01:09:02.520 Nein, es soll ja qualitativ hochwertig sein. 01:09:02.520 --> 01:09:03.600 Richtig, genau. 01:09:03.600 --> 01:09:08.380 Auch da sind wir ein bisschen perfektionistisch und, ähm, wir wollen natürlich was Gutes 01:09:08.380 --> 01:09:10.460 haben für euch und nicht irgendeinen Käse. 01:09:10.460 --> 01:09:16.720 Also, ich habe auch schon mit einigen solchen, ähm, ähm, On-Premise, äh, nee, wie nennt man das? 01:09:16.720 --> 01:09:17.320 On-Demand-Shops. 01:09:17.320 --> 01:09:24.180 Ja. 01:09:24.180 --> 01:09:31.040 Dann ist das was, was ich, ähm, On-Demand-Shops. 01:09:31.040 --> 01:09:35.360 Und ich habe auch gemacht, ähm, was wir auch gemacht haben mit solchen, ähm, On-Demand-Dingern und vielleicht kennt ihr was, was, was, was richtig gute Qualität bringt. 01:09:35.360 --> 01:09:41.700 Also, ähm, ähm, an Pullis, was einfach sich gut anfühlt, ähm, was vielleicht sogar nachhaltig ist, ist gerne auch, ähm, mit drin. 01:09:42.220 --> 01:09:43.760 Ähm, ähm, ähm, äh, auch wenn's dann ein bisschen teurer wird dadurch. 01:09:43.760 --> 01:09:50.380 Einfach was, wo man sagt, das ist, das sind gute Produkte, das ist nicht einfach nur Werberamsch, sondern das ist was, was man gerne anzieht, was sich gut anfühlt. 01:09:50.380 --> 01:09:51.920 Ähm, genau. 01:09:51.920 --> 01:09:54.300 Vielleicht kennt ihr sowas, dann, dann sagt uns doch gerne Bescheid. 01:09:54.920 --> 01:10:02.780 Und was mir noch wichtig wäre, wäre, dass man, äh, eine größere Auswahl hat an verschiedenen, ähm, zu bedruckenden, äh, Shirts oder Hoodies. 01:10:02.780 --> 01:10:06.000 Ja, und auch Größen, also wir hatten was, da gingen dann die Hoodies halt bis Größe L. 01:10:06.000 --> 01:10:09.620 Ja, da könnte ich schon mal, da sehe ich halt auch nach Presswurst aus, äh. 01:10:09.620 --> 01:10:22.980 Es sollte alle, es sollte alle Größen geben und es sollte möglichst auch verschiedene Farben, äh, geben und, also mit, mit Farben meine ich auch, ähm, vielleicht sowas, was nicht nur einfarbig ist, sondern ich, ich mag es ja ganz gern, wenn sowas so ein bisschen meliert ist oder so. 01:10:22.980 --> 01:10:25.360 Wenn es sowas gäbe, das wäre irgendwie auch, äh, cool. 01:10:25.360 --> 01:10:26.940 Und Pink wäre wichtig. 01:10:26.940 --> 01:10:27.320 Ja. 01:10:27.320 --> 01:10:30.040 Die Farbe Pink, ähm, sollte mit dabei sein. 01:10:30.040 --> 01:10:35.380 Wenn es Pink nicht gibt, dann, dann habt ihr mich quasi schon verloren, weil ich trage ab sofort nur noch Pink. 01:10:35.380 --> 01:10:36.280 No Pink Stinks. 01:10:36.280 --> 01:10:38.280 No Pink Stinks, genau. 01:10:38.280 --> 01:10:42.820 Dann sind wir mit der Retro fertig, oder? Hast du noch, äh, was? 01:10:42.820 --> 01:10:44.300 Nee, endlich, ist immer durch. 01:10:44.300 --> 01:10:45.380 Ja, endlich. 01:10:45.380 --> 01:10:46.680 Mann, Mann, Mann. 01:10:46.680 --> 01:10:49.160 Dann kommen wir jetzt zur ... 01:10:49.160 --> 01:10:51.460 Die Property der Woche. 01:10:52.980 --> 01:10:59.160 Zur Die Property der Woche, ich meine, man könnte meinen, dass wir es nach 23 Folgen irgendwann mal drin haben. 01:10:59.160 --> 01:11:04.540 Richtig, ich wollte gerade sagen, Mensch, und irgendwann lernt ihr auch noch Deutsch mit uns. Heute ist das nicht der Fall. 01:11:04.540 --> 01:11:08.600 Also, wir müssen uns merken, jetzt kommt die, müssen wir sagen, dann passt's. 01:11:09.300 --> 01:11:11.120 Aber dann ist ja das Die doppelt. 01:11:11.120 --> 01:11:13.080 Jetzt kommt ... 01:11:13.080 --> 01:11:14.680 Ach, stimmt, ja, jetzt kommt ... 01:11:14.680 --> 01:11:15.480 Also nur ... 01:11:15.480 --> 01:11:15.880 Okay. 01:11:15.880 --> 01:11:17.600 Jedenfalls kommt die jetzt. 01:11:17.600 --> 01:11:20.860 Für die nächste Folge schreibe ich's mir auf und hab's dann wahrscheinlich wieder vergessen. 01:11:20.860 --> 01:11:30.380 Die Property der Woche ist heute eine ganz kleine, feine, die mir vor kurzem über den Weg gelaufen ist und ich wusste lang gar nicht, dass das geht, nämlich Carrot Color. 01:11:31.480 --> 01:11:34.160 Also, meine sind immer orange, manchmal gelb. 01:11:34.160 --> 01:11:35.620 Deine sind immer da. 01:11:35.620 --> 01:11:36.180 Doch, lila, ne? 01:11:36.180 --> 01:11:37.220 Meine Karotten. 01:11:37.220 --> 01:11:40.260 Ah. 01:11:40.260 --> 01:11:43.040 Gelb Riebe. 01:11:43.040 --> 01:11:44.780 Gelb Riebe. 01:11:44.780 --> 01:11:47.820 Oder Möhren, wie ich sage, ja, egal. 01:11:47.820 --> 01:11:50.280 Carrot, nicht Carrot. 01:11:50.280 --> 01:11:51.060 Carrot. 01:11:51.060 --> 01:11:52.120 Sondern Carrot. 01:11:52.660 --> 01:12:00.480 Und zwar C-A-R-E-T, damit ist der Maus, der blinkende Cursor, nicht der Mauscursor, der blinkende Cursor, gemeint bei Texteingabe. 01:12:00.480 --> 01:12:00.800 Ja. 01:12:00.800 --> 01:12:02.120 Genau, der Textcursor. 01:12:02.120 --> 01:12:10.740 Also, wenn ich in ein Inputfeld klicke oder auf ein Content Editable oder in eine Textarea, das, was ihr da blinken seht, das ist, nennt sich Carrot. 01:12:10.740 --> 01:12:13.600 Ich weiß auch nicht, ob ich es richtig ausspreche. 01:12:13.600 --> 01:12:16.860 Ich hoffe es einfach an der Stelle. 01:12:16.860 --> 01:12:20.240 Und man kann tatsächlich mit CSS die Farbe davon verändern. 01:12:21.140 --> 01:12:24.280 Und man kann sie auch fieserweise auf Transparent setzen. 01:12:24.280 --> 01:12:26.020 Dann sieht man es einfach gar nicht mehr. 01:12:26.020 --> 01:12:27.680 Dann blinkt nichts mehr. 01:12:27.680 --> 01:12:36.780 Auto ist dann quasi, genau, also das kann eine beliebige Farbe geben mit allen möglichen Farbwerten, was man so kennt. 01:12:36.780 --> 01:12:39.240 Da haben wir ja schon auch nochmal eine Folge drüber gemacht über Farben. 01:12:39.240 --> 01:12:44.080 Du hast vielleicht die Folgenliste noch offen und kannst uns sagen, welche Folge das war, die mit den Farben. 01:12:44.080 --> 01:12:47.320 Okay, später. 01:12:47.320 --> 01:12:51.060 Das war die, Moment, das war die Folge Nummer 5. 01:12:51.140 --> 01:12:53.320 Badass CSS Colors. 01:12:53.320 --> 01:12:54.980 Badass CSS Colors. 01:12:54.980 --> 01:12:57.780 Jetzt hört ihr auch endlich mal, wie es richtig ausgesprochen wird. 01:12:57.780 --> 01:12:58.140 Was? 01:12:58.140 --> 01:12:59.580 Das wies sich nämlich ein bisschen merkwürdig. 01:12:59.580 --> 01:13:01.300 Ach so, ja. 01:13:01.300 --> 01:13:02.400 Genau. 01:13:02.400 --> 01:13:06.640 Standard ist, glaube ich, Current Color, weiß ich jetzt gerade nicht. 01:13:06.640 --> 01:13:07.600 Oder Auto. 01:13:07.600 --> 01:13:08.200 Textfarbe. 01:13:08.200 --> 01:13:12.520 Auto fällt aber, glaube ich, zurück auf Current Color. 01:13:12.520 --> 01:13:12.820 Okay. 01:13:12.820 --> 01:13:15.780 Also standardmäßig ist das, glaube ich, in der Textfarbe. 01:13:15.780 --> 01:13:17.080 Oder stimmt das, was ich sage? 01:13:17.080 --> 01:13:17.920 Nee, es stimmt gar nicht. 01:13:17.920 --> 01:13:18.640 Aber doch. 01:13:18.640 --> 01:13:19.520 Warte, Red. 01:13:19.520 --> 01:13:19.840 Egal. 01:13:19.840 --> 01:13:23.080 Man kann auf jeden Fall da den Cursor, kann man in der Farbe verändern. 01:13:23.820 --> 01:13:29.680 Genau, also hier steht ganz kurz, Auto, das Value, generally Current Color, but the user 01:13:29.680 --> 01:13:30.980 agent may choose a different color. 01:13:30.980 --> 01:13:35.920 Also das kann der User Agent entsprechend mit Kontrasten überschreiben. 01:13:35.920 --> 01:13:38.980 Je nachdem, was er für richtig hält, wenn man es darauf setzt. 01:13:39.540 --> 01:13:45.320 So, und wer wäre nicht dieser Podcast, wenn ich dazu nicht eine schlimme Demo gebastelt 01:13:45.320 --> 01:13:45.600 hätte? 01:13:45.600 --> 01:13:51.560 Und zwar habe ich mal geschaut, kann man denn das auch animieren? 01:13:51.560 --> 01:13:52.560 Oje. 01:13:52.560 --> 01:13:58.560 Und ich habe leider es nicht geschafft, auch nicht durch eine sehr große Schriftgröße, 01:13:58.560 --> 01:14:01.600 ich habe es gehofft, dass man das Ding breiter kriegt als einen Pixel, zumindest nicht 01:14:01.600 --> 01:14:03.660 in meinen Browsern, was ein bisschen schade ist. 01:14:03.660 --> 01:14:08.020 Aber ich habe die Schriftgröße sehr groß gemacht, sodass der Cursor sehr, sehr lang 01:14:08.020 --> 01:14:08.260 ist. 01:14:08.260 --> 01:14:08.620 Wow. 01:14:09.220 --> 01:14:10.460 In etwa so hoch wie der Bildschirm. 01:14:10.460 --> 01:14:14.980 Und er hat natürlich, was macht man, das animiert man, standardmäßig ein Regenbogen. 01:14:14.980 --> 01:14:17.460 Und man kann das animieren. 01:14:17.460 --> 01:14:19.500 Ja, nicht schön, aber selten. 01:14:19.500 --> 01:14:21.100 Wie deine Scrollbar-Demo. 01:14:21.100 --> 01:14:24.200 Ich habe auch nie gesagt, dass das schön sein soll. 01:14:24.200 --> 01:14:25.540 Ich will nur gucken, was so geht. 01:14:25.540 --> 01:14:28.260 Also vielleicht habt ihr auch noch verrückte Ideen, was so geht. 01:14:28.260 --> 01:14:32.200 Kann man eigentlich die Text-Select-Hintergrundfarbe auch noch animieren? 01:14:32.200 --> 01:14:34.380 Das habe ich versucht, das geht nicht. 01:14:34.380 --> 01:14:34.920 Schade. 01:14:34.920 --> 01:14:38.800 Also, oder vielleicht sage ich auch was Falsches. 01:14:38.900 --> 01:14:44.660 Ich habe mir gedacht, wenn man jetzt noch Select hinterher auch noch, um es völlig Banane 01:14:44.660 --> 01:14:46.760 zu machen, das habe ich nicht hingekriegt. 01:14:46.760 --> 01:14:55.180 Text, genau, also Selection, Selection-Pseudo-Element ist ein bisschen restriktiver. 01:14:56.540 --> 01:15:03.080 Also, das lässt einen nur bestimmte CSS-Eigenschaften animieren, sag ich, verändern. 01:15:03.080 --> 01:15:05.200 Und ich glaube, Animation geht da nicht. 01:15:05.200 --> 01:15:07.960 Aber ihr könnt mich gerne eines Besseren belehren. 01:15:07.960 --> 01:15:09.860 Nicht, dass das irgendwie sinnvoll wäre. 01:15:09.860 --> 01:15:12.920 Mir fällt gerade nicht ein, wofür das sinnvoll sein könnte. 01:15:12.920 --> 01:15:14.340 Wer weiß, vielleicht gibt es einen Anwendungsfall. 01:15:14.440 --> 01:15:22.320 Aber man kann den Cursor tatsächlich animieren und der kann, zumindest solange er sichtbar ist, weil er blinkt ja, er ist ja nicht die ganze Zeit sichtbar. 01:15:22.320 --> 01:15:26.120 Man kann ihn innerhalb dieser Zeit aber auch regenbogenmäßig animieren. 01:15:26.120 --> 01:15:27.320 Das ist ein großer Spaß. 01:15:27.480 --> 01:15:32.660 Aber könntest du es nicht mit Carrot Shape dann doch breiter machen oder geht dann wieder die Farbe nicht einzustellen? 01:15:32.660 --> 01:15:35.520 Ja, Carrot Shape, da wollte ich auch noch drauf kommen. 01:15:35.520 --> 01:15:41.640 Mit könnte ich, also genau, die nächste Property, die eigentlich auch noch so ein bisschen dazugehört, ist Carrot Shape. 01:15:41.640 --> 01:15:46.740 Aber Carrot Shape ist meines Wissens nach in keinem Browser bisher unterstützt. 01:15:46.740 --> 01:15:56.180 Und Carrot Shape, um das mal kurz zu erklären, weil ihr das jetzt auch nicht sehen könnt und wir uns ja immer viel Mühe geben, Dinge, die man sehen müsste, zu erklären, wie sie aussehen. 01:15:56.780 --> 01:16:01.980 Damit kann ich beeinflussen, was für eine Form das blinkende Dings hat. 01:16:01.980 --> 01:16:13.360 Und ihr kennt das vielleicht von Kommandozeilen, dass manchmal der Cursor, der Texteingabe Cursor auch zum Beispiel ein Rechteck ist, ein Block. 01:16:13.360 --> 01:16:20.760 Genau, wenn man die Einfügen-Taste drückt auf der Tastatur und dann Textinhalte überschreiben kann an der Cursor-Position, dann wird das so ein Viereck. 01:16:20.760 --> 01:16:24.820 Genau, korrekt. Und das ist halt für CSS auch angedacht. 01:16:24.960 --> 01:16:31.060 Und das heißt dann tatsächlich Carrot Shape Block oder es gibt auch Underscore noch als Wert. 01:16:32.480 --> 01:16:38.820 Das wäre dann halt ein Unterstrich. Und jetzt muss ich gerade mal gucken. Bar? Bar ist der Standard, oder? Genau, Bar ist der Standard. 01:16:38.820 --> 01:16:45.700 Es gibt einen schönen CSS-Tricks-Artikel aus dem Almanac von denen dazu, wo das auch gezeigt wird, wie das aussehen könnte. 01:16:46.500 --> 01:16:51.820 Aber die Browser-Browser-Unterstützung dafür ist quasi nicht gegeben. 01:16:53.180 --> 01:17:03.360 Ich glaube, es gibt keinen Browser, der das derzeit kann. Aber in dem CSS-Tricks-Artikel werden Möglichkeiten gezeigt, wie man das emulieren kann. 01:17:03.360 --> 01:17:06.040 Also wie man trotzdem machen kann, dass es so ähnlich aussieht. 01:17:06.040 --> 01:17:09.020 Aber leider nicht mit Texteingabe, oder mache ich was falsch? 01:17:09.020 --> 01:17:14.580 Also das ist schön animiert und so, sieht cool aus, aber ich kann halt nicht wirklich was tippen in der Demo. 01:17:17.580 --> 01:17:28.140 Okay, in den Demos nicht, aber müsste theoretisch mit verschiedenen Properties, die es so gibt, und vielleicht ein bisschen JavaScript, müsste es möglich sein, das zu machen. 01:17:28.240 --> 01:17:38.760 Du müsstest halt den Standard-Cursor ausblenden mit Transparent, was ich vorhin schon gesagt habe, mit Carrot Color Transparent, und dann eben an die entsprechende Stelle, wo der Cursor gerade ist. 01:17:38.760 --> 01:17:41.380 Und ich glaube, das kann man mit JavaScript irgendwie abfragen. 01:17:41.380 --> 01:17:44.840 Da gab es irgendwie was, das weiß ich jetzt gerade nicht auswendig. 01:17:44.840 --> 01:17:47.100 Könnt ihr gerne mal in die Kommentare schreiben. 01:17:47.100 --> 01:17:49.580 Ich könnte das irgendwie mit Content-Editable. 01:17:51.080 --> 01:17:59.040 Also man kann auf jeden Fall diese aktuelle, die aktuelle, warte mal, Selection gibt es auf jeden Fall, aber irgendwie die Cursor-Position muss man irgendwie auch rauskriegen. 01:17:59.040 --> 01:17:59.700 Ich glaube, das geht. 01:17:59.700 --> 01:18:06.760 Und dann kannst du das Ding natürlich dahin schieben, wo es sein soll, und dann kannst du es natürlich so animieren, wie du es halt haben willst. 01:18:06.760 --> 01:18:09.880 Das ist dann irgendein Element, was du halt rumschiebst durch die Gegend. 01:18:09.880 --> 01:18:17.940 Aber ich glaube, die Cursor-Position, da kriegst du halt nur, innerhalb von dem String befindet sich der Cursor an Position X. 01:18:18.420 --> 01:18:19.560 Also nach dem und dem Charakter. 01:18:19.560 --> 01:18:27.200 Also ich glaube, rauskriegen, also wirklich so mit XY auf dem Screen, damit du es positionieren kannst, geht glaube ich nicht, aber vielleicht weiß ich es auch einfach nicht. 01:18:27.200 --> 01:18:31.900 Ah, ich habe da mal was gesehen, aber ich könnte es jetzt nicht beschwören. 01:18:31.900 --> 01:18:34.260 Schade, dass die Demo nicht wirklich funktionsfähig ist. 01:18:34.260 --> 01:18:39.700 Wenn wir jetzt im Stream wären, würde ich sagen, wir wollen ja eh noch fünf Stunden weiter streamen. 01:18:39.700 --> 01:18:41.160 Ich google das mal kurz. 01:18:41.160 --> 01:18:45.480 Und währenddessen lassen wir dann lustige Fahrstuhlmusik laufen oder sowas. 01:18:45.480 --> 01:18:45.700 Genau. 01:18:47.700 --> 01:18:50.280 Halt, das muss man echt an jedem zahlen. 01:18:50.280 --> 01:18:55.160 Und dann, okay, du singst den dann einfach. 01:18:55.160 --> 01:18:56.780 Alles klar. 01:18:56.780 --> 01:18:57.900 Solange wir es gefunden haben. 01:18:57.900 --> 01:19:01.240 Naja, das machen wir jetzt nicht im Podcast, aber ich glaube, das geht. 01:19:01.240 --> 01:19:04.040 So, und jetzt ist es schon wieder viel länger geworden, als ich eigentlich wollte. 01:19:04.400 --> 01:19:09.660 Also, es gibt Carrot Color, ihr könnt also den Textcursor, die Farbe des Textcursors bestimmen. 01:19:09.660 --> 01:19:13.160 Carrot Shape wird es vielleicht irgendwann geben, weiß man nicht so genau. 01:19:13.160 --> 01:19:19.660 Ist auf jeden Fall im CSS Basic User Interface Module Level 4 Working Draft. 01:19:21.860 --> 01:19:26.700 Genau, und kleine Demo mit Regenbogen kommt auch in die Show Notes. 01:19:26.700 --> 01:19:28.320 Sehr schön. 01:19:28.320 --> 01:19:31.160 Und damit ist die Property am Ende. 01:19:31.160 --> 01:19:31.940 Super. 01:19:31.940 --> 01:19:36.780 Hier ist WWS IV mit dem Tagesthema. 01:19:41.780 --> 01:19:50.360 Wir haben einen Themenvorschlag aufgegriffen, der kam schon vor einigen Monaten, ist es glaube 01:19:50.360 --> 01:19:55.460 ich mittlerweile her, von unserem Hörer Christian, der sich jetzt vielleicht angesprochen fühlt. 01:19:56.020 --> 01:20:09.000 Und er schrieb uns, muss ich nochmal spiegeln, wie er es genau formuliert hatte, Webstandards und Best Practices, die es noch, in Klammern, nicht gibt, unterschiedlich implementiert sind oder sich nie etabliert haben. 01:20:09.000 --> 01:20:16.100 Ja, Best Practices, die es noch nicht gibt, das klingt witzig, aber wir werden herausfinden, was damit gemeint ist. 01:20:16.100 --> 01:20:22.680 Und ich würde sagen, wir springen direkt mal zum ersten Punkt, den er vorgeschlagen hat. 01:20:23.420 --> 01:20:33.760 Registrierungen, die immer noch eine E-Mail-Adresse als Fallback verlangen, statt irgendwie OAuth oder WhatsApp-Signal, Threema, Public Key, ICQ, Telegram führt ja hier noch auf ICQ. 01:20:33.760 --> 01:20:40.220 Wussten wir beide auch nicht mehr, dass das noch aktiv ist, es gehört jetzt irgendeiner russischen Firma, also ob ich mich darüber anmelden möchte, ich glaube nicht. 01:20:40.220 --> 01:20:42.740 Aber gut, man weiß, was gemeint ist. 01:20:42.740 --> 01:20:52.580 Genau, also tatsächlich haben wir schon festgestellt, dass E-Mail heute nicht mehr so verbreitet ist, besonders unter der jüngeren Generation. 01:20:53.160 --> 01:20:56.360 Also da kommt dann irgendwie so, was, E-Mail-Adresse? Ich habe gar keine E-Mail-Adresse. 01:20:56.360 --> 01:21:05.580 Und auch wenn das in den seltensten Fällen tatsächlich stimmt, weil man mit einem Google-Account, den man anlegt, automatisch auch eine Adresse bekommt, was viele gar nicht wissen. 01:21:05.580 --> 01:21:06.760 Oder Apple. 01:21:06.760 --> 01:21:08.080 Oder auch bei Apple, ja. 01:21:08.820 --> 01:21:15.780 Also man kann ja heutzutage fast davon ausgehen, dass jeder, der ein Smartphone hat, entweder einen Google- oder einen Apple-Account hat. 01:21:15.780 --> 01:21:20.680 Also nicht, mit Sicherheit nicht, das trifft nicht auf alle zu, aber auf die meisten, würde ich behaupten. 01:21:20.680 --> 01:21:25.800 Und dann hat man automatisch auch eine E-Mail-Adresse, aber das heißt ja noch lange nicht, dass man die benutzt oder kennt. 01:21:26.480 --> 01:21:31.040 Das ist ja vielleicht, vielleicht wird das auch gar nicht als E-Mail-Adresse wahrgenommen, sondern nur als, das ist halt der Log-In-Armor. 01:21:31.040 --> 01:21:32.080 Damit logge ich mich ein, genau. 01:21:32.080 --> 01:21:32.920 Ja, da ist halt ein Ad drin zufällig. 01:21:32.920 --> 01:21:38.460 Aber man muss sich ja gar nicht damit einloggen, oftmals, sondern man muss ja gar nicht die ganze E-Mail-Adresse eingeben, oft, ne. 01:21:38.460 --> 01:21:40.560 Sondern? 01:21:40.560 --> 01:21:40.980 Ja. 01:21:40.980 --> 01:21:43.160 Also ein Username, dann halt, ja. 01:21:43.160 --> 01:21:44.000 Username, genau. 01:21:44.000 --> 01:21:51.780 Genau, also ich selber nutze gerne OAuth, statt mich irgendwo zu registrieren und zum tausendsten Mal meine Daten irgendwie einzugeben. 01:21:51.780 --> 01:21:53.420 Aber das möchten vielleicht nicht alle. 01:21:53.420 --> 01:21:59.780 Also aus Datenschutzgründen möchte man vielleicht nicht, dass Google oder Facebook weiß, wo ich überall mit verknüpft bin, weil die das natürlich dann mitkriegen. 01:22:00.780 --> 01:22:06.100 Und viele nehmen dann irgendwie erfundene Daten für jeden Dienst was anderes und so, verstehe ich auch absolut. 01:22:06.100 --> 01:22:10.160 Deswegen muss sowas auf jeden Fall immer eine zusätzliche optionale Methode sein. 01:22:10.160 --> 01:22:13.980 Also das jetzt komplett zu ersetzen, man kann sich nur noch anmelden. 01:22:13.980 --> 01:22:20.040 Ich habe, habe ich auch schon gesehen, also ich habe schon Services gesehen, wo dann irgendwie nur, gerade wenn es um Dev-Geschichten ging, du brauchtest halt einen GitHub-Account. 01:22:20.040 --> 01:22:24.900 Ob die jetzt dann die Daten wirklich genutzt haben, weil sie irgendwie Repo-Zugriff brauchen oder nicht, ja. 01:22:24.900 --> 01:22:26.920 Du brauchst das halt auf jeden Fall. 01:22:26.920 --> 01:22:29.580 Und ich finde das eigentlich nicht gut, das komplett zu ersetzen. 01:22:29.720 --> 01:22:34.280 Also optional hätte ich das schon gerne immer noch, dass ich selber entscheiden kann, nee, ich möchte einen Account für dort. 01:22:34.280 --> 01:22:38.760 Und von mir aus nehme ich dann eine eigene E-Mail-Adresse, eigenen Account-Namen und so, was ich sonst nirgends habe. 01:22:40.180 --> 01:22:45.580 Und davon mal abgesehen, es gibt ja schon solche Sachen, ne, also die ganzen Services, OAuth ist ja genau das. 01:22:45.580 --> 01:22:51.040 Aber was er meint, ähm, ist ja wahrscheinlich, dass das einfach noch nicht sich so weit durchgesetzt hat. 01:22:51.040 --> 01:23:00.700 Und das ist tatsächlich so, klar, so große Services, große Portale, die nutzen sowas, aber jetzt, dass man als, als kleines Portal oder so, sowas einbindet, machen viele dann irgendwie doch nicht. 01:23:01.260 --> 01:23:04.680 Oder, dass ich bei WordPress mich dann irgendwie mit sowas anmelden kann. 01:23:04.680 --> 01:23:14.060 Apple hat ja was Interessantes jetzt, ähm, vor kurzem, äh, ich weiß gar nicht, ob das jetzt mittlerweile verpflichtend ist für, für Apple-Apps, wenn man sich da anmeldet. 01:23:14.140 --> 01:23:25.920 Ich meine da wäre, oder ich weiß nicht, ob es schon verpflichtend ist, aber ich glaube, das war, war das Ziel von Apple, dass sie sagen, hey, ähm, wenn du eine Anmeldung in deiner App hast, dann musst du es auch irgendwie, ähm, über Apple möglich machen. 01:23:25.920 --> 01:23:38.720 Ähm, und zwar machen die das dann so, dass die, ähm, ich habe das jetzt einmal, äh, in Anwendung gesehen, das ist dann halt genau so ein Knopf, wie du, wie du meintest, so irgendwie anmelden mit Google, anmelden mit Facebook, ist dann halt anmelden mit Apple. 01:23:39.320 --> 01:23:43.420 Und, äh, die generieren dir tatsächlich für diesen einen Login eine E-Mail-Adresse. 01:23:43.420 --> 01:23:43.940 Ach. 01:23:43.940 --> 01:24:01.580 Die dann irgendwie, äh, Zeichenkette, äh, at me oder at apple.de, äh, apple.com, ich weiß nicht genau, was, was, was die Domain hinten war, auf jeden Fall irgendwie so eine, so eine verrückte Zeichenkette und die generieren wirklich für jeden, äh, wenn ich es richtig verstanden habe, für jeden Login, den du so machst, eine neue E-Mail-Adresse. 01:24:01.580 --> 01:24:07.680 Das heißt, du hast dann, also deine, deine, äh, deine Daten werden quasi nicht geleakt. 01:24:08.020 --> 01:24:15.300 Okay, also eine Wegwerf-Adresse und dazu dann noch ein wahrscheinlich automatisch generiertes Passwort, was ja jetzt auch, äh, wo das ist in Chrome und so in Firefox. 01:24:15.300 --> 01:24:20.980 Irgendwie ist es, es ist ja dann, äh, manchmal ja auch wichtig, dass, äh, E-Mails, die da hingeschickt werden, auch ankommen, ich weiß es nicht. 01:24:20.980 --> 01:24:23.140 Na gut, das müssen die wahrscheinlich schon machen, wahrscheinlich halt als Weiterleitung. 01:24:23.140 --> 01:24:24.120 Die werden wahrscheinlich weitergeleitet, genau. 01:24:24.120 --> 01:24:28.520 Das weiß ich tatsächlich nicht, das hatte, den Fall hatte ich jetzt noch nicht, dass da irgendwie, äh, E-Mail ankam. 01:24:28.520 --> 01:24:32.480 Macht sonst ja keinen Sinn, also du musst ja dein Passwort auch zurücksetzen können und sowas, was so oft darüber dann funktioniert. 01:24:32.480 --> 01:24:42.940 Genau, aber im Prinzip ist Apple dann dein, äh, Identity Provider sozusagen, die dann deine Daten haben, aber die haben die ja eh schon, wenn du den Apple-Account hast, ähm, und sagen, okay, das muss ja reichen. 01:24:43.160 --> 01:24:47.860 Und, äh, wir, wir machen hier für dich, äh, ein bisschen Privacy, indem du dich über Apple anmelden kannst. 01:24:47.860 --> 01:24:49.280 Und das finde ich eigentlich ein ganz cooles Modell. 01:24:49.280 --> 01:24:50.400 Ja, interessanter Ansatz, ja. 01:24:50.400 --> 01:24:55.860 Wobei, natürlich gibst du die Daten dann wieder an Apple, also Apple weiß dann, wo du Accounts hast. 01:24:55.860 --> 01:24:59.580 Äh, genauso wie halt dann im Zweifelsfall Facebook weiß, wo du Accounts hast. 01:24:59.580 --> 01:25:04.680 Gut, wenn du Chrome nutzt, weiß Google sowieso, was du hast und was du kaufst und, äh, auf was du so stehst. 01:25:04.680 --> 01:25:06.120 Deswegen nutzt man ja auch kein Chrome. 01:25:06.120 --> 01:25:06.400 Richtig. 01:25:06.400 --> 01:25:07.440 Ganz einfach. 01:25:07.440 --> 01:25:10.280 So, hier, Appell, nutzt kein Chrome. 01:25:10.940 --> 01:25:15.700 Wenn ihr einen Chrome-artigen Browser nutzen wollt, der alle Features hat, dann nutzt Brave. 01:25:15.700 --> 01:25:17.160 So. 01:25:17.160 --> 01:25:19.280 Seid mutig, nutzt Brave. 01:25:19.280 --> 01:25:21.900 Seid, seid mutig, nutzt Brave. 01:25:21.900 --> 01:25:23.560 Genau. 01:25:23.560 --> 01:25:28.940 Auch mit allen, mit fast allen Dev-Tools, glaube ich, die in Chrome drin, oder mit allen. 01:25:28.940 --> 01:25:31.340 Das müsste eigentlich kompatibel sein, wenn es Chromium ist. 01:25:31.340 --> 01:25:38.760 Ja, also ich weiß, ich weiß, dass in Edge Sachen drin sind, die nicht in Chrome sind, aber das macht halt Microsoft so. 01:25:38.760 --> 01:25:41.880 Ja, die haben so ein eigenes Süppchen da nochmal. 01:25:41.880 --> 01:25:56.460 Habe ich jetzt gerade heute, schweifen wir nochmal ganz kurz aus, heute einen Tweet gesehen, wo ein Feature in den Edge DevTools benutzt wurde, das mich so ein bisschen an was von vor zwölf Jahren erinnert hat, glaube ich. 01:25:56.460 --> 01:26:06.280 Und zwar gibt es in Edge, glaube ich, mittlerweile einen 3D-View der Seite, wo man dann so sieht, welche Layer liegen auf was und ich kann dann da quasi so drin rumfliegen. 01:26:06.420 --> 01:26:16.560 Das gab es vor vielen, vielen Jahren, 2013 in Firefox auch mal und es hat halt nie jemand benutzt, glaube ich und deswegen wurde es irgendwann wieder ausgebaut, war aber nett. 01:26:16.560 --> 01:26:32.060 Also man kann sich seine Seite als 3D-Modell angucken, wenn man so will und der Z-Index oder sagen wir mal so, wie die Elemente übereinander liegen, sieht man da ganz schön und früher in Firefox fand ich halt ganz nett, dass man zum Beispiel gesehen hat, wenn irgendwas links extrem weit rausgeschoben wurde. 01:26:32.940 --> 01:26:41.020 Das hat man dann halt gesehen, das wurde dann sichtbar, wenn man weit rausgesoomt hat, minus 9999 Pixel, du zoomst raus und dann siehst du halt das Element da oben rumfliegen. 01:26:41.020 --> 01:26:41.460 Interessant. 01:26:41.460 --> 01:26:42.240 Ja, nett. 01:26:43.740 --> 01:26:44.700 Ja, genau. 01:26:44.700 --> 01:26:49.860 Aber kommen wir nochmal zurück zu Login, zu registrieren. Ah, warte mal, wir sind noch bei Registrierung, ne? 01:26:49.860 --> 01:26:54.360 Genau, aber wir können schon eigentlich, weil ich, ja, also ich habe, glaube ich, zu dem Punkt sonst nichts mehr zu sagen. 01:26:54.360 --> 01:27:06.180 Also ich meine, es gibt das, aber es wird halt noch nicht so wirklich genutzt und die Frage ist, warum eigentlich nicht, also warum auch nicht, wenn man ein kleines Portal schreibt, warum dann nicht irgendwie Login mit Facebook und Google und sonstigen OAuth-Providern ermöglichen? 01:27:06.340 --> 01:27:15.960 Ja, es tut ja nicht weh und es ist in der Regel, es gibt ja da fertige Libraries, die man da so quasi als Drop-in-Lösung nutzen kann. 01:27:17.360 --> 01:27:24.740 Ja, wobei ich keine Ahnung habe, inwiefern das cool ist oder nicht gut benutzbar ist, weil ich sowas noch nie eingebaut habe. Hast du sowas schon mal verwendet? 01:27:24.740 --> 01:27:26.540 Facebook-Login habe ich schon mal eingebaut, woher. 01:27:26.540 --> 01:27:31.740 Und das war dann, ich weiß, dieses Jahrhalskript da rein und gib uns alle deine Daten. 01:27:31.760 --> 01:27:42.180 Ja, nee, es war ein bisschen komplizierter und dann musst du halt auch irgendwie noch bestätigen aus Datenschutzgründen, muss ich jetzt einmal im Jahr muss ich ein Formular ausfüllen, dass ich bestätige, dass ich nichts Böses mache mit den Daten. 01:27:42.180 --> 01:27:51.060 Und ich meine, wir nutzen da wirklich, wir nutzen das nur für Login, wir speichern da keine Userdaten und benutzen die sonst irgendwie, aber ich muss da jetzt einmal im Jahr bestätigen. 01:27:51.780 --> 01:27:57.040 Das ist so sinnvoll wie dieser Zettel, den man ausfüllen muss, wenn man in die USA fliegt, ob man Terrorist ist. 01:27:57.040 --> 01:28:03.000 Ja, genau, genau. Also wer kreuzt da freiwillig Ja an? Also gibt es da Statistiken, wie viele Leute kreuzen da wirklich an? 01:28:03.000 --> 01:28:11.080 Also ich habe ihn einmal ausfüllen müssen, naja, da kreuzt man natürlich, egal ob man Terrorist war oder ist, natürlich nicht Ja an. 01:28:11.080 --> 01:28:11.880 Richtig. 01:28:11.880 --> 01:28:14.560 Ich glaube, Ja kreuzen nur die Trolle an. 01:28:14.560 --> 01:28:17.140 Ja, und die werden dann halt nicht reingelassen, ja. 01:28:17.140 --> 01:28:21.700 Witzig, ich habe nachher auch noch eine USA. 01:28:21.780 --> 01:28:25.540 Anekdote, die ich bei unserem, ich glaube der letzte Punkt ist das, den wir haben, den ich halt unterbreche. 01:28:25.540 --> 01:28:26.660 US-Anekdote? 01:28:26.660 --> 01:28:28.420 Eine US-Anekdote, ja. 01:28:28.420 --> 01:28:32.740 Ach, warte mal, ich muss ja gar nicht Böses machen, wir haben ja hier. 01:28:32.740 --> 01:28:37.360 Yes. 01:28:37.360 --> 01:28:43.380 So, ja, wenn wir bei Registrierung sind, dann bin ich auch ganz schnell bei Login. 01:28:43.380 --> 01:28:44.920 Genau, das passt gerade ganz gut. 01:28:44.920 --> 01:28:46.560 Tolle Überleitung wie der Wort. 01:28:46.560 --> 01:28:55.580 Ich habe an, nee, ich habe es ja natürlich, also, da müssen wir unserem Hörer Christian danken, der hat uns das ja so geschrieben, wir arbeiten im Prinzip nur seitdem. 01:28:55.580 --> 01:28:56.120 Richtig. 01:28:56.120 --> 01:28:58.900 Ja, danke auf jeden Fall. 01:28:58.900 --> 01:29:01.900 Er meinte am Schluss dann noch, vielleicht, es fallen euch ja bestimmt selber noch Punkte ein. 01:29:01.900 --> 01:29:02.500 Nö. 01:29:04.320 --> 01:29:05.480 Wir gucken mal, was wir am Schluss noch haben. 01:29:05.480 --> 01:29:08.520 Ich habe ja, oh Gott, ja, ich bin ja, ich bin ja schuld. 01:29:08.520 --> 01:29:11.780 Wir hätten ja, ich wollte ja eigentlich bei Twitter fragen, aber ich habe es verbaselt. 01:29:11.780 --> 01:29:12.420 Ja, mach jetzt. 01:29:12.420 --> 01:29:13.340 Ja. 01:29:13.340 --> 01:29:16.860 Wir sind, wir kriegen die Sendung lange genug gefüllt, da mache ich mir keine Sorgen. 01:29:16.860 --> 01:29:21.600 Zu loggen fällt mir, fällt mir direkt was ein, passwortlos. 01:29:22.360 --> 01:29:23.900 Und zwar, da sind wir wieder bei E-Mail. 01:29:23.900 --> 01:29:26.380 Aber das fand ich tatsächlich ziemlich cool. 01:29:26.380 --> 01:29:30.020 Und zwar, ich weiß nicht, hast du einen Medium-Account? 01:29:30.020 --> 01:29:37.460 Nee, also ich, doch, ich, also, ich bin über, oh, auch, über Google, glaube ich, habe ich da einen Account, ja. 01:29:37.460 --> 01:29:41.260 Okay, also ich habe einen Medium-Account, wo ich mich mit E-Mail-Adresse registriert habe. 01:29:42.540 --> 01:29:51.160 Und ich mag, also, an der Stelle, Medium ist ziemlich doof geworden, weil die wollen jetzt irgendwie Geld dafür, wenn man drei Artikel liest und dann der vierte kostet Geld oder irgendwie so. 01:29:51.160 --> 01:29:54.340 Ja, gehst du einfach in Privacy-Modus, dann kannst du auch so lesen. 01:29:54.340 --> 01:30:00.940 Ähm, ja, ich finde halt, naja, damit zerstört sich die Plattform jetzt halt irgendwie selbst. 01:30:00.940 --> 01:30:04.760 Also, das war halt, das war halt eine geile Blog-Plattform oder irgendwie auch nett. 01:30:04.760 --> 01:30:08.260 Also, der Medium-Editor zum Schreiben, der ist total geil. 01:30:08.260 --> 01:30:11.420 Hast du den mal, nee, naja. 01:30:11.800 --> 01:30:13.180 Nee, selber noch nie was geschrieben, nee. 01:30:13.180 --> 01:30:16.720 Ich habe auch, glaube ich, ich habe mal was geschrieben, aber ich habe es nie veröffentlicht. 01:30:16.720 --> 01:30:21.140 Ähm, nee, ähm, aber egal, Login. 01:30:21.140 --> 01:30:29.480 Und zwar, wenn ich mich bei Medium einloggen möchte, ähm, wenn ich es richtig in Erinnerung habe, und das ist jetzt wirklich aber schon, äh, mindestens ein Jahr her, dass ich das das letzte Mal gemacht habe. 01:30:29.480 --> 01:30:30.660 Vielleicht haben die es mittlerweile geändert. 01:30:30.660 --> 01:30:37.360 Es ist auf jeden Fall so gewesen, ähm, dass ich meine E-Mail-Adresse eintrage, ähm, und die kennen meinen Account. 01:30:37.360 --> 01:30:39.900 Mein Account habe ich irgendwann mal angelegt, aber ich bin halt nicht eingeloggt. 01:30:39.900 --> 01:30:46.060 Und Login bedeutet, ähm, ich gebe da meine E-Mail-Adresse ein und sagen die, okay, äh, wir haben dir jetzt was geschickt. 01:30:46.060 --> 01:30:52.200 Und dann kriegst du so ein, äh, ein Login-Link per Mail geschickt, auf den klickst du und dann bist du eingeloggt. 01:30:53.100 --> 01:30:53.660 Aha, ja. 01:30:53.660 --> 01:30:57.060 Und der Browser merkt sich das dann, oder die... 01:30:57.060 --> 01:30:59.260 Das heißt aber, es braucht jemand... 01:30:59.260 --> 01:31:00.540 Du kriegst dann eine Session, die... 01:31:00.540 --> 01:31:05.120 Also das ist ja, also das nimmt, also Two-Factor-Authorization ist ja, wir fügen noch einen Faktor hinzu. 01:31:05.120 --> 01:31:07.640 Was die machen ist, wir nehmen noch einen Faktor weg. 01:31:07.640 --> 01:31:15.920 Und das heißt, wenn jemand Zugriff auf mein E-Mail-Konto hat, weil er irgendwie ein Gerät hat, ohne Faktor, dann kann er einfach rein, ohne dass er diesen zusätzlichen Faktor braucht. 01:31:16.600 --> 01:31:22.480 Nein. Nein, weil dieser Link quasi, wenn er einmal aufgerufen wurde, so verbraucht ist. 01:31:22.480 --> 01:31:23.700 Ja, ja, das schon. 01:31:23.700 --> 01:31:25.780 Also wenn jemand auf deinen Rechner Zugriff hat, wo du eingeloggt bist... 01:31:25.780 --> 01:31:31.520 Ja, ich meine, klar, dann habe ich ganz andere Probleme, wenn jemand da Zugriff drauf hat, aber es ist einfach trotzdem, also es fällt halt noch ein Faktor weg. 01:31:31.520 --> 01:31:39.640 Also wenn jemand aus irgendwelchen Gründen Zugriff auf mein E-Mail-Konto erlangt, dann kann er aber im Normalfall, wenn ich das schlau handhabe und so, wie man es machen soll, 01:31:39.640 --> 01:31:46.480 das heißt, ich habe für jeden Anbieter ein eigenes Passwort, dann bräuchte er zusätzlich, müsste er auch noch irgendwie das Passwort geleakt haben. 01:31:46.600 --> 01:31:51.240 Damit er dann in meinen Account reinkommt. Aber so braucht er wirklich nur die E-Mail-Adresse und Zugriff drauf. 01:31:51.240 --> 01:31:55.780 Ich fand das... Also es ist auf jeden Fall aus Nutzersicht extrem angenehm. 01:31:56.800 --> 01:32:02.460 Ja, gut, aber darum geht es ja bei Sicherheit nicht. Sicherheit ist ja nie angenehm. Das schafft ja immer zusätzliche Hürden. 01:32:02.460 --> 01:32:10.640 Ich weiß nicht, wie der Mechanismus genau funktioniert. Ich sage nur, aus Nutzersicht fand ich das bei Medium extrem angenehm. 01:32:10.640 --> 01:32:17.140 Also auch mal was anderes als immer, du musst jetzt hier E-Mail und Passwort eintragen. 01:32:17.600 --> 01:32:21.560 Und ich glaube, man hat gar kein Passwort bei Medium. Ich glaube, das gibt es gar nicht. 01:32:21.560 --> 01:32:24.420 Also entweder OAuth oder per Link dann per E-Mail. 01:32:24.420 --> 01:32:28.260 Ja, und ich fand das per Link per E-Mail irgendwie cool. 01:32:28.260 --> 01:32:33.060 Also ich... Und dann, soweit ich weiß, ist der Link verbraucht, sobald er einmal aufgerufen ist. 01:32:33.060 --> 01:32:33.800 Und dann gilt... 01:32:33.800 --> 01:32:37.980 Gut, das kann man hoffen auf jeden Fall. Das wäre krass, wenn der immer funktionieren würde. 01:32:37.980 --> 01:32:44.880 So und solange im Browser bist du dann halt eingeloggt und irgendwann wirst du auch wieder ausgeloggt und dann musst du das nochmal neu machen. 01:32:44.880 --> 01:32:47.400 Ich weiß aber nicht, ob das jetzt mit Aktivität dann verlängert wird. 01:32:47.400 --> 01:32:52.640 So viel nutze ich Medium eingeloggt nicht, um das jetzt zu wissen. 01:32:52.640 --> 01:32:55.380 Aber ich fand das irgendwie eine coole Alternative, ehrlich gesagt. 01:32:55.380 --> 01:32:57.300 Ja, aus Nutzersicht, klar. 01:32:57.940 --> 01:33:02.760 Aber es ist so, oh ja, hier E-Mail-Adresse, vielleicht ist das auch noch schon vorausgefüllt. 01:33:02.760 --> 01:33:04.780 Irgendwie gut, das kann man natürlich mit Passwort auch machen. 01:33:04.780 --> 01:33:07.240 Aber es kann gar kein Passwort leaken. 01:33:07.240 --> 01:33:13.340 Der zweite Faktor, ja, weiß gar nicht, der zweite Faktor ist dann, dass du Zugriff aufs E-Mail-Konto hast quasi. 01:33:13.340 --> 01:33:14.660 Ja gut, aber das, ja. 01:33:14.660 --> 01:33:17.180 Ja. 01:33:17.180 --> 01:33:25.820 Die ziehen sich da quasi aus diesem Nutzer-Accounting so ein bisschen raus, indem sie halt eigentlich gar keine Passwörter speichern, wenn ich das dann richtig weiß. 01:33:25.820 --> 01:33:30.660 Sonst finde ich eigentlich, ja, die verlassen sich darauf, dass dein E-Mail-Konto sicher ist. 01:33:30.660 --> 01:33:33.660 Da kann man jetzt drüber streiten. 01:33:33.660 --> 01:33:36.260 Ich weiß nicht, wie Security-Experten das bewerten. 01:33:36.260 --> 01:33:37.680 Ich finde es nett. 01:33:37.680 --> 01:33:38.660 So. 01:33:38.660 --> 01:33:42.040 Und ihr dürft das gerne in den Kommentaren zerreißen. 01:33:42.040 --> 01:33:44.040 Okay. 01:33:44.040 --> 01:33:46.260 Also er hat noch, nee, eben. 01:33:46.260 --> 01:33:49.220 Christian hat noch ein paar andere Anregungen geschrieben. 01:33:49.220 --> 01:33:54.460 Fingerabdruck, USB-Token, Private-Public-Key und so weiter. 01:33:55.820 --> 01:34:00.120 Genau, also Zwei-Faktor-Authentifizierung haben wir gerade schon kurz angesprochen. 01:34:00.120 --> 01:34:07.740 Also Zwei-Faktor-Authentifizierung ist natürlich nicht passwortlos, also das sind zwei Paar Schuhe, sondern es ist als erster Faktor das Passwort. 01:34:07.740 --> 01:34:15.620 Und als zweiter Faktor dann eben auf dem Handy habe ich so eine Auth-App, mit der ich dann Code generiere, der dann auch nur für eine gewisse Sekundenzahl gültig ist. 01:34:15.980 --> 01:34:17.480 Und den gebe ich dann zusätzlich als Faktor ein. 01:34:17.480 --> 01:34:18.620 Das heißt, es reicht nicht, genau. 01:34:18.620 --> 01:34:21.500 Das heißt, also Free-OTP ist so eine kostenlose App. 01:34:21.500 --> 01:34:23.660 Es gibt aber auch Google Authenticator. 01:34:23.660 --> 01:34:25.940 Es gibt bestimmt auch von Apple eine eigene Lösung. 01:34:25.940 --> 01:34:27.320 Was gibt es noch? 01:34:27.320 --> 01:34:29.080 Steam hat sowas im Endeffekt auch. 01:34:29.080 --> 01:34:31.740 Eine eigene App, die diesen Code generiert. 01:34:31.740 --> 01:34:38.840 Free-OTP ist halt eben die offene Variante davon, die ich auch tatsächlich schon implementiert habe. 01:34:38.900 --> 01:34:45.540 Für ein eigenes internes Tool, das ich zusätzlich absichern wollte, da habe ich tatsächlich zum ersten Mal so einen Free-OTP genutzt. 01:34:45.540 --> 01:34:48.660 Also den OTP-Mechanismus genutzt. 01:34:48.660 --> 01:34:53.560 Da gibt es auch eine Library, die generiert einem dann QR-Code ganz komfortabel, den ich dann mit der App scanne. 01:34:53.560 --> 01:34:55.720 Dann wird das zugeordnet über entsprechende Schlüssel. 01:34:55.720 --> 01:35:01.760 Und dann muss ich halt beim Passwort, also ich kann auch speichern, dass es das nicht bei jedem Login macht, hier am Arbeitsrechner zum Beispiel. 01:35:01.760 --> 01:35:08.360 Aber das war ganz cool, das einfach mal damit mal rum zu experimentieren, weil ich mir eben auch dachte, ja warum macht man das eigentlich nicht öfter? 01:35:08.900 --> 01:35:11.240 Aber das ist relativ verbreitet schon. 01:35:11.240 --> 01:35:12.660 Inzwischen, ja, ja. 01:35:12.660 --> 01:35:16.240 Also das gibt es bei Twitter, das gibt es bei GitHub. 01:35:16.240 --> 01:35:21.220 Genau, aber das sind halt auch wieder, das sind größere Plattformen, so bei kleineren Portalen. 01:35:21.220 --> 01:35:23.920 Gut, es gibt ja kaum noch kleinere, die großen reißen ja alles an sich. 01:35:23.920 --> 01:35:27.660 Kleine Portale. 01:35:27.660 --> 01:35:29.440 Du meinst eine Tür. 01:35:34.160 --> 01:35:35.040 Nee, weiß nicht. 01:35:35.040 --> 01:35:40.440 Mir fällt jetzt nicht mal was ein, weil es einfach, also es gibt ja nur irgendwie so die Big Player und ... 01:35:40.440 --> 01:35:46.660 Ja, du meinst jetzt zum Beispiel so einen speziellen Online-Shop, der ganz spezielle Sachen nur hat. 01:35:46.660 --> 01:35:50.640 Ja, äh, äh, äh, äh, wwsev-Merchandise. 01:35:50.640 --> 01:35:52.500 Wwsev-Merchandise. 01:35:52.840 --> 01:35:54.600 Nee, ich weiß gar nicht, was ich da denke. 01:35:54.600 --> 01:35:56.640 Gibt es eigentlich Punkt-Merchandise als Top-Level-Domain? 01:35:56.640 --> 01:35:59.280 Sonst können wir uns registrieren, wwsev.merchandise. 01:35:59.280 --> 01:36:01.120 Das war immer eine sehr lange Top-TLD. 01:36:01.120 --> 01:36:03.040 Pff, na, ist doch egal. 01:36:03.040 --> 01:36:05.120 Wo wir sind, ist vorne, Punkt-Show ist auch lang. 01:36:05.120 --> 01:36:08.480 Ähm, ja, aber ... 01:36:08.480 --> 01:36:08.480 Ja, aber ... 01:36:08.480 --> 01:36:09.220 Wir sind, ist vorne. 01:36:09.220 --> 01:36:11.840 Ähm, zu USB-Token. 01:36:11.840 --> 01:36:14.220 Ist besser, ist besser, wenn du es einfach übergehst. 01:36:14.220 --> 01:36:15.700 Da ist, äh, was? 01:36:15.700 --> 01:36:18.060 Ist besser, ist besser, wenn du einfach weitergehst. 01:36:18.060 --> 01:36:19.280 Ist okay, war nicht gut. 01:36:19.280 --> 01:36:20.040 Ist okay. 01:36:20.040 --> 01:36:24.400 Also USB-Token ist wahrscheinlich YubiKey gemeint oder sowas. 01:36:24.400 --> 01:36:26.200 Ich muss grad mal gucken, hab ich ... 01:36:26.200 --> 01:36:31.820 Genau, also solche Tokens, das kennt man zum Teil von Software-Lizensierung. 01:36:31.820 --> 01:36:35.020 Also da sprechen wir dann über teurere und Spezial-Software. 01:36:35.020 --> 01:36:36.440 Äh, jetzt nicht irgendwie ... 01:36:36.440 --> 01:36:37.440 Ah, du hast sogar sowas hier. 01:36:37.440 --> 01:36:38.600 Ich hab ein YubiKey, ja. 01:36:38.600 --> 01:36:41.720 Ähm, Software-Lizensierung, da kennt man das so ein bisschen her. 01:36:41.840 --> 01:36:43.900 Ähm, teure CAD-Anwendungen oder so. 01:36:43.900 --> 01:36:45.900 Wo man dann wirklich den Lizenzschlüssel da drauf hat. 01:36:45.900 --> 01:36:47.540 Der Vorteil ist, es ist portabel. 01:36:47.540 --> 01:36:49.560 Ich kann den halt auch an den Arbeitsrechner mitnehmen oder so. 01:36:49.560 --> 01:36:51.940 Der Nachteil ist halt natürlich, wenn ich den nicht dabei hab, 01:36:51.940 --> 01:36:52.480 hab ich halt Pech. 01:36:52.480 --> 01:36:58.420 Genau, also das sind normalerweise, ähm, so kleine USB-Stecker. 01:36:58.420 --> 01:37:03.420 Die gehen auch, ähm, manche davon gehen auch, äh, per NFC, 01:37:03.420 --> 01:37:05.220 sodass man so am Handy verwenden kann. 01:37:05.220 --> 01:37:08.340 Ähm, ich weiß gar nicht, das hier, da, der hat irgendwie, 01:37:08.340 --> 01:37:10.540 der, der sagt mir, ich hab ich noch nie so verwendet. 01:37:10.980 --> 01:37:13.740 Also der hat jetzt das normale USB-A, äh, YubiKey, 01:37:13.740 --> 01:37:15.460 also so ein ganz, ich, Konstantin, kannst du es mal. 01:37:15.460 --> 01:37:18.160 Mir kannst du es zeigen, im Twitch-Stream könntest du es jetzt auch zeigen, ja. 01:37:18.160 --> 01:37:21.800 Ganz, ganz flaches, äh, schwarzes USB-Dings. 01:37:21.800 --> 01:37:25.240 Ähm, und dieser Key wird übertragen, glaube ich, 01:37:25.240 --> 01:37:27.380 in dem Augenblick, wo ich reinstecke. 01:37:27.380 --> 01:37:28.580 Nee, ich glaube, ich muss noch draufdrücken. 01:37:28.580 --> 01:37:29.480 Ich muss noch draufdrücken. 01:37:29.480 --> 01:37:31.720 Ähm, und der hat auch so ein Funkzeichen. 01:37:31.720 --> 01:37:33.440 Das heißt, ich glaube, der geht auch per NFC. 01:37:33.440 --> 01:37:34.840 Das hab ich allerdings noch nicht verwendet. 01:37:34.840 --> 01:37:36.300 Also mit dem Handy könnte man das dann auch machen. 01:37:36.300 --> 01:37:38.080 Die gibt's dann auch noch mit verschiedenen Steckern. 01:37:38.160 --> 01:37:41.020 Das ist jetzt USB-A, gibt's auch mit USB-C oder, äh, Lightning. 01:37:41.020 --> 01:37:42.380 Gibt's in allen Varianten. 01:37:42.380 --> 01:37:46.180 Darauf, äh, können unterschiedlichste Keys gleichzeitig gespeichert werden, 01:37:46.180 --> 01:37:47.400 in unterschiedlichen Formaten. 01:37:47.400 --> 01:37:49.740 Ähm, da bin ich jetzt auch kein Experte drin. 01:37:49.740 --> 01:37:53.960 Ähm, ein ehemaliger Kollege von mir, der war da ziemlich tief drin. 01:37:53.960 --> 01:37:55.960 Wenn der seinen, äh, Schlüssel zu Hause vergessen, 01:37:55.960 --> 01:37:57.680 oder sein, sein YubiKey zu Hause vergessen hatte, 01:37:57.680 --> 01:37:58.540 dann ging da gar nix. 01:37:58.540 --> 01:38:02.480 Äh, Rechner hochfahren, ja, und dann, äh, oh, scheiße, 01:38:02.540 --> 01:38:03.480 ich muss noch mal nach Hause. 01:38:03.480 --> 01:38:03.940 Ui. 01:38:03.940 --> 01:38:05.980 Das ist nicht, das ist nicht oft passiert, 01:38:05.980 --> 01:38:08.760 aber, ähm, ich erinnere mich, dass das was ich meine. 01:38:08.760 --> 01:38:11.120 Ja, wenn das Ding halt weg ist, dann ... 01:38:11.120 --> 01:38:13.460 Genau, ähm, deswegen empfiehlt, glaube ich, 01:38:13.460 --> 01:38:15.540 äh, der YubiKey-Hersteller YubiKo auch, 01:38:15.540 --> 01:38:18.740 dass man zwei davon hat, wo man die gleichen Daten drauf, äh, tut. 01:38:18.740 --> 01:38:22.080 Und den einen, den, äh, soll man dann irgendwo in den Tresor legen 01:38:22.080 --> 01:38:23.180 oder so, als Sicherheit. 01:38:23.760 --> 01:38:25.740 Wenn du wirklich deine Daten damit verschlüsselst, 01:38:25.740 --> 01:38:27.180 äh, verschlüsselst, beispielsweise. 01:38:27.180 --> 01:38:28.760 Ja, klar, dann ist, äh, halt die Hütte am Brennen, 01:38:28.760 --> 01:38:29.620 wenn das Ding kaputt ist. 01:38:29.620 --> 01:38:31.580 Dann hast du ein großes Problem, wenn du den verlierst. 01:38:31.580 --> 01:38:33.600 Oder fährst du im Auto drüber oder fällt dir in den Gully 01:38:33.600 --> 01:38:36.220 oder, äh, wird nass, oder, ja. 01:38:36.220 --> 01:38:38.620 Das finde ich in der Tat, ähm, eine ganz coole Sache, 01:38:38.620 --> 01:38:40.620 wobei, wenn man das wirklich sicher hat, 01:38:40.620 --> 01:38:42.740 ich kenne jetzt die ganzen verschiedenen Mechanismen nicht, 01:38:42.740 --> 01:38:44.600 da gibt's, glaube ich, mehr oder weniger sichere, 01:38:44.600 --> 01:38:47.820 aber wenn du jetzt, ähm, da einfach quasi so eine Art Passwort drauf hast, 01:38:47.820 --> 01:38:50.640 ähm, es empfiehlt sich's aber trotzdem noch 01:38:50.640 --> 01:38:54.740 so ein Salt hintendran, dass man quasi noch selbst von Hand dazu tippt, 01:38:54.740 --> 01:38:57.980 dass nicht jemand, der einfach den YubiKey hat, äh, 01:38:57.980 --> 01:38:59.340 sich irgendwo einloggen kann, 01:38:59.340 --> 01:39:03.260 sondern dass quasi noch, du, du schreibst noch ein Wort hintendran 01:39:03.260 --> 01:39:03.640 oder irgendwas. 01:39:03.640 --> 01:39:04.820 Genau, irgendeine Pin oder so, ja. 01:39:04.820 --> 01:39:07.940 Oder eine Pin oder sowas, ähm, dann ist das auch safe. 01:39:07.940 --> 01:39:10.160 Aber wie gesagt, da gibt's sehr viele verschiedene, 01:39:10.160 --> 01:39:12.440 ich hab mich, hab mal mit diesem Konfigurationsprogramm 01:39:12.440 --> 01:39:15.460 davon rumgespielt, ähm, mit dem man, 01:39:15.460 --> 01:39:17.520 mit dem man diese Keys da drauf spielt 01:39:17.520 --> 01:39:21.900 und da gibt es sehr viele verschiedene, äh, Mechanismen und, und, und, äh, 01:39:21.900 --> 01:39:24.260 Formate, die ich gar nicht alle kenne 01:39:24.260 --> 01:39:26.020 oder weiß, wie sie genau funktionieren. 01:39:26.020 --> 01:39:29.240 Ähm, wär tatsächlich mal interessant, sich damit zu beschäftigen, 01:39:29.240 --> 01:39:32.140 aber, äh, war jetzt für mich noch nicht so wichtig bislang. 01:39:32.140 --> 01:39:34.240 Aber ist auf jeden Fall eine coole Technologie 01:39:34.240 --> 01:39:35.600 und ist echt ein schlankes Ding. 01:39:35.600 --> 01:39:37.560 Das macht mal einen Schlüsselbund, dann hat man das immer dabei. 01:39:37.560 --> 01:39:38.560 Gut, wenn man überfallen wird. 01:39:38.560 --> 01:39:41.080 Naja, aber da hat man auch andere Probleme, glaube ich. 01:39:41.080 --> 01:39:45.600 Äh, und dann hier noch, äh, Fingerabdruck, ähm, wurde auch gesagt. 01:39:45.600 --> 01:39:45.800 Ja, genau. 01:39:45.800 --> 01:39:47.220 Das fände ich auch besser, fände ich auch gut, 01:39:47.220 --> 01:39:49.040 wenn das mal ein bisschen mehr sich verbreiten würde, 01:39:49.040 --> 01:39:51.020 dass man Dinge mit dem Fingerabdruck, äh, entsperren kann. 01:39:51.020 --> 01:39:53.720 Also Fingerabdruck ist halt so ein Ding, jetzt gerade am Handy, ja. 01:39:53.720 --> 01:39:56.480 Mein, mein Handy ist natürlich übersät mit Fingerabdrücken. 01:39:56.480 --> 01:39:58.880 Und wenn's jetzt wirklich um was Wichtiges geht, 01:39:58.880 --> 01:40:01.240 ist so ein Fingerabdruck echt fix kopiert. 01:40:01.800 --> 01:40:04.420 Also ich mein, das gab's früher in Yps-Heftchen und, äh, 01:40:04.420 --> 01:40:08.040 und Mickey Mouse gab's das schon, ja, irgendwie so zum, zum, zum Abziehen 01:40:08.040 --> 01:40:11.180 und dann, äh, mit so einem Wachs oder, oder so einem Gummi 01:40:11.180 --> 01:40:12.460 und dann härten lassen und so. 01:40:12.460 --> 01:40:16.940 Also, so ein Fingerabdruck ist, ist schon, also da find ich Retina-Scan, ja. 01:40:16.940 --> 01:40:19.180 Also das Auge hast du mir nicht so leicht rausoperiert, 01:40:19.180 --> 01:40:19.940 ohne dass ich's merke. 01:40:19.940 --> 01:40:22.540 Ähm, mit dem Fingerabdruck ist das schon länger. 01:40:22.540 --> 01:40:25.520 Ach du, da gibt's Filme, die das ganz eindrucksvoll, äh, demonstrieren, 01:40:25.520 --> 01:40:26.580 was da so geht, ne? 01:40:26.580 --> 01:40:30.880 Ja, aber, ähm, ja, wie gesagt, also Fingerabdruck, schön und gut, 01:40:30.960 --> 01:40:33.040 aber wenn's jetzt wirklich um, um Sicherheit geht, 01:40:33.040 --> 01:40:34.260 würd ich darauf nicht setzen wollen. 01:40:34.260 --> 01:40:37.400 Also, auch ohne Absägen ist der recht schnell geklaut. 01:40:37.400 --> 01:40:39.060 Ja. 01:40:39.060 --> 01:40:40.240 Ja. 01:40:40.240 --> 01:40:42.920 So, warte mal jetzt, ich hab, ich, ich, ich, ich, ich, 01:40:42.920 --> 01:40:43.740 ich probier grad rum. 01:40:43.740 --> 01:40:47.040 Mal gucken, ob der, ob der ausgelesen werden kann. 01:40:47.040 --> 01:40:48.840 Ah ja, Tatsache. 01:40:48.840 --> 01:40:53.520 Also, ich hab, ich hab, ich hab NFC grad mal angeschaltet, 01:40:53.520 --> 01:40:57.000 ich hab hier diese NFC-Tools-Android-App, äh, drauf, 01:40:57.000 --> 01:41:00.300 die so alle möglichen, äh, NFC-Sachen, Tags auslesen kann. 01:41:00.620 --> 01:41:03.600 Ähm, und wenn ich, ich muss, ich muss es an die NFC-Schnittstelle halten 01:41:03.600 --> 01:41:04.900 und dann tatsächlich draufdrücken. 01:41:04.900 --> 01:41:07.000 Also, ich hab jetzt hier, ich kann's nochmal zeigen. 01:41:07.000 --> 01:41:07.720 Irgendwie so. 01:41:07.720 --> 01:41:09.300 Dann vibriert's tatsächlich kurz. 01:41:09.300 --> 01:41:14.080 Und dann sagt mir hier Seriennummer, äh, Speicherinformationen, 01:41:14.080 --> 01:41:16.360 was für ein Typ, MyFair, Classic, irgendwas. 01:41:16.360 --> 01:41:20.160 Ähm, ich kann da theoretisch, glaub ich, auch was draufschreiben jetzt. 01:41:20.160 --> 01:41:22.040 Ich kann Dinge kopieren und so weiter. 01:41:22.040 --> 01:41:24.260 Ähm, ja, ist, ist eine, ist eine nette Geschichte, 01:41:24.260 --> 01:41:25.760 die ich bisher fast nie verwendet hab. 01:41:25.760 --> 01:41:29.160 Was ich hingegen schon öfter mal verwendet habe, 01:41:29.160 --> 01:41:31.860 ähm, sind Public und Private Keys, 01:41:31.860 --> 01:41:34.500 gerade wenn's drum geht, irgendwie auf Server zuzugreifen. 01:41:34.500 --> 01:41:37.120 Ähm, weil das ist dann echt sehr bequem, 01:41:37.120 --> 01:41:38.500 wobei man dann auch wieder sagen kann, 01:41:38.500 --> 01:41:43.560 na ja, wenn jetzt jemand, äh, Zugriff auf deinen Account am Rechner hat 01:41:43.560 --> 01:41:45.120 und du hast, da liegt halt der Private Key rum, 01:41:45.120 --> 01:41:47.860 na ja, gut, dann, ähm, kann halt der auf deinen Rechner arbeiten. 01:41:47.860 --> 01:41:49.540 Kann er sich auch kopieren, ja. 01:41:49.540 --> 01:41:52.500 Klar. Ähm, aber vielleicht, vielleicht erklären wir mal kurz, 01:41:52.500 --> 01:41:54.400 was das bedeutet oder was das ist, so ganz, 01:41:54.400 --> 01:41:56.060 da bin ich auch nicht tief drin, 01:41:56.060 --> 01:41:57.840 aber ich kann's so, ich hab mittlerweile, glaub ich, 01:41:57.840 --> 01:42:00.640 so auf einer, auf einer sehr oberflächlichen Ebene verstanden, 01:42:00.640 --> 01:42:02.260 ähm, wie das funktioniert. 01:42:02.260 --> 01:42:05.480 Das ist quasi ja irgendwie wie, äh, Schlüssel mit Schlüsselloch 01:42:05.480 --> 01:42:07.820 und man legt auf den Server quasi das Schlüsselloch, 01:42:07.820 --> 01:42:10.800 das sag ich jetzt mal so ganz, äh, ganz naiv 01:42:10.800 --> 01:42:12.380 und nur man selbst behält den Schlüssel 01:42:12.380 --> 01:42:14.780 und der Schlüssel ist in dem Fall, na ja, 01:42:14.780 --> 01:42:17.660 ein Pfeil mit, äh, mit einem String drin, 01:42:17.660 --> 01:42:19.120 wenn ich's richtig weiß, 01:42:19.120 --> 01:42:22.060 also zumindest in meinem, in meinem Fall war das halt so, 01:42:22.060 --> 01:42:25.440 äh, und wenn ich dann mich zum Beispiel per SSH 01:42:25.440 --> 01:42:28.100 auf einem, äh, auf einem Serverversuch einzuloggen, 01:42:28.100 --> 01:42:29.900 der eben meinen Private Key hat, 01:42:29.900 --> 01:42:33.140 dann guckt der nach, äh, mein Public Key hat, falsch, 01:42:33.140 --> 01:42:34.760 der Public Key wird auf den Server gelegt, 01:42:34.760 --> 01:42:37.060 ähm, dann guckt der bei meinen Private Keys nach, 01:42:37.060 --> 01:42:38.000 ob da irgendwas matcht 01:42:38.000 --> 01:42:40.260 und wenn das matcht, dann kann ich mich direkt einloggen, 01:42:40.320 --> 01:42:42.480 da muss ich gar keine, äh, gar kein Nutzer, 01:42:42.480 --> 01:42:44.000 da muss ich gar kein Passwort mehr eingeben 01:42:44.000 --> 01:42:45.480 oder irgendwas, bin sofort drauf. 01:42:45.480 --> 01:42:48.880 Ist eine, eine nette Softwarelösung 01:42:48.880 --> 01:42:50.040 und funktioniert eigentlich bei Servern. 01:42:50.040 --> 01:42:51.980 Also bei GitHub kann man das zum Beispiel einrichten auch, 01:42:51.980 --> 01:42:55.600 dass man über GitHub dann, dann direkt mit dem Key sich anmelde. 01:42:55.600 --> 01:42:56.860 Das ist, glaube ich, inzwischen sogar, 01:42:56.860 --> 01:42:58.760 also Passwort, ähm, 01:42:58.760 --> 01:43:00.960 gestützter Login über die API 01:43:00.960 --> 01:43:02.380 oder wenn ich über Command-Line gehe, 01:43:02.380 --> 01:43:04.440 wird inzwischen, glaube ich, gar nicht mehr unterstützt, 01:43:04.440 --> 01:43:06.500 sondern du musst entweder einen OAuth-Token haben 01:43:06.500 --> 01:43:09.360 oder eben so einen SSH-Key. 01:43:09.360 --> 01:43:14.140 Ja, und auch da, äh, bin ich auch der Meinung, ähm, sowas, 01:43:14.140 --> 01:43:17.580 wenn sowas verbreiteter wäre, wäre das schon cool. 01:43:17.580 --> 01:43:20.320 Wobei, wie gesagt, wenn du dich auf Servern einloggen willst, 01:43:20.320 --> 01:43:22.060 ist das eigentlich Standard, da geht das, äh, 01:43:22.780 --> 01:43:24.580 Und das ist, das ist halt das Problem, also 01:43:24.580 --> 01:43:26.740 die Akzeptanz in der Breite 01:43:26.740 --> 01:43:28.600 der Bevölkerung. Also wenn ich jetzt 01:43:28.600 --> 01:43:30.400 irgendwie an meine Eltern denke, ja, die haben 01:43:30.400 --> 01:43:32.540 manchmal schon einfach so Probleme, äh, 01:43:32.540 --> 01:43:34.360 per E-Mail irgendwie was zu machen, 01:43:34.360 --> 01:43:35.840 was ich dann übernehme. 01:43:35.840 --> 01:43:38.760 Oder, oder die E-Mail kommt nicht an oder landet im Spam, 01:43:38.760 --> 01:43:40.540 dann ist das schon ein größeres Problem, weil die da 01:43:40.540 --> 01:43:42.560 einfach nicht dran denken, auch wenn du es dreimal sagst, 01:43:42.560 --> 01:43:44.600 ähm, kann passieren, da denken die nicht dran. 01:43:44.600 --> 01:43:46.560 Wenn ich denen jetzt komme mit, ja, wir machen 01:43:46.560 --> 01:43:48.480 jetzt verschlüsselte E-Mail-Übertragungen und hier 01:43:48.480 --> 01:43:50.760 ist mein Public-Key und da, äh, hier musst du 01:43:50.760 --> 01:43:52.640 dann hier ein, also, das, das kannst du schon mal 01:43:52.640 --> 01:43:54.660 vergessen, gerade bei der älteren Generation, die da einfach 01:43:54.660 --> 01:43:56.660 nicht mehr so zugänglich ist dafür. Aber auch schon ich, 01:43:56.660 --> 01:43:58.960 also ich würde mir auch schon dazu zählen, dass ich, äh, 01:43:58.960 --> 01:44:00.760 so Sachen manchmal, da hab ich 01:44:00.760 --> 01:44:02.480 dann gar keine Lust drauf, mich, mich, mich, 01:44:02.480 --> 01:44:04.840 mit, mit auseinanderzusetzen. Und, äh, 01:44:04.840 --> 01:44:06.660 deswegen glaube ich, also so in der, in der breiten 01:44:06.660 --> 01:44:08.700 Masse oder auch einfach, ja, vielleicht gar 01:44:08.700 --> 01:44:10.640 nicht mal nur Alter, sondern auch einfach die, die, 01:44:10.640 --> 01:44:12.580 die Bereitschaft, sich mit technischen Dingen 01:44:12.580 --> 01:44:14.640 irgendwie auseinanderzusetzen. Es sind halt einfach nicht alle 01:44:14.640 --> 01:44:16.560 Nerds und es sind nicht alle für Technik offen 01:44:16.560 --> 01:44:18.700 und, ähm, da, da haben 01:44:18.700 --> 01:44:20.540 dann Leute überhaupt keine, keine Lust, sich da mit 01:44:20.540 --> 01:44:22.600 auseinanderzusetzen. Deswegen glaube ich, dass so Sachen 01:44:22.600 --> 01:44:24.420 sich, das wird, wird schon immer eine 01:44:24.420 --> 01:44:26.640 Nische bleiben. Also, ja, so zwei Faktor 01:44:26.640 --> 01:44:28.400 gedönst, da kommst du teilweise ja auch nicht drum rum, 01:44:28.400 --> 01:44:30.560 also, äh, PayPal-Accounts zum Beispiel, 01:44:30.560 --> 01:44:32.580 die wollen dann immer irgendwie eine SMS schicken 01:44:32.580 --> 01:44:34.600 können zumindest, was ja auch ein zweiter 01:44:34.600 --> 01:44:36.500 Faktor schon ist. Ähm, da ist dann 01:44:36.500 --> 01:44:38.740 zum Beispiel das Problem, das hat ja meine, meine Mutter letztens, 01:44:38.740 --> 01:44:40.260 ähm, oder hat das eigentlich immer, 01:44:40.260 --> 01:44:42.580 dass diese Authentifizierungs-SMS 01:44:42.580 --> 01:44:44.640 von PayPal bei ihr nicht ankommen 01:44:44.640 --> 01:44:45.920 oder mit Stundenverzögerung. 01:44:46.320 --> 01:44:48.380 Also, ich weiß nicht, woran das liegt, das muss eigentlich 01:44:48.380 --> 01:44:49.820 am Mobilfunkanbieter liegen, 01:44:49.820 --> 01:44:52.420 anders kann ich es mir nicht erklären, weil bei mir kommen 01:44:52.420 --> 01:44:54.240 die immer schnell an, ähm, 01:44:54.240 --> 01:44:56.340 und bei ihr funktioniert das nicht, ja, und das ist 01:44:56.340 --> 01:44:58.160 schon, das, das schafft dann auch so eine Frustration, 01:44:58.160 --> 01:44:59.800 wenn es halt dann nicht funktioniert, wie es soll, 01:44:59.800 --> 01:45:02.240 dann ist so, ach, dann, dann mache ich es halt jetzt nicht per 01:45:02.240 --> 01:45:04.080 PayPal, dann mache ich halt doch wieder eine Banküberweisung. 01:45:04.620 --> 01:45:06.720 Also, das, das ist der Grund, 01:45:06.720 --> 01:45:08.860 warum das sich halt so nicht verbreitet. 01:45:08.860 --> 01:45:10.020 Ja. 01:45:10.020 --> 01:45:10.960 Ja. 01:45:10.960 --> 01:45:12.320 Punkt. 01:45:12.320 --> 01:45:16.660 Ähm, ja, also, was, würdest du sagen, 01:45:16.660 --> 01:45:18.880 deine Eltern würden mit einem YubiKey klarkommen? 01:45:18.880 --> 01:45:19.100 Nee. 01:45:19.100 --> 01:45:22.700 Also, also, so, so, gar nicht mehr 01:45:22.700 --> 01:45:24.480 so dieses, wenn du dich hier einloggen willst, 01:45:24.480 --> 01:45:26.060 dann musst du den USB-Stick irgendwie 01:45:26.060 --> 01:45:27.400 reinstecken, oder? 01:45:27.400 --> 01:45:30.580 Also, vielleicht würde ich es ihnen näher gebracht bekommen, 01:45:30.580 --> 01:45:32.240 wenn es halt irgendwie gar nicht anders geht, 01:45:32.240 --> 01:45:33.780 aber, also, die sind schon mit dem... 01:45:33.780 --> 01:45:35.520 Aber wäre das nicht einfacher, als, ähm, 01:45:35.520 --> 01:45:37.580 du musst dir hier diese Credentials merken, 01:45:37.580 --> 01:45:40.460 und, und, also, ich würde sagen, einfacher als, äh... 01:45:40.460 --> 01:45:42.480 Also, einfacher als ein Tan-Generator bei der Bank 01:45:42.480 --> 01:45:44.320 ist es wahrscheinlich schon, ja. 01:45:44.320 --> 01:45:46.180 Äh, mit diesem hier, ich lade, 01:45:46.180 --> 01:45:48.380 ich halte das, ich halte das Gerät ans Display 01:45:48.380 --> 01:45:49.900 und so, diese Dinger kennt man ja vielleicht. 01:45:49.900 --> 01:45:50.940 Boah, ja, geil. 01:45:50.940 --> 01:45:52.320 Blink, blink, blink, und dann hast du es, 01:45:52.320 --> 01:45:53.660 aber hab ich ja noch einen Millimeter nach links 01:45:53.660 --> 01:45:54.760 und, oh, du musst das skalieren, 01:45:54.760 --> 01:45:56.240 weil die Displayauflösung von deinem Display 01:45:56.240 --> 01:45:57.420 nicht dem entspricht, was wir da erwarten. 01:45:57.420 --> 01:45:58.020 Oh, ja, großartig. 01:45:58.020 --> 01:45:59.060 Oh, je, ja. 01:45:59.720 --> 01:46:01.920 Das ist so ein bisschen wie die Datasette über den Fernseher. 01:46:01.920 --> 01:46:06.920 Ja. 01:46:06.920 --> 01:46:08.980 Ja, also, ja, du hast recht, 01:46:08.980 --> 01:46:11.940 es ist, äh, natürlich auch eine Gewohnheitssache, 01:46:11.940 --> 01:46:12.920 und wenn du halt einfach sagst, so, 01:46:12.920 --> 01:46:13.900 es geht aber nicht anders, ja, 01:46:13.900 --> 01:46:15.180 schmeiß deinen Tan-Generator weg 01:46:15.180 --> 01:46:16.920 und, und nimm so einen Key und steck den rein, 01:46:16.920 --> 01:46:17.820 ähm, 01:46:17.820 --> 01:46:19.860 aber dann, weißt du, 01:46:19.860 --> 01:46:21.460 dann, dann, dann gießen sie das Blumenwasser drüber 01:46:21.460 --> 01:46:23.720 und dann ist der Key weg und so, also... 01:46:23.720 --> 01:46:26.920 Ja, aber soll nicht der, der, dieser, äh, 01:46:26.920 --> 01:46:28.760 neue Personalausweis, also, ich weiß gar nicht, 01:46:28.760 --> 01:46:30.260 so neu ist der ja auch jetzt schon gar nicht mehr, 01:46:30.260 --> 01:46:32.920 hat der nicht auch diese, dieser Kärtchen-Personalausweis 01:46:32.920 --> 01:46:33.820 so Funktionen? 01:46:33.820 --> 01:46:35.580 Äh, wenn du das aktivierst, ja, 01:46:35.580 --> 01:46:37.460 dann hat der einen, äh, NFC-Chip drin. 01:46:37.460 --> 01:46:40.820 Und dann kann der, dann kann ich mich ja, 01:46:40.820 --> 01:46:42.160 ich weiß gar nicht, was kann man damit machen, 01:46:42.160 --> 01:46:42.600 weißt du das? 01:46:42.600 --> 01:46:43.640 Ähm, naja, du, also, 01:46:43.640 --> 01:46:44.940 das geht zum Beispiel an der Grenze schneller, 01:46:44.940 --> 01:46:47.100 wenn die das dann einfach dranhalten und auslesen, 01:46:47.100 --> 01:46:49.480 statt dass sie da irgendwie was eintippen müssen 01:46:49.480 --> 01:46:50.560 oder abscannen oder so. 01:46:51.180 --> 01:46:52.760 Also, ich glaube, oft halten die das dann unter wirklich 01:46:52.760 --> 01:46:54.820 und unter so Scan-Dings, um einerseits die, 01:46:54.820 --> 01:46:57.760 diese Sicherheitsmerkmale, dieses Leuchten und den Bundesadler 01:46:57.760 --> 01:47:00.200 und was weiß ich, ähm, da zu erkennen 01:47:00.200 --> 01:47:02.640 und dann wird das aber, glaube ich, auch inzwischen digital erfasst, 01:47:02.640 --> 01:47:04.200 also, die, die müssen das nicht mehr jetzt wirklich 01:47:04.200 --> 01:47:06.280 die Nummer händisch eingeben, ähm, 01:47:06.280 --> 01:47:08.220 aber es geht halt noch schneller, du legst das Ding drauf 01:47:08.220 --> 01:47:09.800 und du hast alles direkt auf deinem Bildschirm. 01:47:09.800 --> 01:47:13.120 Und was man da sonst so, also, ich glaube, 01:47:13.120 --> 01:47:14.720 du kannst dich halt dann auch authentifizieren 01:47:14.720 --> 01:47:16.420 beim, beim Zigarettenautomaten oder so. 01:47:16.420 --> 01:47:18.520 Ja, das freut sich schon immer. 01:47:18.520 --> 01:47:23.220 An meinem, der Vape-Automat 01:47:23.220 --> 01:47:24.020 meines Vertrauens 01:47:24.020 --> 01:47:27.120 authentifiziert, der begrüßt mich dann mit Namen. 01:47:27.120 --> 01:47:28.320 Könnte er. 01:47:28.320 --> 01:47:29.340 Vielleicht. 01:47:29.340 --> 01:47:30.980 Ich weiß nicht, ob der das auslesen kann 01:47:30.980 --> 01:47:32.400 oder ob der nur die Information kriegt. 01:47:32.400 --> 01:47:34.260 Weiß ich gar nicht, was genau da gespeichert ist. 01:47:34.260 --> 01:47:36.000 Oder ob da nur die Ausweisnummer dran ist 01:47:36.000 --> 01:47:37.500 und dann muss dann wieder das Programm, 01:47:37.500 --> 01:47:38.720 das sich dann aus der Datenbank suchen. 01:47:38.720 --> 01:47:39.920 Ich weiß das nicht genau. 01:47:39.920 --> 01:47:41.880 Ich hab noch keine elektronischen Version. 01:47:42.940 --> 01:47:45.260 Ich auch nicht, aber ich muss dann jetzt demnächst. 01:47:45.260 --> 01:47:48.800 Ähm, also zumindest, also du hast so das Kärtchen schon, oder? 01:47:48.800 --> 01:47:51.240 Ähm, ich müsste jetzt nachgucken, 01:47:51.240 --> 01:47:52.160 ob der Geldbeutel gar nicht da ist. 01:47:52.160 --> 01:47:53.520 Ja, hast du den großen oder den kleinen? 01:47:53.520 --> 01:47:55.300 Ich bin mir echt gar nicht mehr sicher, 01:47:55.300 --> 01:47:56.620 weil ich den so selten brauche. 01:47:56.620 --> 01:47:58.680 Es ist nicht der ganz, es ist nicht der ganz kleine 01:47:58.680 --> 01:47:59.700 im Checkkartenformat. 01:47:59.700 --> 01:48:02.580 Es ist so ein, so ein, es ist kein uralter Lappen, 01:48:02.760 --> 01:48:05.180 Ja, aber es ist, äh, ja, schon so laminiert. 01:48:05.180 --> 01:48:06.220 Dann ist es noch der alte. 01:48:06.220 --> 01:48:08.660 Meine ich zumindest. 01:48:08.660 --> 01:48:10.040 Vielleicht verwechselt sich's aber auch gerade. 01:48:10.040 --> 01:48:11.300 Ich weiß es nicht mehr. 01:48:11.300 --> 01:48:12.840 Judy. 01:48:12.840 --> 01:48:15.240 Ja, nächster Punkt. 01:48:15.240 --> 01:48:16.680 Äh, was haben wir da? 01:48:16.680 --> 01:48:20.780 Gänzlich unterschiedliche UI von Input, Type, Date, Time 01:48:20.780 --> 01:48:22.400 und Select in allen Browsern. 01:48:22.400 --> 01:48:25.240 Optik und Bedienung lässt sich ohne monströses JavaScript 01:48:25.240 --> 01:48:26.620 quasi nicht vereinheitlichen. 01:48:26.620 --> 01:48:30.280 Äh, also erst mal, Input, Type, Date, Time is deprecated. 01:48:30.280 --> 01:48:31.880 Äh, nicht mehr nutzen. 01:48:32.460 --> 01:48:34.560 Ich glaub das, ich weiß gar nicht, wo das überhaupt noch unterstützt wird. 01:48:34.560 --> 01:48:38.140 Äh, es gibt dabei Input, Type, Date, Time minus Local. 01:48:38.140 --> 01:48:39.120 Das gibt's noch. 01:48:39.120 --> 01:48:42.940 Und, ähm, also zumindest in allen außer Firefox. 01:48:42.940 --> 01:48:45.960 Oder ansonsten nutzt man halt ein, ein Input mit Type, Date 01:48:45.960 --> 01:48:47.260 oder ein Input mit Type, Time. 01:48:47.260 --> 01:48:49.220 Äh, das Problem ist jedenfalls das gleiche. 01:48:49.220 --> 01:48:52.580 Äh, also die UI, die sieht halt wirklich in Firefox anders aus 01:48:52.580 --> 01:48:54.520 als in Chrome und in Safari nochmal anders. 01:48:54.520 --> 01:48:56.440 Und je nachdem, ob ich dann auf dem Desktop bin 01:48:56.440 --> 01:48:59.760 oder auf dem, äh, Mobilgerät, sieht das auch nochmal anders aus. 01:48:59.760 --> 01:49:02.320 Ähm, also das ist ein wichtiger Punkt, 01:49:02.320 --> 01:49:04.340 das, da bin ich auch schon öfter mal dran gestoßen. 01:49:04.340 --> 01:49:08.380 Und dass man dann irgendwelche, damals noch jQuery-Libraries 01:49:08.380 --> 01:49:10.240 oder halt sonstige Libraries dann einsetzt 01:49:10.240 --> 01:49:11.540 und das Ganze verkompliziert. 01:49:11.540 --> 01:49:15.020 Ähm, aber wie könnte so eine Vereinheitlichung aussehen? 01:49:15.600 --> 01:49:19.400 Also was ich mir so überlegt hab, ist Shadow DOM mit Default-Browser-Style-Sheets, 01:49:19.400 --> 01:49:21.540 die ich dann überschreiben kann, zum Beispiel. 01:49:21.540 --> 01:49:23.100 Wäre so eine Idee. 01:49:23.100 --> 01:49:26.880 Aber ich hab's grad schon gesagt, unterschiedlich je Desktop oder, oder Mobile. 01:49:27.040 --> 01:49:31.200 Das heißt, der Browser übernimmt, also nimmt halt schon Entscheidungen ab und sagt, 01:49:31.200 --> 01:49:34.220 okay, auf einem Mobilgerät, ähm, Uhrzeitauswahl ist so ein Ding. 01:49:34.220 --> 01:49:37.040 Äh, da hatte ich auch mal so eine Library, die das gemacht hat. 01:49:37.040 --> 01:49:41.760 Die hatte dann halt auch auf dem Handy eine riesenlange Liste mit allen Minuten und mit allen Stunden drin. 01:49:41.840 --> 01:49:44.080 Das heißt, du scrollst dich da ewig, ewig durch. 01:49:44.080 --> 01:49:48.500 Und das, das native UI auf Android, äh, ich weiß nicht, wie's bei, bei iOS ist, 01:49:48.500 --> 01:49:52.720 da hab ich quasi eine Analoguhr und kann da die Uhrzeit einfach, die Zeiger quasi verschieben. 01:49:52.720 --> 01:49:56.420 Ähm, oder früher war das so, dass ich zumindest so ein, so ein Scroll-Ding hatte, 01:49:56.420 --> 01:49:59.820 wie so, wie diese ganz alten Uhren, wo sowas, wo dieses rumgeklappt ist, ja, 01:49:59.820 --> 01:50:03.040 wo so ne, wo, wo die Zahlen so auf Klappen standen und dann so rumgeklappt sind. 01:50:03.040 --> 01:50:04.120 So war das, das sah das ein bisschen aus. 01:50:04.120 --> 01:50:06.180 Da konnte man da so mit dem Daumen schnell durchscrollen. 01:50:06.180 --> 01:50:08.060 Also da macht sich der Browser schon Gedanken. 01:50:08.700 --> 01:50:12.340 Und dann ist wieder die Frage, wenn man das dann vom User wieder überschreiben lässt, 01:50:12.340 --> 01:50:15.280 dann kocht da auch wieder jeder sein eigenes Süppchen. 01:50:15.280 --> 01:50:16.780 Dann hab ich noch mehr Tovabo. 01:50:16.780 --> 01:50:21.260 Ähm, und alle Browser-Hersteller wird man halt einfach nicht unter einen Hut bekommen. 01:50:21.260 --> 01:50:25.500 Also, dass die sich einigen, wie das überall aussehen soll, das ist, glaube ich, auch utopisch. 01:50:25.500 --> 01:50:29.000 Deswegen ist die Frage, was, ja, wie soll's denn laufen? 01:50:29.000 --> 01:50:34.380 Naja, ähm, es wär ja schon mal so ein bisschen was, wär ja schon besser als gar nix. 01:50:34.380 --> 01:50:35.920 Ähm, was meine ich dann? 01:50:35.920 --> 01:50:43.960 Also gerade bei Select, also wenn wir mal von dem Date-Time kurz weggehen, Select ist für mich auch so ein Ding, da versteh ich nicht, dass das immer noch nicht stylbar ist. 01:50:43.960 --> 01:50:51.160 Also alles andere, Radio-Buttons und so weiter, kann ich alles wunderschön stylen, aber Select sieht halt immer noch irgendwie halt einfach nach Select aus. 01:50:51.300 --> 01:50:59.700 Also ich meine ja, ähm, wenn der Mobile-Browser sich nicht dran hält und stattdessen eine andere Ansicht anbietet, die auf Mobile besser funktioniert, okay, bei Select jetzt, ja. 01:50:59.700 --> 01:51:03.740 Also wenn der jetzt so einen Durchscroller da macht, okay, geschenkt. 01:51:03.740 --> 01:51:07.060 Aber der Desktop-Browser, da verstehe ich's wirklich tatsächlich nicht. 01:51:07.160 --> 01:51:15.260 Und ich nehm' mir jetzt mal beide Beispiele, ähm, ich hab jetzt, ich hab jetzt grad zum Spaß mal, äh, eine Seite aufgemacht, von der ich weiß, dass sie, äh, Date, Input-Type Date hat. 01:51:15.340 --> 01:51:20.840 Und ich hab's jetzt mal in Firefox aufgemacht und, äh, einmal in Chrome, beziehungsweise nein, nicht in Chrome, in Brave. 01:51:20.840 --> 01:51:41.460 Ähm, und schau' mir an, wie das aussieht und ich muss sagen, also ist jetzt beides auf dem Mac, ähm, das, das, das Datum, äh, also die, die, der Date-Picker sozusagen, wo der aktuelle Monat angezeigt wird in dem Fall, ähm, sieht relativ ähnlich aus. 01:51:41.460 --> 01:51:47.560 Es ist beides sehr hell und weiß gehalten, also gar nicht mal so schlimmes UI, wie das, glaub ich, früher mal war oder ich weiß nicht, in Opera, glaub ich. 01:51:47.560 --> 01:51:51.880 Wir haben inzwischen auch den, den I-E nicht mehr, der hatte ja auch nochmal dann sein eigenes Ding. 01:51:51.880 --> 01:51:58.940 Ähm, allerdings ist jetzt zum Beispiel in Firefox da so ein kleines X, mit dem ich das Datum wegmachen kann und, äh, in Brave nicht. 01:51:58.940 --> 01:52:04.200 In Brave hast du da ein Kalender-Icon an der Stelle, das eigentlich gar nichts tut, außer, dass das einfach da ist. 01:52:04.200 --> 01:52:10.200 Ähm, ich versteh halt nicht, ähm, dass man's nicht so auf so, auf so einem, 01:52:11.340 --> 01:52:16.840 High-Leveligen, äh, äh, also, dass man so ein paar Sachen vielleicht anbieten könnte. 01:52:16.840 --> 01:52:25.400 Zum Beispiel, dass man so, äh, Shadow DOM, ähm, Pseudo-Element anbietet, ähm, Selected Background oder sowas. 01:52:25.400 --> 01:52:26.900 Oder Selected, ja? 01:52:26.900 --> 01:52:37.300 Das, das, was ausgewählt ist, dass ich zumindest sagen kann, hey, ähm, der, also bei, bei Date, glaub ich, ähm, hast du üblicherweise in dem Datumsfeld selbst, 01:52:37.400 --> 01:52:46.200 also in diesem Inputfeld selbst, ähm, kannst du verschiedene Bereiche markieren, also irgendwie das Jahr, ähm, Monat oder Tag, und die werden dann farblich hinterlegt. 01:52:46.200 --> 01:52:50.380 Also das, damit würde ich anfangen, dass man das, äh, stylen kann. 01:52:50.760 --> 01:52:57.720 Und dann natürlich auch, was innerhalb des Date-Pickers passiert, dass ich zumindest so eine Kontrastfarbe festlegen kann, ja? 01:52:57.720 --> 01:53:03.620 Dass ich sagen kann, das, was da ausgewählt ist und diese Hover-Farbe, die passe ich jetzt an mein Layout an. 01:53:04.600 --> 01:53:08.080 Und dann könnte man ja noch weitergehen, dann könnte man sagen, okay, was, was jetzt noch? 01:53:08.080 --> 01:53:10.880 Hätte ich vielleicht Dark Mode, Light Mode? 01:53:10.880 --> 01:53:11.400 Mhm. 01:53:11.400 --> 01:53:14.220 Also ich darauf Einfluss nehmen kann, ob das Ding hell oder dunkel ist. 01:53:14.220 --> 01:53:21.680 Und natürlich könnte man dann noch sagen, okay, äh, dann kann ich auch irgendwie die Textfarbe noch nehmen, die Standardtextfarbe und die Hintergrundfarbe. 01:53:22.340 --> 01:53:33.360 Ich muss ja gar nicht das ganze Ding umstylen, also im Sinne von, ich will jetzt umschiften und ich, äh, will jetzt, aber so die einzelnen Sachen, dass man die Farben wenigstens festlegen kann, das erschließt sich mir nicht so richtig. 01:53:33.360 --> 01:53:37.560 Wobei, es wird ja dann unter Umständen noch komplizierter. 01:53:37.560 --> 01:53:47.880 Ähm, je nachdem, ähm, also ich habe jetzt hier, wie gesagt, so ein Datum, ähm, ich klicke da rein und dann sehe ich erstmal so einen Date-Picker, da sehe ich den aktuellen Monat, den ich jetzt auf einen Monat geklickt habe. 01:53:47.880 --> 01:53:51.840 So, kann man, was passiert, wenn ich auf Ja klicke? Ich glaube, man sieht immer den aktuellen Monat. 01:53:52.340 --> 01:53:54.300 Wie ich es groß mache, ja, ist egal, was ich auswähle. 01:53:54.300 --> 01:54:06.280 So, jetzt wird es aber allerdings unter Umständen komplizierter, weil wenn ich jetzt auf den Monat klicke, ähm, dann lande ich in so einer Monatsauswahl, wo aber ich auch so eine Übersicht mit Jahren sehe. 01:54:06.280 --> 01:54:12.780 Da wird das Interface dann schon relativ kompliziert, sage ich mal, ja, und das Ding hat auch noch einen Scrollbalken, also ist jetzt in Brave gerade. 01:54:12.780 --> 01:54:22.280 Scrollbalken, ich kann durch die Jahre scrollen, da kann ich auch ganz schnell zu 1955 zurückgehen, ähm, und kann die einzelnen Jahre aufbauen. 01:54:22.340 --> 01:54:31.200 aufklicken, das ist so eine Art Akkordeon, da sind dann innerhalb die Monate, dann klicke ich da auf einen Monat, bin jetzt im Februar 84 gelandet gerade und dann bin ich wieder in dieser Datumsansicht. 01:54:31.200 --> 01:54:39.740 Ja, da wird es dann komplex, was, was davon lässt man denn alles stylen? Aber kann man sich da nicht einigen als Browser-Hersteller, wie das jetzt zu sein hat? 01:54:39.740 --> 01:54:43.860 Ach, ich meine, das ist ja schon besser als das noch vor zehn Jahren war, wir sind ja schon an einem guten Punkt. 01:54:43.860 --> 01:54:55.980 In Firefox ist es ähnlich, aber anders natürlich. In Brave habe ich zum Beispiel in dieser Monatsansicht Pfeile, die nach oben und unten zeigen und die springen dann jeweils zum nächsten Monat oder zum vorherigen. 01:54:57.040 --> 01:55:10.100 In Firefox habe ich diese Pfeile auch, aber sie gehen nach links und rechts. Da fängt es schon an. Und dass ich dann in diese Jahres- und Monatsübersicht komme, das gibt es in Firefox auch, aber es sieht halt komplett anders aus. 01:55:10.100 --> 01:55:14.940 Das ergibt für mich keinen Sinn. Könnte man doch einfach mal, wieso standardisiert man das nicht? 01:55:14.940 --> 01:55:23.160 Also, dass wirklich der Standard, der W3C-Standard für diese Input-Felder vorgibt, wie die Aufteilung auszusehen hat? 01:55:23.160 --> 01:55:25.500 Ja, zumindest für Desktop. 01:55:25.500 --> 01:55:33.980 Das im Sinne wirklich von standardisieren? Oder meinst du, dass die untereinander sich halt irgendwie zumindest mal absprechen? Aber ich glaube, das wird nicht passieren, wenn es nicht im Standard steht. 01:55:34.540 --> 01:55:42.660 Ja, das glaube ich auch. Und der Standard ist ja oft relativ lax bei solchen Sachen. Der sagt halt, ja, da ist jetzt halt irgendwie ein Dings- 01:55:42.660 --> 01:55:44.300 Should have und nicht must have. 01:55:44.300 --> 01:55:57.140 Ja, genau. So, warte mal. Jetzt gucke ich mal noch zum Spaß auf Mobile. Weil ich finde, es ist absolut gerechtfertigt, dass auf Mobile solche Sachen anders funktionieren als auf Desktop. 01:55:57.340 --> 01:56:05.220 Ja, absolut. Es ist ja gar nicht schlecht, dass der Browser einem diese Entscheidung teilweise abnimmt. Aber so ein bisschen Beeinflussungsmöglichkeit wäre halt schön. 01:56:05.220 --> 01:56:16.060 Und deswegen ist es natürlich schwierig, zu entscheiden, was möchte man eigentlich haben. Aber, warte mal, ich gucke jetzt das Beispiel nochmal an hier. So, wo haben wir es? Wieso wir isoliert es so lang? Das geht die Seite einfach nur nicht. 01:56:17.080 --> 01:56:24.460 Ich mache mal zum Überbrücken noch einen kleinen Exkurs, weil ich das gerade erst letztens hatte bei dieser Plugin-Geschichte, wo man eben auch das Datum eingibt. 01:56:25.020 --> 01:56:33.420 Wenn ich so ein Date-Input habe und ich mir da einfach das Value rausgebe, also Date-Input, wie auch immer es benannt ist in der Variable, Punkt Value, dann kriege ich das im ISO-Format zurück. 01:56:33.420 --> 01:56:38.440 Das heißt, vierstellige Jahreszahl, zweistelliger Monat, zweistelliges Datum. Ja. 01:56:38.440 --> 01:56:41.160 Ich erzähle mal kurz noch weiter. 01:56:42.880 --> 01:56:55.920 Und dann müsste ich das jetzt wieder irgendwie parsen, irgendwie splitten mit Minus. Ich kann aber mit Value-as-Date, also Date-Input, Punkt Value-as-Date, in CamelCase, kriege ich ein Date-Objekt zurück. 01:56:55.920 --> 01:57:02.500 Und mit dem kann ich dann schön weiterarbeiten in Form von der Internationalization-API. 01:57:03.500 --> 01:57:12.860 Da hatten wir es auch schon mal drüber. Oh, ob ich da jetzt auf die Schnelle... Warte mal, wir haben ja eine... Du hast ja eine Suchfunktion. Du hast ja ein Icon eingebaut. Das hast du mir ja gar nicht gesagt. 01:57:12.860 --> 01:57:14.560 Ja, das ist nur für uns. Das ist nur für uns. 01:57:14.560 --> 01:57:21.440 Ach, das ist nur im Admin-Bereich? Okay. Also es gibt demnächst auch eine Suche auf unserer Seite, weil wir jetzt doch eine beträchtliche Anzahl an Folgen hinter uns haben. 01:57:21.440 --> 01:57:22.880 Jetzt gebe ich hier mal ein... 01:57:22.880 --> 01:57:32.600 Ah, Intel. Oh, sogar mehrere. Folge 4, Folge 6, Folge 19. Also wir hatten es schon mal über die Internationalization-API. 01:57:32.600 --> 01:57:39.560 Und ich hatte damals schon Probleme, es auszusprechen. Genau, jedenfalls kann ich damit dann schön das Datum formatieren, wie ich es eben brauche für Deutsch, für Englisch und so weiter. 01:57:39.560 --> 01:57:44.740 Das wollte ich jetzt nur kurz einschieben, weil es jetzt gerade so zum Date gepasst hat und weil ich das gerade letztens erst hatte. 01:57:44.740 --> 01:57:50.100 Ja, ich habe jetzt gerade mir Date nochmal angeschaut auf Mobile, in dem Fall auch Brave auf Mobile. 01:57:50.100 --> 01:57:58.340 Und da legt sich über die Seite, beziehungsweise über den ganzen Browser, nicht nur über die Seite selbst, sondern auch über die Adresszeile, ein Overlay. 01:57:58.920 --> 01:58:04.080 Und in dem Fall sieht es tatsächlich relativ ähnlich aus wie auf dem Desktop. Ich zeige es dir nochmal kurz, Konstantin. 01:58:04.080 --> 01:58:06.500 Also es ist tatsächlich auch so ein... 01:58:06.500 --> 01:58:09.460 So ein Kalender, wie man es sich halt vorstellt. 01:58:09.880 --> 01:58:15.740 Das, das, ich, das, ähm, schaut jetzt aber sogar auch, es erscheint jetzt im Dark-Mode bei mir. 01:58:15.740 --> 01:58:16.120 Okay. 01:58:16.340 --> 01:58:18.120 Auf dem Handy, komischerweise. 01:58:18.120 --> 01:58:19.900 Auf dem Desktop-Browser nicht. 01:58:19.900 --> 01:58:24.620 Da, äh, habe ich, trotz, dass ich eigentlich immer da überall Dark-Mode eingestellt habe, ist es trotzdem weiß. 01:58:24.620 --> 01:58:28.420 Ähm, wahrscheinlich, weil das irgendwie versucht zu erraten. 01:58:28.420 --> 01:58:30.240 Es ist tatsächlich eine weiße Seite, die drumherum ist. 01:58:30.240 --> 01:58:35.340 Es könnte sein, dass es versucht zu erraten, in welchem Kontext es läuft, aber da würde ich mich jetzt nicht festlegen. 01:58:35.340 --> 01:58:39.120 Ich habe es jetzt nicht versucht, irgendwie da was zu ändern und zu gucken, ob das dann auch anders aussieht. 01:58:40.140 --> 01:58:51.460 Aber so generell, ähm, dass man so ein paar, so, so, so wie, so wie das ja bei, bei, bei diversen Input-Feldern auch geht, dass man zumindest so ein paar Sachen anbietet, die man dann stylen kann, das wäre doch irgendwie schon nett. 01:58:51.460 --> 01:58:58.140 Und wenn das in, in, in, irgendwie ein Mobile-Browser ist, der ein spezielles Interface anbietet, aus welchen Gründen auch immer, dann soll der es halt ignorieren. 01:58:58.140 --> 01:58:59.440 In Gottes Namen. 01:58:59.440 --> 01:59:02.020 Aber so ein bisschen was wäre irgendwie schon gut. 01:59:02.020 --> 01:59:07.880 Was, worauf es natürlich hinausläuft, ist, jeder baut irgendwie seine eigenen Widgets, wenn er es, äh, wenn er es selbst stylen will. 01:59:07.880 --> 01:59:10.840 Und, ähm, die sind dann halt mehr oder weniger gut benutzbar. 01:59:10.840 --> 01:59:19.760 Und der User, weil er es gerne einheitlich haben möchte, der baut sich dann halt das Süppchen auch nochmal mit irgendeiner Library drumherum und überschreibt die ganze Schose. 01:59:19.760 --> 01:59:30.560 So, ich versuche gerade, ah, ich habe gerade versucht, das Date, äh, Input-Date mit, mit der Tastatur zu verwenden und überhaupt erstmal dieses, diesen Picker aufzumachen. 01:59:30.560 --> 01:59:34.160 Und es geht tatsächlich, das ist mit der Leertaste. 01:59:34.160 --> 01:59:36.420 Und jetzt versuche ich da drin rumzunavigieren. 01:59:36.420 --> 01:59:40.960 Und jetzt bin ich auch schon lost, weil jetzt würde ich gerne das Datum, ah, doch, es geht, ich kann rumzunavigieren. 01:59:40.960 --> 01:59:45.720 Also, das hätte mich jetzt gewundert, weil das ist nämlich auch noch so ein Punkt, also, wenn wir es wieder davon haben von, von irgendwelchen Libraries, 01:59:45.720 --> 01:59:49.760 ob die dann wieder an Accessibility denken und dann auch alles mit der Tastatur da drin funktioniert. 01:59:50.080 --> 01:59:55.940 Aber beim, beim Browser intern, beim nativen Overlay, hätte es mich jetzt gewundert, wenn das nicht von Natur aus Accessibility wäre. 01:59:55.940 --> 02:00:00.260 Ja, muss, muss. Das hätte ich, das hätte, das hätte mich auch gewundert. Ich habe es nur noch nie gemacht, bis gerade eben. 02:00:00.260 --> 02:00:06.420 Äh, und ich habe es jetzt mal ausprobiert und es geht, äh, mehr oder minder, ja, doch, es geht irgendwie schon. 02:00:06.420 --> 02:00:11.360 Ich kann mit den Pfeiltasten hier rumnavigieren. Ähm, allerdings habe ich jetzt nicht Screenreader getestet. 02:00:11.360 --> 02:00:18.420 Ich weiß jetzt nicht, inwiefern, ähm, das Screenreader-kompatibel ist, aber ich gehe jetzt einfach mal davon aus, dass das, äh, dass das vorgelesen werden würde, 02:00:18.540 --> 02:00:21.220 weil, äh, sonst, sonst könnte man sich das Ding einfach auch komplett schenken. 02:00:21.220 --> 02:00:27.420 Genau, mit Escape komme ich auch raus, ja, so, so wie es sein soll. Ähm, ja, aber warum kann ich nicht ein paar Farben anpassen? 02:00:27.420 --> 02:00:31.640 Warum? Also, ich meine, man kann Scrollbars mittlerweile anpassen. 02:00:31.640 --> 02:00:33.840 Wie wir eindrucksvoll gesehen haben, ja. 02:00:33.840 --> 02:00:42.240 Wie wir, wie wir gelernt haben. Ähm, also, wenn man sowas, also, da würde ich eher noch sagen, Scrollbars, lass die Finger weg von Scrollbars, äh, Scrollbars muss keiner stylen. 02:00:42.240 --> 02:00:44.140 Ja. Ähm, aber ... 02:00:44.140 --> 02:00:47.680 Ja, da ist die Priorität tatsächlich irgendwie eine falsche gewesen, ja. 02:00:48.180 --> 02:00:55.300 Also, wenn, dann soll man wenigstens, wenn dann bitte konsequent sein, dann gar keine Input-Stylen, dann sind die immer System und dann kann ich damit auch irgendwie leben. 02:00:55.300 --> 02:01:01.400 Gut, das war ja auch mal, ne? Also, bevor man da irgendwelche Hacks mit Before und After hatte, waren Radio-Buttons halt immer die System-Radio-Buttons. 02:01:02.560 --> 02:01:14.960 Ja, dass das irgendwie so halb ist, alles überall. Und, äh, Select, können wir auch noch kurz drüber sprechen. Bei Select gibt's ja so ein paar Methoden, wie man's ein bisschen, äh, schöner machen kann. 02:01:14.960 --> 02:01:25.100 Also, man kann Hintergrundfarben angeben zum Beispiel, auch je einzelne Option. Aber es sieht halt so insgesamt halt dann trotzdem aus wie ein natives System-Element, das halt irgendwie Hintergrundfarben hat. 02:01:25.600 --> 02:01:36.180 Ja, und es wirkt halt, also mittlerweile gibt's ja, auch wenn's keine, keine, ähm, leider gibt's auch keine native Styling-Möglichkeit für, äh, für Radio-Button oder Checkbox. 02:01:36.660 --> 02:01:47.640 Aber da gibt's ja einen schönen Workaround, der eigentlich ein, eigentlich ein fieser Hack ist, indem man nämlich einfach das Label des Elements stylt, ähm, und dann auf den, auf den State reagiert. 02:01:47.640 --> 02:01:54.460 Und das kann man auch komplett mit CSS machen. Äh, aber trotzdem, äh, das ist eigentlich auch nicht, wie man's haben will. 02:01:54.840 --> 02:02:05.140 Das stellt zwar sicher, dass man eine Checkbox und Radio-Button so anzeigen kann, wie man möchte, kann man, kann man alles machen mit, äh, grafisch. 02:02:05.140 --> 02:02:09.260 Aber man muss dann im Prinzip das, man kann's nicht mit dem nativen Element machen. 02:02:09.260 --> 02:02:13.440 Oder es gibt so ein paar CSS-Sachen, die in manchen Browsern irgendwie funktionieren. 02:02:13.440 --> 02:02:18.220 Ich glaub irgendwie so den, boah, da konnte man irgendwo mal anpassen von so einer Checkbox und so, aber auch nicht überall. 02:02:18.220 --> 02:02:23.320 Ich weiß, dass es im IE mal ging, äh, aber damit, damit müssen wir uns zum Glück nicht mehr rumschlagen. 02:02:23.320 --> 02:02:29.780 Ja, also, äh, auch hier wieder, äh, Appell, Browser-Hersteller, bitte, bitte sprecht euch mal ab. 02:02:29.780 --> 02:02:39.860 Also, grad Select, großer Pain-Point, hatten wir es auch schon mal drüber, ähm, in unserer, äh, CSS-Wünsch-dir-was-Folge, glaub ich, in einer der beiden. 02:02:39.860 --> 02:02:44.140 Haben wir auch über Select, also über Input-Felder gesprochen. Und Date natürlich auch. 02:02:44.140 --> 02:02:47.860 Ähm, aber ich glaube, es, eigentlich betrifft's alles. 02:02:48.220 --> 02:02:53.340 Alle Input-Felder bis auf Text, Input und Text-Area, mit denen komm ich eigentlich ganz gut klar. 02:02:53.340 --> 02:02:55.020 Und Buttons lassen sich ja auch gut sein. 02:02:55.020 --> 02:02:56.180 Buttons, ja, Buttons auch. 02:02:56.180 --> 02:03:08.440 Aber sobald es, äh, nicht nur Freitext ist oder irgendwas, wo ich drauf, nur drauf drücke, ähm, sondern da ein bisschen mehr drin passiert, da ist Kraut und Rüben immer noch leider. 02:03:08.820 --> 02:03:14.780 Ja, wir müssen einfach, äh, wir müssen entweder zu den Standards-Machern gehen oder zu Browser-Herstellern. 02:03:14.780 --> 02:03:18.780 Oder mal einen Pull-Request stellen auf Chromium. 02:03:18.780 --> 02:03:20.340 Ja, viel Spaß. 02:03:22.100 --> 02:03:24.220 Ja, mit was ist das eigentlich geschrieben? 02:03:24.220 --> 02:03:25.100 Bestimmt mit JARP. 02:03:25.100 --> 02:03:25.300 C. 02:03:25.300 --> 02:03:26.580 C? 02:03:26.580 --> 02:03:27.260 Glaub ich. 02:03:27.260 --> 02:03:27.520 Echt? 02:03:27.520 --> 02:03:27.760 Ja. 02:03:27.760 --> 02:03:31.420 Chromium. 02:03:31.420 --> 02:03:36.760 Also ich hab da mal, ähm, im, im Zuge von, was war das denn? 02:03:36.760 --> 02:03:38.820 Ja, das war genau diese, auch so eine Streaming-Lösung. 02:03:38.820 --> 02:03:41.300 Ähm, C++, ja. 02:03:41.900 --> 02:03:55.320 Da hab ich sogar mal tatsächlich ein bisschen was in dem Code gemacht, aber das, also das war, ähm, also NWJS, mit dem ich ja auch dieses Tool baue, ähm, das basiert ja auf Chromium, nur halt mit ein paar Anpassungen, damit Sachen eben nicht gesandboxed werden und so. 02:03:55.320 --> 02:04:08.380 Und, äh, da hab ich dann tatsächlich mal den, äh, Chromium-Code mir angeschaut und dann die Stelle auch gefunden, in der es, an der es lag, warum was nicht ging und konnte das dann zumindest sagen, aber ich könnte da nie im Leben dran entwickeln. 02:04:10.200 --> 02:04:14.020 Ja, das ist, das frickelt mal einfach mal fies rein, so wie das ja immer gemacht wird. 02:04:14.020 --> 02:04:21.200 Klar, und dann, und dann reg ich mich im Podcast drüber auf, dass mein Pull-Request nicht akzeptiert wurde. 02:04:21.200 --> 02:04:22.080 So macht man das doch, oder? 02:04:22.080 --> 02:04:23.140 Genau. 02:04:23.140 --> 02:04:30.160 Leute, die keinen Podcast haben, sind dann halt, äh, die gucken in die Röhre, weil die können sich da nicht, die müssen dann, die müssen dann schlimme Tweets schreiben. 02:04:30.160 --> 02:04:36.220 Okay, gut, so, ich glaub, ähm, Input-Felder können wir, können wir abhaken, oder hast du noch was? 02:04:36.220 --> 02:04:38.040 Genau, nee, bin ich jetzt auch durch. 02:04:38.040 --> 02:04:45.940 Äh, äh, der nächste Punkt, Nutzung von antiken Grafikformaten wie JPEG, PNG und GIF statt AWIF und WEPP. 02:04:45.940 --> 02:04:51.120 Ähm, ich glaube, zu Grafikformaten könnte man tatsächlich mal eine komplett eigene Sendung machen. 02:04:51.120 --> 02:04:53.260 Ich glaub, da gibt's viel drüber zu erzählen. 02:04:53.260 --> 02:05:00.020 Wir haben ja schon mal so einen kleinen Abriss gemacht, äh, in unserer, was war das, Folge 21, glaub ich, hier, Technikoffenbarungen. 02:05:00.100 --> 02:05:06.140 Da haben wir so die Geschichte von, von Raster zu, äh, zu, zu, zu SVG, äh, zu Vektorgrafiken so ein bisschen beleuchtet. 02:05:06.140 --> 02:05:12.360 Ähm, aber so zu den Formaten könnte man wirklich noch einiges, auch wie die Komprimierung funktioniert und so weiter, äh, könnte man da besprechen. 02:05:12.840 --> 02:05:18.180 Aber schauen wir uns mal an, warum entwickeln sich eigentlich Grafikformate so langsam? 02:05:18.180 --> 02:05:20.400 Hast du eine, eine Ahnung? 02:05:22.060 --> 02:05:24.680 Also, ich hab nur ein Gefühl dazu. 02:05:24.680 --> 02:05:26.180 Ich glaube, Gewohnheit. 02:05:26.180 --> 02:05:35.360 Ich glaube, es ist einfach Gewohnheit und wahrscheinlich auch noch Defaults von irgendwelchen Grafikprogrammen, die irgendwas exportieren in bestimmten Formaten. 02:05:35.360 --> 02:05:44.860 Ähm, wobei ich jetzt bei AWIF sagen muss, das hab ich mir ja auch mal irgendwie ganz, äh, ganz, äh, oberflächlich angeschaut, weil das jetzt noch relativ neu ist. 02:05:45.520 --> 02:05:53.080 Ähm, das hat das Problem, dass es eben einfach noch nicht in vielen Browsern funktioniert. 02:05:53.080 --> 02:05:53.480 Ja, richtig. 02:05:53.480 --> 02:05:56.740 Ähm, das, das ist natürlich ein No-Go. 02:05:56.740 --> 02:06:04.240 Man könnte jetzt natürlich sagen, äh, ich baue das irgendwie trotzdem ein und wenn der Browser das kann, dann, dann nimmt das und dann ist das irgendwie alles fein. 02:06:04.240 --> 02:06:07.140 Aber ich weiß nicht, ob ich mich um sowas kümmern will, ehrlich gesagt. 02:06:07.140 --> 02:06:19.260 Also, wenn ich jetzt ein CDN hätte, manche CDNs machen ja sowas, wenn ich jetzt ein CDN hätte, das irgendwie, ähm, äh, erkennt, welcher Browser da drauf zugreift und dann das entsprechende Bild liefert, dann ist das cool, da muss ich mich nicht drum kümmern. 02:06:19.260 --> 02:06:24.260 Also, äh, ich erinnere mich, dass, ähm, Akamai sowas mal gemacht hat, so in, in der Richtung. 02:06:24.260 --> 02:06:27.380 Ich weiß jetzt nicht, ob die AWIF unterstützen schon, aber, ähm, die haben auch schon. 02:06:27.380 --> 02:06:33.100 Also, ich hab bei den Recherchen auch einen anderen Anbieter gefunden, ich weiß nicht mehr, wie der hieß, irgendwas Cloud, was weiß ich, wo es genau darum ging. 02:06:33.100 --> 02:06:42.940 Die machen das, also, ähm, JPEG 2000, da sprechen wir auch gleich noch drüber, JPEG 2000 für Safari, weil der das als einziger unterstützt, ähm, und halt AWIF, wo es unterstützt wird, genau. 02:06:42.940 --> 02:06:44.600 Ich frage mich ja gar nicht. 02:06:44.600 --> 02:06:46.720 Da sollen wir gleich, sollen wir gleich über JPEG 2000 reden. 02:06:46.720 --> 02:06:52.380 Ähm, JPEG 2000 war ja so, das wurde so, also, das ist das Nachfolger, äh, Dings von, von JPEG, ja. 02:06:52.380 --> 02:07:03.080 Also, JPEG ist von 1992 und JPEG 2000 ist die, die Weiterentwicklung von dem ursprünglichen JPEG-Standard, aber nicht rückwärtskompatibel, ähm, und das wurde, glaube ich, 2004. 02:07:03.100 --> 02:07:04.000 veröffentlicht. 02:07:04.000 --> 02:07:12.180 Und dann hieß es so, ja, das, das, das kommt jetzt und das wird das ersetzen und so und irgendwie passiert ist nix, weil im Web ist das überhaupt nicht angekommen. 02:07:12.180 --> 02:07:14.940 Also, interessanterweise, außer Safari. 02:07:14.940 --> 02:07:26.300 Ich schimpf ja gerne über Safari und sag, äh, hier in der neue IE und nichts, nichts, äh, adoptieren sie irgendwie schnell genug, aber JPEG 2000 kann Safari, aber als einziger, ja. 02:07:26.300 --> 02:07:44.800 Ähm, ja, ich weiß auch nicht, also irgendwie hat das, hat das den Sprung ins Web nie geschafft, weil, glaube ich, also ich weiß nicht, was da die Ratio ist, ähm, in der Komprimierung, wie um wie viel Prozent das nochmal kleiner ist als JPEG, aber was ich so an Beispielbildern gesehen hab, äh, von den, von den Artefakten her und so. 02:07:44.940 --> 02:07:49.320 Und arg viel gibt sich das, glaube ich, nicht. Ich meine, 2004 ist jetzt auch schon wieder, äh, entsprechend lange her. 02:07:49.320 --> 02:07:56.940 Ähm, aber es war einfach nicht so der Sprung, glaube ich, dass sich das dementsprechend weiterentwickelt hätte und dann wurde es halt auch nicht adoptiert. 02:07:58.820 --> 02:08:01.480 Ich seh hier grad noch, äh, bei Can I Use JPEG XL. 02:08:01.480 --> 02:08:05.180 Ja, genau, das gab's auch noch. Ja, das konnte, glaube ich, IE tatsächlich. 02:08:05.180 --> 02:08:09.080 Das kann, also laut Can I Use kein einziger. 02:08:09.080 --> 02:08:12.720 Nee, ah nee, das war JPEG, JPEG XR gab's nämlich noch irgendwie. 02:08:12.720 --> 02:08:14.040 XR? Ja, das hab ich hier auch. 02:08:14.040 --> 02:08:16.000 Das konnte, das konnte, das konnte der IE dann, glaube ich. 02:08:16.000 --> 02:08:20.300 Das konnte der IE in Version 9, 10, 11 und der Edge von 12 bis 18. 02:08:20.300 --> 02:08:20.880 Naja. 02:08:20.880 --> 02:08:22.260 Und ansonsten aber gar keiner. 02:08:22.260 --> 02:08:30.920 Ähm, was, was ich interessant fand, ähm, es gibt auch Motion JPEG 2000, also einen Bewegtbild, äh, Standard, basierend auf dem gleichen Algorithmus. 02:08:31.040 --> 02:08:35.700 Und der, der wurde sogar als der Standard für, äh, Digital Cinema festgelegt. 02:08:35.700 --> 02:08:42.500 Also in, in diesen, in so, die ja eben als, als Kinos angefangen haben von analog auf digital umzustellen, dann wurde das wohl der Standard. 02:08:42.500 --> 02:08:46.600 Aber so außerhalb davon hat man, hat sich das, glaube ich, nicht so etabliert. 02:08:46.600 --> 02:08:53.060 Ja, ähm, ja, dann, dann können wir mal, also bei WebP sieht das Ganze schon ein bisschen anders aus. 02:08:53.060 --> 02:08:53.460 Mhm. 02:08:53.460 --> 02:08:55.800 Äh, ist ja auch ein Bildformat und das ist schon eine Weile. 02:08:55.800 --> 02:09:05.360 Und ich war aber eigentlich überzeugt, dass WebP mittlerweile überall geht, also überall, in Anführungsstrichen, mit Trademark, ja, ähm, aber so in den Großen, in den Großen, in den Großen. 02:09:05.360 --> 02:09:07.940 Aber Safari gibt es an der Stelle, ja. 02:09:07.940 --> 02:09:12.280 Also ich meine WTF, ja, also was, was, was macht Safari da immer? 02:09:12.280 --> 02:09:22.280 Also im, es ist, guck, jetzt sagen wir ja fast was Falsches, ja, wir tun die mehr unter, im Technology Preview ist es jetzt ja schon, aber auch dann nur OS-abhängig. 02:09:22.280 --> 02:09:30.420 Also du brauchst dann irgendwie mindestens, äh, OS X, äh, 11 irgendwie, keine Ahnung, äh, und dann funktioniert es im Technology Preview. 02:09:30.420 --> 02:09:32.800 Also ganz ehrlich, wie alt ist denn WebP mittlerweile? 02:09:32.800 --> 02:09:37.020 Ja, aber ich glaube, das liegt daran, wie Safari halt, äh, mit dem System verknüpft ist. 02:09:37.020 --> 02:09:45.400 Ähm, ich glaube Safari, also soweit ich's weiß, ist Safari, das ist so im, äh, im Betriebssystem fest mit drin. 02:09:45.400 --> 02:09:48.500 Sowohl unter iOS als auch unter macOS. 02:09:48.620 --> 02:09:54.580 Das heißt, der greift halt dann auf den Image-Decoder vom System zurück und der ist halt erst ab, äh, was wir helfen. 02:09:54.580 --> 02:09:59.800 Ja, das weiß ich nicht, das weiß ich nicht, ich weiß nur, dass der Browser, äh, soweit ich weiß, so ein bisschen am System mit dranhängt. 02:09:59.800 --> 02:10:02.840 Ich weiß gar nicht, ob der, ob der, äh, unabhängig geupdatet werden kann. 02:10:02.840 --> 02:10:07.860 Also auf iOS, nicht, dass ich wüsste, du brauchst ein neues, ein iOS-Update, wenn du ein Browser-Update willst. 02:10:07.880 --> 02:10:13.600 Ja, ist ja, ist ganz klar, also irgendeinen Grund wird's geben, ja, es ist ja, die hängen ja nicht absichtlich hinterher, es wird einen Grund geben. 02:10:14.160 --> 02:10:16.640 Ja, aber das ändert ja nichts an der Tatsache, also irgendwie alle können das, ähm. 02:10:16.640 --> 02:10:20.500 Wenn ihr das ändern wollt, schreibt Jen Simmons auf Twitter, die arbeitet an Safari. 02:10:20.500 --> 02:10:23.420 Genau, nervt dich mal ein bisschen, die freut sich bestimmt. 02:10:23.420 --> 02:10:30.460 Nein, die arbeitet leider, leider an den Dev-Tools, äh, also wenn ihr was zu Dev-Tools in Safari wissen wollt, könnt ihr Jen Simmons fragen. 02:10:30.460 --> 02:10:33.820 Behaupte ich jetzt einfach mal, ich weiß nicht, ob sie antwortet, aber fragen könnt ihr sie auf jeden Fall. 02:10:34.060 --> 02:10:38.540 Also ich sag mal so, Chrome kann das seit Version 9, ja, das war 2011. 02:10:38.540 --> 02:10:47.140 Das ist jetzt nichts, wir sprechen jetzt nicht davon so, ah, das gibt's jetzt halt erst zwei, drei Jahre und Safari und die waren sich noch nicht sicher, ob sich das so rentiert, ob sich das lohnt. 02:10:47.140 --> 02:10:48.280 Du bist bei WebP? 02:10:48.280 --> 02:10:50.080 WebP-Image-Format. 02:10:50.080 --> 02:10:50.420 Chrome 9. 02:10:50.420 --> 02:10:52.160 Ich sehe hier ab Version 32. 02:10:52.160 --> 02:11:00.400 Achso, Partial Support, ähm, nicht lossless, kein Alpha und nicht animiert, ja, aber so grundsätzliche WebP-Unterstützung. 02:11:01.580 --> 02:11:10.660 2011, also das ist jetzt, das ist ja auch, glaube ich, das ist jetzt zehn Jahre her und, ähm, wirklich, ja, weiß ich, ja, doch, von, von, von, von Google, ja. 02:11:10.660 --> 02:11:17.220 Die haben es auf jeden Fall früh schon, ähm, äh, forciert und ich würde jetzt mal tippen, äh, das weiß ich jetzt natürlich, ja. 02:11:17.220 --> 02:11:31.560 Also gut, Firefox tatsächlich, das überrascht mich jetzt auch, Firefox tatsächlich erst seit Januar 2019, also Release 65, jetzt auch nicht so lang her, ja, aber trotzdem, also beim Safari geht alles immer so lang. 02:11:31.580 --> 02:11:40.940 Und es ist mir auch ganz egal, ob das an irgendwelchen Systemdingern liegt oder so, aber es ist immer so, ich sag ja, es ist der neue EE, du musst immer gucken, hm, ja, schön und gut, alle können das jetzt mit dem nächsten Release, aber kannst denn der Safari? 02:11:41.460 --> 02:11:53.240 Weil da halt auch die Release-Zyklen halt immer so lang sind. Was auch wieder darin liegt, dass es halt dann irgendwie gekoppelt ist an, an, an ihre, äh, Mobiltelefon-Updates und sowas, die schickt man halt auch nicht irgendwie zweimal die Woche raus, ist mir auch klar. 02:11:53.480 --> 02:11:57.780 Aber das interessiert mich ja als Entwickler nicht und das interessiert mich als End-User nicht. Verstehst du? 02:11:57.780 --> 02:12:09.780 Ja, also ich meine, aber deswegen, deswegen ist ja Google auch, ähm, glaube ich, am, am Pushen, äh, dass ihr Browser the one and only wird, dann können sie nämlich machen, was sie wollen. 02:12:09.780 --> 02:12:21.760 Dann können sie ein neues Bildformat ausrollen und es einfach auf ihren Systemen verwenden und das machen die, glaube ich, auch oft so, äh, dass sie, dass sie die neuen Technologien, wenn es ihr eigener Browser ist, äh, dann einfach schon einsetzen. 02:12:21.760 --> 02:12:34.140 Also ich erinnere mich noch, dass zum Beispiel sowas wie HTTP 2 schon extrem früh ging in Chrome, wenn du halt irgendwie YouTube oder Google direkt verwendet hast, ähm, wo alle anderen noch irgendwie, äh, überlegt haben, wie sie das jetzt mal langsam implementieren. 02:12:34.140 --> 02:12:36.260 Also die, die schaffen da irgendwie schon immer Tatsachen dann. 02:12:36.260 --> 02:12:43.880 Ja, ähm, ich weiß gar nicht, wie ist denn der Vorteil von WebP? Ist das wirklich, äh, hast du dir das mal genauer angeguckt? 02:12:43.880 --> 02:12:51.680 Ähm, ja, also wir nutzen das auch tatsächlich auf unserer Seite. Ähm, es ist, ich, teilweise war ich ein bisschen enttäuscht. 02:12:52.640 --> 02:13:02.080 Weil es dann doch irgendwie Artefakte zeigt, ähm, und weil irgendwie so der, der große Geschwindigkeitsvorteil beziehungsweise Größenvorteil dann doch nicht gegeben war. 02:13:02.440 --> 02:13:10.540 Also ich hab, äh, hab da so ein Build-Script, das mir dann entsprechend die Dateien nochmal optimiert, alle PNGs, JPEGs und so weiter minifiziert, auch eine WebP-Version, ähm, erstellt. 02:13:11.540 --> 02:13:16.960 Und gleich dann aber nochmal ab, ist denn die WebP-Version tatsächlich kleiner als die PNG-Version. 02:13:16.960 --> 02:13:20.700 Es kommt dann nicht immer nur auf die Größe an, sondern, also ich hab dann so ein bisschen Puffer drin. 02:13:21.020 --> 02:13:29.100 Also mir ist es ja egal, wenn da irgendwie nochmal 5kb draufkommt für das WebP, aber dafür dann optisch der Unterschied deutlich ist, ja, im Vergleich jetzt zum JPEG. 02:13:29.100 --> 02:13:35.900 Dass ich halt sag, okay, beim JPEG hab ich da schon Artefakte und da ist irgendwie, wenn ich dann irgendwie so einen Radialverlauf oder sowas drauf hätte, wo man die Stufen sieht, so Treppchenbildung. 02:13:35.900 --> 02:13:48.520 Und dass das beim WebP nicht ist, das ist mir, also 10, 20, 30, 50 und vielleicht auch 100kb wert, aber es ist halt oft irgendwie nicht so viel besser, dass mir das dann das wert wäre. 02:13:48.520 --> 02:13:51.520 Und da war ich ein bisschen enttäuscht, muss ich sagen. 02:13:51.520 --> 02:13:55.500 Tja, dann wissen wir ja, warum es nicht so verbreitet ist. 02:13:55.500 --> 02:13:57.620 Ich muss, ich muss was Neues lernen. 02:13:57.620 --> 02:13:59.940 Ähm, es geht nicht in allen Browseln. 02:13:59.940 --> 02:14:01.700 Neu lernen musst du ja eigentlich nichts groß. 02:14:01.700 --> 02:14:05.420 Also das macht ja, dass du es erstellst, machst du ja automatisiert in der Regel. 02:14:05.900 --> 02:14:08.380 Tja, das macht nicht jeder automatisiert. 02:14:08.380 --> 02:14:10.340 Das machen wir auf unserer Podcasts, sage ich nicht. 02:14:10.340 --> 02:14:11.020 Ja, gut. 02:14:11.020 --> 02:14:13.500 Da ist alles, da ist alles handgeklöbelt. 02:14:13.500 --> 02:14:16.420 Genau, und mit dem Mund trocken geföhnt. 02:14:16.420 --> 02:14:20.460 Mindestens das. 02:14:20.460 --> 02:14:26.460 Gut, ja, hast du noch was zu WebP? 02:14:26.460 --> 02:14:35.040 Nee, ich, ich, ähm, ich versuche gerade so in mir selbst zu forschen, warum ich jetzt WebP noch nie eingesetzt habe. 02:14:35.100 --> 02:14:36.220 Weil hab ich tatsächlich noch nicht. 02:14:36.220 --> 02:14:42.740 Ähm, und es ist, äh, so, es wurde zwar immer wieder angepriesen, ja, das ist doch irgendwie besser. 02:14:42.740 --> 02:14:49.040 Aber wahrscheinlich war es nicht so viel besser, dass, dass, dass es No-Brainer ist. 02:14:49.040 --> 02:14:55.920 Okay, wir müssen sofort alles umstellen auf WebP, weil das ist so viel, die Bilder sind nur noch ein Viertel so groß oder ein Zehntel oder irgendwie sowas. 02:14:55.920 --> 02:14:57.080 Das ist es halt nicht, ja. 02:14:57.140 --> 02:14:58.040 Und die sehen genauso aus. 02:14:58.040 --> 02:15:03.400 Und da, weil, wenn das, wenn, wenn das der Fall wäre, dann würden alle, da würde keiner drüber nachdenken. 02:15:03.400 --> 02:15:04.020 Geil. 02:15:04.020 --> 02:15:04.900 Sofort. 02:15:04.900 --> 02:15:06.300 Äh, alles umstellen. 02:15:06.420 --> 02:15:11.000 Und das Ding ist halt, weil es halt nicht überall geht, kommst du nicht drum rum, das irgendwie zu automatisieren. 02:15:11.000 --> 02:15:18.600 Sprich, du legst beide Versionen ab und der Browser oder den User Agent oder wie auch immer der Server steuert das schon anders aus oder eben der CDN. 02:15:18.880 --> 02:15:25.440 Also irgendwas muss passieren, weil du kannst nicht einfach sagen, naja, wenn meine Bilder halt alle in Safari nicht angezeigt werden, komm, Safari nutzt ja eh keiner. 02:15:25.440 --> 02:15:26.840 Also das geht halt einfach nicht, ja. 02:15:26.840 --> 02:15:33.600 Und, und, ähm, jetzt, das Nächste ist, ähm, welche Programme können denn WebP abspeichern? 02:15:33.600 --> 02:15:34.700 Welche Grafikprogramme? 02:15:34.700 --> 02:15:40.660 Und wenn das nicht in Photoshop und über, weiß ich nicht, ich weiß es ehrlich gesagt nicht, aber wenn das nicht einfach in diesem Grafikprogramm... 02:15:40.660 --> 02:15:44.720 Also wenn das Stream gleich weg ist, ich mach grad mal Photoshop auf, vielleicht kackt jetzt irgendwie gleich mein Speicher und so ab. 02:15:44.720 --> 02:15:47.420 Ja, guck mal, ob du das hier abspeichern kannst. 02:15:47.540 --> 02:15:50.960 Also ich, äh, ich weiß es ehrlich gesagt nicht, äh, ich könnte mal... 02:15:50.960 --> 02:15:53.800 Könntest du es auch googeln, das geht wahrscheinlich schneller, als man Photoshop startet. 02:15:53.800 --> 02:15:55.320 Ja, mach doch mal. 02:15:55.320 --> 02:15:59.280 Wir müssen auch wieder spannende Musik... 02:15:59.280 --> 02:16:00.040 Äh... 02:16:00.040 --> 02:16:08.560 So, ist schon so halb offen. 02:16:08.560 --> 02:16:11.180 Getsch, Export scheint zu gehen. 02:16:11.180 --> 02:16:14.460 Also es gibt doch bestimmt so ein Plugin dafür, wenn es nicht nativ geht. 02:16:14.460 --> 02:16:16.760 Ja, also, ah, warte mal, Import. 02:16:17.260 --> 02:16:18.300 Das ist Import. 02:16:18.300 --> 02:16:20.680 Also, mach mal hier mal... 02:16:20.680 --> 02:16:21.680 Also, machen wir hier mal... 02:16:21.680 --> 02:16:22.680 Export... 02:16:22.680 --> 02:16:24.000 File, Save As. 02:16:24.000 --> 02:16:25.680 Und dann... 02:16:25.680 --> 02:16:27.680 Äh... 02:16:27.680 --> 02:16:29.860 Ne, kein WebP. 02:16:29.860 --> 02:16:30.280 Ah ja, genau. 02:16:30.280 --> 02:16:32.780 Also Sketch kann WebP exportieren. 02:16:32.780 --> 02:16:34.280 Export. 02:16:34.280 --> 02:16:36.080 Ja. 02:16:36.080 --> 02:16:39.380 Ne, also Photoshop kann es anscheinend nicht. 02:16:39.600 --> 02:16:45.020 Ja, so, und da sind wir schon an einer Problemwurzel mitunter. 02:16:45.020 --> 02:16:45.440 unter... 02:16:45.440 --> 02:16:51.800 Wenn das nicht entstanden hat, äh, also das würde ich erwarten, dass es in Photoshop drin ist. 02:16:51.800 --> 02:16:54.440 Und wenn es das denn öffnen... 02:16:54.440 --> 02:16:55.560 öffnen... 02:16:55.560 --> 02:16:56.860 WBM... 02:16:56.860 --> 02:16:57.860 WBMP... 02:16:57.860 --> 02:16:57.860 WBMP... 02:16:57.860 --> 02:16:58.860 Ne. 02:16:58.860 --> 02:17:00.260 Also öffnen geht auch nicht. 02:17:00.260 --> 02:17:02.060 Also gut, klar, Photoshop unterstützt nicht. 02:17:02.060 --> 02:17:04.100 Das ist schon mal K.O.-Kriterium für viele. 02:17:05.840 --> 02:17:07.200 Und dieses AWEV... 02:17:07.200 --> 02:17:10.600 Genau, da wollte ich gerade sagen, können wir nämlich mal als Gegenbeispiel AWEV nehmen, 02:17:10.600 --> 02:17:12.100 weil da ging das nämlich recht schnell. 02:17:12.100 --> 02:17:15.160 Jetzt mal abgesehen vom Browser, können wir gleich auch noch gucken, wie da die Verbreitung ist. 02:17:15.160 --> 02:17:19.540 Aber, ähm, das wird nämlich vorangetrieben von Netflix, habe ich jetzt gelernt. 02:17:19.540 --> 02:17:26.440 Und die haben das veröffentlicht, äh, im Dezember 2018 gab es da erste Beispielbilder von Netflix. 02:17:26.440 --> 02:17:29.160 Und auch schon Direkt-Support in VLC-Player. 02:17:29.160 --> 02:17:32.060 Also die sind da auch immer recht schnell, ne, Open Source halt. 02:17:32.060 --> 02:17:35.560 Und da wird dann halt recht schnell sowas mehr implementiert, wenn jemand Bock hat, das zu implementieren. 02:17:35.840 --> 02:17:37.540 Das wurde also direkt dann schon eingebaut. 02:17:37.540 --> 02:17:42.620 Im Februar 2019 wurde dann erst die Spezifikation 1.0.0 veröffentlicht, die Initiale. 02:17:42.620 --> 02:17:51.540 Und im Mai 2019 gab es schon ein Windows-Update, das den Support für AWEV im Explorer und in Paint direkt mal implementiert hat. 02:17:51.540 --> 02:17:55.580 Also da sieht man, okay, es kann auch schnell gehen, wenn da irgendwie mehrere an einem Strang ziehen 02:17:55.580 --> 02:17:58.960 und irgendwie erkannt haben, dass das vielleicht die Zukunft sein könnte, dann geht's auch schnell. 02:17:58.960 --> 02:18:01.960 Aber im Browser sieht die ganze Geschichte halt anders aus. 02:18:01.960 --> 02:18:02.580 Ja. 02:18:02.580 --> 02:18:05.640 Also vielleicht mal kurz zum Format, genau, was das denn eigentlich ist, ne. 02:18:05.680 --> 02:18:06.300 Was das denn kann. 02:18:06.300 --> 02:18:08.120 Also das unterstützt HDR. 02:18:08.120 --> 02:18:10.100 Das heißt, ich hab jetzt hier diesen, ach so, ja. 02:18:10.100 --> 02:18:11.320 Das unterstützt HDR-Farm. 02:18:11.320 --> 02:18:14.200 Man kann einstellen, ob Lossy oder Lossless. 02:18:14.200 --> 02:18:16.480 Also, ähm, muss man das erklären. 02:18:16.480 --> 02:18:19.880 Äh, also das halt eben, ne, mit sichtbaren Artefakten komprimiert wird. 02:18:19.880 --> 02:18:25.560 Oder halt eben komplett ohne Verluste, aber nur komprimiert wird, dass die Dateigröse kleiner wird. 02:18:25.560 --> 02:18:27.000 Und es ist animierbar. 02:18:28.760 --> 02:18:30.200 Das sind so die, die, die, die Eckpunkte. 02:18:30.200 --> 02:18:32.220 Das kann also alles, was man haben will. 02:18:32.220 --> 02:18:38.700 Ähm, und er hat das, äh, wahrscheinlich sind jetzt No-Brainer, das weiß ich jetzt nicht, aber Alpha-Transparenz hat's auch, oder? 02:18:38.700 --> 02:18:39.720 Äh, denke ich mal. 02:18:39.840 --> 02:18:42.400 Ja, wüsst, ja, muss eigentlich, muss eigentlich. 02:18:42.400 --> 02:18:44.260 Also, äh, ja, genau. 02:18:44.260 --> 02:18:52.460 Es steht, glaub ich, auch auf Canary Use, ähm, was dabei, dass eben manche Browser das nur, warte mal hier, Ah, wirst du, Sequences, ne, äh, wo war's denn? 02:18:53.300 --> 02:18:56.720 Also, irgendwo hatte ich was gelesen, dass es, dass irgendwas mit Transparent nicht unterstützt. 02:18:56.720 --> 02:19:06.020 Äh, genau, wenn wir schon hier sind auf Canary Use, also Firefox hat's noch hinter einer Flag und hat's auch noch für die nächsten zwei anstehenden Releases hinter einer, hinter dem Flag. 02:19:06.020 --> 02:19:10.660 Also, ähm, wird so schnell wohl nicht direkt nativ kommen. 02:19:10.660 --> 02:19:23.820 Und, ähm, Chrome kann das schon seit, äh, August 2020, Chrome 85, ähm, ja, ansonsten ist da noch viel rot. 02:19:23.820 --> 02:19:31.400 Ich mein, klar, Opera auch, weil, äh, gleiche Engine, ne, wobei, aber hat das wirklich was mit der Engine zu tun? 02:19:32.660 --> 02:19:40.700 Das Bild rendern? Weiß ich jetzt gar nicht. Also, jedenfalls, Opera kann's auch seit, seit Version 71, September, äh, 2020, also, äh, könnte schon zusammenhängen. 02:19:40.700 --> 02:19:45.880 Ja, ansonsten ist hier, wie gesagt, noch relativ viel rot und ist schade, ja. 02:19:45.880 --> 02:19:49.940 Also, AWEF, das hat dann vielleicht tatsächlich diesen Vorteil. 02:19:49.940 --> 02:19:56.180 Also, ich hab jetzt hier diesen, diesen Vergleich bei diesem, ähm, äh, Blogartikel, den ich, ich weiß gar nicht, haben wir da schon mal drüber gesprochen? 02:19:56.180 --> 02:19:58.840 Ich hab ihn auf jeden Fall vor einer Weile mal gelesen, das ist vom letzten Jahr. 02:19:58.840 --> 02:20:02.640 Ähm, und zwar sagt dieser Blogartikel, 02:20:03.500 --> 02:20:12.420 dass WebP 30 Prozent kleiner ist als JPEG, das ist so, ja, cool, aber halt nicht mega, aber AWEF angeblich 50 Prozent, also nur die Hälfte. 02:20:12.420 --> 02:20:13.660 Und das ist dann halt schon ein Wort. 02:20:14.380 --> 02:20:19.560 Also, nur halb so groß die Bilder, äh, das möchte ich natürlich sofort einbauen und ausprobieren. 02:20:19.560 --> 02:20:30.380 Hab ich, glaub ich, damals auch schon auf die Schnelle mal versucht und hat dann nicht so schnell geklappt, wie ich wollte, aber irgendwo liegen im Projektverzeichnis, äh, bei uns noch, ähm, von unserem Hintergrundbild. 02:20:30.480 --> 02:20:34.700 Ich glaub, wir haben nämlich, wir haben ja fast keine Pixelgrafik bei uns überhaupt auf der Podcast-Seite. 02:20:34.700 --> 02:20:35.360 Bis auf dieses große Hintergrundbild. 02:20:35.360 --> 02:20:50.240 Ich glaube, es ist tatsächlich nur eine einzige, ähm, und die hab ich tatsächlich als AWEF mal abgespeichert und hab damit bisschen rumgespielt, auch mit den, äh, da gibt's so einen, so einen ganz coolen, äh, Editor online, wo man, äh, wo man so ein bisschen rumspielen kann und mit der Größe rumspielen kann. 02:20:50.240 --> 02:20:57.060 Ähm, oh, der sieht jetzt ganz anders aus, als, äh, wie ich ihn das letzte Mal verwendet hab. 02:20:57.060 --> 02:21:05.460 Äh, genau, da kann man so ein bisschen mit den, mit den AWEF-Features und mit der, mit der Komprimierung rumspielen und da hab ich dann auch schon deutlich, äh, das Ding deutlich kleiner gekriegt. 02:21:05.460 --> 02:21:08.800 Weißt du's noch aus dem Stehgreif, was, was da der Größenunterschied war? 02:21:08.800 --> 02:21:19.040 Oh, warte mal, ich, da müsste ich nachgucken, aus dem Stehgreif weiß ich's nicht mehr, aber irgendwo in unserem Projektverzeichnis müsste das noch rumliegen. 02:21:19.580 --> 02:21:22.280 Ich guck grad mal, ob ich's auf die Schnelle finde. 02:21:22.280 --> 02:21:28.260 Äh, war das, nee, das war nicht das Logo, ist das Cover? 02:21:28.260 --> 02:21:33.800 Nee, ich, ich, ich find's, ich find's grad nicht, ich weiß auch nicht mehr, ich weiß grad nicht mehr, wo ich's hatte, auf die Schnelle. 02:21:33.800 --> 02:21:41.540 Ähm, es war aber so, so groß der Unterschied, ähm, dass, äh, dass ich's unbedingt mal testen wollte. 02:21:41.540 --> 02:21:42.400 Ah, warte mal, Moment. 02:21:42.400 --> 02:21:46.180 Die Suche hier auf meinem System ist dann doch ganz gut. 02:21:46.180 --> 02:21:48.320 Wo kann ich das jetzt? 02:21:48.920 --> 02:21:51.580 Äh, red du mal was. 02:21:51.580 --> 02:21:57.220 Ich hab aber nichts mehr, nichts mehr dazu beizutragen, zu dem Punkt eigentlich. 02:21:57.220 --> 02:22:10.280 Ähm, ja gut, außer vielleicht noch, soweit ich das da richtig informiert bin, ähm, basiert das Ganze auf Techniken, die auch bei H265 zum Einsatz kommen, also bei diesem High Efficiency Video Encoder. 02:22:10.940 --> 02:22:32.400 Ja, also der Unterschied zwischen H264 und H265 ist ja auch relativ beträchtlich und ich glaube, dass die sich da auch ähnlicher Techniken bedient haben, wobei natürlich nochmal bei Bewegtbild ganz andere Optimierungen greifen, ja, also dass man halt guckt, in welche Richtung bewegt sich das Bild und was kann ich mir an Informationen sparen von Frame zu Frame, was natürlich bei Standbild jetzt nicht zum, zum Einsatz kommt, ähm, aber auch jeder Frame an sich muss ja komprimiert werden. 02:22:32.400 --> 02:22:36.400 Und soweit ich weiß, äh, sind das ähnliche, wenn nicht sogar die gleichen Techniken. 02:22:38.060 --> 02:22:43.360 Vielleicht erzähl ich aber auch Käse. Dann vertraue ich aber darauf, dass ihr mir das wieder mitteilt in den Kommentaren. 02:22:44.160 --> 02:22:49.200 Ich glaube, ich hab's, ich glaube, ich hab's, wo ist es jetzt? Ah ja, genau. 02:22:49.200 --> 02:22:59.140 So, da haben wir tatsächlich, oh, das Problem ist, das Problem ist, ich hab leider als Vergleich jetzt kein JPEG nebendran liegen, sondern ein WebP. 02:22:59.140 --> 02:22:59.840 Mhm. 02:22:59.840 --> 02:23:06.620 Äh, und ich glaube aber, das ist tatsächlich, das müssen noch die gleichen Abmessungen sein. Das WebP, und wie gesagt, ich hab da viel mit dem Komponierer rumgespielt. 02:23:06.620 --> 02:23:09.780 Von dieser Hintergrundgrafik, die wir haben. 02:23:10.540 --> 02:23:21.920 Das WebP, du kannst, du kannst im Browser mal gucken, wie groß der JPEG ist. Und ich sag dazu, diese Hintergrundgrafik, die kann man krass komprimieren, ohne dass es groß auffällt, weil sie jetzt nicht, also da kann man, die kann auch ein paar Artefakte haben. 02:23:21.920 --> 02:23:32.260 Also das ist schon so ein, vielleicht, wer noch nicht unsere Seite kennt, böse, böse, ähm, das ist so eine, so eine City, so eine Landschaft von oben, so, so, so, so Helikopteraufnahme von der Großstadt. 02:23:32.900 --> 02:23:38.340 Und für die kleine Lichtschänze, so Abendstimmung, also da fällt es nicht auf, wenn da so ein paar Artefakte drin sind. 02:23:38.340 --> 02:23:40.080 Also hast du die Jetpack-Klose? 02:23:40.080 --> 02:23:41.260 206 Kilobyte. 02:23:41.260 --> 02:23:47.760 So, pass auf, das WebP, das habe ich aber, glaube ich, auch aus diesem Squoosh-Editor raus. 02:23:47.760 --> 02:23:54.860 Die Abmessung muss man noch dazu sagen, 1811 mal 1207 Pixel, also schon recht groß. 02:23:54.860 --> 02:24:00.640 Genau, so, das WebP, was ich hier liegen habe, und wie gesagt, ich habe da viel mit dem Komprimierer rumgespielt, 02:24:00.640 --> 02:24:07.040 und das hat wahrscheinlich krasse Artefakte, hat 161 Kilobyte und das AWEF 76. 02:24:07.040 --> 02:24:09.220 Boah, das ist ein Wort. 02:24:09.220 --> 02:24:13.260 Also, ja, da kann man schon einiges machen. 02:24:13.260 --> 02:24:22.420 Also das war halt damals, ich erinnere mich, als ich damit rumgespielt habe, das war so ein AWEF in dem, wie ich es halt noch aushalten konnte, wie es aussieht. 02:24:22.420 --> 02:24:26.980 Also man müsste es natürlich jetzt auch mal direkt nebeneinander sehen, auch visuell. 02:24:26.980 --> 02:24:33.960 Die Zahlen an sich sind das eine, vielleicht würde man jetzt erkennen beim direkten Vergleich so, ah, okay, aber da ist das nicht so schön komprimiert und so. 02:24:34.860 --> 02:24:38.320 Ja, deswegen jetzt nicht nur auf die Zahlen verlassen, aber so an sich klingt das schon mal nicht schlecht. 02:24:38.320 --> 02:24:41.060 Ach, wenn es jetzt richtig schlecht aussehen würde, würdest du es erkennen. 02:24:41.060 --> 02:24:43.440 Und dafür 76 Kilobyte, nicht schlecht. 02:24:43.440 --> 02:24:46.180 Äh, warte mal, aber wieso liegt denn das da? 02:24:46.180 --> 02:24:48.400 Das ist ja, das ist ja ein merkwürdiger Ort. 02:24:48.400 --> 02:24:51.180 Okay, ich weiß nicht, warum ich es vorher nicht gefunden habe. 02:24:51.180 --> 02:24:55.720 Ich lege es mal in unsere gescherte Dropbox, dann können wir das vielleicht noch irgendwann mal nachreichen. 02:24:57.180 --> 02:25:01.080 Ähm, es liegt tatsächlich an einem merkwürdigen Ort, wo ich gar nicht weiß, warum es da ist. 02:25:01.080 --> 02:25:03.900 So, okay, aber das mache ich gleich. 02:25:03.900 --> 02:25:05.720 In dem Ordner XXX bei dir? 02:25:05.720 --> 02:25:11.500 In dem Ordner XXX, äh, nee, PR0N heißt der, der Ordner. 02:25:11.500 --> 02:25:12.280 Ah, mhm. 02:25:12.280 --> 02:25:14.320 Okay, ich verstehe. 02:25:14.320 --> 02:25:16.560 Oder geheim. 02:25:16.560 --> 02:25:17.320 Wie du verstehst. 02:25:17.320 --> 02:25:17.880 Geheim. 02:25:19.780 --> 02:25:20.520 Geheim, genau. 02:25:20.520 --> 02:25:24.280 Genau, so. 02:25:24.280 --> 02:25:28.480 Okay, ich habe es mal in den Cover-Ordner gelegt und da gibt es das jetzt. 02:25:28.480 --> 02:25:30.220 Da ist irgendwie AWEF drin. 02:25:30.220 --> 02:25:31.140 So. 02:25:31.140 --> 02:25:35.440 Gut, aber Grafik kann man, kann man vielleicht abhaken. 02:25:35.440 --> 02:25:41.680 Ich weiß nicht, warum, äh, GIF, GIF finden wir einfach alle gut, weil sie animiert sind. 02:25:41.680 --> 02:25:43.680 Und weil sie so schön retro sind. 02:25:43.680 --> 02:25:45.340 Weil sie wenig, weil sie wenig Farben haben. 02:25:45.760 --> 02:25:53.220 Aber in den meisten, das muss ich jetzt gerade mal noch sagen, die meisten Stellen im Web, wo gesagt wird, das ist ein GIF, sind's gar keine. 02:25:53.220 --> 02:25:56.500 Es sind inzwischen alles kleine MP4s. 02:25:56.500 --> 02:25:58.840 Es sind kleine MP4-Videos oder auch. 02:25:58.840 --> 02:26:02.440 Also Twitter und so, oder auch Giphy ist im Hintergrund. 02:26:02.440 --> 02:26:05.400 Also teilweise auch animiertes WebP inzwischen tatsächlich. 02:26:05.400 --> 02:26:07.700 Genau, das wollte ich nämlich auch noch sagen. 02:26:07.700 --> 02:26:11.000 Aber bei Twitter zum Beispiel sind das oft tatsächlich MP4s. 02:26:11.000 --> 02:26:14.720 So, bei Giphy, ich gucke jetzt gerade noch mal live nach. 02:26:14.800 --> 02:26:18.180 Ich meine auch, dass das WebP war, was mir mal über den Weg gelaufen ist. 02:26:18.180 --> 02:26:24.000 Jetzt wäre es natürlich geil, ich würde jetzt, äh, die würden nicht versuchen zu verstecken, was für ein Element das ist. 02:26:24.000 --> 02:26:24.760 Das tun sie aber. 02:26:24.760 --> 02:26:28.460 Ah, genau, ImageWebP tatsächlich bei Giphy. 02:26:28.460 --> 02:26:32.780 Äh, äh, es gibt irgendwo auch noch das GIF. 02:26:32.780 --> 02:26:35.560 Ja, ist irgendwie beides, keine Ahnung. 02:26:35.560 --> 02:26:39.040 Aber es ist auf jeden Fall das, was oft, äh, was angezeigt wird im Browser oft, ist WebP. 02:26:39.040 --> 02:26:43.120 Jo, also so ein Grafikformat, ey. 02:26:43.120 --> 02:26:47.260 Also ich glaube, also witzigerweise, der nächste Punkt hat die riesigste Überschrift. 02:26:47.260 --> 02:26:50.240 Aber wir haben, ähm, glaube ich, nicht viel dazu zu sagen. 02:26:50.620 --> 02:26:51.520 Äh, also ich lese es mal vor. 02:26:51.520 --> 02:26:53.820 Ähm, einheitliche Videoplayer-Bedienung. 02:26:53.820 --> 02:26:56.060 Einfacher Klick, Play und Pause. 02:26:56.060 --> 02:26:58.860 Doppelklick, Vollbild, Scrollrad, Lautstärkeregelung. 02:26:58.860 --> 02:27:00.540 Negativ Beispiel Facebook. 02:27:00.540 --> 02:27:02.680 Einfacher Klick macht Play. 02:27:03.080 --> 02:27:05.780 Ein erneuter Klick öffnet aber das Video im Fullscreen. 02:27:05.780 --> 02:27:09.200 WTF, Ausdrufezeichen, Fragezeichen, steht da hinter. 02:27:09.200 --> 02:27:12.720 Ähm, und das Post-Positiv-Beispiel V-Kontakte. 02:27:12.720 --> 02:27:15.660 Äh, Lautstärke via Scrollrad regelbar. 02:27:15.660 --> 02:27:18.740 Ähm, sogar Drehen und Rotieren von Videos war früher mal möglich. 02:27:18.740 --> 02:27:23.880 Ähm, und Videovorschau in der Zeitleiste zum Spulen nur via JavaScript möglich. 02:27:23.880 --> 02:27:25.360 Das ist ein guter Punkt. 02:27:25.360 --> 02:27:29.400 Also ich, ähm, gerade dieses, dass man die Videovorschau sieht, du scrollst da so drüber 02:27:29.400 --> 02:27:32.920 und dann hast du wie so ein, wie so ein Dia, äh, äh, Snippet. 02:27:33.400 --> 02:27:35.620 Ähm, wo du dann die Vorschau-Bilder durchscrollen siehst. 02:27:35.620 --> 02:27:36.960 Äh, das finde ich echt cool. 02:27:36.960 --> 02:27:40.160 Ähm, schade, dass das nicht integriert ist. 02:27:40.160 --> 02:27:45.400 Was ich extrem oft nutze in letzter Zeit ist, und ich glaube, das ist, äh, das ist mir bei 02:27:45.400 --> 02:27:52.260 YouTube zum ersten Mal begegnet, äh, bei Videos ist, ähm, dass man rechts oder links 02:27:52.260 --> 02:27:55.160 draufklickt, äh, und zwar doppelt. 02:27:55.160 --> 02:27:57.640 Ah, warte mal, das geht im Desktop gar nicht. 02:27:57.640 --> 02:27:59.120 Das geht vielleicht nur auf Mobile. 02:27:59.120 --> 02:28:01.820 Vielleicht geht es nur in der App und die mobile Version. 02:28:01.820 --> 02:28:02.600 Ähm. 02:28:03.080 --> 02:28:08.400 Äh, man, man klickt doppelt, oder man tappt in dem Fall auf dem Handy doppelt auf 02:28:08.400 --> 02:28:12.240 die rechte Seite oder auf die linke Seite von dem Video und dann skippt das für so ein 02:28:12.240 --> 02:28:12.920 paar Sekunden. 02:28:12.920 --> 02:28:13.280 Genau. 02:28:13.280 --> 02:28:14.680 So fünf, fünf, fünf, zehn Sekunden. 02:28:14.680 --> 02:28:15.600 Ja, so zehn Sekunden oder so. 02:28:15.600 --> 02:28:16.660 Ja, das finde ich auch cool. 02:28:16.660 --> 02:28:18.840 Das vermisse ich auch oft, wenn's das nicht gibt. 02:28:18.840 --> 02:28:20.240 Ähm, genau. 02:28:20.240 --> 02:28:24.340 Und was, was man an der Stelle ja wieder sagen kann, äh, wir kommen ja irgendwie von Standards 02:28:24.340 --> 02:28:25.320 und Best Practices. 02:28:25.320 --> 02:28:29.540 Ähm, naja, da seh ich auch wieder die Browser-Hersteller ein bisschen wieder in der Pflicht. 02:28:29.780 --> 02:28:35.100 Die sagen, naja, okay, gut, wir bieten halt so einen, so einen ganz einfachen, simplen Video-Player an. 02:28:35.100 --> 02:28:39.840 Aber das könnte doch auch in dem Standard-Browser-Video-Player schon fest implementiert sein. 02:28:40.120 --> 02:28:45.040 Also, oder nimmt das dann zu viel vorweg? 02:28:45.040 --> 02:28:51.340 Ich mein, jeder, jedem steht es ja frei, ähm, den auszuschalten und zu sagen, ich mach meinen eigenen, 02:28:51.340 --> 02:28:52.600 kann man ja alles mit JavaScript. 02:28:52.600 --> 02:28:56.380 Genau, also Controls halt wegmachen und dann, äh, oder vielleicht auch mit Attributen, 02:28:56.380 --> 02:29:00.680 dass man halt sagen kann, ähm, ja, dieses Tab-Scrolling oder wie auch immer man es nennt, 02:29:00.680 --> 02:29:02.160 das will ich nicht haben, zum Beispiel. 02:29:02.160 --> 02:29:04.740 Dass man es einzeln deaktivieren kann, das wäre ja auch gut. 02:29:04.740 --> 02:29:10.060 Also, ich, ich bin da der Meinung, die Referenz-Implementierung sollte eigentlich der Browser sein, 02:29:10.060 --> 02:29:14.000 und die sollte so gut sein, dass man eigentlich gar keine andere haben will. 02:29:14.000 --> 02:29:23.300 Ich weiß nicht jetzt, ob ich jetzt als Browser-Hersteller sowas wie eine Qualitäts-Auswahl einbauen würde. 02:29:23.300 --> 02:29:25.060 Ich glaube nicht. 02:29:25.060 --> 02:29:29.740 Ich glaube nicht, dass das, das ist, das Standard-Video hat wahrscheinlich keine verschiedenen Versionen 02:29:29.740 --> 02:29:30.840 in verschiedener Qualität. 02:29:30.840 --> 02:29:39.800 Ähm, aber durchaus könnte meiner Meinung nach, oder frage ich mich gerade, müsste der, könnte der Browser selbst, 02:29:40.000 --> 02:29:41.660 so ein, so ein Down-Sampling machen? 02:29:43.940 --> 02:29:48.180 Also, so, wenn ich, wenn ich, wenn ich irgendwie langsames Internet habe, dass er mir dann weniger, 02:29:48.180 --> 02:29:49.880 dass das dann irgendwie... 02:29:49.880 --> 02:29:49.880 Nee. 02:29:50.160 --> 02:29:52.780 Dazu müsste er das große ja runterladen und dann komprimieren. 02:29:53.640 --> 02:29:56.420 Also, das, äh, das muss er ja schon beim Server anfordern. 02:29:56.420 --> 02:29:58.260 Ja, stimmt, du hast, du hast recht. 02:29:58.320 --> 02:30:00.120 Und das ist auch ein guter Punkt, ja, Streaming. 02:30:00.120 --> 02:30:03.680 Also, die meisten, also die Videos werden ja gestreamt, die werden ja in der Regel nicht alle irgendwie 02:30:03.680 --> 02:30:05.600 hunderte MB runtergeladen automatisch. 02:30:05.600 --> 02:30:09.980 Und das erklärt auch technisch, warum dieses mit dem Durchscrollen, dass man die Bilder sieht, 02:30:09.980 --> 02:30:12.500 das ist so schön und ist ein toller Effekt. 02:30:12.500 --> 02:30:15.120 Und praktisch ist es auch, weil man direkt sieht, wo man hinspringt. 02:30:15.120 --> 02:30:18.680 Aber das geht allein deswegen nicht, weil der Browser ja gar nicht die Information hat, 02:30:18.760 --> 02:30:20.760 was ist denn da für ein Vorschaubild an der Stelle. 02:30:20.760 --> 02:30:22.160 Ja. 02:30:22.160 --> 02:30:28.020 Also, da müsste man dann, das müsste dann quasi das Videoformat, der Container müsste das 02:30:28.020 --> 02:30:33.220 schon irgendwie mitliefern, quasi ein JPEG oder was auch immer oder mehrere, ja, dass 02:30:33.220 --> 02:30:34.940 der das schon irgendwie über den Header mitschickt. 02:30:34.940 --> 02:30:37.600 Aber das darf natürlich auch nicht zu viel sein, weil sonst dauert es länger, bis das 02:30:37.600 --> 02:30:38.440 Video an sich lädt. 02:30:38.440 --> 02:30:44.840 Ähm, aber da der Browser das buffert und nicht alle Videodaten schon auf einmal da hat, geht 02:30:44.840 --> 02:30:49.240 es also nur über JavaScript und über eine Sonderlösung, so schön es auch ist. 02:30:49.240 --> 02:30:56.420 Aber da wird halt ein einfertiges Bild, ein großes oder mehrere kleine, ähm, werden 02:30:56.420 --> 02:31:00.300 da halt zur Verfügung gestellt vom Server, von der Seite und das Durchscrollen wird dann 02:31:00.300 --> 02:31:01.260 entsprechend synchronisiert. 02:31:01.260 --> 02:31:04.440 Oh, dieser Facebook-Video-Player, der geht mir echt auf den Keks, das ist wirklich schlimm. 02:31:04.440 --> 02:31:08.220 Also, ich kann zu V-Kontakte und Facebook nicht viel sagen, weil Facebook nutze ich nicht 02:31:08.220 --> 02:31:10.420 mehr aktiv und V-Kontakte habe ich gar keinen Account. 02:31:11.020 --> 02:31:17.560 Also, ich bin ja, ähm, wie soll ich sagen, es gibt auch im MacOS ein paar Sachen, die 02:31:17.560 --> 02:31:19.320 mich echt nerven, weil sie nicht so sind. 02:31:19.320 --> 02:31:25.540 Aber ich bin ein großer Freund von, ähm, ich drücke irgendwo drauf, dann passiert was 02:31:25.540 --> 02:31:29.480 und ich drücke nochmal drauf und dann wird das quasi wieder zurückgenommen. 02:31:29.480 --> 02:31:29.780 Mhm. 02:31:30.240 --> 02:31:34.780 Ja, also, ich drücke zweimal, schalte einmal ein, also quasi ein Schalter, ein und aus 02:31:34.780 --> 02:31:36.620 zum Beispiel, oder groß und klein. 02:31:36.620 --> 02:31:41.300 Wenn ich jetzt aber auf ein Facebook-Video drauf drücke und es ist nicht, es läuft nicht, 02:31:41.300 --> 02:31:42.320 dann startet es. 02:31:42.320 --> 02:31:42.600 Mhm. 02:31:42.600 --> 02:31:45.200 Ich klicke nochmal drauf und es wird groß. 02:31:45.200 --> 02:31:46.980 Ja, das sagt er, hat er ja geschrieben. 02:31:46.980 --> 02:31:49.400 Ich klicke nochmal drauf, dann macht es wieder Stopp. 02:31:49.400 --> 02:31:53.180 Erst wenn es groß ist, macht das quasi das, was man erwartet hat. 02:31:53.180 --> 02:31:54.540 Wie kriege ich es dann wieder klein? 02:31:54.540 --> 02:31:58.040 Da muss ich dann direkt auf die X links oben. 02:31:58.040 --> 02:32:04.060 Das ist schon, puh, verhaltenskreativ. 02:32:04.600 --> 02:32:09.860 Und der, und dieser Facebook-Video-Player, der war schon immer Special Snowflake, äh, was, 02:32:09.860 --> 02:32:10.580 was das angeht. 02:32:10.580 --> 02:32:13.580 Und der startet normalerweise auch, äh, lautlos. 02:32:13.580 --> 02:32:17.700 Egal, ob man es mal laut gestellt hat, der startet halt lautlos. 02:32:17.700 --> 02:32:21.620 Gut, ist vielleicht auch nicht schlecht, wenn man auf der Arbeit mal schnell durch den 02:32:21.620 --> 02:32:23.780 Facebook-Stream scrollt, dass es einem nicht entgegen plärrt. 02:32:23.780 --> 02:32:29.500 Ja, aber wenn ich Play drücke, nicht ich scrolle durch. 02:32:29.500 --> 02:32:31.500 Ja, gut, dann will ich es in der Regel schon, ja. 02:32:33.000 --> 02:32:35.660 Ah ne, es stimmt nicht, was ich gesagt habe, wenn ich es einmal laut gestellt habe, dann, 02:32:35.660 --> 02:32:38.280 ähm, dann starten die Nächsten auch mit Ton. 02:32:38.280 --> 02:32:38.940 Ah ja, okay. 02:32:38.940 --> 02:32:44.620 Trotzdem, wenn ich drauf drücke, explizit wundert es mich, dass der Ton aus ist. 02:32:44.620 --> 02:32:47.720 Wenn ich durchscrolle irgendwie, dann möchte ich keinen Ton haben. 02:32:47.720 --> 02:32:48.800 Das ist klar. 02:32:48.800 --> 02:32:53.000 Aber das ist sowieso immer das allererste, was ich auf jeder Plattform ausschalte, ist 02:32:53.000 --> 02:32:53.800 Video-Autoplay. 02:32:53.800 --> 02:32:58.120 Das nervt mich unendlich kolossal. 02:32:58.120 --> 02:33:01.980 Ich will da überhaupt gar keine Daten hin verschwenden, dass irgendwelche Videos automatisch 02:33:01.980 --> 02:33:02.700 abgespielt werden. 02:33:02.700 --> 02:33:07.980 Äh, wenn das Vorschaubild mich nicht dazu bewegt, dass ich es sehen will und dass ich 02:33:07.980 --> 02:33:09.720 drauf drücke, dann, äh, dann muss das auch nicht abgespielt werden. 02:33:09.720 --> 02:33:11.380 Dann tut es auch nicht die ersten drei Sekunden. 02:33:11.380 --> 02:33:16.260 Also auch bei Twitter und überall, wo es so Timelines gibt und Videos automatisch abspielen 02:33:16.260 --> 02:33:16.580 können. 02:33:17.140 --> 02:33:21.820 Also wenn jemand sicher gehen will, dass ich die App sofort wieder deinstalliere, ist, dass 02:33:21.820 --> 02:33:23.140 es nicht abschaltbar ist. 02:33:23.140 --> 02:33:24.140 Das ist der Autoplay. 02:33:24.140 --> 02:33:26.140 Also das ist sofort aus bei mir immer. 02:33:26.140 --> 02:33:31.340 Und ich nutze, glaube ich, meines Wissens nach nichts, ähm, wo man es nicht ausschalten 02:33:31.340 --> 02:33:32.140 kann. 02:33:32.140 --> 02:33:35.080 Weil es ist, das finde ich kolossal nervig, wenn einfach was losläuft. 02:33:35.080 --> 02:33:36.080 Auch GIFs. 02:33:36.080 --> 02:33:41.100 Wobei ich jetzt bei 9gag beispielsweise eine Ausnahme machen würde, da dürfen GIFs loslaufen, 02:33:41.100 --> 02:33:41.920 aber Videos nicht. 02:33:41.920 --> 02:33:46.100 Aber da bin ich eh schon auf einer Seite, wo ich am Content konsumieren bin. 02:33:46.100 --> 02:33:48.200 Oder TikTok natürlich, das sind ja nur Videos. 02:33:48.200 --> 02:33:49.560 Klar dürfen die loslaufen, ne? 02:33:50.140 --> 02:33:54.000 Ähm, aber so, wenn du eine Timeline hast mit Sachen, die auch statisch sind, dann darf 02:33:54.000 --> 02:33:55.300 kein Video automatisch loslaufen. 02:33:55.300 --> 02:33:57.360 Das ist, bin ich wahnsinnig nervig. 02:33:57.360 --> 02:34:01.880 Ähm, ja, V-Kontakte, da kann ich auch nichts zu sagen. 02:34:01.880 --> 02:34:03.980 Ich habe, glaube ich, noch einen Account, aber den habe ich nie genutzt. 02:34:03.980 --> 02:34:08.260 Ähm, Lautstärke via Scrollrad regelbar. 02:34:08.260 --> 02:34:09.080 Ich bin mir gerade… 02:34:09.080 --> 02:34:10.480 Weiß ich nicht, ob ich es gut finden soll. 02:34:10.480 --> 02:34:12.920 Ähm, bin ich mir auch nicht sicher. 02:34:12.920 --> 02:34:16.160 Das ist zwar einerseits praktisch, aber vielleicht will ich ja tatsächlich scrollen. 02:34:16.160 --> 02:34:19.800 Gut, wenn er jetzt im Fullscreen ist, aber dann ist es wieder… 02:34:19.800 --> 02:34:23.240 Warum ist es dann klein, passiert es nicht und groß passiert es dann doch wieder? 02:34:23.240 --> 02:34:26.300 Bin ich mir jetzt auch nicht sicher, ob ich das cool finden soll. 02:34:26.300 --> 02:34:28.440 Ich weiß nicht, ob ich es erwarten würde. 02:34:28.440 --> 02:34:28.640 Ja. 02:34:28.640 --> 02:34:36.120 Ähm, ich würde es, also, ähm, wie ich es erwarten würde, und das ist, glaube ich, unter Windows 02:34:36.120 --> 02:34:44.780 so und unter diversen Linuxen auch, wenn ich jetzt mit der Maus gerade über der Lautstärke-Regler 02:34:44.780 --> 02:34:48.880 bin und dann das Mausrad drehe, dann würde ich, dann fände ich es cool. 02:34:48.960 --> 02:34:50.400 VLC-Player macht es zum Beispiel auch so. 02:34:50.400 --> 02:34:52.400 Ich weiß nicht, ob es generell… 02:34:52.400 --> 02:34:53.020 Wer macht es auch so? 02:34:53.020 --> 02:34:53.720 VLC-Player. 02:34:54.460 --> 02:34:58.500 Ja, das finde ich tatsächlich cool, weil da muss ich nicht irgendwie diesen blöden Schieberegler 02:34:58.500 --> 02:35:00.740 hin und her schieben, die funktionieren eh nicht gut. 02:35:00.740 --> 02:35:03.940 Aber bei YouTube beispielsweise kann ich die Lautstärke auch regeln, wenn ich das Video 02:35:03.940 --> 02:35:08.160 fokussiert habe, Achtung, nur wenn es fokussiert ist, mit Pfeiltaste hoch und runter. 02:35:08.160 --> 02:35:08.680 Ach. 02:35:09.380 --> 02:35:12.320 Mit links und rechts kann ich im Video springen und mit Pfeiltaste hoch und runter kann ich 02:35:12.320 --> 02:35:12.820 die Lautstärke ändern. 02:35:12.820 --> 02:35:17.440 In so verschiedenen Schritten und es wird dann auch als Overlayer angezeigt, wo jetzt 02:35:17.440 --> 02:35:19.280 gerade hingesprungen ist, wie viel Prozent das dann sind. 02:35:19.280 --> 02:35:21.600 Das finde ich tatsächlich auch ziemlich cool. 02:35:21.600 --> 02:35:26.260 Also Tastaturbedienung von Videos, finde ich, sollte es viel mehr geben, sollte auch natürlich 02:35:26.260 --> 02:35:27.180 standardisiert sein. 02:35:27.180 --> 02:35:30.800 Und ich finde, was YouTube da macht, ist eigentlich ganz gut. 02:35:30.800 --> 02:35:33.600 Ich meine, klar, die sind die größte Videoplattform. 02:35:33.600 --> 02:35:38.220 Wenn der ein Video-Player scheiße wäre, das können die sich eigentlich nicht leisten. 02:35:38.320 --> 02:35:41.320 Aber die können natürlich auch ein bisschen Trendsetter sein und neue Features ausprobieren 02:35:41.320 --> 02:35:42.600 und gucken, wie sie angenommen werden. 02:35:42.600 --> 02:35:46.720 Und ich glaube, wenn sich die Standards ein bisschen mehr an einem YouTube-Video-Player 02:35:46.720 --> 02:35:48.520 orientieren würden, wäre nicht so doof. 02:35:48.520 --> 02:35:51.320 Wir schauen mal demnächst, wie es bei Twitch funktioniert. 02:35:51.320 --> 02:35:55.420 Weil die sind, die machen das plattformtechnisch, sind die, glaube ich, auch so Vorreiter ein bisschen 02:35:55.420 --> 02:35:57.200 und machen vieles richtig. 02:35:57.200 --> 02:36:01.660 Bin ich mal gespannt, wie das da, die Player-Seite kenne ich jetzt noch nicht so. 02:36:01.660 --> 02:36:04.480 Ich habe mich jetzt eher mit der Streaming-Seite beschäftigt. 02:36:04.480 --> 02:36:08.300 Der YouTube-Player, den interessiert, egal wo man die Maus hinmacht, übrigens, 02:36:08.320 --> 02:36:09.860 das Mausrad gar nicht, das scrollt immer. 02:36:09.860 --> 02:36:17.100 Also zumindest auf dem Lautstärk, wenn ich irgendwo … 02:36:17.100 --> 02:36:18.260 Ah, doch, falsch. 02:36:18.260 --> 02:36:18.840 Hahaha. 02:36:18.840 --> 02:36:26.260 Wenn ich tatsächlich über diesem Schieberegler bin bei YouTube, dann funktioniert das Mausrad, 02:36:26.260 --> 02:36:29.240 wenn ich nur über dem Lautsprecher bin. 02:36:29.240 --> 02:36:32.680 Da würde ich es jetzt auch erwarten, der anzeigt, wie laut es gerade ist. 02:36:32.680 --> 02:36:33.480 Da geht es nicht. 02:36:33.480 --> 02:36:36.020 Ach, das ist interessant. 02:36:36.460 --> 02:36:38.040 Aber es ist so interessant, das ausprobieren. 02:36:38.040 --> 02:36:41.280 Aber wenn ich scrollen im Video, kann ich damit nicht. 02:36:41.280 --> 02:36:42.240 Auch wenn ich über den … 02:36:42.240 --> 02:36:44.720 Nee, geht nicht. 02:36:44.720 --> 02:36:46.640 So, okay. 02:36:46.640 --> 02:36:47.180 Alles klar. 02:36:47.180 --> 02:36:49.040 Aber es ist total interessant, das mal auszuprobieren. 02:36:49.040 --> 02:36:50.780 Sowas wäre auch gut für Twitch. 02:36:50.780 --> 02:36:53.080 So ein bisschen ausprobieren. 02:36:54.600 --> 02:36:58.340 Ich weiß gar nicht, ob mir sonst noch Videoplayer einfallen. 02:36:58.340 --> 02:37:00.420 Nee, also ich glaube, das Videothema … 02:37:00.420 --> 02:37:04.180 Die ich regelmäßig verwende, natürlich außer alle möglichen Pornoseiten. 02:37:04.180 --> 02:37:10.920 Ja, natürlich nur, weil man dort unzensierte Rammstein-Videos sehen kann, ist ja klar. 02:37:12.520 --> 02:37:15.600 Und übrigens, deswegen sind wir über 18. 02:37:15.600 --> 02:37:25.460 Es gibt ein Video von Till Lindemann, also dem Rammstein-Sänger, mit seiner Band, die da Lindemann heißt. 02:37:25.460 --> 02:37:26.760 Das ist halt sein Solo-Projekt. 02:37:27.800 --> 02:37:31.820 Das auch wieder, glaube ich, nur in unzensiert auf Pornoportalen zu sehen ist. 02:37:31.820 --> 02:37:36.040 Und ich kann euch nicht empfehlen, es anzugucken. 02:37:36.040 --> 02:37:38.200 Okay, gut, dann weiß ich, dass ich sein lasse. 02:37:38.200 --> 02:37:40.640 Ich weiß, die Leute machen das dann. 02:37:40.640 --> 02:37:43.880 Warte mal, ich muss gerade noch mal raussuchen, wie heißt das denn? 02:37:43.880 --> 02:37:45.540 Nee, sag's doch jetzt nicht. 02:37:45.540 --> 02:37:49.760 Damit ihr auch genau wisst, was ihr euch nicht angucken sollt. 02:37:50.980 --> 02:37:59.180 Lindemann, ähm, oh, hier muss ich noch mal gucken, wie heißt das denn? 02:37:59.180 --> 02:38:03.160 Nee, das ist es nicht. 02:38:03.160 --> 02:38:07.640 Also, ich meine, die haben allgemein immer relativ merkwürdige, verstörende Videos. 02:38:07.640 --> 02:38:13.920 Ja, komm, ist doch jetzt auch eingeschätzt. 02:38:13.920 --> 02:38:19.100 Ja, nee, äh, ist nebensächlich, ja, aber guckt's euch auf jeden Fall nicht an. 02:38:20.020 --> 02:38:21.060 Auf keinen Fall. 02:38:21.060 --> 02:38:23.100 Ah, ich glaube, ich hab's gefunden. 02:38:23.100 --> 02:38:27.600 Ähm, und es gibt's auch auf YouTube und, äh, ja, genau. 02:38:27.600 --> 02:38:30.280 Da ist es, da ist die zensierte Version und es heißt Knebel. 02:38:30.280 --> 02:38:31.800 Das schaut ihr euch nicht an. 02:38:31.800 --> 02:38:37.800 Ich meine es wirklich ernst, dass es, also, vor allem die zensierte Version, die könnt ihr euch anschauen, die ist auch schon krass. 02:38:37.800 --> 02:38:41.660 Die unzensierte Version, die ist aus guten Gründen ... 02:38:41.660 --> 02:38:42.780 Zensiert. 02:38:42.780 --> 02:38:44.500 Die ist aus guten Gründen zensiert worden. 02:38:44.500 --> 02:38:46.480 Ähm, ja. 02:38:46.480 --> 02:38:48.000 Ja. 02:38:48.000 --> 02:38:48.940 Okay. 02:38:49.060 --> 02:38:50.720 Gut. 02:38:50.720 --> 02:38:54.300 Dann, ähm, ja, kommen wir doch zum letzten Punkt. 02:38:54.300 --> 02:39:05.820 Formular-Designs, die auch für internationale Adressen das Korsett, Vornamename, Stadt, Postletzahl, Straße, Hausnummer vorsehen, obwohl es in anderen Ländern gänzlich andere Schreibweisen gibt. 02:39:05.820 --> 02:39:07.980 Ähm, auch ein sehr guter Punkt. 02:39:08.080 --> 02:39:29.900 Ja, man denkt da immer so aus seiner Sichtweise und klar, wenn sich halt hauptsächlich jetzt die Seite und das Produkt, ähm, also wenn sich das jetzt nur an deutsche Kunden richtet, klar, warum soll ich dann da auch, äh, groß Wert drauf legen, aber es gibt halt nun mal auch Menschen, die hier hergezogen sind und die vielleicht einem anderen Namensschema, äh, unterliegen. 02:39:30.400 --> 02:39:43.560 Adresse ist klar, ähm, Adresse ist klar, natürlich wenn ich jetzt nur nach Deutschland liefere, dann brauche ich kein Adressformat für, für irgendwelche anderen Länder, aber gerade was Namen angeht, ist das doch was, was dann doch wieder jeden tangiert, ähm, weil da bestimmte Schemate halt vorgesehen sind. 02:39:43.560 --> 02:39:53.460 Also es gibt wohl, ähm, Länder, in denen es zum Beispiel gar keine Vornamen oder gar keine Nachnamen gibt, äh, oder indem die einfach andere Formate haben, als wir die kennen. 02:39:53.460 --> 02:40:13.100 Also wenn ich jetzt, äh, zum Beispiel nur Bindestrich zulasse im Nachnamen, aber kein Leerzeichen, dann schließe ich zum Beispiel, äh, Spanier auch aus, weil die haben ja das Konzept, dass man da den Nachnamen von, von beiden Elternteilen quasi erbt, ähm, und dann, wenn da jemand halt dann irgendwie, keine Ahnung, González Muñoz heißt, 02:40:13.100 --> 02:40:35.920 aber nicht mit Bindestrich, also Bindestrich gibt's auch, ne, so wie man das kennt mit Doppelnamen, sondern aber halt mit Leerzeichen und ich erlaube kein Leerzeichen im Nachnamensfeld, dann, äh, hat ein Spanier halt das, äh, Problem, dass er seinen Nachnamen nicht richtig eingeben kann, ähm, oder wir beide kennen das, wir haben beide das Scharf-S in unserem Nachnamen, äh, in ausländischen Formularen muss man da halt regelmäßig ein Doppel-S angeben. 02:40:36.120 --> 02:40:45.760 Und ich hab auch schon die Erfahrung gemacht, ähm, manchmal macht es Sinn, ein Doppel-S anzugeben, obwohl man ein Scharf-S vielleicht auch eingeben könnte, weil die mit Scharf-S kolossal überfordert sind. 02:40:46.320 --> 02:41:00.360 Entweder gibt's deren System dann wieder nicht richtig aus, äh, oder sie sehen den Buchstaben und sind aber völlig verwirrt, und das ist meine USA-Anekdote, ähm, dass ich mal am, also die wollten mich am Flughafen nicht mehr rauslassen, die wollten mich nicht mehr nach Deutschland fliegen lassen, 02:41:00.760 --> 02:41:05.040 Weil der, äh, der uns da kontrolliert hat, mit dem Scharf-S nichts anfangen konnte. 02:41:05.040 --> 02:41:11.080 Und, ähm, zum Glück war eine erfahrenere Kollegin, die ihm dann gesagt hat, nee, das passt schon so. 02:41:11.080 --> 02:41:13.720 Weil auf unseren Boarding-Tickets und so stand halt überall Doppel-S. 02:41:13.720 --> 02:41:17.900 Und ihm passt das Scharf-S, das hat ihn dann völlig aus der Wage gebracht. 02:41:17.900 --> 02:41:18.480 Oh, Mann. 02:41:18.480 --> 02:41:22.440 Und genauso hatte ich's auch schon, hab ich das nicht schon mal hier erzählt, die Geschichte? 02:41:22.440 --> 02:41:28.440 Auch, dass ich mal mit der Kreditkarte nicht zahlen konnte, weil in den USA, ähm, die das irgendwie komisch fanden. 02:41:28.440 --> 02:41:41.260 Und in, in Spanien hab ich's schon öfter erlebt, dass sie den Namen, wenn sie ihn tippen, dann ist das einfach durch ein großes B, also mitten im Nachnamen, ja grob, steht dann da, ähm, mitten am Ende vom, vom, vom Nachnamen. 02:41:41.260 --> 02:41:47.320 Äh, genau. Also, da sollte man schon ein bisschen darauf achten, dass man eben dieses Korsett nicht zu eng schnürt. 02:41:47.660 --> 02:42:00.340 Klar will man valide Daten haben, aber wenn man vorher nicht weiß, was ist denn alles valide, dann, dann macht man am Ende vielleicht mehr Probleme, als man löst, indem man halt nicht erlaubt, dass jemand eine Zahl im Nachnamen eingibt. 02:42:00.340 --> 02:42:16.040 Also, ich weiß nicht, ob's tatsächlich jetzt, äh, Regionen gibt, wo Zahlen im Nachnamen tatsächlich vorkommen, aber die Sache ist ja die, wenn jemand Mist eingeben will, dann tut er das sowieso irgendwie, dann nimmt er halt keine Zahl, aber nimmt halt einen falschen Nachnamen und was hab ich dann davon, wenn ich alles einschränke? 02:42:16.340 --> 02:42:20.620 Also, vielleicht sollte man da möglichst wenig restriktiv sein, was, was diese Eingaben angeht. 02:42:20.620 --> 02:42:28.440 Und, äh, es gibt vom W3C, gibt's eine eigene Seite mit Tipps und Hinweisen, wie man ein Formular ausfüllt. 02:42:28.440 --> 02:42:33.940 Ich kopiere das gerade mal schnell ins Trello noch, damit du, äh, das auch siehst. 02:42:34.420 --> 02:42:57.640 Ähm, das ist eigentlich ganz cool gemacht, ähm, relativ umfangreich, aber da ist so eine kleine Hintergrundinformation über verschiedene Sprachen im Chinesischen, wie es da funktioniert, oder isländische Namen, ähm, und was für Zeichen es da drin gibt und was man halt, also so Do's und Don'ts so ein bisschen, was man machen sollte und nicht machen sollte, ähm, das fand ich ganz interessant. 02:42:58.140 --> 02:43:08.160 Ja, also bei, bei Formularen, bei Formulareingaben, ähm, da anzunehmen, was das Richtige ist, ist extrem schwer. 02:43:08.160 --> 02:43:08.440 Ja. 02:43:08.480 --> 02:43:17.180 Generell, also, äh, nicht nur Adressen, sondern auch, äh, also eigentlich alles und man sollte möglichst, möglichst, äh, viel zulassen, glaube ich. 02:43:17.180 --> 02:43:23.820 Genau, also selbst innerhalb von Deutschland, ja, es gibt Formulare, da kannst du bei der Nummer nur eine Zahl eingeben, das darf nur ein Integer sein. 02:43:23.820 --> 02:43:35.880 Es gibt aber halt nun mal Adressen, die haben halt 3a drin oder es gibt auch Geschäftsadressen, die haben 12 bis 30 oder was, ja, ähm, und die, die kannst du dann halt so einfach nicht eingeben. 02:43:35.880 --> 02:43:41.040 Also, warum restriktieren, anstatt zu riskieren, dass halt dann irgendwie mal was drin steht, was halt Blödsinn ist. 02:43:41.040 --> 02:43:53.420 Ja, an der Stelle, äh, vielleicht sei noch mal kurz zitiert, äh, Postel's Law oder das Robustness Principle, äh, be conservative in what you send, be liberal in what you accept. 02:43:53.420 --> 02:43:59.360 Äh, immer wieder, äh, gerne benutzt von Jeremy Keith in, äh, allen möglichen Vorträgen, die er hält, ähm. 02:43:59.360 --> 02:44:11.220 Ähm, also einfach mal, einfach mal annehmen und nicht, nicht alle, nicht alle, äh, Sachen immer ausschließen oder nicht, nicht immer nur, wie soll ich sagen, eine Whitelist pflegen sozusagen. 02:44:11.420 --> 02:44:29.560 Das ist, äh, äh, ja, einfach mal, einfach mal annehmen und am besten so wenig Daten wie möglich auch, äh, überhaupt, äh, abfragen, weil in den meisten Fällen, wo mir Online-Formulare unterkommen, frage ich mich bei, bei mindestens der Hälfte der Felder, warum brauchen die das jetzt? 02:44:29.760 --> 02:44:44.720 Ähm, also gerade Geburtsdatum ist oft so irgendwie, warum, warum müsst ihr jetzt wissen, was mein Geburtsdatum ist, also, wenn's jetzt gerade um irgendwie nur irgendwas Versandzeug geht, also, gut, vielleicht, vielleicht zur Zuordnung, weil es mehrere Moritz Gießmänner gibt, äh, weiß es nicht, aber. 02:44:45.300 --> 02:44:50.500 Ich, ich, ich meine, ich bin mir jetzt nicht mehr ganz genau sicher, wie der Prozess war und ich hab leider damals auch keine Screenshots gemacht. 02:44:50.500 --> 02:45:02.100 Ich hatte das einmal, ähm, dass ich glaube ich überhaupt, ich hab was gekauft online und hab, glaube ich, nichts angeben müssen, gar nichts. 02:45:04.240 --> 02:45:06.620 Ähm, man hat, glaube ich, vorab bezahlt. 02:45:06.620 --> 02:45:07.180 Mhm. 02:45:07.180 --> 02:45:18.040 Es war ein Ticket, es war Ticket für, für den Congress, für den, äh, Chaos Communication Congress und die CCC-Leute sind ja auch, was, äh, Privacy angeht und so, äh, besonders vorne mit dabei. 02:45:18.040 --> 02:45:28.020 Und ich meine, man hat vorab bezahlt, ähm, also irgendwie mit PayPal oder so, ich weiß es nicht mehr genau, und dann kriegst du einfach dein Ticket. 02:45:28.020 --> 02:45:32.340 Also direkt im nächsten Schritt als Download und dann fertig. 02:45:32.340 --> 02:45:33.420 Ja, cool. 02:45:33.420 --> 02:45:55.220 Oder, oder, oder, oder hab ich sogar irgendwie überwiesen, ich glaube aber, ich hab, die haben nie meinen Namen gesehen oder irgendwas, weil das brauchst du dafür nicht, für eine Online-Zustellung, du kriegst, ähm, theoretisch brauchst du nicht mal eine E-Mail-Adresse, weil du direkt, da, da wird halt auf dich vertraut, ähm, dass du, dass du, dass du das im Griff hast und das auch dann hinterher runterladen kannst. 02:45:55.220 --> 02:46:03.240 Du kriegst dann im Browser einen Token angezeigt oder kriegst einen Link mit einem Token dran, wo du auch das Ticket nochmal runterladen kannst und damit hat sich die Sache erledigt. 02:46:03.420 --> 02:46:13.180 Und selbst wenn es da zu technischen Problemen, äh, kommt, kannst du ja über deinen Zahlungsanbieter, du kannst ja nachweisen, dass du die Transaktion gemacht hast und dann ist es ja auch kein Problem, dass du dann wieder dran kämst. 02:46:13.520 --> 02:46:23.040 Aber die haben im Prinzip gar keine Daten erfasst für den Verkauf von etwas und das geht, also, wenn ich jetzt, klar, natürlich, wenn ich, wenn ich was geschickt haben will, brauchen die natürlich meine Adresse. 02:46:23.040 --> 02:46:26.160 Aber warum brauchen sie mein Geburtsdatum und meine Handynummer? 02:46:26.880 --> 02:46:31.300 Mhm. Ja, Handynummer ist eh immer so ein Ding. Am besten noch Festnetz und Handynummer bitte angeben. 02:46:31.300 --> 02:46:40.360 E-Mail-Adresse kann ich ja noch nachvollziehen, die wollen, ich will ja vielleicht einen Kontaktweg haben, so, hier ist nicht mehr lieferbar oder irgendwas, ja. 02:46:40.360 --> 02:46:43.220 Ähm, wobei man das natürlich nicht hören will. 02:46:44.020 --> 02:47:02.620 Vor allem in den seltensten Fällen wird dir da hinterher telefoniert, also, das allermeiste funktioniert da über E-Mail, also, wenn du irgendwo in einem Shop Probleme hast oder es kommt zu Versandverzögerung, da rufen die nicht an und sagen, ach ja, Herr Gießmann, ich wollte Ihnen nur mitteilen, Ihr Paket kommt zwei Tage später, sondern da kommt natürlich eine E-Mail, da steht dann drin, wir entschuldigen die Unannehmlichkeiten. 02:47:02.620 --> 02:47:05.800 Nee, da kommt gar nichts, das Paket kommt einfach zwei Tage später. 02:47:05.800 --> 02:47:15.900 Ja, gut, Pakete, also, weil es nicht jetzt irgendwie von DHL, sondern das halt irgendwie der Shop dann irgendwie sagt, es gibt auch nicht mehr. Also, ja. Ich glaube, dann sind wir auch durch damit, oder? 02:47:15.900 --> 02:47:29.180 Ja, das würde ich auch sagen, ähm, apropos Paket, das später kommt, ähm, ich kann nur sagen, wenn man jetzt gerade einen Mac bestellt, das könnte ein bisschen länger dauern. Ich bin damit nicht zufrieden. 02:47:29.180 --> 02:47:30.140 Sandkästen auch. 02:47:30.140 --> 02:47:33.260 Sandkästen auch, siehst du? 02:47:33.320 --> 02:47:37.040 Also, Sandkästen und Macs ist gerade schwierig mit der Lieferung. 02:47:37.040 --> 02:47:45.680 Ja, da frage ich mich echt, ähm, da frage ich mich echt, wie kann es sein, dass die Händler schneller sind als der Hersteller? 02:47:45.680 --> 02:48:00.180 Das frage ich mich in meinem Fall tatsächlich auch, also das war, ich kann es ja sagen, ähm, ich habe bei Aldi einen Sandkasten bestellt, den es da gab, weil der schön war. Es gibt natürlich auch Lidl, es gibt natürlich auch, was gibt es noch, Tengelmann, äh, wir wollen ja jetzt hier keine, niemanden bevorzugen. 02:48:00.600 --> 02:48:07.620 Ähm, ich habe das jedenfalls da bestellt und das war halt so eine, so eine typische, wie es ja immer bei Aldi ist, auch so mit dem, ähm, das gibt es dann in den Filialen ab, ab dem und dem Tag. 02:48:07.620 --> 02:48:16.260 Und dann stehen alle um 8 Uhr da, am besten zelten sie noch nachts davor. Ähm, und so ist das online auch, also da wird dann gesagt, das Produkt gibt es ab dem und dem Tag, ab 8 Uhr zu bestellen. 02:48:16.480 --> 02:48:29.760 Und weil ich den halt wirklich haben wollte, so vor Ostern möglichst noch, ähm, habe ich halt wirklich morgens, 5 vor 8, saß ich da, ne, immer wieder die Seite aktualisiert und wirklich um 8 Uhr Punkt, äh, reingeklickt, PayPal, zack, die Bestellung war durch. 02:48:29.840 --> 02:48:39.920 Das heißt, ich muss wirklich einer der ersten gewesen sein, also irgendwann um 12 war rausverkauft, aber ich war definitiv einer der ersten, der es bestellt hat und die wissen ja, welche Stückzahl sie haben, also irgendwann waren die ja aus. 02:48:40.640 --> 02:48:59.140 Und dann kommt jetzt irgendwie die Woche, kommt die Mail, es kommt zu Versandbezügerungen und sie können noch nicht sagen, wann das Produkt kommt und so, dann denke ich mir, also ihr habt doch, ihr wisst doch, wie viele ihr von den Dingern habt und ihr wisst doch, dass die dann, dann und dann an dem Tag live gehen und dass die dann wahrscheinlich weg sind, so Erfahrungswerte, ne, ähm, und irgendwie hat das nicht funktioniert. 02:48:59.140 --> 02:49:06.660 Aber gut, sie haben auch letztens Schnelltests verkauft und waren auch völlig überrascht von dem Ansturm, weil kann ja keiner mit rechnen. 02:49:06.660 --> 02:49:14.520 Also irgendwie scheinen die das, äh, trotz all der Jahre, äh, trotz all die Jahre Erfahrung, äh, scheint das noch nicht, äh, zu funktionieren. 02:49:14.520 --> 02:49:17.160 Und Apple anscheinend auch nicht. 02:49:17.160 --> 02:49:20.060 Okay. 02:49:20.060 --> 02:49:27.900 Das ist, äh, unerfreulich, ich weiß, dass es auch unerfreulich ist, dass meine Getränke alle leer sind. 02:49:28.220 --> 02:49:32.200 Ich sitze auch auf dem Trocknen, aber wir sind ja jetzt schon fast, wir sind ja schon fast. 02:49:32.200 --> 02:49:36.020 Ja, wir könnten zum nächsten Punkt übergehen. 02:49:36.020 --> 02:49:36.700 Das da wäre? 02:49:36.700 --> 02:49:38.200 Nämlich, dass. 02:49:38.200 --> 02:49:40.060 Das Geiltein. 02:49:40.060 --> 02:49:43.320 Geiltein. 02:49:43.320 --> 02:49:46.300 Jetzt hast du doch noch ein zweites Das eingeführt. 02:49:46.300 --> 02:49:52.660 Ja, ich, ich, ich, ich bin, äh, Mensch, Mensch, Mensch, Mensch, Mensch. 02:49:52.660 --> 02:49:54.060 Wir haben zwei Geilteiler. 02:49:54.060 --> 02:49:55.940 Soll ich, soll ich anfangen? 02:49:56.020 --> 02:50:00.600 Weil du hast jetzt gerade dein, äh, du hast gerade am, am Schluss geredet, ähm, dann fange ich jetzt mal an. 02:50:00.600 --> 02:50:08.500 Also, ähm, ich mag ja so gern so ein bisschen, äh, Rebellion gegen das Establishment. 02:50:09.780 --> 02:50:11.800 Und ich wollte dich fragen, kannst du Latein? 02:50:11.800 --> 02:50:14.340 Äh, ja, so ein bisschen. 02:50:14.340 --> 02:50:16.440 Also, hattest du Latein in der Schule oder so? 02:50:16.440 --> 02:50:17.080 Ja, ja. 02:50:17.080 --> 02:50:19.780 Könntest du mir, äh, okay, gut. 02:50:19.780 --> 02:50:24.640 Ich, ich, ich, ich sag, ich, ich, ich bin mir jetzt nicht hundertprozentig sicher, ob es Latein ist oder was. 02:50:25.320 --> 02:50:27.860 Ja, äh, doch, es ist Latein, äh, hab ich doch richtig geraten. 02:50:27.860 --> 02:50:31.460 Ich sag dir jetzt mal was und, ähm, du sagst mir, ob du, ob du weißt, was das heißt. 02:50:31.460 --> 02:50:33.760 Äh, ad nauseam. 02:50:33.760 --> 02:50:36.240 Bis zur, bis zur Übelkeit. 02:50:36.240 --> 02:50:38.100 Bis zum Erbrechen. 02:50:38.100 --> 02:50:39.040 Bis zum Erbrechen. 02:50:39.040 --> 02:50:41.620 Hast du das jetzt, äh, das weißt du wirklich? 02:50:41.620 --> 02:50:44.240 Also, würde ich mir jetzt so herleiten, ja. 02:50:44.760 --> 02:50:50.600 Also, nauseous auf, auf Englisch und das hat ja auch, äh, philogrammanische Wurzeln und Latein und, äh, Einflüsse und so. 02:50:50.600 --> 02:50:50.720 Wow. 02:50:50.720 --> 02:50:51.020 Ja. 02:50:51.020 --> 02:50:51.800 Wow. 02:50:51.800 --> 02:50:52.940 Sau stark. 02:50:52.940 --> 02:50:58.500 Ich hab's gerade eben bei Wikipedia, ich, äh, gegoogelt und bin bei Wikipedia gelandet, scheint ein feststehender Ausdruck zu sein. 02:50:58.500 --> 02:51:06.620 Bis zur Seekrankheit, ähm, äh, ist ein Ausdruck für eine Diskussion, die bis zum Punkt des Erbrechens geführt wurde. 02:51:06.620 --> 02:51:14.540 So, aber das ist nur der Name von einem Browser-Plugin, ähm, das da Folgendes macht. 02:51:14.640 --> 02:51:21.680 Dieses Browser-Plugin, das ist so ein bisschen, ähm, rebelliert so ein bisschen, äh, gegen die Ad in die Web, äh, äh, Ad-Industrie. 02:51:21.680 --> 02:51:27.360 Ähm, und das macht Folgendes, ähm, das ist irgendwie auf uBlock Origin, ähm, gebaut. 02:51:27.360 --> 02:51:31.160 Das ist ja so ein bekannter Ad-Blocker, den man sich im Browser installieren kann. 02:51:31.160 --> 02:51:36.780 Und was das macht, ist, bevor das Ad geblockt wird, klickt es einfach überall einmal drauf. 02:51:36.780 --> 02:51:41.140 So, was passiert dadurch? 02:51:41.600 --> 02:51:44.980 Also erstens mal, glaube ich, die Webseitenbetreiber kriegen dadurch, äh, Geld. 02:51:44.980 --> 02:51:55.980 So, äh, aber das ganze System wird ad absurdum geführt, weil nämlich im Prinzip jedes Targeting damit kaputt und, äh, kaputt gemacht und verwirrt wird, weil du einfach auf jede Werbung draufklickst. 02:51:57.460 --> 02:52:12.600 Ähm, und es ist tatsächlich, äh, so angetreten mit, ähm, wir haben jetzt, wir diskutieren jetzt mit der Ad-Industrie schon relativ lange und die, äh, die Selbstregulierung davon, die funktioniert nicht und die tracken immer weiter und es ist, äh, egal und man kann ihnen sagen, track mich nicht und sie tracken dich trotzdem. 02:52:13.420 --> 02:52:24.700 Und, ähm, das soll im Prinzip, äh, einfach nur Chaos in diese ganze Sache reinbringen, indem einfach jedes Ad, das geladen wird, einfach bevor es geblockt wird, einfach einmal geklickt wird. 02:52:24.700 --> 02:52:25.220 Jedes Ad. 02:52:25.220 --> 02:52:25.760 Krass. 02:52:26.680 --> 02:52:29.000 Es ist einfach, finde ich, eine wahnsinnig coole Idee. 02:52:29.000 --> 02:52:49.400 Es ist, äh, sehr interessanter und kreativer Ansatz. Es gibt nur eine Sache, die mich dabei stört. Ähm, also, weil du gerade sagst, äh, die, die, die Websitebetreiber verdienen da dran und klar, es kostet die Werbetreibenden, aber es macht in erster Linie und wahrscheinlich deutlich mehr als die Websitebetreiber, die die Werbung einblenden, es macht die Werbevermarkter reicher. 02:52:50.020 --> 02:53:02.440 Das ist das, was mich so ein bisschen stört. Also, Google ist ja so gnädig und gibt dir als derjenige, der die Werbung einblendet, äh, ein paar Prozentchen ab, aber an sich verdient Google mit der Werbung, die die verkaufen und einblenden. 02:53:02.440 --> 02:53:15.080 Und das ist halt, äh, ja, also, die verdienen ja mit den Klicks und du als, als Websitebetreiber kriegst von den Klicks ein bisschen was ab, aber Google verdient da ja auch gut dran. Und das ist das, was mich ein bisschen stört. 02:53:15.080 --> 02:53:18.000 Ja. 02:53:18.280 --> 02:53:20.500 Aber so an sich ist es auf jeden Fall eine coole Idee. 02:53:20.500 --> 02:53:24.860 Es ist auf jeden Fall so ein bisschen chaosstiftend und das, äh, gefällt mir an der Stelle gerade. 02:53:24.860 --> 02:53:25.260 Das glaube ich. 02:53:25.260 --> 02:53:27.800 Was das im Internet angeht, da bin ich ein großer Fan von. 02:53:27.800 --> 02:53:31.340 Ja, das glaube ich. Die stiften, stiften selber genug Chaos, ja, dann gibt's mir was zurück. 02:53:31.340 --> 02:53:33.020 Ja, cool. 02:53:33.020 --> 02:53:37.820 Wobei, ähm, ja, nee, ich zensier mich jetzt selbst. 02:53:37.820 --> 02:53:40.140 Sonst könnte ich jetzt ... 02:53:40.140 --> 02:53:45.940 Ja, soweit habt ihr mich schon, Selbstzensur. So, das war mein Geilteil, jetzt kommt deins. 02:53:46.540 --> 02:53:53.700 Ich hab auch noch was cooles und zwar, es ist mal kein YouTube-Video bei mir, es ist mal was anderes und es hat was mit Entwicklung zu tun, auch noch. 02:53:54.360 --> 02:54:00.220 Und zwar kannst du mal, ähm, was nehmen wir denn, was nehmen wir denn? Irgendein öffentliches GitHub-Repository. 02:54:00.220 --> 02:54:03.200 Ähm, sag mal irgendwas. 02:54:03.440 --> 02:54:05.920 Beispiel, äh, wird hier VS Code genannt. 02:54:05.920 --> 02:54:09.640 Achso, du bist schon, du bist da schon drauf. 02:54:09.640 --> 02:54:12.240 Ich bin schon, ich bin schon auf den Link gegangen. 02:54:12.240 --> 02:54:14.280 Du möchtest du noch sagen, wie er da lautet? 02:54:14.280 --> 02:54:15.100 Ja, aber VS Code ist ja voll die Inception. 02:54:15.100 --> 02:54:20.900 Nee, ich möchte das eben nicht, ich möchte ja, ähm, mal, also, du willst nicht da drauf gehen, nicht drauf gehen. 02:54:20.900 --> 02:54:27.120 Geh mal auf, äh, github.com slash, äh, machen wir mal, weil ich es ja so gerne mag, slash, äh, vue.js. 02:54:27.600 --> 02:54:29.800 Und dann nochmal auf View zum Beispiel. 02:54:29.800 --> 02:54:33.640 Ich könnte, ich könnte auf, äh, eins meiner eigenen Repositories gehen. 02:54:33.640 --> 02:54:35.460 Äh, solange es Public ist, ja. 02:54:35.460 --> 02:54:37.420 Es ist Public, ja, so. 02:54:37.420 --> 02:54:41.660 Äh, ich muss mir erstmal einloggen, Sekunde, so. 02:54:41.660 --> 02:54:48.100 Und jetzt muss ich auf das Repo-Profil, ich geh mal auf mein Accessibility-Cheat-Sheet, das ist Public. 02:54:48.100 --> 02:54:50.640 So, und jetzt muss ich aber statt... 02:54:50.640 --> 02:54:55.820 Am besten wär's schon so ein Repository, wo viel drin ist, wo ein paar Ordner drin sind und verschiedene Dateitypen und so. 02:54:55.820 --> 02:54:59.240 Ja, okay, das hab ich, äh, okay. 02:54:59.240 --> 02:55:02.780 Geh doch echt einfach mal auf, auf, auf, auf View schnell oder so. 02:55:02.780 --> 02:55:04.620 Irgendwas, was man halt so... 02:55:04.620 --> 02:55:06.340 Okay, Moment, nochmal, View. 02:55:06.340 --> 02:55:09.480 Ich poste es dir sogar schnell rein, so, zack. 02:55:09.480 --> 02:55:11.000 Ach, das ist ja... 02:55:11.000 --> 02:55:11.520 Service. 02:55:11.520 --> 02:55:13.080 Ein Traum, so. 02:55:13.080 --> 02:55:13.980 View. 02:55:13.980 --> 02:55:22.300 Jetzt gehst du, wenn du es geöffnet hast, in die Adressleiste und nach GitHub vor dem Punkt kommen 1 als Zahl und S. 02:55:22.660 --> 02:55:26.400 Also so wie eine Sekunde, GitHub 1 als, und dann Enter. 02:55:26.400 --> 02:55:28.640 Okay. 02:55:28.640 --> 02:55:34.460 Dann öffnet sich nämlich im Browser etwas, was aussieht wie VS Code. 02:55:34.460 --> 02:55:35.680 Oha. 02:55:35.680 --> 02:55:37.480 Es ist auch VS Code, quasi. 02:55:37.480 --> 02:55:38.120 Ach. 02:55:38.620 --> 02:55:45.960 Ähm, und zwar mit der kompletten Verzeichnisstruktur, mit den, also wie man's kennt, ja, mit den Icons neben den Dateitypen, äh, mit dem Ordnerbaum und so weiter. 02:55:45.960 --> 02:55:47.460 Sogar mit Plugins und so weiter. 02:55:47.460 --> 02:55:48.200 Ja, wundern mich eigentlich nicht, dass es im Browser läuft. 02:55:48.200 --> 02:55:51.920 Weil es ist ja Electron und es ist ja quasi einfach Browser basiert. 02:55:51.920 --> 02:55:53.240 Genau. 02:55:53.240 --> 02:56:00.660 Und, ähm, da kann ich jetzt das komplette Repository, zwar erstmal jetzt im, im Read-Only-Modus, aber ich kann mich da komplett durchwühlen. 02:56:00.660 --> 02:56:08.100 Ich kann, äh, Suchoperationen in der Datei kann ich suchen, ich kann aber mit STRG-Shift-F auch alle Dateien durchsuchen und so weiter. 02:56:08.660 --> 02:56:16.700 Also, es fühlt sich einfach an, als hätte ich jetzt plötzlich, ohne was per GitHub auszuchecken, äh, per Git auszuchecken von GitHub, ähm, als hätte ich das jetzt einfach in VS Code offen. 02:56:16.700 --> 02:56:21.540 Das ist zum einfach mal schnell durchforsten und nach was Bestimmtem suchen, ist das absolut genial. 02:56:21.540 --> 02:56:33.100 Und das geht noch weiter, es geht noch viel mehr in die Tiefe, ich nutze es wirklich, ich nutze es eigentlich viel zu selten, aber ich nutze es wenn dann nur, um mir das schnell anzuschauen. 02:56:33.420 --> 02:56:44.500 Aber, wie ich jetzt gesehen habe, kann man sogar über Cloud-basierte Lösungen, über so einen Docker-Container oder über irgendeine andere Cloud-Schnittstelle tatsächlich im Browser entwickeln. 02:56:44.500 --> 02:56:49.000 Und dann die Sachen auch, auch speichern und einchecken und so weiter. 02:56:49.000 --> 02:56:54.660 Und wenn ich das richtig sehe, auch tatsächlich eben VS Code-Plugins installieren in der Umgebung und so weiter. 02:56:54.660 --> 02:56:56.680 Also, das ist richtig, richtig cool. 02:56:58.240 --> 02:57:03.220 Wobei ich jetzt sagen muss, ähm, das im Browser entwickeln ist jetzt nicht die allerneueste Idee. 02:57:03.220 --> 02:57:16.600 Nee, nee, natürlich nicht generell, aber dass ich wirklich einfach, äh, ein GitHub, also jedes aufendliche Repository einfach öffnen kann, innerhalb von wirklich von einer Sekunde, ja, dafür steht das ja, äh, github one second, äh, github1s.com. 02:57:16.600 --> 02:57:17.040 Mega gut. 02:57:17.040 --> 02:57:28.220 Ähm, und ich hab dann auch direkt einen korrekten Editor, nicht irgendwie so einen, es gibt ja, es gibt ja viele so halb gut funktionierende, aber, äh, VS Code, äh, das ist ja, wie wir alle wissen, eigentlich ein relativ gut funktionierender Editor. 02:57:28.220 --> 02:57:30.300 Ähm, ja, total cool. 02:57:30.300 --> 02:57:34.460 Das ist wirklich, äh, das ist scharf. 02:57:34.460 --> 02:57:38.440 Mit Markdown-Previews sogar und allem, also, ja. 02:57:38.440 --> 02:57:43.380 Bin ich letztens, weiß ich gar nicht mehr, wie ich drauf, drauf gestoßen bin, aber. 02:57:43.380 --> 02:57:45.140 Ich kann jetzt, nein. 02:57:45.140 --> 02:57:49.820 Ich kann da jetzt, ich kann da jetzt sogar Extensions installieren, nee. 02:57:49.820 --> 02:57:50.360 Ja, das sag ich ja. 02:57:50.360 --> 02:57:52.180 Das sag ich ja. 02:57:52.180 --> 02:57:53.220 Ah, nee, warte, Moment, nee. 02:57:53.220 --> 02:57:56.320 Error while installing, cannot install, Python. 02:57:56.780 --> 02:58:04.140 Ja, gut, dazu brauchst du halt wahrscheinlich dann, also im Browser wahrscheinlich nicht, aber du brauchst dann halt diese, diese Cloud, äh, Dev-Umgebung und darüber geht es dann. 02:58:05.340 --> 02:58:09.100 Ja, okay, gut. Ja, irgendwo muss er ja auch was speichern, wahrscheinlich geht es deswegen dann auch nicht. 02:58:09.100 --> 02:58:10.040 Aber. 02:58:10.140 --> 02:58:20.980 Und manche Sachen brauchen ja auch wirklich auf dem Rechner, Datei, Operationen und so, also, ähm, ja, aber so, an sich ist das schon, es ist schon cool genug, einfach das durchsuchen zu können und mit Code-Highlighting zu sehen und so. 02:58:20.980 --> 02:58:21.700 Absolut. 02:58:21.700 --> 02:58:22.460 Also, richtig genial. 02:58:22.460 --> 02:58:30.400 Ja, und das Ganze in Verknüpfung mit, äh, ich kann mal eben GitHub-Sachen mal eben schnell anschauen, ähm, sehr cool. 02:58:30.480 --> 02:58:42.300 Genau, also, ich hab ein Repository und ich such da drin nach was bestimmten, und klar kann ich die GitHub-Suche nutzen, aber das Code-Highlighting ist halt auch eher so, mäh, und, äh, ganz ehrlich, da geht's echt schneller, indem ich das da anhänge und es funktioniert einfach. 02:58:44.220 --> 02:58:51.520 Da ist ja dann auch, äh, ja, genau, das, das nächste, was man dann machen will, ist, äh, natürlich ein Change-Pushen oder das Forge. 02:58:51.520 --> 02:58:53.660 Und über diese Cloud-Lösung davon geht das eben auch. 02:58:53.660 --> 02:58:54.620 Ja. 02:58:54.620 --> 02:58:54.940 Ja. 02:58:54.940 --> 02:59:11.300 Und das geht auch wirklich mit Dateien, also, wenn ich jetzt mich auf GitHub schon durchgeklickt hab, irgendwie durch den Ordner und in die Datei rein und ich möchte die irgendwie mit schönem, äh, Highlighting sehen, kann ich auch in der URL direkt einfach GitHub-1s anhängen und es öffnet dann genau diese Datei. 02:59:11.300 --> 02:59:15.120 Ja, und die Suche, die Suche funktioniert halt auch so, wie man's erwarten würde. 02:59:15.120 --> 02:59:15.580 Ja, genau. 02:59:15.580 --> 02:59:18.400 Und die, äh, ich find die Suche in VS Code eigentlich auch ziemlich gut. 02:59:18.400 --> 02:59:21.720 Warte mal, kann ich da auch jetzt STRG-P machen? 02:59:21.720 --> 02:59:24.180 Mit der Pfeilsuche? 02:59:24.180 --> 02:59:24.800 Mhm. 02:59:24.800 --> 02:59:26.140 Ah, ja, genau. 02:59:26.140 --> 02:59:26.760 Ja, tatsächlich. 02:59:26.760 --> 02:59:27.800 Funktioniert wirklich genauso, ja. 02:59:27.800 --> 02:59:30.380 Ach, sehr cool. 02:59:30.380 --> 02:59:35.680 Aber was nicht geht, ist STRG-Shift-P, seh ich gerade für Commands, weil das öffnet im Firefox zumindest den privaten Modus. 02:59:35.680 --> 02:59:39.620 Äh, bei mir, ach so, aber bei mir geht das. 02:59:39.620 --> 02:59:44.740 Also in dem Fall ist das, ähm, ist das, äh, Command-Shift-P. 02:59:44.740 --> 02:59:46.320 Ja, das haben sie da nicht dran gedacht. 02:59:46.320 --> 02:59:51.480 In Chrome geht's bei mir auch, dann öffnet sich das, äh, Add Cursor-Above, dann diese, na, was man so kennt, diese Commands. 02:59:51.480 --> 02:59:54.520 In Firefox haben sie vergessen, das abzufangen und zu blocken. 02:59:54.520 --> 02:59:59.320 Oder vielleicht absichtlich sich entschieden, nicht die Browser-Funktionalität, ähm, kaputt zu machen. 03:00:00.220 --> 03:00:07.360 Oh, Vue.js ist ganz schön, ich gucke da jetzt zum ersten Mal rein, in den Code, also da ist, da ist, da ist ordentlich was. 03:00:07.360 --> 03:00:12.140 Gut, ich würde sagen. 03:00:12.140 --> 03:00:16.780 Ja, ich würde gerade sagen, Minifyt, ich stehe auf Minifyt, alles andere ist mir zu gut lesbar. 03:00:19.180 --> 03:00:22.920 Disziplin Minifyt und Base64 drüberjagen, damit's dann wieder aufgebläht wird. 03:00:24.760 --> 03:00:25.520 Sehr gut. 03:00:25.520 --> 03:00:32.120 Okay, ja, dann sind wir tatsächlich am Ende, nach drei Stunden. 03:00:32.120 --> 03:00:34.400 Ah, ich glaub, nicht ganz. 03:00:34.400 --> 03:00:35.660 Nicht ganz? Kommt noch was? 03:00:35.660 --> 03:00:41.380 Aber, aber die haben die, die drei Stunden mag, ich glaub, die haben wir, der Essen bestellen ist jetzt dann auch wieder nix mehr, ne? 03:00:41.380 --> 03:00:42.860 Ah, Mist, sorry. 03:00:42.860 --> 03:00:45.080 Ich werd gleich noch den Kühlschrank kühlen. 03:00:45.080 --> 03:00:49.320 Ja, ich werd gleich noch einen Kühlschrank klauen. 03:00:52.320 --> 03:01:05.980 Nee, ähm, mich würde noch interessieren, jetzt so zum Schluss, äh, wir haben zwar jetzt eine Twitter-Umfrage gemacht mit, ähm, mit Merch, wie seht ihr das? 03:01:05.980 --> 03:01:16.920 Also, wenn ihr das jetzt hört, findet ihr irgendwie T-Shirts auch okay? Schreibt das mal in die Kommentare, würde mich echt interessieren, wie, wie ihr so zu Merch steht, ähm, wie ihr auch zu den Preisen steht. 03:01:16.920 --> 03:01:23.320 Also, ich bin eher so auf dem, auf dem Dampfer, ähm, lieber ein bisschen teurer und dafür gute Qualität und vielleicht auch nachhaltig. 03:01:23.320 --> 03:01:27.580 Also, jetzt irgendwie so ein 10-Euro-Hoodie und dann ist aber halt auch, blättert alles ab nach dem ersten Waschen und so. 03:01:27.580 --> 03:01:28.700 Ja, und außerdem. 03:01:28.700 --> 03:01:30.440 Und auch vom Tragekomfort und so. 03:01:30.440 --> 03:01:31.900 Ja, also. 03:01:31.900 --> 03:01:32.800 Schon was Gescheites. 03:01:32.800 --> 03:01:36.580 Wahrscheinlich, wahrscheinlich habt ihr gar nicht die Wahl, merke ich gerade, weil wenn der Konstantin und ich uns einstellt. 03:01:36.580 --> 03:01:38.940 Ja, eben, also bei uns gibt's kein Ramsch. 03:01:38.940 --> 03:01:40.680 Also, es wird. 03:01:40.680 --> 03:01:43.100 Nee, wo wir sind, ist, wo wir sind halt vorne und nicht Ramsch. 03:01:43.100 --> 03:01:43.380 Eben. 03:01:44.640 --> 03:01:46.920 Das ist doch logisch. 03:01:46.920 --> 03:01:51.300 Jetzt, jetzt, jetzt ist es wieder, jetzt ist es wieder, man merkt schon jetzt mal wieder, es ist jetzt, glaube ich, gut. 03:01:51.300 --> 03:01:52.920 Ich glaube auch. 03:01:52.920 --> 03:01:54.780 Hast du noch was? 03:01:54.780 --> 03:01:58.380 Ich habe nichts mehr und, äh, deshalb würde ich sagen. 03:01:58.380 --> 03:02:00.380 Aber du hast das letzte Wort. 03:02:00.380 --> 03:02:03.520 Ich habe das letzte Wort heute, äh, bleibt anständig. 03:02:03.520 --> 03:02:04.020 Ja. 03:02:14.640 --> 03:02:34.660 Ich habe nichts mehr und, äh, bleibt anständig.