{"version":"1.0.0","segments":[{"speaker":null,"startTime":0,"endTime":4.42,"body":" Wo wir sind, ist vorne, Folge 56. Heute geht's ganz kurz. Versprochen."},{"speaker":null,"startTime":4.42,"endTime":23.5,"body":" Herzlich willkommen bei Wo wir sind, ist vorne. Frontend-Fakten-Frotzeleien."},{"speaker":null,"startTime":23.5,"endTime":27.52,"body":" Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung."},{"speaker":null,"startTime":30,"endTime":39.24,"body":" Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gie\u00dfmann und JavaScript-Jongleur Konstantin Gro\u00df."},{"speaker":null,"startTime":39.24,"endTime":55.8,"body":" Hallihallo Hall\u00f6hle."},{"speaker":null,"startTime":55.8,"endTime":56.7,"body":" Hallo."},{"speaker":null,"startTime":56.7,"endTime":57.84,"body":" Erinnerst du dich noch?"},{"speaker":null,"startTime":57.84,"endTime":59.12,"body":" Was?"},{"speaker":null,"startTime":59.12,"endTime":61.62,"body":" An die Spinat-Werbung mit Verona Poth."},{"speaker":null,"startTime":61.62,"endTime":64.6,"body":" Nee, tats\u00e4chlich nicht."},{"speaker":null,"startTime":64.6,"endTime":72.2,"body":" Passt ganz gut zu Retro, weil heute wird's haupts\u00e4chlich Retro geben und dein DJ-Set wird Retro."},{"speaker":null,"startTime":72.2,"endTime":74.48,"body":" Und deswegen dachte ich, steig ich an die Anruhe ein."},{"speaker":null,"startTime":74.48,"endTime":77.76,"body":" Das wird vor allem auch richtig schlecht, aber es wird auch Retro."},{"speaker":null,"startTime":77.76,"endTime":78.98,"body":" Deswegen ist es ja richtig geil."},{"speaker":null,"startTime":78.98,"endTime":86.96,"body":" Ja, es war heute alles ein bisschen anders geplant, aber es gibt heute, damit wir nicht noch l\u00e4nger euch hier auf gl\u00fchenden Kohlen sitzen lassen,"},{"speaker":null,"startTime":86.96,"endTime":91.34,"body":" weil ich wei\u00df, dass ihr uns alle ganz doll vermisst habt und ganz arg drauf gewartet habt."},{"speaker":null,"startTime":91.34,"endTime":97.76,"body":" Also es hat tats\u00e4chlich schon jemand gemeint, wann gibt's dann mal endlich wieder eine Folge extra in den Stream gekommen, um zu gucken, wann's mal wieder eine neue Podcast-Folge gibt."},{"speaker":null,"startTime":98.18,"endTime":101.84,"body":" Und damit wir euch nicht entt\u00e4uschen, gibt's jetzt eine kurze Folge."},{"speaker":null,"startTime":101.84,"endTime":108.58,"body":" Eigentlich wollten wir mit unserem HTML-Ged\u00f6ns mal weitermachen und das kommt auch noch, versprochen, weil wir haben auch schon Leute nachgefragt."},{"speaker":null,"startTime":108.58,"endTime":111.88,"body":" Und auf Grid warten die Leute und das kommt alles noch."},{"speaker":null,"startTime":111.96,"endTime":116.28,"body":" Aber heute gibt's einfach einen Zwischenruf."},{"speaker":null,"startTime":116.84,"endTime":118.4,"body":" Und wir melden uns, dass wir wieder da sind."},{"speaker":null,"startTime":118.4,"endTime":119.34,"body":" Eine Property gibt's auch noch."},{"speaker":null,"startTime":119.34,"endTime":121.54,"body":" Und genau."},{"speaker":null,"startTime":121.54,"endTime":122.64,"body":" Hast du was zu trinken?"},{"speaker":null,"startTime":122.64,"endTime":126.9,"body":" Ja, ich hab hier, ich hab hier Clubomato."},{"speaker":null,"startTime":126.9,"endTime":129.64,"body":" Gar nichts, nichts Unspektakul\u00e4res."},{"speaker":null,"startTime":129.64,"endTime":131.08,"body":" Also nichts Spektakul\u00e4res."},{"speaker":null,"startTime":131.08,"endTime":132.36,"body":" Gar nichts Unspektakul\u00e4res."},{"speaker":null,"startTime":132.36,"endTime":137.66,"body":" Aber ich sch\u00fcttel sie gerne, die ist leider schon offen, aber ich sch\u00fcttel sie gerne noch mal so ein bisschen, damit wir noch ein kleines Ger\u00e4usch haben."},{"speaker":null,"startTime":137.66,"endTime":138.14,"body":" Also warte."},{"speaker":null,"startTime":138.14,"endTime":139.3,"body":" Ich hab auch nichts Unspektakul\u00e4res."},{"speaker":null,"startTime":139.3,"endTime":140.32,"body":" Ich hab auch nichts Unspektakul\u00e4res."},{"speaker":null,"startTime":140.32,"endTime":142.16,"body":" Ich hab Fritz Spritz Biotraubenschorde."},{"speaker":null,"startTime":142.7,"endTime":144.24,"body":" Boah, das klingt gut."},{"speaker":null,"startTime":144.24,"endTime":145.44,"body":" Oh, zeig mal, zeig mal."},{"speaker":null,"startTime":145.44,"endTime":148.92,"body":" Ah, das ist so eine violette Flasche."},{"speaker":null,"startTime":148.92,"endTime":149.72,"body":" Sch\u00f6n."},{"speaker":null,"startTime":149.72,"endTime":156.14,"body":" Also wenn ihr sehen k\u00f6nntet, was der Konstantin da f\u00fcr ein Flaschen\u00f6ffner hat."},{"speaker":null,"startTime":156.14,"endTime":158.4,"body":" Das ist ja ein ..."},{"speaker":null,"startTime":158.4,"endTime":160.32,"body":" Okay, gut, er verschwendet jetzt erstmal alles."},{"speaker":null,"startTime":160.32,"endTime":166.58,"body":" Aber der Flaschen\u00f6ffner, das ist so einer, mit dem du auch so Gl\u00e4ser aufmachen kannst."},{"speaker":null,"startTime":166.58,"endTime":168.54,"body":" Wir haben so ein Gummig am Rand und so zack."},{"speaker":null,"startTime":168.54,"endTime":170.06,"body":" Und sieht super verrostet aus."},{"speaker":null,"startTime":170.06,"endTime":171.1,"body":" Ich wei\u00df nicht, ob das jetzt nur so ..."},{"speaker":null,"startTime":171.1,"endTime":172.52,"body":" Der ist von meiner Oma noch."},{"speaker":null,"startTime":172.7,"endTime":174.64,"body":" Das ist ein Wahnsinnsger\u00e4t."},{"speaker":null,"startTime":174.64,"endTime":177.26,"body":" Ich glaub, damit kannst du auch Einbrecher fernhalten und so."},{"speaker":null,"startTime":177.26,"endTime":177.8,"body":" Das ist von Schie\u00dfend, ja."},{"speaker":null,"startTime":177.8,"endTime":180.1,"body":" Und Eispickel und das ist, glaub ich, alles ..."},{"speaker":null,"startTime":180.1,"endTime":182.14,"body":" Ja, da kannst du, guck mal hier, da ist ein Dorn dran."},{"speaker":null,"startTime":182.14,"endTime":185.62,"body":" Da kannst du L\u00f6cher reinmachen, damit das dann so klackt."},{"speaker":null,"startTime":185.62,"endTime":186.64,"body":" L\u00f6cher in die Einbrecher."},{"speaker":null,"startTime":186.64,"endTime":188.62,"body":" L\u00f6cher in die Einbrecher notfalls auch."},{"speaker":null,"startTime":188.62,"endTime":192.8,"body":" Genau, ja, also da kannst du auch Frisbee mitspielen, glaub ich, und als Boomerang verwenden."},{"speaker":null,"startTime":192.8,"endTime":195.82,"body":" Ich glaub, auch damit kannst du den Mount Everest besteigen."},{"speaker":null,"startTime":195.82,"endTime":197.02,"body":" Wahrscheinlich, wahrscheinlich."},{"speaker":null,"startTime":197.02,"endTime":198.5,"body":" Also von innen."},{"speaker":null,"startTime":198.5,"endTime":199.66,"body":" Deswegen hab ich den."},{"speaker":null,"startTime":200.36,"endTime":202.14,"body":" Lass uns den Mount Everest von innen besteigen."},{"speaker":null,"startTime":202.14,"endTime":205.52,"body":" Ich mach jetzt noch hier ein bisschen Rabatz und hoffe, dass es bei mir jetzt nicht so arg sch\u00e4umt,"},{"speaker":null,"startTime":205.52,"endTime":209.64,"body":" weil ich muss jetzt echt aufpassen, weil ich hab extra ein bisschen gesch\u00fcttelt, weil sie ..."},{"speaker":null,"startTime":209.64,"endTime":209.82,"body":" Uh."},{"speaker":null,"startTime":209.82,"endTime":212.02,"body":" Ja, nicht, dass du das gleiche Problem hast wie ich."},{"speaker":null,"startTime":212.02,"endTime":213.86,"body":" Nee, ich warte jetzt noch kurz."},{"speaker":null,"startTime":213.86,"endTime":215.62,"body":" Okay."},{"speaker":null,"startTime":217.1,"endTime":221.76,"body":" Ja, gut, also, ja, mach mal Retro, oder?"},{"speaker":null,"startTime":221.76,"endTime":227.12,"body":" Genau, heute ist kurz, ohne Thema, aber mit Retro und mit Property und mit Geilteil."},{"speaker":null,"startTime":227.12,"endTime":228.6,"body":" So, nochmal ganz kurz."},{"speaker":null,"startTime":228.6,"endTime":229.26,"body":" Sehr sch\u00f6n."},{"speaker":null,"startTime":229.26,"endTime":230.56,"body":" Damit ihr Geilteil haben wir auch."},{"speaker":null,"startTime":230.56,"endTime":231.6,"body":" Ja."},{"speaker":null,"startTime":231.6,"endTime":233.42,"body":" Dann nicht lang schnacken."},{"speaker":null,"startTime":240.3,"endTime":250.92,"body":" Ja, der erste Punkt ist ein bisschen so der Internationalit\u00e4t gewidmet."},{"speaker":null,"startTime":251.58,"endTime":267.58,"body":" Und zwar, weil jetzt in letzter Zeit, also, es hat angefangen, glaube ich, so mit der Beyond-Tallerrand, wo wir rausgefunden haben, dass jemand von den Philippiden uns h\u00f6rt, aber jetzt irgendwie auch noch jemand aus Schweden und \u00d6sterreich wei\u00df ich auch und Schweiz wei\u00df ich auch."},{"speaker":null,"startTime":267.58,"endTime":269.44,"body":" Und ich hab mich mega gefreut."},{"speaker":null,"startTime":269.44,"endTime":269.86,"body":" Und Spanien."},{"speaker":null,"startTime":269.86,"endTime":273.62,"body":" Also, Spanien war auch, hab ich sonst noch was vergessen?"},{"speaker":null,"startTime":273.62,"endTime":275.1,"body":" Schreibt uns mal."},{"speaker":null,"startTime":275.1,"endTime":278.24,"body":" Genau, schreibt uns mal einen Kommentar unter diese Folge."},{"speaker":null,"startTime":278.24,"endTime":280.18,"body":" Ich bin noch ein bisschen verschnupft, ich glaube, man h\u00f6rt es noch ein bisschen."},{"speaker":null,"startTime":280.18,"endTime":286.96,"body":" Schreibt uns einen Kommentar unter diese Folge, wenn ihr uns aus einem Land h\u00f6rt, au\u00dfer Deutschland, was wir jetzt noch nicht genannt haben."},{"speaker":null,"startTime":286.96,"endTime":288.92,"body":" Das w\u00fcrde uns sehr, sehr interessieren."},{"speaker":null,"startTime":288.92,"endTime":294.92,"body":" Also, einfach total toll, das mitzukriegen, dass wir H\u00f6rerInnen in so vielen verschiedenen Bereichen der Erde haben."},{"speaker":null,"startTime":294.92,"endTime":297.14,"body":" Und dass uns die Statistik auch nicht anl\u00fcgt, ne?"},{"speaker":null,"startTime":297.14,"endTime":300.54,"body":" Wir haben das ja schon gesehen, also, Philippinen tauchte da auf und Spanien tauchte da auf."},{"speaker":null,"startTime":300.54,"endTime":302.12,"body":" Und ich sage, das kann doch nicht sein."},{"speaker":null,"startTime":302.12,"endTime":304.88,"body":" Das ist nicht viel, aber es sind immer so ein paar Prozentchen."},{"speaker":null,"startTime":304.88,"endTime":306.36,"body":" Das sind alles Bots."},{"speaker":null,"startTime":306.36,"endTime":307.56,"body":" Aber ihr seid gar keine Bots."},{"speaker":null,"startTime":307.56,"endTime":313.84,"body":" Ja, aber auch so Geo-IP-Sachen, ich halte das auch f\u00fcr so halb so, ja, das ist, glaube ich, meistens auch so."},{"speaker":null,"startTime":313.84,"endTime":316.3,"body":" Aber es ist der Philippinen, Spanien, das hat schon, das war schon echt."},{"speaker":null,"startTime":316.3,"endTime":317.88,"body":" Ja, verr\u00fcckt, ne?"},{"speaker":null,"startTime":317.88,"endTime":321.78,"body":" Also, das freut mich und dich, glaube ich, auch sehr."},{"speaker":null,"startTime":321.78,"endTime":325.44,"body":" Und wir w\u00fcrden gerne noch mehr von euch h\u00f6ren, wo kommt ihr her?"},{"speaker":null,"startTime":325.56,"endTime":336.44,"body":" Das w\u00fcrde mich auch interessieren, wenn jemand von euch nicht Deutsch-Muttersprachler ist und uns zuh\u00f6rt, um vielleicht Deutsch zu lernen, also irgendwie tekaffin und versucht, Deutsch zu lernen."},{"speaker":null,"startTime":336.44,"endTime":338.14,"body":" Also, schreibt uns mal."},{"speaker":null,"startTime":338.14,"endTime":341.5,"body":" Schreibt uns mal so in die Kommentare, wer ihr seid, weil ihr kennt uns, wir kennen euch noch nicht."},{"speaker":null,"startTime":341.5,"endTime":343.04,"body":" Deutsch lernen mit Provisen ist vorne."},{"speaker":null,"startTime":343.04,"endTime":348.32,"body":" Ich habe jetzt bei dem letzten Treffen ge\u00e4ndert, aber erz\u00e4hlt doch mal was \u00fcber euch."},{"speaker":null,"startTime":348.32,"endTime":354.26,"body":" Ich habe tats\u00e4chlich auf diese Art versucht, ein bisschen Englisch zu lernen oder habe das eine Zeit lang mir reingezogen."},{"speaker":null,"startTime":354.26,"endTime":359.42,"body":" Und zwar habe ich damals geh\u00f6rt, Borg World, vielleicht kennt es noch der eine oder die andere."},{"speaker":null,"startTime":359.42,"endTime":366.2,"body":" War auch ein Web-Development-Podcast von Paul Borg."},{"speaker":null,"startTime":367.7,"endTime":369.22,"body":" Ich wei\u00df nicht, ob ich das noch richtig ausspreche."},{"speaker":null,"startTime":369.22,"endTime":370.4,"body":" Das ist schon sehr, sehr, sehr lange her."},{"speaker":null,"startTime":370.4,"endTime":372.66,"body":" Ich wei\u00df gar nicht, ob es den noch gibt."},{"speaker":null,"startTime":372.66,"endTime":375.18,"body":" Ich muss gerade mal kurz googeln."},{"speaker":null,"startTime":378.06,"endTime":385.56,"body":" Und das war halt so, ich konnte damals schon so ein bisschen Englisch, halt so Schulenglisch, aber das war halt dann so richtig britisch."},{"speaker":null,"startTime":385.56,"endTime":387.86,"body":" Und das war dann so f\u00fcr mich komplett neu."},{"speaker":null,"startTime":387.86,"endTime":398,"body":" Und ich erinnere mich noch, dass ein Kollege zu mir meinte, Mensch, irgendwie so, wenn du irgendwie noch die Sprache besser lernen willst, dann musst du einfach irgendwie Serien reinziehen oder Podcasts h\u00f6ren in der Sprache."},{"speaker":null,"startTime":398,"endTime":399.42,"body":" Und ich habe gesagt, hey, wie soll das gehen?"},{"speaker":null,"startTime":399.42,"endTime":400.54,"body":" Ich verstehe da kein Wort."},{"speaker":null,"startTime":400.54,"endTime":404.02,"body":" Wenn ich da miteinander spreche, hat er gemeint, das musst du einfach nur eine Weile durchziehen."},{"speaker":null,"startTime":404.34,"endTime":407.58,"body":" Immersion oder Immersion ist das Stichwort, also eintauchen."},{"speaker":null,"startTime":407.58,"endTime":414.42,"body":" Also einfach nur die Sprache auf dich reinprasseln lassen, weil wenn man mal genau \u00fcberlegt, ist es genau so, wie kleine Kinder auch ihre Muttersprache lernen."},{"speaker":null,"startTime":414.42,"endTime":416.7,"body":" Also einfach m\u00f6glichst viel in dieser Sprache baden."},{"speaker":null,"startTime":416.7,"endTime":417.8,"body":" Es ist so verr\u00fcckt."},{"speaker":null,"startTime":417.8,"endTime":427.42,"body":" Ich konnte das damals nicht glauben, weil ich habe Bauer World geh\u00f6rt und habe wirklich so jedes zwanzigste Wort verstanden."},{"speaker":null,"startTime":427.42,"endTime":433.34,"body":" Und das in einem Podcast, der sich mit meiner Profession besch\u00e4ftigt, wo ich gedacht habe, da verstehe ich irgendwie mehr."},{"speaker":null,"startTime":433.34,"endTime":436.2,"body":" Aber ich fand, es war f\u00fcr mich damals unfassbar schwer zu verstehen."},{"speaker":null,"startTime":436.32,"endTime":441.28,"body":" Aber es ist tats\u00e4chlich so, wenn man sich dem aussetzt f\u00fcr eine Weile, irgendwann kommt man rein."},{"speaker":null,"startTime":441.28,"endTime":444.56,"body":" Irgendwann kommt man immer tiefer rein und sagt, ah, stimmt das?"},{"speaker":null,"startTime":444.56,"endTime":448.4,"body":" Und in dem Zusammenhang, ah, vielleicht meint er das, ah, der spricht das so aus."},{"speaker":null,"startTime":448.4,"endTime":456.28,"body":" Also das kann ich nur extrem empfehlen, wenn man irgendwie eine Sprache lernen will, dass man sich der einfach aussetzt, auch wenn man es nicht versteht zun\u00e4chst."},{"speaker":null,"startTime":456.28,"endTime":457.92,"body":" Man kommt da dann irgendwie langsam rein."},{"speaker":null,"startTime":458.7,"endTime":462.74,"body":" Also ich glaube nicht, dass es funktioniert, wenn man gar keine Vokabeln kennt in der Sprache."},{"speaker":null,"startTime":462.74,"endTime":464.68,"body":" Da sollte man schon ein bisschen Grundwissen haben."},{"speaker":null,"startTime":464.68,"endTime":468.32,"body":" Dann braucht man zumindest irgendwie Bilder, glaube ich, dazu, damit man das verkn\u00fcpfen kann."},{"speaker":null,"startTime":468.32,"endTime":473.48,"body":" Aber genauso habe ich auch fr\u00fcher Star Trek Next Generation geschaut."},{"speaker":null,"startTime":473.48,"endTime":477.22,"body":" Da war mein Englisch auch noch deutlich schlechter, habe ich am Anfang auch nichts verstanden."},{"speaker":null,"startTime":477.22,"endTime":478.84,"body":" Aber ich kannte das Star Trek auf Deutsch."},{"speaker":null,"startTime":478.84,"endTime":481.16,"body":" Das war n\u00e4mlich schon mal ein Vorteil."},{"speaker":null,"startTime":481.16,"endTime":484.56,"body":" Also das hei\u00dft, so ein paar Worte, so spezifische Worte, die kannte man."},{"speaker":null,"startTime":484.56,"endTime":487.22,"body":" Und dachte, ah, okay, das klingt irgendwie so \u00e4hnlich, das ist wahrscheinlich das."},{"speaker":null,"startTime":487.34,"endTime":491.9,"body":" Und dann, nachdem du irgendwie 20 Folgen geschaut hast, bist du dann total drin irgendwie."},{"speaker":null,"startTime":491.9,"endTime":501.08,"body":" Und ja, also schreibt uns, um es nochmal kurz zu machen, schreibt uns mal, wo ihr herkommt, von wo aus ihr uns h\u00f6rt."},{"speaker":null,"startTime":501.08,"endTime":502.34,"body":" Das w\u00fcrde mich sehr interessieren."},{"speaker":null,"startTime":502.34,"endTime":503.12,"body":" Ja."},{"speaker":null,"startTime":503.12,"endTime":510.64,"body":" Gut, ich habe gerade eben schon angesprochen, Treffen, dass wir beim Treffen das ge\u00e4ndert haben so ein bisschen, dass nur ihr uns kennt und wir euch nicht."},{"speaker":null,"startTime":510.8,"endTime":514.88,"body":" Und es gibt noch ein n\u00e4chstes Treffen, das jetzt geplant ist."},{"speaker":null,"startTime":514.88,"endTime":516.9,"body":" Und zwar in Karlsruhe."},{"speaker":null,"startTime":516.9,"endTime":521.82,"body":" Und das hat Bugs Bunny hat das initiiert, einer unserer Stream-Zuschauer."},{"speaker":null,"startTime":521.82,"endTime":531.68,"body":" Und wir w\u00fcrden uns freuen, wenn ihr am 27.05., das ist ein Samstag, also wenn der Podcast erscheint, vermutlich eine Woche sp\u00e4ter."},{"speaker":null,"startTime":532.64,"endTime":536.86,"body":" Oder ein bisschen weniger, das ist jetzt ein bisschen knapp, aber wir hoffen, dass trotzdem noch ein paar vielleicht kommen."},{"speaker":null,"startTime":536.86,"endTime":540.94,"body":" Und wir packen euch den Link in die Shownotes, wo ihr euch einfach in so eine Liste eintragen k\u00f6nnt."},{"speaker":null,"startTime":541.46,"endTime":547.44,"body":" Also notfalls sind wir auch zu dritt, ist auch kein Problem, aber w\u00e4re nat\u00fcrlich sch\u00f6n, wenn wir noch ein paar mehr kommen w\u00fcrden."},{"speaker":null,"startTime":547.44,"endTime":555.2,"body":" Wenn ihr irgendwie in der N\u00e4he von Karlsruhe wohnt oder auch mal Lust habt, irgendwie f\u00fcr einen Samstagabend herzufahren, dann tragt euch gerne eine eigene Liste."},{"speaker":null,"startTime":555.2,"endTime":560,"body":" Oder nutzt das nochmal die Gelegenheit f\u00fcr einen Tagesausflug nach Karlsruhe. Karlsruhe ist sehr sch\u00f6n."},{"speaker":null,"startTime":560,"endTime":565.16,"body":" Jetzt seitdem die ganzen Baustellen in der Innenstadt auch nicht mehr so, ah, da kommen jetzt wieder neue, gell."},{"speaker":null,"startTime":565.34,"endTime":568.34,"body":" Ja, ja, verkaufs nicht so gut, also."},{"speaker":null,"startTime":568.34,"endTime":576.18,"body":" Seitdem die U-Bahn fertig ist, ist es auch wieder sehr schick hier und irgendwie mal ein bisschen flanieren."},{"speaker":null,"startTime":576.18,"endTime":579.08,"body":" Es gibt zwar keine L\u00e4den mehr, aber."},{"speaker":null,"startTime":579.08,"endTime":583.14,"body":" Es gibt nur noch Fressl\u00e4den, es gibt keine, ja, egal."},{"speaker":null,"startTime":583.14,"endTime":589.16,"body":" Nee, es stimmt, es steht viel leer tats\u00e4chlich in der Fu\u00dfg\u00e4ngerzone mittlerweile, weil da kommt bestimmt irgendwas nochmal rein."},{"speaker":null,"startTime":589.6,"endTime":595.68,"body":" Und au\u00dferdem kommt ihr haupts\u00e4chlich wegen uns. Aber das Schloss ist sehr sch\u00f6n, der Schlossgarten ist sch\u00f6n, der Zoo, der Stadtgarten ist sehr sch\u00f6n."},{"speaker":null,"startTime":595.68,"endTime":597.9,"body":" Also es gibt schon auch viele sch\u00f6ne Ecken."},{"speaker":null,"startTime":597.9,"endTime":603.9,"body":" Genau, also Karlsruhe ist schon eine sch\u00f6ne Stadt und vielleicht wird das ja auch ein sch\u00f6ner Sommertag."},{"speaker":null,"startTime":603.9,"endTime":609.62,"body":" W\u00fcrde mich jetzt nicht wundern, bei dem Datum so irgendwie so Ende Mai k\u00f6nnte ein sch\u00f6ner Sommertag werden."},{"speaker":null,"startTime":609.62,"endTime":614.04,"body":" Also lohnt es sich vielleicht auch einfach mal f\u00fcr ein Wochenende herzukommen oder so und dann kommt ihr einfach uns auch mal besucht."},{"speaker":null,"startTime":614.04,"endTime":621.48,"body":" Und genaue Infos gibt es nat\u00fcrlich dann noch \u00fcber die diversen Kan\u00e4le, wann und wo, beziehungsweise das Wann wissen wir eigentlich auch schon."},{"speaker":null,"startTime":621.48,"endTime":630.26,"body":" Wir wollten ins Hotel Santo, die haben eine gute Cocktailbar und genaue Uhrzeit und so weiter, das kriegt ihr dann \u00fcber diverse Kan\u00e4le mit."},{"speaker":null,"startTime":630.26,"endTime":634.7,"body":" Genau, also Mastodon, Twitter vielleicht auch noch."},{"speaker":null,"startTime":634.7,"endTime":639.8,"body":" Es wird auf jeden Fall in dem Dokument, da werden wir es auch reinschreiben."},{"speaker":null,"startTime":639.8,"endTime":642.4,"body":" Also da werden die genauen Daten auch dann drinstehen."},{"speaker":null,"startTime":642.4,"endTime":643.88,"body":" Genau."},{"speaker":null,"startTime":643.88,"endTime":645.98,"body":" Dann, schon wieder da."},{"speaker":null,"startTime":645.98,"endTime":659.2,"body":" Dann m\u00fcsst ihr euch zu dem Dokument nochmal, das ist so auf dem Etherpad basierendes Ding, da m\u00fcsst ihr euch nicht anmelden oder irgendwas, das ist einfach so ein Dokument, da k\u00f6nnt ihr einfach euch reinschreiben und gut ist, ganz easy."},{"speaker":null,"startTime":659.2,"endTime":663.32,"body":" Okay, dann haben wir gleich das n\u00e4chste Treffen."},{"speaker":null,"startTime":663.54,"endTime":668.7,"body":" Genau, und zwar, ja, nicht nur Treffen, sondern auch, wir machen da was."},{"speaker":null,"startTime":668.7,"endTime":675.9,"body":" Und zwar sind wir, das haben wir auch schon angek\u00fcndigt, aber im Podcast glaube ich noch nicht, wir sind auf der Gulaschprogrammiernacht dieses Jahr, auch in Karlsruhe."},{"speaker":null,"startTime":675.9,"endTime":682.22,"body":" Das ist eine Veranstaltung, wer sie nicht kennt, die geht vier Tage lang, ist im ZKM hier, das Zentrum f\u00fcr Kunst und Medien."},{"speaker":null,"startTime":683.22,"endTime":694.62,"body":" Und ist ein relativ gro\u00dfes Ding, es gibt sehr viele Parallelveranstaltungen auch, was sind es denn hier, eins, zwei, drei, vier, f\u00fcnf, sechs, sieben, acht Tracks."},{"speaker":null,"startTime":695.3,"endTime":710.54,"body":" Krass, aber es ist alles so ein bisschen, es ist teilweise auch zeitversetzt, teilweise parallel und es ist einfach irgendwie, ja, ist auch nicht so, dass man jetzt da strikt von vorne bis hinten dabei sein muss, sondern man pickt sich mal was raus, ach, das klingt interessant."},{"speaker":null,"startTime":710.72,"endTime":718.38,"body":" Und es gibt auch so ein Hacking-Space und es ist auch drau\u00dfen und es gibt Gulasch nat\u00fcrlich, deswegen hei\u00dft es den Gulaschprogrammierner."},{"speaker":null,"startTime":718.38,"endTime":723.66,"body":" Vielleicht muss man dazu sagen, dass das vom Chaos Computer Club in Karlsruhe organisiert ist von Entropia."},{"speaker":null,"startTime":723.66,"endTime":736.98,"body":" Also es ist eine Chaos-Veranstaltung, wer den Chaos Communication Congress kennt, das ist so \u00e4hnlich, nur in eine deutliche Nummer kleiner und um Spenden wird gebeten, aber es kostet, glaube ich, auch keinen Eintritt."},{"speaker":null,"startTime":738.24,"endTime":744.02,"body":" Genau, also kostenlos gibt es sogar, ist sogar das Bahnticket mit drin, also Hin- und R\u00fcckfahrt an jedem der Konferenztage mit der Bahn."},{"speaker":null,"startTime":744.02,"endTime":749.6,"body":" Also innerhalb von Karlsruhe, logischerweise, also \u00d6PNV oder Bus."},{"speaker":null,"startTime":749.6,"endTime":764.1,"body":" Genau, und da geht es alles m\u00f6gliche, hier geht es um LED-Strips, Everywhere for Everyone ist ein Ding und irgendwelche mit Raspberry Pi was und Elektronik-Design, also es ist schon sehr technisch, genau."},{"speaker":null,"startTime":764.1,"endTime":767.94,"body":" Und wir sind da auch, Samstagabend, am 10. Juni."},{"speaker":null,"startTime":767.94,"endTime":769.88,"body":" Samstagabend 20.45 Uhr."},{"speaker":null,"startTime":769.88,"endTime":772.08,"body":" Samstagabend 20.45 Uhr, aktuell, vielleicht schiebt sich's nochmal."},{"speaker":null,"startTime":772.08,"endTime":777.22,"body":" Genau, dieser Fahrplan, der \u00e4ndert sich auch vielleicht nochmal, er hat sich schon mindestens einmal ge\u00e4ndert."},{"speaker":null,"startTime":777.22,"endTime":782.98,"body":" Schaut einfach nach, wo wir sind, ist vorne in dem Bahn, da findet ihr uns schon."},{"speaker":null,"startTime":783.16,"endTime":786.44,"body":" Wir haben es mal genannt, War Wars, A New Scope."},{"speaker":null,"startTime":786.44,"endTime":788.94,"body":" Best of, wo wir sind, ist vorne live."},{"speaker":null,"startTime":788.94,"endTime":791.18,"body":" Auch lange gesessen an dem Titel."},{"speaker":null,"startTime":791.18,"endTime":796.64,"body":" Ja, lange an dem Titel gesessen und daf\u00fcr hatten wir dann keine Zeit mehr vorzubereiten, was wir da eigentlich machen."},{"speaker":null,"startTime":797.2,"endTime":806.44,"body":" Aber wir haben tats\u00e4chlich uns vorgenommen, so ein kleines Best of zu machen, auch vielleicht ein paar Demos zu zeigen, aber gleichzeitig auch eine Podcast-Folge da dann aufzunehmen, die dann auch ver\u00f6ffentlicht wird."},{"speaker":null,"startTime":807.5,"endTime":813.8,"body":" Der Fokus wird allerdings mehr auf, wir sind auf einer B\u00fchne liegen und wir sind da bei einer Veranstaltung."},{"speaker":null,"startTime":813.8,"endTime":821.46,"body":" Das hei\u00dft, ich bin mir nicht so sicher, ob der Podcast dann wirklich f\u00fcr Menschen, die nicht vor Ort sind, so super entertaining wird, vielleicht schon."},{"speaker":null,"startTime":821.46,"endTime":824.86,"body":" Muss man einfach mal gucken, was das dann wird."},{"speaker":null,"startTime":824.86,"endTime":830.3,"body":" Ich habe schon solche Podcasts von anderen Formaten geh\u00f6rt, wo ich dann so dachte, die sind alle betrunken."},{"speaker":null,"startTime":830.3,"endTime":833.32,"body":" Wie soll ich denn jetzt das ertragen, ohne auch betrunken zu sein?"},{"speaker":null,"startTime":833.32,"endTime":835.46,"body":" Und dann habe ich mich betrunken und dann ging's."},{"speaker":null,"startTime":835.46,"endTime":839.3,"body":" Ich habe zumindest die Hoffnung, dass wir den Applaus dann nicht vom Soundboard einspielen m\u00fcssen."},{"speaker":null,"startTime":839.3,"endTime":841.76,"body":" Achso, das m\u00fcssen wir noch drauf."},{"speaker":null,"startTime":841.76,"endTime":847.72,"body":" Ja, wer wei\u00df, vielleicht aber die Buh-Rufe, die kommen vielleicht dann auch."},{"speaker":null,"startTime":847.72,"endTime":849.74,"body":" Oder dass wir die \u00fcberspielen m\u00fcssen, mal gucken."},{"speaker":null,"startTime":849.74,"endTime":862.2,"body":" Genau, wir machen ein buntes Potpourri an lustigen Sachen, wo wir uns auch \u00fcberlegt haben, so ein bisschen Browser kaputt spielen, so was passt zu einem Chaos-Event-Hacking, passt da dazu."},{"speaker":null,"startTime":862.2,"endTime":864.32,"body":" M\u00fcssen wir mal schauen, was wir in dieser Richtung schon gemacht haben."},{"speaker":null,"startTime":864.32,"endTime":867.7,"body":" Ein paar Demos zeigen, wo der Moritz versucht hat, irgendwie alles kaputt zu machen, erfolgreich."},{"speaker":null,"startTime":867.7,"endTime":870.82,"body":" Das habe ich ja eigentlich, so richtig habe ich es ja noch nie geschafft."},{"speaker":null,"startTime":870.82,"endTime":873.14,"body":" Ja, aber sch\u00f6n bunt war es zumindest."},{"speaker":null,"startTime":873.14,"endTime":875.24,"body":" Sch\u00f6n bunt war es, sch\u00f6n bunt war es, genau."},{"speaker":null,"startTime":875.24,"endTime":877.84,"body":" Hat nicht geklappt, aber sch\u00f6n bunt war es."},{"speaker":null,"startTime":879.68,"endTime":881.14,"body":" Das w\u00e4re auch ein T-Shirt-Spruch."},{"speaker":null,"startTime":881.14,"endTime":884.6,"body":" Punkt, Punkt, Punkt, aber sch\u00f6n bunt war es."},{"speaker":null,"startTime":884.6,"endTime":888.06,"body":" Oder auch, hat nicht geklappt, aber sch\u00f6n bunt war es."},{"speaker":null,"startTime":888.06,"endTime":890.74,"body":" Sehr gut."},{"speaker":null,"startTime":890.74,"endTime":894.82,"body":" Ja, da w\u00fcrden wir uns extrem freuen, wenn ihr da kommen w\u00fcrdet."},{"speaker":null,"startTime":896.38,"endTime":904.28,"body":" Also, wie gesagt, das ist am 10. Juni, Samstag, den 10. Juni, um 20.45 Uhr zur Primetime im blauen Salon."},{"speaker":null,"startTime":904.28,"endTime":906.76,"body":" Zumindest ist das jetzt derzeit auf dem Plan."},{"speaker":null,"startTime":906.76,"endTime":912.82,"body":" Das ist einer dieser Vortragsr\u00e4ume, da kommt ihr einfach vorbei und ja, genau."},{"speaker":null,"startTime":912.82,"endTime":915.78,"body":" Habt Spa\u00df und treffen wir uns auch noch."},{"speaker":null,"startTime":915.78,"endTime":917.72,"body":" Und man trifft sich danach und davor dort, genau."},{"speaker":null,"startTime":918.38,"endTime":924.46,"body":" Ja, und dann, wir bleiben auch bei der GPN noch kurz, weil du machst ja auch noch was."},{"speaker":null,"startTime":924.46,"endTime":929.86,"body":" Ja, wir hatten ja, das war ja auch, glaube ich, im Podcast, haben wir auch dar\u00fcber gesprochen,"},{"speaker":null,"startTime":929.86,"endTime":937.46,"body":" ich habe mich f\u00fcr ein DJ-Set beworben bei der GPN, weil das ging auch, die haben nicht nur einen Call for Papers,"},{"speaker":null,"startTime":937.46,"endTime":942.18,"body":" die haben auch so einen Call for DJs oder so, wei\u00df ich nicht, ob man das so nennt, ob das so hie\u00df, gehabt."},{"speaker":null,"startTime":942.18,"endTime":946.18,"body":" Und ich habe schon seit vielen, vielen Jahren immer mal wieder gedacht, das w\u00e4re doch geil, mal aufzulegen,"},{"speaker":null,"startTime":946.88,"endTime":958.04,"body":" aber nicht irgendwas, sondern halt so 90er-Euro-Dance-Trash-Kram, einfach weil ich daf\u00fcr ein Herz habe."},{"speaker":null,"startTime":958.04,"endTime":964.78,"body":" Also, und andere w\u00fcrden das nennen Guilty Pleasures oder sowas wie, ja, das darf man sich ja nicht trauen,"},{"speaker":null,"startTime":964.78,"endTime":966.62,"body":" zu sagen, dass man sowas gut findet."},{"speaker":null,"startTime":966.62,"endTime":972.3,"body":" Ich finde es total gut, ich habe da mega Spa\u00df dran und genau, habe ich mich da beworben."},{"speaker":null,"startTime":972.3,"endTime":976.32,"body":" Und trotz, dass ich das noch nie gemacht habe, darf ich tats\u00e4chlich da auflegen."},{"speaker":null,"startTime":976.32,"endTime":980.36,"body":" Allerdings ist da der Slot nicht ganz so Premium."},{"speaker":null,"startTime":980.36,"endTime":986.38,"body":" Das ist dann Donnerstags, also den 8. Juni, das ist allerdings ein Feiertag."},{"speaker":null,"startTime":986.38,"endTime":988.12,"body":" Ja, Feiertag, da k\u00f6nnt ihr alle kommen."},{"speaker":null,"startTime":988.12,"endTime":989.5,"body":" Da k\u00f6nnt ihr alle kommen."},{"speaker":null,"startTime":989.5,"endTime":999.68,"body":" Drau\u00dfen beim Gulasch, also bei der K\u00fcche, von 15 bis 17 Uhr gibt es von mir Trash-90er-Euro-Dance und Guilty Pleasure."},{"speaker":null,"startTime":999.68,"endTime":1006.88,"body":" Musik. Und wer sich nichts darunter vorstellen kann, das ist dann irgendwie so Bl\u00fcmchen, Backstreet Boys,"},{"speaker":null,"startTime":1006.88,"endTime":1008.9,"body":" Celine, Spiers."},{"speaker":null,"startTime":1008.9,"endTime":1017.28,"body":" Genau, so, NSYNC und was sonst noch mir so einf\u00e4llt an merkw\u00fcrdiger Musik aus dieser Zeit"},{"speaker":null,"startTime":1017.28,"endTime":1022.44,"body":" oder vielleicht auch noch \u00c4lteres oder irgendwie mitkr\u00f6lbares, wof\u00fcr man sich so ein bisschen sch\u00e4mt,"},{"speaker":null,"startTime":1022.5,"endTime":1026.94,"body":" aber das ist dann einfach okay. Das ist der Safe Space f\u00fcr die Guilty Pleasures."},{"speaker":null,"startTime":1026.94,"endTime":1029.1,"body":" Ihr d\u00fcrft da hinkommen und da d\u00fcrfen alle dann mitmachen."},{"speaker":null,"startTime":1029.1,"endTime":1032.68,"body":" Genau, da freue ich mich extrem drauf."},{"speaker":null,"startTime":1032.68,"endTime":1037.16,"body":" Ich habe keine Ahnung, das wird wahrscheinlich alles total schief gehen, weil ich das noch nie gemacht habe."},{"speaker":null,"startTime":1037.16,"endTime":1042.76,"body":" Ich habe mich jetzt im Vorfeld schon ein bisschen mit DJ Software und wie macht man denn sowas eigentlich?"},{"speaker":null,"startTime":1042.94,"endTime":1048.74,"body":" Und nat\u00fcrlich auch mit Hardware auseinandergesetzt und habe dann entschieden, nee, ich kaufe mir jetzt keine Hardware daf\u00fcr."},{"speaker":null,"startTime":1048.74,"endTime":1052.32,"body":" Ich habe mir schon so oft Hardware gekauft, die ich am Ende dann nur einmal verwendet habe oder so."},{"speaker":null,"startTime":1053.16,"endTime":1061.04,"body":" Diesmal bleibt es da tats\u00e4chlich irgendwie bei Audio Interface, was ich ja eh schon habe, Maus und Laptop und das soll es dann auch gewesen sein."},{"speaker":null,"startTime":1061.04,"endTime":1062.56,"body":" Und genau."},{"speaker":null,"startTime":1062.56,"endTime":1064.92,"body":" Ich bin sehr gespannt. Ich freue mich drauf."},{"speaker":null,"startTime":1064.92,"endTime":1070.68,"body":" Ja, und ich erst. Ich hoffe, dass ich, ich hoffe, dass das irgendwie halbwegs irgendwie \u00fcber die B\u00fchne bringen."},{"speaker":null,"startTime":1070.68,"endTime":1076.18,"body":" Aber es ist ja, wenn man sich ein bisschen mit Audio Technik schon auskennt, glaube ich, ist es nicht von Schaden."},{"speaker":null,"startTime":1076.18,"endTime":1078.44,"body":" Und dann schauen wir mal, was passiert."},{"speaker":null,"startTime":1079.58,"endTime":1084,"body":" Im Zweifelsfall bewirft mich die K\u00fcche da mit Essen. Ich habe geh\u00f6rt, wenn die K\u00fcche gl\u00fccklich ist, ist das super."},{"speaker":null,"startTime":1084,"endTime":1090.66,"body":" Und die Leute, die da in der Schlange stehen zum Essen und wenn die nicht happy sind, dann drehen die einem Saft ab oder so. Ich wei\u00df nicht genau."},{"speaker":null,"startTime":1090.66,"endTime":1096.54,"body":" Okay, ich habe noch einen richtigen Retro-Punkt."},{"speaker":null,"startTime":1096.54,"endTime":1100.52,"body":" Eigentlich haben wir ja gesagt, wir sprechen hier dr\u00fcber, was wir so gemacht haben in letzter Zeit."},{"speaker":null,"startTime":1100.52,"endTime":1102.58,"body":" Das war jetzt eigentlich eine Future-Retro."},{"speaker":null,"startTime":1102.58,"endTime":1105.9,"body":" Genau, das war alles nur so Ank\u00fcndigungszeug und gar keine Retro."},{"speaker":null,"startTime":1105.9,"endTime":1108.88,"body":" Aber es sind Dinge, die passiert sind, die wir dann ank\u00fcndigen wollten."},{"speaker":null,"startTime":1109.14,"endTime":1117.4,"body":" Jedenfalls habe ich im Stream schon mal gesagt, ich habe nachgefragt, ob ich meine Ideen habe."},{"speaker":null,"startTime":1117.4,"endTime":1119.8,"body":" Weil ich m\u00f6chte gerne so einen kleinen Service bauen."},{"speaker":null,"startTime":1119.8,"endTime":1122.52,"body":" Geht so ein bisschen um Mental Health und so."},{"speaker":null,"startTime":1122.52,"endTime":1126.68,"body":" Das haben wir, glaube ich auch, ich wei\u00df nicht, ob ich es hier schon mal auch besprochen habe im Zuge der BT-Conf."},{"speaker":null,"startTime":1127.64,"endTime":1129.48,"body":" Und ich will aber die Daten gar nicht speichern."},{"speaker":null,"startTime":1129.48,"endTime":1134.14,"body":" Ich will mich gar nicht um DSGVO k\u00fcmmern wollen und ich will auch gar keine Daten haben."},{"speaker":null,"startTime":1134.14,"endTime":1140.32,"body":" Also das sind ja auch teilweise dann wirklich pers\u00f6nliche Daten, wenn man so einen Mental Health Diary daf\u00fcr, die will ich gar nicht haben."},{"speaker":null,"startTime":1140.32,"endTime":1142.8,"body":" Ich will die gar nicht zu Geld machen und ich brauche die nicht."},{"speaker":null,"startTime":1142.8,"endTime":1143.88,"body":" Ich habe da gar kein Interesse dran."},{"speaker":null,"startTime":1143.88,"endTime":1145.5,"body":" Und jeder soll eigentlich seine Daten haben."},{"speaker":null,"startTime":1146.18,"endTime":1154.3,"body":" Und dann kam mir so die Idee, warum nicht so, jeder hat eigentlich schon so sein Cloud Storage, warum das nicht irgendwie einbinden."},{"speaker":null,"startTime":1154.7,"endTime":1157.68,"body":" Und habe dann geguckt, gibt es da APIs?"},{"speaker":null,"startTime":1157.68,"endTime":1158.7,"body":" Ja, die gibt es."},{"speaker":null,"startTime":1158.7,"endTime":1163.08,"body":" Dropbox, Google Drive, theoretisch auch iOS, iCloud."},{"speaker":null,"startTime":1163.08,"endTime":1166.66,"body":" Wenn man denn Lust hat, da irgendwie Geld zu bezahlen, was ich nicht habe."},{"speaker":null,"startTime":1166.66,"endTime":1168.66,"body":" Aber genau."},{"speaker":null,"startTime":1168.66,"endTime":1170.28,"body":" Und habe dann mal geguckt, geht es da nicht was?"},{"speaker":null,"startTime":1170.28,"endTime":1175.04,"body":" Und ich habe irgendwie nichts gefunden, wo man so out of the box sagen kann, hier verkn\u00fcpft das."},{"speaker":null,"startTime":1175.04,"endTime":1179.94,"body":" Und deswegen habe ich die Idee gehabt, das selber irgendwie so als Library zu schreiben."},{"speaker":null,"startTime":1179.94,"endTime":1182.2,"body":" Habe da auch schon ein bisschen mit rumprogrammiert."},{"speaker":null,"startTime":1182.94,"endTime":1187.92,"body":" Also so, dass du im Endeffekt sagst, okay, verkn\u00fcpft das mit der Dropbox, verkn\u00fcpft das mit Google Drive."},{"speaker":null,"startTime":1187.92,"endTime":1190.9,"body":" So wie man es kennt von manchen Apps, die das machen, die ihre Daten da speichern."},{"speaker":null,"startTime":1190.9,"endTime":1195.38,"body":" Aber halt gedacht f\u00fcr Web-Apps und f\u00fcr so, oder PWAs."},{"speaker":null,"startTime":1195.38,"endTime":1201.84,"body":" Und damit ich halt gar keinen, ich brauche keine gescheite Datenbankinfrastruktur und Firebase und schlag mich tot."},{"speaker":null,"startTime":1201.84,"endTime":1203.68,"body":" Weil wie gesagt, ich will die Daten gar nicht haben."},{"speaker":null,"startTime":1203.68,"endTime":1206.42,"body":" Und dann habe ich mal angefangen, mich so ein bisschen einzulesen."},{"speaker":null,"startTime":1206.42,"endTime":1208.2,"body":" Dropbox-AP, Google Drive-AP."},{"speaker":null,"startTime":1208.2,"endTime":1210.36,"body":" Und das l\u00e4uft ja alles \u00fcber OAuth."},{"speaker":null,"startTime":1210.58,"endTime":1213.48,"body":" Ich habe \u00fcbrigens auch einen Vortrag bei der Rudash-Programmier-Nacht dar\u00fcber."},{"speaker":null,"startTime":1213.48,"endTime":1218.56,"body":" Und das ist ja dieses, ja, meld mich an mit diesem Konto."},{"speaker":null,"startTime":1218.56,"endTime":1221.64,"body":" Also mit Google anmelden, mit Facebook anmelden, mit Twitter anmelden, man kennt es ja."},{"speaker":null,"startTime":1221.64,"endTime":1224.9,"body":" Und dar\u00fcber authentifiziert man das."},{"speaker":null,"startTime":1224.9,"endTime":1226.7,"body":" Also man klickt dann da drauf, ja, bitte verlinken."},{"speaker":null,"startTime":1226.7,"endTime":1231.08,"body":" Dann fragt einen das, okay, die App m\u00f6chte bitte auf dein Dropbox-Konto zugreifen."},{"speaker":null,"startTime":1231.08,"endTime":1232.92,"body":" Mit den Rechten m\u00f6chtest du das autorisieren?"},{"speaker":null,"startTime":1232.98,"endTime":1237.54,"body":" Dann klickt man ja und dann, ne, also, naja, OAuth brauche ich, glaube ich, nicht erkl\u00e4ren, ne?"},{"speaker":null,"startTime":1237.54,"endTime":1239.26,"body":" Und, \u00e4h."},{"speaker":null,"startTime":1239.26,"endTime":1240.34,"body":" Wei\u00df jeder, wie es funktioniert."},{"speaker":null,"startTime":1240.34,"endTime":1244.26,"body":" Ja, nicht andere Hut, aber ich meine, man kennt das ja eigentlich inzwischen von allen Anbietern."},{"speaker":null,"startTime":1244.26,"endTime":1245.4,"body":" Wenn nicht, habe ich es jetzt kurz im Rissen."},{"speaker":null,"startTime":1245.4,"endTime":1246.82,"body":" Genau."},{"speaker":null,"startTime":1246.82,"endTime":1248.74,"body":" Aber jetzt zur technischen Implementierung."},{"speaker":null,"startTime":1248.74,"endTime":1255.28,"body":" Eigentlich m\u00fcsste man doch denken, so eine API, straightforward, und das gibt ein SDK, und das SDK \u00fcbernimmt einem alles."},{"speaker":null,"startTime":1255.38,"endTime":1264.62,"body":" Und ich sage einfach nur, okay, trigger die Authentifizierung, sobald die Authentifizierung da ist, \u00e4h, macht das, \u00e4h, f\u00fchrt das Callback aus und fertig."},{"speaker":null,"startTime":1264.62,"endTime":1270.28,"body":" Das w\u00e4re so meine Wunschvorstellung, wie das Anbinden von solchen APIs funktioniert."},{"speaker":null,"startTime":1270.28,"endTime":1273.78,"body":" Und ich wei\u00df aus leidlicher Erfahrung, dass das nicht so ist."},{"speaker":null,"startTime":1273.78,"endTime":1283.18,"body":" \u00c4h, ich habe mich so oft schon mit der PayPal, \u00e4hm, API mich rumge\u00e4rgert, weil ich versucht habe, die selber anzubieten und halt nicht irgendeinen fertigen Zahlungsprovider."},{"speaker":null,"startTime":1283.82,"endTime":1289.66,"body":" Und dann sind die, die Sandbox-Server, \u00e4h, sind langsam und Dinge funktionieren einfach nicht so wie in der Anleitung."},{"speaker":null,"startTime":1289.66,"endTime":1294.14,"body":" Und dann dachte ich, okay, aber das ist vielleicht ja nicht das Ma\u00df aller Dinge, andere machen das bestimmt besser."},{"speaker":null,"startTime":1294.14,"endTime":1299,"body":" Und so auf den ersten Blick sah jetzt Dropbox, \u00e4hm, auch deutlich verst\u00e4ndlicher aus."},{"speaker":null,"startTime":1299,"endTime":1304.68,"body":" \u00c4hm, aber im Endeffekt ist es halt auch wieder, es gibt dann ein Dropbox-SDK, da muss man erstmal gucken."},{"speaker":null,"startTime":1304.68,"endTime":1311.24,"body":" Es gibt irgendwie eins nat\u00fcrlich, \u00e4h, das dann irgendwo fremd gehostet ist und es gibt eins, das kann ich \u00fcber NPM installieren."},{"speaker":null,"startTime":1311.78,"endTime":1321.2,"body":" Und dann funktionieren aber teilweise die Einbindungen von dem, \u00e4h, von dem Gehosteten und das von dem NPN, \u00e4h, NPM wird, \u00e4hm, wird anders angesprochen."},{"speaker":null,"startTime":1321.2,"endTime":1326.84,"body":" Und dann findest du Code-Beispiele f\u00fcr das eine und es funktioniert dann aber mit dem anderen nicht und umgekehrt."},{"speaker":null,"startTime":1327.52,"endTime":1338.02,"body":" Und, \u00e4h, und au\u00dferdem ist es halt nicht so, dass das SDK f\u00fcr dich alles abnimmt, sondern das SDK, was das eigentlich nur rappt, sind die, \u00e4hm, die, die REST-Requests."},{"speaker":null,"startTime":1338.02,"endTime":1351.38,"body":" \u00c4hm, aber diese ganze Sache mit, okay, du leitest dann dahin und wenn du dann zur\u00fcckgeleitet wirst, dann h\u00e4ngt da ein Query-Parameter an der URL an, wo dann dieser, \u00e4h, Auth-Token drin ist, \u00e4h, den du dann wiederum verwenden kannst."},{"speaker":null,"startTime":1351.38,"endTime":1356,"body":" \u00c4hm, \u00e4h, Refresh-Token vielleicht noch dabei, den du dann verwenden kannst, um einen neuen Auth-Token zu, \u00e4h, zu generieren."},{"speaker":null,"startTime":1356,"endTime":1365.14,"body":" Und, also ich h\u00e4tte halt zumindest erwartet, dass das Auslesen aus der, aus dem Query-Parameter, dass, dass ich einfach irgendwie ein Callback zur\u00fcckbekomme und da steht dann drin, das ist jetzt dein Auth-Token."},{"speaker":null,"startTime":1365.22,"endTime":1375.18,"body":" Aber nein, ich muss tats\u00e4chlich, die haben da eine eigene Util-Library sich geschrieben f\u00fcr die Examples alleine schon, wo ich denke, dann packt's doch einfach ins SDK rein."},{"speaker":null,"startTime":1375.18,"endTime":1387.36,"body":" Aber nein, ich muss das Parsen aus dem, aus dem Parameter dann selber \u00fcbernehmen und, und den ganzen Kram halt, was ich wo hinschicke und das, dann, das Refresh-Token hat eine Ablaufzeit und dann muss ich da drauf achten."},{"speaker":null,"startTime":1387.44,"endTime":1392.74,"body":" Wenn das abgelaufen ist, muss ich's wieder mit hinschicken, damit ich den neuen Auth-Token bekomme und so weiter und so fort."},{"speaker":null,"startTime":1392.74,"endTime":1398.48,"body":" Und das ist so nervig, ich wei\u00df gar nicht, also haben die Leute kein Interesse, dass man das Zeug einbindet, weil dann w\u00fcrden sie's, glaub ich, einfacher machen."},{"speaker":null,"startTime":1398.48,"endTime":1401.74,"body":" Und mit Google Drive fang ich erst gar nicht an."},{"speaker":null,"startTime":1402.06,"endTime":1416.7,"body":" Also wer schon mal bei Google-Diensten irgendwas versucht hat mit API-Keys und so, das ist immer ein Graffel, \u00fcberhaupt so rauszufinden, welches jetzt der richtige ist und du hast dann diese Konsole da und dann gibt's verschiedene Authentifizierungsm\u00f6glichkeiten."},{"speaker":null,"startTime":1416.7,"endTime":1437.42,"body":" Aber ich hab's jetzt zumindest so weit, dass ich Dropbox verkn\u00fcpfen kann und ich kann Dateien hochladen, ich kann Dateien runterladen, ich kann sogar einen Sync-Request, also l\u00e4uft dann im Hintergrund mit einem Timeout von f\u00fcnf Minuten oder was, l\u00e4uft ein Request und das beendet sich quasi erst, wenn eine Datei\u00e4nderung festgestellt wurde."},{"speaker":null,"startTime":1437.42,"endTime":1452.4,"body":" Und nach Ablauf starte ich halt ein neues Request und so kann ich dann halt wirklich auch live synken, das funktioniert, also wirklich, ich speichere die Datei auf dem Computer und dann krieg ich im Browser drei Sekunden sp\u00e4ter, wenn das gesynkt ist, ein Aktualisierungs-Icon angezeigt und dann wird's automatisch gesynkt."},{"speaker":null,"startTime":1452.4,"endTime":1465.32,"body":" Und das Ziel ist halt, warum mach ich das \u00fcberhaupt, man k\u00f6nnte auch sagen, man speichert sich einfach die Sachen irgendwie als JSON-Objekt in der JSON-Datei auf dem Rechner ab, aber ich will das ja gesynkt haben zwischen den Devices, das ist der eigentliche Grund, warum ich diese ganze Geschichte \u00fcberhaupt mach."},{"speaker":null,"startTime":1466.38,"endTime":1475.12,"body":" Und das funktioniert jetzt soweit und ich hab jetzt vor, das in eine Library zu packen, hab sogar auch schon einen lustigen, coolen Namen daf\u00fcr, den ich aber jetzt noch nicht verrate, damit mir keiner den NPM-Platz wegschnappt."},{"speaker":null,"startTime":1475.12,"endTime":1482.04,"body":" Und wenn das soweit ist, dann, ja, werd ich's hier auch nochmal vorstellen."},{"speaker":null,"startTime":1482.04,"endTime":1483.98,"body":" Also eine Library f\u00fcr diesen Zugriff?"},{"speaker":null,"startTime":1483.98,"endTime":1496.34,"body":" F\u00fcr einfach verschiedene Anbieter, also erstmal Dropbox und Google Drive, weil ich die halt einfach ohne was zu zahlen selber nutzen kann, wo du einfach nur deine, deine, dein Client, nee, Client-ID hei\u00dft das,"},{"speaker":null,"startTime":1496.34,"endTime":1509.04,"body":" was man sich da mal anlegen muss f\u00fcr jede App oder App-ID, mal manchen, die man da einfach nur reinh\u00e4ngt als Konfiguration und dann sagst du, okay, speicher mir die Settings, lade mir die Settings, synk die Settings und dann hast du die automatisch da drin."},{"speaker":null,"startTime":1509.78,"endTime":1523.16,"body":" Ich hab gerade mal nach iCloud geguckt, weil da hattest du ja auch irgendwie schon mal geschaut und hab jetzt ein, wei\u00df nicht, wie gut es funktioniert und ob es, warte mal, ist das noch maintained, da sieht so aus."},{"speaker":null,"startTime":1524.52,"endTime":1538.4,"body":" Ja, es gibt ein GitHub-Projekt, das hei\u00dft iCloud-RP und das ist auch ein NPM-Package, NPM-Install-Apple-iCloud und das scheint das zu machen irgendwie, das scheint so ein Rapper genau das zu sein."},{"speaker":null,"startTime":1538.4,"endTime":1542.16,"body":" Ja, aber vermutlich brauch ich halt auch wieder so einen Dev-Zugang, um das \u00fcberhaupt testen zu k\u00f6nnen, ne?"},{"speaker":null,"startTime":1542.88,"endTime":1551.12,"body":" Da steht, dass das in-official iCloud-RP ist und das wei\u00df ich nicht, vielleicht brauchst du es gar nicht."},{"speaker":null,"startTime":1551.12,"endTime":1554.7,"body":" Kannst du mir gerne mal schicken, dann schau ich mir das mal an."},{"speaker":null,"startTime":1555,"endTime":1561,"body":" Ja, keine Ahnung, ohne Garantie, ich hab noch, das war jetzt, der hat nur ganz schnell mal ergoogelt, ich schick's dir tats\u00e4chlich jetzt direkt."},{"speaker":null,"startTime":1561,"endTime":1569.46,"body":" Ich tue es auch mal in die Shownotes, dann kann man ja, das der Vollst\u00e4ndigkeit halber, warte mal, ist es nat\u00fcrlich jetzt in der falschen Liste."},{"speaker":null,"startTime":1569.46,"endTime":1573.38,"body":" So, zack, jetzt ist es richtig."},{"speaker":null,"startTime":1573.38,"endTime":1581.92,"body":" Genau, kannst ja mal gucken, das sieht irgendwie schon vielversprechend aus, irgendwie mit Login und keine Ahnung, ob man daf\u00fcr dann nochmal extra einen Key braucht."},{"speaker":null,"startTime":1581.92,"endTime":1591.06,"body":" E-Mail und Passwort ein. Ja, da wird's halt dann schwierig, weil das Passwort will ich eigentlich auch nicht speichern."},{"speaker":null,"startTime":1591.06,"endTime":1594.92,"body":" Das Passwort von irgendwelchen Dritt, achso, die willst du eigentlich gar nichts."},{"speaker":null,"startTime":1594.92,"endTime":1600.7,"body":" Also, die User m\u00fcssten dann, ich m\u00fcsste ja den Username und das Passwort dann im Local Storage, im Klartext speichern."},{"speaker":null,"startTime":1600.7,"endTime":1602.18,"body":" Ja, das will man nat\u00fcrlich nicht."},{"speaker":null,"startTime":1602.18,"endTime":1604.4,"body":" Nee, das kann ich nachvollziehen."},{"speaker":null,"startTime":1604.4,"endTime":1611.74,"body":" Eigentlich willst du ja nur so eine, auf so einen Knopf dr\u00fccken zur Authentifizierung, so wie man das kennt von anderen, von diversen Services."},{"speaker":null,"startTime":1611.74,"endTime":1615.48,"body":" Ja, diese O-Ausgeschichten, damit du halt nur einen Token speicherst und nicht irgendwelche Zugangsdaten."},{"speaker":null,"startTime":1615.48,"endTime":1615.84,"body":" Genau."},{"speaker":null,"startTime":1615.84,"endTime":1616.52,"body":" Ja."},{"speaker":null,"startTime":1616.52,"endTime":1619.94,"body":" Naja."},{"speaker":null,"startTime":1619.94,"endTime":1620.4,"body":" Okay, gut."},{"speaker":null,"startTime":1620.4,"endTime":1622.2,"body":" Genau, aber wie gesagt, also da bin ich jetzt gerade dran."},{"speaker":null,"startTime":1622.2,"endTime":1622.76,"body":" Ah, sch\u00f6ne Idee."},{"speaker":null,"startTime":1622.76,"endTime":1624.9,"body":" Ja, h\u00e4tte ja funktionieren k\u00f6nnen."},{"speaker":null,"startTime":1624.9,"endTime":1626.62,"body":" Gut."},{"speaker":null,"startTime":1626.62,"endTime":1628.5,"body":" Das war's."},{"speaker":null,"startTime":1628.5,"endTime":1631.4,"body":" Okay, dann ist die Redco durch."},{"speaker":null,"startTime":1631.4,"endTime":1634.16,"body":" Mit, mit, mit, mit, mit die."},{"speaker":null,"startTime":1635.7,"endTime":1637.98,"body":" Die Property der Woche."},{"speaker":null,"startTime":1637.98,"endTime":1641.58,"body":" Ja, wir kriegen es einfach nicht hin."},{"speaker":null,"startTime":1641.58,"endTime":1643.48,"body":" Mit der Dramatik."},{"speaker":null,"startTime":1643.48,"endTime":1649.52,"body":" Es ist vielleicht einfach, vielleicht muss man den Jingle \u00e4ndern, damit wir es hinkriegen."},{"speaker":null,"startTime":1649.52,"endTime":1655.6,"body":" Wir machen der Property der Woche einfach und dann kann ich sagen, mit der Property der Woche."},{"speaker":null,"startTime":1655.6,"endTime":1657.92,"body":" Aber dann, wenn du das, dann werde ich es anders sagen."},{"speaker":null,"startTime":1657.92,"endTime":1662.02,"body":" Aber dann musst du es aber, dann musst du es aber immer sagen vorher, weil sonst ergibt es \u00fcberhaupt gar keinen Sinn."},{"speaker":null,"startTime":1662.02,"endTime":1663.28,"body":" Nee, nee, wir lassen das so."},{"speaker":null,"startTime":1663.28,"endTime":1665.56,"body":" Jetzt kommt der Property der Woche."},{"speaker":null,"startTime":1667.82,"endTime":1676.12,"body":" Ja, Property der Woche und zwar was, ganz, ganz hei\u00dfer Schei\u00df hier, \u00e4hm, hast du n\u00e4mlich gestern im Stream, \u00e4hm, angesprochen."},{"speaker":null,"startTime":1676.12,"endTime":1684.92,"body":" Da hast du so einen Artikel geteilt von Chrome Developers, so, \u00e4h, neue CSS-Sachen, \u00e4h, die da auf dieser IO-Konferenz, \u00e4h, irgendwie vorgestellt wurden."},{"speaker":null,"startTime":1684.92,"endTime":1693.6,"body":" Und wir haben rausgefunden, wir haben einen Gro\u00dfteil davon tats\u00e4chlich schon hier im Stream, \u00e4h, im Podcast, \u00e4hm, auch schon zumindest mal angekratzt."},{"speaker":null,"startTime":1693.6,"endTime":1699.86,"body":" Und so zwei, drei Sachen waren dabei, wo wir tats\u00e4chlich dachten, na, okay, das ist so neu, das haben wir noch nicht besprochen."},{"speaker":null,"startTime":1699.86,"endTime":1702.36,"body":" Aber teilweise auch noch in keinem Browser unterst\u00fctzt."},{"speaker":null,"startTime":1702.36,"endTime":1709.82,"body":" Also der Artikel hei\u00dft, what's new in CSS and UI, IO, 2023 Edition von Chrome Developers."},{"speaker":null,"startTime":1709.82,"endTime":1712.3,"body":" Nur zur Vollst\u00e4ndigkeit halber, kommt aber auf jeden Fall auch in die Show Notes."},{"speaker":null,"startTime":1712.3,"endTime":1713.24,"body":" Genau, kommt auch in die Show Notes."},{"speaker":null,"startTime":1713.24,"endTime":1721.04,"body":" Und, \u00e4hm, eine Sache habe ich mir jetzt rausgepickt, die ich dann heute mir mal angeschaut habe, und das ist die Pop-Over-API."},{"speaker":null,"startTime":1722.04,"endTime":1727.28,"body":" Und die erinnert, wenn man das so das erste Mal sieht, sehr stark an das, \u00e4h, Dialog-Element."},{"speaker":null,"startTime":1727.28,"endTime":1740.4,"body":" Aber der entscheidende Unterschied ist, dass diese Pop-Overs, \u00e4hm, also so Dialogs haben oft dann einfach irgendwie, ne, ist ein Text drin und du hast dann, also was man fr\u00fcher mit einem Alert vielleicht gemacht hat, und du hast dann Buttons und kannst dann Dinge best\u00e4tigen."},{"speaker":null,"startTime":1740.4,"endTime":1746.4,"body":" Und es ist halt, \u00e4h, farblich abgehoben, \u00e4hm, und \u00fcberlagert die Seite und dann musst du es schlie\u00dfen, wenn du es weghaben willst."},{"speaker":null,"startTime":1746.4,"endTime":1755.94,"body":" Und diese Pop-Over, die sind \u00e4hnlich, aber standardm\u00e4\u00dfig, oder nicht nur standardm\u00e4\u00dfig, sondern generell schlie\u00dfen die, wenn du au\u00dferhalb irgendwo hinklickst."},{"speaker":null,"startTime":1756.06,"endTime":1762.24,"body":" Also das sind dann Sachen, die nicht, \u00e4hm, die, die, die User-Attention so komplett da drauf lenken sollen und du kommst da gar nicht mehr raus."},{"speaker":null,"startTime":1762.24,"endTime":1768.82,"body":" Also das ist eben kein Model, sondern es ist einfach nur ein, ein Overlay, das auch standardm\u00e4\u00dfig nicht irgendwie, \u00e4h, eine Hinterlegung hat."},{"speaker":null,"startTime":1769,"endTime":1787.28,"body":" Nicht so ein Background, der alles \u00fcberlagert, \u00e4hm, kann man aber auch machen, sondern es ist eben, also als Beispiel hatten die einen Kalender und du klickst dann drauf und dann hast du, oder du sagst irgendwie einen neuen, neuen Eintrag hinzuf\u00fcgen und dann hast du so ein, \u00e4h, ein Fensterchen, wo du dann Advent, \u00e4h, Event-Title eingeben kannst, Zeit und so weiter."},{"speaker":null,"startTime":1787.28,"endTime":1789.64,"body":" Oder, \u00e4hm, also f\u00fcr sowas w\u00e4re das zum Beispiel gedacht."},{"speaker":null,"startTime":1789.64,"endTime":1795.9,"body":" Wobei ich mir dann denke, \u00e4h, will ich das, dass man das wegklicken kann, ohne die \u00c4nderungen zu speichern?"},{"speaker":null,"startTime":1795.9,"endTime":1798.76,"body":" Eigentlich w\u00fcrde ich da vielleicht auch eher einen Dialog erwarten."},{"speaker":null,"startTime":1798.76,"endTime":1800.26,"body":" Aber gut, es gibt das jedenfalls."},{"speaker":null,"startTime":1800.26,"endTime":1805.96,"body":" Und der Chrome unterst\u00fctzt das seit, \u00e4h, 113, glaube ich."},{"speaker":null,"startTime":1805.96,"endTime":1812.46,"body":" \u00c4hm, und das hei\u00dft, es ist, \u00e4h, ich wei\u00df gar nicht, \u00e4h, was die aktuelle Chrome-Version ist."},{"speaker":null,"startTime":1812.46,"endTime":1815.58,"body":" \u00c4hm, ich glaube, das ist noch 112."},{"speaker":null,"startTime":1816.4,"endTime":1820.16,"body":" Und das andere ist dann Dev-Channel oder, oder, \u00e4h, Canary-Channel."},{"speaker":null,"startTime":1820.16,"endTime":1824.66,"body":" Hm, mein Brave ist jetzt gerade auf Chromium 113."},{"speaker":null,"startTime":1824.66,"endTime":1827.7,"body":" Ah, dann k\u00f6nnte es da vielleicht sogar schon funktionieren."},{"speaker":null,"startTime":1827.7,"endTime":1830.56,"body":" Dann \u00f6ffne ich einfach mal, also vorhin, \u00e4h,"},{"speaker":null,"startTime":1830.56,"endTime":1839.24,"body":" Der sagt mir jetzt gerade, er ist 113, was, Achtung, Achtung, lange Nummer, 113.0.5672.92."},{"speaker":null,"startTime":1839.24,"endTime":1845.8,"body":" Dann scheint es, \u00e4h, dann scheint es erst bei der Update 114 zu funktionieren, weil die 113, wenn wir hier,"},{"speaker":null,"startTime":1846,"endTime":1849.86,"body":" \u00c4hm, die macht es noch nicht. \u00c4hm, ich habe n\u00e4mlich eine Demo gebastelt."},{"speaker":null,"startTime":1849.86,"endTime":1850.66,"body":" Hm."},{"speaker":null,"startTime":1851.18,"endTime":1858.92,"body":" Die k\u00f6nnt ihr euch dann im, \u00e4h, Chrome-Canary- oder Dev-Bild anschauen, weil in den, \u00e4h, Hauptbilds funktioniert es noch nicht."},{"speaker":null,"startTime":1858.92,"endTime":1861.58,"body":" \u00c4hm, und da ist einfach ein kleiner Button."},{"speaker":null,"startTime":1862.16,"endTime":1871.72,"body":" Ich beschreibe es jetzt mal f\u00fcr die, die keinen, \u00e4h, Canary drauf haben, ein kleiner Button und da klicke ich drauf und dann \u00f6ffnet sich so ein, so ein Pop-Over eben, so eine zentrierte, \u00e4h, Mitteilung."},{"speaker":null,"startTime":1871.72,"endTime":1878.1,"body":" \u00c4hm, die habe ich dann farblich noch ein bisschen hinterlegt. \u00c4hm, warte mal, jetzt muss ich selber erstmal den Canary hier \u00f6ffnen."},{"speaker":null,"startTime":1878.6,"endTime":1883.4,"body":" Und ich habe da so ein bisschen gezeigt, was, was da alles, \u00e4h, m\u00f6glich ist."},{"speaker":null,"startTime":1883.4,"endTime":1884.26,"body":" Aha, nice."},{"speaker":null,"startTime":1884.26,"endTime":1893.46,"body":" \u00c4hm, was das Styling angeht, aber auch, was man mit Add-Support-Query, \u00e4hm, als Feature-Detection machen kann, um dann eventuell noch ein JavaScript-Fallback zu schaffen."},{"speaker":null,"startTime":1893.46,"endTime":1918.16,"body":" Und es gibt, \u00e4h, auch per JavaScript nat\u00fcrlich die M\u00f6glichkeit, es zu detecten, also indem ich sage, \u00e4h, if not, also auf Ausrufzeichen Toggle-Popover in Document.body, weil jedes HTML-Element, \u00e4hm, Element in der Seite, und dazu geh\u00f6rt ja auch das Body-Element, hat eben einen, \u00e4h, eine Toggle-Popover-Methode, wenn der Browser das unterst\u00fctzt."},{"speaker":null,"startTime":1918.16,"endTime":1922.68,"body":" Und dadurch kann ich per JavaScript auch programmatisch diese, \u00e4h, diese Popover triggern."},{"speaker":null,"startTime":1923.46,"endTime":1936.42,"body":" Ah, warte mal. Ah, ich glaube, ich habe jetzt, \u00e4h, Moment, ich habe, ich habe die falsche Demo gerade aufgemacht. Ich habe gerade, das war gerade gar nicht deine. Sehe ich gerade. Ah ja, jetzt habe ich deine. Ah, das ist ja nice. Cool. Nat\u00fcrlich in pink."},{"speaker":null,"startTime":1936.42,"endTime":1965.36,"body":" Und das schlie\u00dft sich halt eben, wenn ich au\u00dferhalb hinklicke, oder ich habe einen, einen Button drin, \u00e4hm, der das dann schlie\u00dft. Und, \u00e4h, verkn\u00fcpfen kann ich Buttons, \u00e4hm, und diese Popovers mit Popover-Target-Attribut. Und da ist dann eine ID drin, und die ID entspricht dann zum Beispiel einem Diff, oder was auch immer, \u00e4h, was dann das Attribut Popover hat. \u00c4hm, und dann, \u00e4h, also das Diff hat eine ID, und die ID ist in, \u00e4h, dem Popover-Target von dem Button."},{"speaker":null,"startTime":1965.42,"endTime":1968.52,"body":" Das ist ja nice. Und das Element selbst braucht eben nochmal einen Popover-Attribut."},{"speaker":null,"startTime":1968.52,"endTime":1980.58,"body":" Da reicht also tats\u00e4chlich einfach nur HTML, ich muss einfach nur ein Button-Element haben mit einem Popover-Target, was eine g\u00fcltige ID ist, und das reicht schon, um das zu, um das zu er\u00f6ffnen."},{"speaker":null,"startTime":1980.58,"endTime":1984.5,"body":" Ja, das Element mit der ID braucht eben noch das Popover-Attribut, damit es auch wirklich ein Popover ist."},{"speaker":null,"startTime":1984.62,"endTime":1999.54,"body":" Okay, ja, genau. Aber das, das, das, das ist doch mega fancy. Ist das geil? Ist das geil? Also ich hab's jetzt gerade offen in Chrome Canary, und, \u00e4h, das ist, das ist so cool, weil das, das wollte man schon immer so einfach haben."},{"speaker":null,"startTime":1999.72,"endTime":2009.1,"body":" Was gibt es f\u00fcr wahnsinnige JavaScript-Libraries, die versuchen, dieses Verhalten nachzubilden? \u00c4hm, nein, nachzubilden, ne, die, die halt das machen, das ging halt nicht anders die ganze Zeit."},{"speaker":null,"startTime":2009.66,"endTime":2015.5,"body":" Also find ich super abgefahren. Also jetzt, wo ich, wo ich's ja ausprobiere und, \u00e4h, grad so ein bisschen Hands-on mach, das ist ja total cool."},{"speaker":null,"startTime":2015.5,"endTime":2020.46,"body":" \u00c4hm, und die andere Demo, \u00e4hm, die da noch dabei ist, ich nehm's jetzt mal nicht vorweg."},{"speaker":null,"startTime":2020.46,"endTime":2034.28,"body":" Genau, ich hab n\u00e4mlich in diesem Artikel, \u00e4h, da war n\u00e4mlich noch, da ging's, da war noch was mehr, was man machen kann. Also nicht einfach nur, ich hab das Ding standardm\u00e4\u00dfig zentriert in der Seite, sondern ich will das ja vielleicht auch positionieren, relativ zu dem Element, wo ich draufklicke."},{"speaker":null,"startTime":2035.02,"endTime":2046.82,"body":" Und das hab ich dann versucht, selber zu basteln und hab dann irgendwann, \u00e4h, aufgeh\u00f6rt zu versuchen, zu, zu verstehen so genau und hab mir dann lieber deren Demo nochmal genauer angeguckt."},{"speaker":null,"startTime":2046.82,"endTime":2057.9,"body":" Deswegen hab ich dann auch die Demo einfach verlinkt, statt es jetzt selber noch bei mir reinzukloppen. Da kommen n\u00e4mlich gleich mehrere neue Sachen, die es so in der Art noch nicht gab bisher in CSS, \u00e4h, kommen da zum Tragen."},{"speaker":null,"startTime":2058.5,"endTime":2068.82,"body":" Und zwar kann ich dem, \u00e4hm, dem Pop-Over-Element, kann ich ein CSS-Attribut geben, das hei\u00dft Position minus Fallback."},{"speaker":null,"startTime":2070.18,"endTime":2077.86,"body":" Und dann ist da drin was, was aussieht wie ein Custom-Property, also in dem Fall minus, minus, top, minus, then, minus, bottom."},{"speaker":null,"startTime":2077.86,"endTime":2091.82,"body":" Und das definiere ich aber wie ein, \u00e4hm, \u00e4h, Animation, also Keyframe mit add Position minus Fallback und dann eben dieses Keyword minus, minus, minus, top, then, bottom."},{"speaker":null,"startTime":2091.82,"endTime":2099.92,"body":" So, und da drin ist gleich die n\u00e4chste Neuerung, da gibt's n\u00e4mlich einen Try-Block, also add Try und geschweifte Klammern drau\u00dfen rum."},{"speaker":null,"startTime":2099.92,"endTime":2117.24,"body":" Und diese Try-Blocks, \u00e4h, Bl\u00f6cke werden der Reihe nach abgearbeitet und es wendet die Regeln da drin auf das Pop-Over-Element an und guckt, passt das Pop-Over-Element, \u00e4h, in diesem Zustand \u00fcberhaupt in den Viewport oder steht das irgendwo raus."},{"speaker":null,"startTime":2117.56,"endTime":2126.88,"body":" Und falls es nicht in den Viewport passt, nimmt es den n\u00e4chsten Try-Block, also es ist so ein bisschen wie Try-Catch oder wie If-Else-Abfragen verschachtelt, nur in CSS."},{"speaker":null,"startTime":2126.88,"endTime":2134.9,"body":" Und in diesen Try-Blocken, also es ist jetzt wieder, ohne, ohne das zu sehen, ist es wieder so bl\u00f6d, das alles zu beschreiben, also Demo angucken."},{"speaker":null,"startTime":2134.9,"endTime":2140.96,"body":" \u00c4hm, und da drin ist noch was Neues, das ist die dritte, \u00e4h, Neuerung, n\u00e4mlich eine CSS-Funktion namens Anchor."},{"speaker":null,"startTime":2141.6,"endTime":2156.6,"body":" Und da kann ich dann als, \u00e4hm, Attribut \u00fcbergeben, Top, Bottom, Center, \u00e4hm, oder auch Left und Right und kann das dann wiederum nutzen, um das Left, Top, Right, Bottom Attribut zu setzen."},{"speaker":null,"startTime":2157.74,"endTime":2171.56,"body":" Und so funktioniert das dann eben, dass ich sage, \u00e4hm, okay, ordne dieses Pop-Over zentriert mittig, also mittig und unten, also Anchor, \u00e4h, Bottom f\u00fcr, f\u00fcr, f\u00fcr, f\u00fcr Bottom oder Anchor Top, je nachdem, wo ich's haben will."},{"speaker":null,"startTime":2171.9,"endTime":2184.3,"body":" Und dann eben Left, Anchor, Center, \u00e4hm, und dann ordnet sich das so an, dass es oben dr\u00fcber steht, \u00fcber diesem, so ein Fragezeichen-Button in dem Fall, oder eben, wenn das nicht klappt, dann ordne es unten drunter an."},{"speaker":null,"startTime":2184.3,"endTime":2193.62,"body":" Und sogar mit Calc noch in dem Fall, mit nem Spacing, das da irgendwie in der Custom-Property gespeichert ist, also es ist schon echt krass, das ist schon, das sieht schon nicht mehr aus wie CSS."},{"speaker":null,"startTime":2193.62,"endTime":2210.6,"body":" Ich w\u00fcrde, ich glaube, ich wollte, ich m\u00f6chte eine Vorhersage treffen, \u00e4h, korrigiert mich genau, ihr d\u00fcrft, ich werde das bei der n\u00e4chsten Folge schon vergessen haben, dass ich die gemacht habe, das hei\u00dft, \u00e4h, wenn ich, wenn irgendwann jemand sagt, ha, der hatte doch nicht recht, \u00e4h, dann m\u00fcsst ihr nochmal auf diese Folge verweisen und mir dann Bescheid sagen."},{"speaker":null,"startTime":2210.6,"endTime":2218.76,"body":" Ich treffe jetzt die Vorhersage, das wird so, also ich find's funky, dass das alles geht mit CSS, aber ich glaube, das wird so nicht in den Standard kommen."},{"speaker":null,"startTime":2218.76,"endTime":2236.68,"body":" Das ist so weit weg von CSS, wie ich's kenne, also so viel Neues auf einmal, \u00e4hm, ich find's saugeil, dass das geht, ich glaube aber, ich hab so ein Gef\u00fchl, das wird so nicht in den Standard kommen, das wird nochmal, das wird nochmal eine andere Notation bekommen."},{"speaker":null,"startTime":2238.2,"endTime":2250,"body":" Ich will grad mal gucken, \u00e4h, der Draft, \u00e4hm, ich find nicht mal den richtigen Draft dazu, ist das jetzt tats\u00e4chlich so ein, Chrome macht einfach mal, Chrome macht irgendwie mal was."},{"speaker":null,"startTime":2250,"endTime":2254.24,"body":" Es kann sein, dass es keinen gibt, oder das ist halt, ja."},{"speaker":null,"startTime":2254.24,"endTime":2257.32,"body":" Ich finde, ich finde gerade keinen Overdraft."},{"speaker":null,"startTime":2257.32,"endTime":2265.8,"body":" Kann es sein, dass das von OpenUI kommt, ich glaub, das war doch in diesem, also da gibt's auf jeden Fall einen, einen Artikel dazu."},{"speaker":null,"startTime":2265.8,"endTime":2274.06,"body":" Ah, doch, guck mal, hier, HTML-Spec, \u00e4h, WattWG, Popover, 6.0, \u00e4h, LastUpdate, 17 May."},{"speaker":null,"startTime":2274.06,"endTime":2281.1,"body":" Also doch, das scheint schon da, da so verankert zu sein."},{"speaker":null,"startTime":2281.1,"endTime":2283.72,"body":" Na ja, gut, Drafts kann ja jeder schreiben."},{"speaker":null,"startTime":2283.72,"endTime":2284.18,"body":" Ja, gut."},{"speaker":null,"startTime":2284.18,"endTime":2286.5,"body":" Popover-Attribute."},{"speaker":null,"startTime":2286.5,"endTime":2289.48,"body":" Ja, auch mit diesem AddTrial find ich da gar nichts dazu."},{"speaker":null,"startTime":2291.48,"endTime":2303.68,"body":" CSS-Attribute, \u00e4h, finde man tats\u00e4chlich auch nur in diesem, in Zusammenhang mit diesem Position-Fallback, CSS-Anchoring."},{"speaker":null,"startTime":2303.68,"endTime":2305.94,"body":" Ah ja, okay, hier, W3, oje."},{"speaker":null,"startTime":2305.94,"endTime":2315.68,"body":" Kann das sein, dass das einfach, das k\u00f6nnte sein, dass das unterschiedliche Standards sind, die da dann zusammenkommen und die unabh\u00e4ngig voneinander, glaub ich, erstmal laufen, aber die, wenn wir zusammenspielen sollen."},{"speaker":null,"startTime":2315.68,"endTime":2330.82,"body":" Weil ich meine, man k\u00f6nnte ja jetzt zum Beispiel dieses Popover-Ding ohne, \u00e4h, dieses Funky-Positioning schon mal mit reinnehmen und sagen, na ja, das hat jetzt halt so eine Basis-Funktionalit\u00e4t, \u00e4h, und dann sp\u00e4ter kannst du halt dieses Funky-Positioning mit diesem Trial noch machen."},{"speaker":null,"startTime":2331.04,"endTime":2337.3,"body":" Also dieses Anchor-Positioning kann ich sagen, das ist ein Editor-Draft. Sprich, da kann sich noch viel \u00e4ndern."},{"speaker":null,"startTime":2337.3,"endTime":2338.44,"body":" Ja."},{"speaker":null,"startTime":2338.44,"endTime":2339.26,"body":" Ja."},{"speaker":null,"startTime":2339.26,"endTime":2353.58,"body":" Also ich bin sehr gespannt. Ich finde das, ich finde das eine saugeile Funktionalit\u00e4t. \u00c4hm, ich h\u00e4tte das gerne, weil das, das w\u00fcrde so viel, das w\u00fcrde so viele Probleme l\u00f6sen, die derzeit mit, mit Heavy-Java-Skript erschlagen werden."},{"speaker":null,"startTime":2353.72,"endTime":2358.2,"body":" Wenn das eine Browser-Standard, \u00e4h, wenn es daf\u00fcr einen Browser-Standard g\u00e4be, das finde ich wirklich fantastisch."},{"speaker":null,"startTime":2358.2,"endTime":2365.18,"body":" Und eins habe ich aber noch nicht ganz verstanden. Und zwar dachte ich, na, wenn ich jetzt dieses Fragezeichen-Icon in der Demo einfach mehrfach untereinander kopiere,"},{"speaker":null,"startTime":2365.18,"endTime":2377.58,"body":" dann w\u00fcrde ich erwarten, und sag mir mal, ob ich da falsch liege, dass die Popovers, die dann aufgehen, auch immer relativ zu dem Button, \u00e4hm, positioniert sind,"},{"speaker":null,"startTime":2377.58,"endTime":2382.26,"body":" den ich benutzt habe, um das Popover aufzuklappen. Und das tut's aber nicht."},{"speaker":null,"startTime":2383.72,"endTime":2392.92,"body":" Also es geht immer an der gleichen Stelle oben auf. Und das macht f\u00fcr mich irgendwie schon wieder keinen Sinn, weil ich mir denke, na, aber das ist doch genau daf\u00fcr gedacht, dass es relativ zu dem Opener aufgeht, oder?"},{"speaker":null,"startTime":2392.92,"endTime":2403.18,"body":" \u00c4hm, kann das sein, dass die Kalkulation von der Position, das immer an der Richter, an derselben, nee, das soll ja eigentlich relativ zu dem..."},{"speaker":null,"startTime":2403.18,"endTime":2404.44,"body":" Deswegen hab ich ja diesen Anchor."},{"speaker":null,"startTime":2404.44,"endTime":2406.8,"body":" Und das ist was, was ich noch nicht verstehe."},{"speaker":null,"startTime":2406.8,"endTime":2413.04,"body":" Ich hab's auch schon versucht mit, \u00e4h, indem ich dann die IDs, myTooltyp2 und 3 genannt hab und entsprechend die Targets ge\u00e4ndert hab."},{"speaker":null,"startTime":2413.04,"endTime":2413.56,"body":" Und auch dann?"},{"speaker":null,"startTime":2413.56,"endTime":2414.96,"body":" Ja, aber auch das hat nichts gebracht."},{"speaker":null,"startTime":2414.96,"endTime":2416.82,"body":" Na, dann ist das vielleicht einfach noch buggy."},{"speaker":null,"startTime":2416.82,"endTime":2426.6,"body":" Ich hab diese Position Fallback-Rule sogar dann dupliziert und umbenannt, aber es ist immer an der gleichen Stelle und irgendwie widerspricht das doch genau dem, was ich, warum ich so eine Anchor haben m\u00f6chte."},{"speaker":null,"startTime":2426.6,"endTime":2427.76,"body":" Ja, weird."},{"speaker":null,"startTime":2427.76,"endTime":2428.42,"body":" Ja."},{"speaker":null,"startTime":2428.42,"endTime":2430,"body":" Na, das ist vielleicht einfach nur kaputt."},{"speaker":null,"startTime":2430,"endTime":2430.3,"body":" Ja."},{"speaker":null,"startTime":2431.28,"endTime":2445.36,"body":" Aber jedenfalls, \u00e4h, da tut sich vieles Neues und, \u00e4h, noch eine andere Geschichte, die werde ich vielleicht n\u00e4chstes Mal dann als Property der Woche machen, \u00e4hm, die, die mit Scrolling zu tun hat und die wir mal in einer, \u00e4h, unserer CSS-Wunschfolgen, \u00e4hm, mal ge\u00e4u\u00dfert haben."},{"speaker":null,"startTime":2445.36,"endTime":2450.44,"body":" Und da werde ich mal, das werde ich mir als n\u00e4chstes mal anschauen und dann werde ich da vielleicht dr\u00fcber sprechen."},{"speaker":null,"startTime":2450.44,"endTime":2453,"body":" Aber das war's jetzt, \u00e4h, zu dieser Property."},{"speaker":null,"startTime":2453,"endTime":2460.14,"body":" Gut, dann kommt jetzt vielleicht, \u00e4h, vielleicht."},{"speaker":null,"startTime":2461.22,"endTime":2462.2,"body":" Werbung, oder?"},{"speaker":null,"startTime":2462.2,"endTime":2463.6,"body":" Ja, kann auch machen."},{"speaker":null,"startTime":2463.6,"endTime":2464.96,"body":" Ich glaube, jetzt kommt, ich glaube, jetzt kommt Werbung."},{"speaker":null,"startTime":2464.96,"endTime":2470.54,"body":" Hey, hey du, sch\u00f6n, dass du da bist."},{"speaker":null,"startTime":2470.54,"endTime":2472.96,"body":" Na, \u00f6fter hier?"},{"speaker":null,"startTime":2472.96,"endTime":2480.52,"body":" Dir gef\u00e4llt, was du h\u00f6rst und du magst es am liebsten werbefrei und unabh\u00e4ngig?"},{"speaker":null,"startTime":2480.52,"endTime":2489.6,"body":" Dann freuen wir uns sehr \u00fcber ein paar Euro in unserem digitalen Strumpfband unter www.siv.de"},{"speaker":null,"startTime":2489.6,"endTime":2491.34,"body":" slash spende."},{"speaker":null,"startTime":2491.34,"endTime":2500.76,"body":" Auf pwsev.de slash unterst\u00fctzen findest du noch circa 69 weitere Wege, uns zu supporten."},{"speaker":null,"startTime":2500.76,"endTime":2502.6,"body":" Wir danken dir."},{"speaker":null,"startTime":2508.2,"endTime":2510.46,"body":" Oder, um es mit anderen Worten zu sagen."},{"speaker":null,"startTime":2510.78,"endTime":2514.56,"body":" Wenn euch der Podcast gef\u00e4llt, dann spendet Ken."},{"speaker":null,"startTime":2514.56,"endTime":2528.96,"body":" Jetzt geht's aber ab hier, weil wir, irgendwann gibt's einen Podcast, der nur noch aus Jingles besteht und wir sagen gar nichts mehr."},{"speaker":null,"startTime":2529.1,"endTime":2533.86,"body":" Wir dr\u00fccken nur noch Kn\u00f6pfe und lassen die AI f\u00fcr uns reden."},{"speaker":null,"startTime":2533.86,"endTime":2539.48,"body":" Genau, stimmt, da f\u00e4llt mir gerade ein, bei AI f\u00fcr uns reden lassen."},{"speaker":null,"startTime":2540.42,"endTime":2546,"body":" Apple hat was angek\u00fcndigt, das ist jetzt gar nicht das Geilteil, aber das ist ein zus\u00e4tzliches Geilteil."},{"speaker":null,"startTime":2546,"endTime":2560.86,"body":" Apple hat zwar irgendwie gerade, warte mal, heute oder gestern, egal wenn ihr den Podcast h\u00f6rt, in der vergangenen Woche, Global Accessibility Awareness Day und dazu haben sie einige neue Accessibility Features angek\u00fcndigt."},{"speaker":null,"startTime":2560.86,"endTime":2590.68,"body":" Und wenn ich's jetzt ganz dunkel in meinem Kopf noch richtig habe, haben sie tats\u00e4chlich ein Feature angek\u00fcndigt, dass f\u00fcr Menschen, die ihr Sprechverm\u00f6gen verlieren, dass sie, bevor das passiert, also wenn du irgendwie eine Behinderung hast, die irgendwie langsam fortschreitet und du immer schlechter sprechen kannst, dass du vorher deine Stimme aufnehmen kannst, also so eine gewisse Zeit lang bestimmten Text ablesen und dass du die dann quasi, also so eine AI trainierst, die dann sp\u00e4ter,"},{"speaker":null,"startTime":2590.68,"endTime":2591.54,"body":" spricht wie du."},{"speaker":null,"startTime":2591.54,"endTime":2596.48,"body":" Also Service gibt's ja schon, aber dass sie das jetzt quasi direkt integrieren, krass."},{"speaker":null,"startTime":2596.48,"endTime":2618.44,"body":" Genau, das w\u00e4re dann, glaube ich, tats\u00e4chlich integriert, also so geplant, wenn ich's richtig finde, also es ist noch nicht genau, stand, glaube ich, noch nicht dabei, wann sie das, wo genau wie ver\u00f6ffentlichen, aber soll wohl, glaube ich, f\u00fcr iOS irgendwie kommen und dann k\u00f6nntest du tats\u00e4chlich dein Handy sprechen lassen wie du und ja, ich wei\u00df, das ist jetzt an sich keine neue Technologie, also es gibt ja auch irgendwie schon \u2026"},{"speaker":null,"startTime":2618.44,"endTime":2620.5,"body":" Also relativ neu, aber \u2026"},{"speaker":null,"startTime":2620.5,"endTime":2634.32,"body":" Ja, ich wei\u00df nicht, dass die K\u00f6rper, die keine echten sind, wo man halt irgendwie eine AI trainiert hat mit der bestimmten Stimme und es dann eben so klingt, aber dass das dann tats\u00e4chlich irgendwie irgendwo in ein Betriebssystem integriert ist, das w\u00e4re mir zumindest neu und die Idee finde ich mega fangier."},{"speaker":null,"startTime":2634.32,"endTime":2641.9,"body":" Ja, stimmt, stimmt, extra Spezialgeilteil, was jetzt gar nicht auf der Liste stand, was mir jetzt aber bei AI noch eingefallen ist, finde ich ziemlich cool."},{"speaker":null,"startTime":2641.9,"endTime":2668.9,"body":" So, geil Teil Nummer zwei hat auch was mit Barrierefreiheit zu tun und zwar wurde vor einer Weile jetzt mittlerweile schon erneut die WebAIM Million ver\u00f6ffentlicht, also das ist eine Auswertung von WebAIM, das sind die, die dieses Wave Accessibility Tool, das kennt vielleicht der eine oder die andere, bereitstellen."},{"speaker":null,"startTime":2668.9,"endTime":2675.6,"body":" Die machen eine Auswertung \u00fcber die Top eine Million Websites, wie barrierefrei die sind."},{"speaker":null,"startTime":2675.6,"endTime":2682.06,"body":" Das ist nat\u00fcrlich jetzt keine echte Auswertung im Sinne von, da sitzen echte Menschen, die das testen."},{"speaker":null,"startTime":2682.06,"endTime":2693.52,"body":" Da werden nat\u00fcrlich nicht alle Fehler gefunden, nicht alle Probleme, aber halt eben, es taugt schon ganz gut, so eine automatische Auswertung, um so einen groben \u00dcberblick \u00fcber die Landschaft zu kriegen."},{"speaker":null,"startTime":2693.64,"endTime":2696.06,"body":" Also, wie barrierefrei ist denn das Web?"},{"speaker":null,"startTime":2696.06,"endTime":2703.24,"body":" Da gibt es einen sch\u00f6nen Artikel dazu, der relativ lang ist und ausf\u00fchrlich, wo sie die Methode beschreiben."},{"speaker":null,"startTime":2703.24,"endTime":2717.76,"body":" Also, wie gesagt, die testen das mit dem Wave Tool, die ganzen Seiten werden da getestet und dann gibt es am Ende ein Ranking und du kannst, genau, also das hei\u00dft, die Seiten werden in der Reihenfolge gebracht und da gibt es dann sowas wie zum Beispiel,"},{"speaker":null,"startTime":2717.76,"endTime":2726.94,"body":" Also, ich glaube, das Hauptranking-Kriterium ist dann eben Barrierefreiheitsprobleme pro HTML-Element."},{"speaker":null,"startTime":2727.88,"endTime":2735.38,"body":" Ja, also, da wird dann so ein Wert draus errechnet, so ein Prozentwert, alle wie viele HTML-Elemente habe ich denn eins, wo irgendwie ein Problem drin auftaucht."},{"speaker":null,"startTime":2735.38,"endTime":2749.08,"body":" Und dann, da das eine Million Webseiten sind, was eine Menge ist, haben die auch so ein kleines Suchformular, wo man dann seine eigene Seite eintragen kann und gucken kann, ob die da mit drin ist."},{"speaker":null,"startTime":2749.12,"endTime":2754.98,"body":" Und dann suchst du danach und dann kriegst du das Ergebnis f\u00fcr deine Seite und kannst sehen, auf welchem Rank du bist."},{"speaker":null,"startTime":2754.98,"endTime":2764.14,"body":" Und dar\u00fcber habe ich tats\u00e4chlich, und das hat mich gewundert, das, warte mal, jetzt muss ich gerade mal gucken, ob das noch, warte mal, ist da meine Seite noch mit drin?"},{"speaker":null,"startTime":2766.24,"endTime":2770.46,"body":" Weil, ich habe dar\u00fcber tats\u00e4chlich mal Accessibility-Probleme auf meiner Webseite gefunden."},{"speaker":null,"startTime":2770.46,"endTime":2774.92,"body":" Genau, also, die machen das \u00fcbrigens schon seit 2019."},{"speaker":null,"startTime":2774.92,"endTime":2783.92,"body":" Jedes Jahr aufs Neue, also 2019, 2021, 2022 und 2023 gibt es jetzt Wert."},{"speaker":null,"startTime":2783.92,"endTime":2787.82,"body":" Das hei\u00dft, du hast jetzt schon f\u00fcnf Jahre hintereinander, wo du dann auch gucken kannst, wie entwickelt sich denn sowas."},{"speaker":null,"startTime":2788.34,"endTime":2789.5,"body":" Das finde ich total interessant."},{"speaker":null,"startTime":2789.5,"endTime":2798.88,"body":" Und ich war 2022, war ich mit meiner pers\u00f6nlichen Webseite, also moritzgiesemann.de, auf Rang 372.223."},{"speaker":null,"startTime":2798.88,"endTime":2803.6,"body":" Und ich habe gedacht, Moment mal, wieso, wieso?"},{"speaker":null,"startTime":2803.6,"endTime":2811.98,"body":" Und dann habe ich tats\u00e4chlich mit dem Wave-Tool dann meine Seite nochmal getestet und gesagt, schei\u00dfe, das stimmt, da habe ich ja tats\u00e4chlich noch echt ein Problem, was ich vorher nicht auf dem Schirm hatte."},{"speaker":null,"startTime":2811.98,"endTime":2821.4,"body":" Habe es gefixt und jetzt habe ich null Error-Density, was ziemlich gut ist und bin auf Rang 14.000 von einer Million."},{"speaker":null,"startTime":2821.4,"endTime":2833.72,"body":" Ich finde es ja schon verr\u00fcckt, dass meine Seite da \u00fcberhaupt drin auftaucht, weil, dass meine Seite, auf der wirklich fast kein Inhalt ist, unter der Top-Million, ich wei\u00df auch nicht genau, das habe ich jetzt gar nicht nachgeschaut,"},{"speaker":null,"startTime":2834.16,"endTime":2838.28,"body":" wie man, welche, eine Million Webseiten die ausw\u00e4hlen da."},{"speaker":null,"startTime":2838.28,"endTime":2841.22,"body":" Du bist schon am tippen und gucken, ob der."},{"speaker":null,"startTime":2841.22,"endTime":2841.78,"body":" Ja, ich will."},{"speaker":null,"startTime":2841.78,"endTime":2843.04,"body":" Mal gucken, ja."},{"speaker":null,"startTime":2843.04,"endTime":2844.8,"body":" Hier, Side-Looker."},{"speaker":null,"startTime":2844.8,"endTime":2853.74,"body":" Das eignet sich, also wenn ihr, wenn ihr in einer Firma arbeitet und ihr braucht, ihr wollt mal sch\u00f6ne Zahlen haben zur Barrierefreiheit,"},{"speaker":null,"startTime":2853.82,"endTime":2859.12,"body":" weil ihr den Managern erkl\u00e4ren wollt, dass das doch alles Mist ist und dass man da was machen muss,"},{"speaker":null,"startTime":2859.12,"endTime":2865.54,"body":" dann nehmt doch mal diesen F\u00fcnf-Jahres-Verlauf her von eurer Webseite, die da dann, wenn ihr in einer gr\u00f6\u00dferen Firma arbeitet,"},{"speaker":null,"startTime":2865.54,"endTime":2868.52,"body":" auf jeden Fall mit drin auftauchen wird in dieser Million."},{"speaker":null,"startTime":2868.52,"endTime":2870.04,"body":" Fand ich auf jeden Fall sehr sch\u00f6n."},{"speaker":null,"startTime":2870.04,"endTime":2875.7,"body":" Ich konnte da bei bestimmten Produkten mal nachvollziehen oder bei bestimmten Webseiten mal nachvollziehen,"},{"speaker":null,"startTime":2875.7,"endTime":2876.9,"body":" wie war denn der Verlauf?"},{"speaker":null,"startTime":2876.9,"endTime":2877.9,"body":" Ist es besser geworden?"},{"speaker":null,"startTime":2877.9,"endTime":2878.56,"body":" Ist es schlechter geworden?"},{"speaker":null,"startTime":2878.56,"endTime":2883.18,"body":" Gab es vielleicht ein Jahr, wo speziell irgendwie es viel besser oder viel schlechter geworden ist?"},{"speaker":null,"startTime":2883.18,"endTime":2888.42,"body":" Da sieht man dann, da gab es neue Releases von der Seite oder vielleicht eine Klage,"},{"speaker":null,"startTime":2888.42,"endTime":2892.18,"body":" dass man was barrierefreier machen muss oder so."},{"speaker":null,"startTime":2892.18,"endTime":2894.58,"body":" Auf jeden Fall da auf jeden Fall mal reingucken."},{"speaker":null,"startTime":2894.58,"endTime":2901.16,"body":" Aber auch der Artikel dazu, wo sie so ein bisschen erz\u00e4hlen, wie sie die Auswertung gemacht haben,"},{"speaker":null,"startTime":2902.1,"endTime":2907.34,"body":" was sie so rausgefunden haben, was sind so \u00fcbliche Fehler, die gefunden werden."},{"speaker":null,"startTime":2907.34,"endTime":2910.28,"body":" Wird das Web barrierefreier oder wird es irgendwie schlechter?"},{"speaker":null,"startTime":2910.28,"endTime":2913.3,"body":" Also da gibt es eine Menge interessanter Zahlen."},{"speaker":null,"startTime":2913.3,"endTime":2914.28,"body":" Ich finde den Artikel super."},{"speaker":null,"startTime":2914.28,"endTime":2916.16,"body":" Auf jeden Fall da mal reingucken."},{"speaker":null,"startTime":2916.16,"endTime":2919.66,"body":" Ich hatte auch mal auf Mastodon so einen kleinen Thread gemacht,"},{"speaker":null,"startTime":2919.66,"endTime":2922.32,"body":" wo ich so ein bisschen reingeschrieben habe,"},{"speaker":null,"startTime":2922.32,"endTime":2925.52,"body":" was ich so an interessanten Sachen aus dem Artikel rausgezogen habe."},{"speaker":null,"startTime":2925.52,"endTime":2926.88,"body":" Aber schaut einfach mal selbst rein."},{"speaker":null,"startTime":2926.88,"endTime":2928.22,"body":" Lohnt sich."},{"speaker":null,"startTime":2928.42,"endTime":2932.54,"body":" Und wie gesagt, in das Suchfeld gern auch mal eigene Webseite eintragen"},{"speaker":null,"startTime":2932.54,"endTime":2934.6,"body":" und mal schauen, ob sie mit drin ist."},{"speaker":null,"startTime":2934.6,"endTime":2937.06,"body":" Und dann k\u00f6nnt ihr mal gucken, wo ihr gelandet seid in diesem Ranking."},{"speaker":null,"startTime":2937.06,"endTime":2938.16,"body":" Genau."},{"speaker":null,"startTime":2938.16,"endTime":2940.68,"body":" Das war das Geilteil Nummer zwei."},{"speaker":null,"startTime":2940.68,"endTime":2944.86,"body":" Ich finde nur, also manchmal merkt es hier Sachen an,"},{"speaker":null,"startTime":2944.86,"endTime":2950.12,"body":" die sind irgendwie, ah, weil wir das \u00fcber einen Shadow gemacht haben."},{"speaker":null,"startTime":2950.12,"endTime":2952.12,"body":" Okay, das f\u00e4llt ihm dann nicht, ja."},{"speaker":null,"startTime":2952.12,"endTime":2953.8,"body":" Very low contrast."},{"speaker":null,"startTime":2953.8,"endTime":2955.04,"body":" Ist 4-8-Design drin?"},{"speaker":null,"startTime":2955.3,"endTime":2956.04,"body":" Ja, ja."},{"speaker":null,"startTime":2956.04,"endTime":2959.16,"body":" Sind irgendwie auf Rang 500.000."},{"speaker":null,"startTime":2959.16,"endTime":2961.52,"body":" Ja, sch\u00f6n in der Mitte."},{"speaker":null,"startTime":2961.52,"endTime":2962.72,"body":" Das ist doch gar nicht so schlecht."},{"speaker":null,"startTime":2962.72,"endTime":2966.86,"body":" Error Density von 4,63 Prozent."},{"speaker":null,"startTime":2966.86,"endTime":2968.84,"body":" Das ist nicht so schlecht."},{"speaker":null,"startTime":2968.84,"endTime":2972.42,"body":" Weil, also ich meine, klar, wir will mal null haben."},{"speaker":null,"startTime":2972.42,"endTime":2975.34,"body":" Aber Seiten, die ich mir heute angeguckt habe,"},{"speaker":null,"startTime":2975.34,"endTime":2979.56,"body":" die waren mehr so bei 6 bis 10 Prozent Error Density."},{"speaker":null,"startTime":2979.86,"endTime":2983.32,"body":" Also ihr seid da mit 4 schon, das ist schon nat\u00fcrlich nicht super,"},{"speaker":null,"startTime":2983.32,"endTime":2984.24,"body":" aber es ist schon ganz okay."},{"speaker":null,"startTime":2984.24,"endTime":2988.28,"body":" Und auch in der Liste Top Error Types Detected,"},{"speaker":null,"startTime":2988.28,"endTime":2989.64,"body":" da sind nur zwei Sachen drin."},{"speaker":null,"startTime":2989.64,"endTime":2991,"body":" Das ist schon ganz okay."},{"speaker":null,"startTime":2991,"endTime":2992.26,"body":" Cool."},{"speaker":null,"startTime":2992.26,"endTime":2993.7,"body":" K\u00f6nnt ihr nat\u00fcrlich noch mal gucken."},{"speaker":null,"startTime":2993.7,"endTime":2994.34,"body":" Ja, ja, klar."},{"speaker":null,"startTime":2994.34,"endTime":2996.08,"body":" Nee, werde ich jetzt auf jeden Fall auch angehen,"},{"speaker":null,"startTime":2996.08,"endTime":2997.98,"body":" jetzt wo ich so ein cooles, einfaches Tool habe."},{"speaker":null,"startTime":2997.98,"endTime":2998.6,"body":" Genau."},{"speaker":null,"startTime":2998.6,"endTime":3001.36,"body":" Und dieses Wave-Tool, das gibt es auch als Browser-Plugin."},{"speaker":null,"startTime":3001.9,"endTime":3004.08,"body":" Was da cool ist, ist, dass man das direkt,"},{"speaker":null,"startTime":3004.08,"endTime":3005.54,"body":" ohne dass man ein Plugin installieren muss,"},{"speaker":null,"startTime":3005.54,"endTime":3006.72,"body":" direkt analysieren kann."},{"speaker":null,"startTime":3006.72,"endTime":3009.72,"body":" Bei jedem Link oder bei jeder Seite,"},{"speaker":null,"startTime":3009.72,"endTime":3012.36,"body":" also in jeder Auswertung von jeder Seite,"},{"speaker":null,"startTime":3012.36,"endTime":3013.98,"body":" die da drin ist, gibt es direkt einen Link."},{"speaker":null,"startTime":3013.98,"endTime":3018.66,"body":" Analyze, in dem Fall halt, also Domain Name using Wave."},{"speaker":null,"startTime":3018.66,"endTime":3020.34,"body":" Und dann kommst du tats\u00e4chlich auf eine Seite,"},{"speaker":null,"startTime":3020.34,"endTime":3023.7,"body":" wavewebm.org, und dann wird da die Seite tats\u00e4chlich reingeladen,"},{"speaker":null,"startTime":3023.7,"endTime":3026.46,"body":" ohne dass du ein Plugin oder irgendwas installieren musst."},{"speaker":null,"startTime":3027.96,"endTime":3030.7,"body":" Genau, und dann kriegst du da die Errors angezeigt."},{"speaker":null,"startTime":3030.7,"endTime":3032,"body":" Ich habe nur zwei."},{"speaker":null,"startTime":3032,"endTime":3037.78,"body":" Okay, Contrast-Errors werden da extra behandelt."},{"speaker":null,"startTime":3037.78,"endTime":3038.66,"body":" Genau."},{"speaker":null,"startTime":3038.66,"endTime":3040.66,"body":" Mir ist da auch aufgefallen,"},{"speaker":null,"startTime":3040.66,"endTime":3042.64,"body":" also ich habe so ein bisschen die Methode angezweifelt,"},{"speaker":null,"startTime":3042.64,"endTime":3044.46,"body":" weil ich interessante Sachen damit gefunden habe,"},{"speaker":null,"startTime":3044.46,"endTime":3048.58,"body":" aber ich wurde \u00fcberzeugt, dass es vielleicht doch richtig ist."},{"speaker":null,"startTime":3048.58,"endTime":3051.72,"body":" Weil das meckert, das ist sehr, sehr streng, das Tool."},{"speaker":null,"startTime":3051.72,"endTime":3053.92,"body":" Das meckert zum Beispiel auch Sachen an,"},{"speaker":null,"startTime":3053.92,"endTime":3056.72,"body":" die vielleicht in dem aktuellen Zustand der Seite"},{"speaker":null,"startTime":3056.72,"endTime":3058.82,"body":" \u00fcberhaupt gar kein Accessibility-Problem darstellen."},{"speaker":null,"startTime":3058.82,"endTime":3062.38,"body":" Also zum Beispiel hat das angemeckert,"},{"speaker":null,"startTime":3062.38,"endTime":3064.68,"body":" habe ich in einer Auswertung gesehen,"},{"speaker":null,"startTime":3064.68,"endTime":3067.04,"body":" Input-Felder, die kein Label haben,"},{"speaker":null,"startTime":3067.04,"endTime":3069.38,"body":" die aber \u00fcberhaupt nirgends dargestellt werden,"},{"speaker":null,"startTime":3069.38,"endTime":3071.12,"body":" die Display-Nanen haben,"},{"speaker":null,"startTime":3071.12,"endTime":3075.02,"body":" also die \u00fcberhaupt gar nicht irgendwie verwendet werden."},{"speaker":null,"startTime":3075.02,"endTime":3077.96,"body":" Das hei\u00dft, ein Screenreader oder Tastatur ignoriert die komplett."},{"speaker":null,"startTime":3077.96,"endTime":3080.56,"body":" Und das ist ja an sich auch dann,"},{"speaker":null,"startTime":3080.56,"endTime":3082.2,"body":" also so aus Barrierefreiheitssicht,"},{"speaker":null,"startTime":3082.2,"endTime":3084.46,"body":" wenn das jetzt nur benutzt und sichergestellt ist,"},{"speaker":null,"startTime":3084.46,"endTime":3088.16,"body":" dass diese Inputs nie verwendet werden,"},{"speaker":null,"startTime":3088.16,"endTime":3090.1,"body":" dann ist das komplett wurscht."},{"speaker":null,"startTime":3090.1,"endTime":3092.36,"body":" Weil die sind weg, die sind nicht vorhanden."},{"speaker":null,"startTime":3092.36,"endTime":3095.3,"body":" Also das hat es zum Beispiel angemeckert."},{"speaker":null,"startTime":3095.3,"endTime":3097.06,"body":" Kann man jetzt dar\u00fcber streiten,"},{"speaker":null,"startTime":3097.06,"endTime":3098.64,"body":" ob das jetzt zu streng ist oder nicht,"},{"speaker":null,"startTime":3098.64,"endTime":3100.4,"body":" aber es ist auf jeden Fall ein guter Reminder."},{"speaker":null,"startTime":3100.4,"endTime":3102.7,"body":" So von wegen, \u00fcberleg dir gut, brauchst du das wirklich?"},{"speaker":null,"startTime":3102.86,"endTime":3103.98,"body":" Bist du dir sicher, dass das nie,"},{"speaker":null,"startTime":3103.98,"endTime":3105.68,"body":" also ich bin ja auch jetzt nicht derjenige,"},{"speaker":null,"startTime":3105.68,"endTime":3108.88,"body":" der die Seite geschrieben hat oder den Code geschrieben hat."},{"speaker":null,"startTime":3108.88,"endTime":3112.06,"body":" Ja, auf jeden Fall, guckt mal rein, testet mal."},{"speaker":null,"startTime":3112.06,"endTime":3114.52,"body":" Es sind auf jeden Fall spannende Ergebnisse."},{"speaker":null,"startTime":3114.52,"endTime":3117.86,"body":" Und vielleicht findet ihr noch was, was ihr fixen k\u00f6nnt."},{"speaker":null,"startTime":3117.86,"endTime":3118.84,"body":" Ja."},{"speaker":null,"startTime":3118.84,"endTime":3119.82,"body":" Sehr gut."},{"speaker":null,"startTime":3119.82,"endTime":3121.06,"body":" Haben wir es schon."},{"speaker":null,"startTime":3121.06,"endTime":3122.2,"body":" Dann kommt jetzt."},{"speaker":null,"startTime":3122.2,"endTime":3126.48,"body":" Das Ende."},{"speaker":null,"startTime":3129.64,"endTime":3135.94,"body":" Ja, Mensch, unter einer Stunde, das ist doch echt gut f\u00fcr uns."},{"speaker":null,"startTime":3135.94,"endTime":3136.74,"body":" Das ist doch kurz, ne?"},{"speaker":null,"startTime":3136.74,"endTime":3138.36,"body":" Haben wir doch versprochen."},{"speaker":null,"startTime":3138.36,"endTime":3139.62,"body":" Ja, stimmt."},{"speaker":null,"startTime":3139.62,"endTime":3141.36,"body":" Guck mal, eine Stunde brauchen wir also ungef\u00e4hr"},{"speaker":null,"startTime":3141.36,"endTime":3144.1,"body":" f\u00fcr einfach nur unser regul\u00e4res Gelaber."},{"speaker":null,"startTime":3144.1,"endTime":3146.98,"body":" Das hei\u00dft, die GPN kriegt auch voll."},{"speaker":null,"startTime":3146.98,"endTime":3151.52,"body":" Da brauche ich mir keine Sorgen, da finden wir schon genug."},{"speaker":null,"startTime":3151.52,"endTime":3155.08,"body":" Ja, jetzt genau, also gucken wir mal."},{"speaker":null,"startTime":3155.08,"endTime":3159.04,"body":" Die n\u00e4chste Folge wird hoffentlich wieder ein bisschen inhaltsreicher."},{"speaker":null,"startTime":3160.06,"endTime":3162.56,"body":" Und dann sind aber auch schon irgendwie demn\u00e4chst wieder Ferien,"},{"speaker":null,"startTime":3162.56,"endTime":3164.04,"body":" wo ich dann weg bin."},{"speaker":null,"startTime":3164.04,"endTime":3165.42,"body":" M\u00fcssen wir mal gucken."},{"speaker":null,"startTime":3165.42,"endTime":3167.94,"body":" Also aber drei Wochen d\u00fcrfen wir es nicht wieder dauern lassen,"},{"speaker":null,"startTime":3167.94,"endTime":3168.7,"body":" bis sie rauskommt."},{"speaker":null,"startTime":3168.7,"endTime":3170.9,"body":" Ne, da kommt noch mal."},{"speaker":null,"startTime":3170.9,"endTime":3173.74,"body":" Also wir werden auf jeden Fall mit dem HTML-Ged\u00f6ns noch weitermachen."},{"speaker":null,"startTime":3173.74,"endTime":3175.08,"body":" Das ist versprochen."},{"speaker":null,"startTime":3175.08,"endTime":3177.64,"body":" Die HTML-Serie wird fortgesetzt."},{"speaker":null,"startTime":3177.64,"endTime":3179.36,"body":" Okay."},{"speaker":null,"startTime":3179.36,"endTime":3181.66,"body":" Ja, ich habe auch sonst nichts weiter."},{"speaker":null,"startTime":3181.66,"endTime":3186.18,"body":" Keine Soundcloud zu verkaufen."},{"speaker":null,"startTime":3186.18,"endTime":3188.28,"body":" Keine Soundcloud zu verkaufen."},{"speaker":null,"startTime":3188.28,"endTime":3190.38,"body":" Achso, habe ich was zu verkaufen?"},{"speaker":null,"startTime":3190.38,"endTime":3192.86,"body":" Ja, vielleicht noch eine ..."},{"speaker":null,"startTime":3192.86,"endTime":3194.5,"body":" Ach nee, ich wei\u00df nicht."},{"speaker":null,"startTime":3194.5,"endTime":3196.14,"body":" Wollte ich dar\u00fcber reden?"},{"speaker":null,"startTime":3196.14,"endTime":3197.56,"body":" Ich rede lieber nicht dr\u00fcber."},{"speaker":null,"startTime":3197.56,"endTime":3197.98,"body":" Okay."},{"speaker":null,"startTime":3197.98,"endTime":3199.3,"body":" Alles klar."},{"speaker":null,"startTime":3199.3,"endTime":3200.66,"body":" Mensch, dann warst du es jetzt."},{"speaker":null,"startTime":3200.66,"endTime":3202,"body":" Dann warst du es."},{"speaker":null,"startTime":3202,"endTime":3202.94,"body":" Bis zum n\u00e4chsten Mal."},{"speaker":null,"startTime":3202.94,"endTime":3204.52,"body":" Ja, bis zum n\u00e4chsten Mal."},{"speaker":null,"startTime":3204.52,"endTime":3204.9,"body":" Macht's gut."},{"speaker":null,"startTime":3204.9,"endTime":3205.3,"body":" Macht's gut."},{"speaker":null,"startTime":3205.3,"endTime":3205.68,"body":" Ciao."},{"speaker":null,"startTime":3205.68,"endTime":3206.52,"body":" Ciao."},{"speaker":null,"startTime":3206.52,"endTime":3206.7,"body":" Ciao."},{"speaker":null,"startTime":3210.7,"endTime":3234.4,"body":" Untertitelung des ZDF f\u00fcr funk, 2017"}]}