{"version":"1.0.0","segments":[{"speaker":null,"startTime":0,"endTime":6,"body":"Wo Wir Sind ist vorne, Folge 65. Heute geht's weiter auf unserer Reise durch die Welt der HTML-Elemente."},{"speaker":null,"startTime":6,"endTime":25,"body":"Herzlich Willkommen bei Wo Wir Sind ist vorne. Frontend-Fakten-Frotzeleien."},{"speaker":null,"startTime":25,"endTime":29,"body":"Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung."},{"speaker":null,"startTime":30,"endTime":41,"body":"Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gie\u00dfmann und JavaScript-Jongleurin Sarah Gro\u00df."},{"speaker":null,"startTime":56,"endTime":63,"body":"Hallo zusammen. Hallo. Hi, Sarah. Na, sind wir heute gut drauf? Nee."},{"speaker":null,"startTime":63,"endTime":68,"body":"Ich frag deswegen, weil wir beim letzten Stream beide irgendwie so einen Durchh\u00e4nger hatten."},{"speaker":null,"startTime":68,"endTime":71,"body":"Ach, viel anders ist es jetzt heute nicht. Okay."},{"speaker":null,"startTime":71,"endTime":82,"body":"Aber wir haben ja festgestellt, die Durchh\u00e4ngersituationen leiten immer irgendwie in interessante Deep-Talk-Gespr\u00e4che."},{"speaker":null,"startTime":82,"endTime":86,"body":"Das war jetzt irgendwie dann auch wieder so. Stimmt. Da war bestimmt ein Zusammenhang. Ja."},{"speaker":null,"startTime":86,"endTime":89,"body":"Also k\u00f6nnte sein. Da haben wir doch was Positives rausgezogen. Ja. Genau."},{"speaker":null,"startTime":89,"endTime":94,"body":"Ja, dann lass uns doch Fl\u00fcssigkeiten woanders rausziehen. Wow. Okay, lass uns bezogen."},{"speaker":null,"startTime":94,"endTime":98,"body":"Was f\u00fcr eine \u00dcberleitung. Ja, ich bin wieder langweilig. Hast du ein Getr\u00e4nk?"},{"speaker":null,"startTime":98,"endTime":101,"body":"Ich hab ein Getr\u00e4nk. Ich hab heute Club Marte Eistee."},{"speaker":null,"startTime":101,"endTime":107,"body":"Wichtig ist mir noch zu sagen, dass da draufsteht auf der Flasche Kraftstoff. Kraftstoff."},{"speaker":null,"startTime":107,"endTime":112,"body":"Ich wei\u00df nicht genau warum. Also das ist wirklich eines, oder wie soll ich sagen?"},{"speaker":null,"startTime":112,"endTime":117,"body":"Es sieht aus, als h\u00e4tte der Praktikant das Logo gemacht. Das sieht irgendwie schon immer so aus."},{"speaker":null,"startTime":117,"endTime":120,"body":"Vielleicht hat der Praktikant das Logo gemacht oder die Praktikantin."},{"speaker":null,"startTime":120,"endTime":124,"body":"Oder die Praktikantin. Ich m\u00f6chte ja echt gar nicht genderdiskriminieren an der Stelle."},{"speaker":null,"startTime":124,"endTime":131,"body":"Das ist, egal wer es gemacht hat, es ist besonders. Und es ist schon seit ewigen Jahren so bei dem Eistee."},{"speaker":null,"startTime":131,"endTime":137,"body":"Ich wei\u00df nicht, es ist halt so, als ob jemand irgendwie mal rausgefunden hat, dass er Vektor ..."},{"speaker":null,"startTime":137,"endTime":142,"body":"Es sieht aus, als h\u00e4tte es jemand in Word gemacht, mit so Word-Clipart-Zeug, ja."},{"speaker":null,"startTime":142,"endTime":147,"body":"Ja, aber es ist eigentlich schlechter als Clipart. Die Cliparts waren meistens, das ist halt so selbst gekl\u00f6ppelt."},{"speaker":null,"startTime":147,"endTime":154,"body":"Ich versuch's mal zu beschreiben. Es soll ein Eisblock, glaube ich, sein, der so von Hand gezeichnet ist, so Vektorm\u00e4\u00dfig."},{"speaker":null,"startTime":154,"endTime":159,"body":"Aber der hat nat\u00fcrlich einen Verlauf von links nach rechts \u00fcber diverse Blaut\u00f6ne."},{"speaker":null,"startTime":159,"endTime":168,"body":"Und dar\u00fcber befindet sich eine breitgezogene Ellipse in etwas dunklerem Blau. Auf der steht ICE, also Eis."},{"speaker":null,"startTime":168,"endTime":173,"body":"Und rechts daneben ein riesengro\u00dfes, im Vergleich dazu ein riesengro\u00dfes rotes T,"},{"speaker":null,"startTime":173,"endTime":181,"body":"in dem wiederum ganz unten, wei\u00df, ganz klein, die Buchstaben E A, also f\u00fcr T."},{"speaker":null,"startTime":181,"endTime":187,"body":"Und unten drunter steht noch Rot-Kraftstoff. Also Rot auf Blau ist auch immer eine sehr beliebte Kombination."},{"speaker":null,"startTime":187,"endTime":192,"body":"Also man hat wirklich nichts ausgelassen. Also ich kann euch nur empfehlen,"},{"speaker":null,"startTime":192,"endTime":195,"body":"falls ihr euch jetzt fragt, was hat er da komisches gerade beschrieben,"},{"speaker":null,"startTime":195,"endTime":199,"body":"kauft euch mal oder schaut euch nur mal im Supermarkt an eine Flasche Club Marte Eistee."},{"speaker":null,"startTime":199,"endTime":203,"body":"Ich hab den schon gesucht, bei mir im Edeka gibt's den aber nicht."},{"speaker":null,"startTime":203,"endTime":213,"body":"Also wirklich, ich bin seit zwei Jahren oder so \u00fcberzeugter Getr\u00e4nke-Lieferanten-Service-Inanspruchnehmer."},{"speaker":null,"startTime":213,"endTime":219,"body":"Ich kaufe Getr\u00e4nke quasi au\u00dfer Einzelflaschen oder sowas, was ich gerade haben will,"},{"speaker":null,"startTime":219,"endTime":223,"body":"kaufe ich nicht mehr im Supermarkt oder im Getr\u00e4nkemarkt. Ich lasse liefern."},{"speaker":null,"startTime":223,"endTime":225,"body":"Aber der Moritz l\u00e4sst liefern."},{"speaker":null,"startTime":225,"endTime":231,"body":"Ich lasse liefern. Und das ist sogar, wenn ich jetzt das vergleiche mit dem Einzelpreis f\u00fcr Club Marte-Flaschen,"},{"speaker":null,"startTime":231,"endTime":234,"body":"bei mir hier im Supermarkt, da kann man keinen Kasten kaufen, da gibt's nur Einzelflaschen,"},{"speaker":null,"startTime":234,"endTime":237,"body":"deutlich billiger. Selbst beim Liefern lassen."},{"speaker":null,"startTime":237,"endTime":246,"body":"Ich glaube, die Kiste normale Club Marte kostet mich bei meinem Lieferanten 15,50 Euro oder 15,30 Euro oder sowas."},{"speaker":null,"startTime":246,"endTime":248,"body":"Exklusiv-Gefangen."},{"speaker":null,"startTime":248,"endTime":251,"body":"Musst du mir nachher mal sagen, was das ist, damit wir hier keine Werbung machen."},{"speaker":null,"startTime":251,"endTime":256,"body":"Weil bei unserem Speziverbrauch hier wird sich das, glaube ich, auch bald lohnen, es liefern zu lassen."},{"speaker":null,"startTime":256,"endTime":260,"body":"Doch, doch, das ist ganz toll, wenn man es geliefert bekommt. Ich kann das nur empfehlen."},{"speaker":null,"startTime":260,"endTime":264,"body":"Und ich war auch dann erstaunt, dass es eigentlich nicht teurer ist, als wenn ich es im Getr\u00e4nkemarkt kaufe."},{"speaker":null,"startTime":264,"endTime":269,"body":"Genau, das sind 0,5er-Club Marte-Flaschen, 20 St\u00fcck. Kannst du dir ausrechnen."},{"speaker":null,"startTime":269,"endTime":276,"body":"Dann kostet mich die Flasche unter einen Euro, zwischen 15 und 16 Euro, die Kiste f\u00fcr 20."},{"speaker":null,"startTime":276,"endTime":284,"body":"Und wenn ich eine 0,33er-Flasche Club Marte, also noch kleiner, bei mir im Supermarkt hier einzeln kaufe,"},{"speaker":null,"startTime":284,"endTime":287,"body":"kostet die, glaube ich, 1,30 Euro mittlerweile."},{"speaker":null,"startTime":287,"endTime":294,"body":"Ja, ist sogar billiger. Also kann ich nur empfehlen, guck mal, und da kann ich ganz unverdient mal Werbung machen."},{"speaker":null,"startTime":294,"endTime":297,"body":"Ich kann mal Werbung machen f\u00fcr die Seite, wo ich bestelle, das ist nicht der Lieferant."},{"speaker":null,"startTime":297,"endTime":301,"body":"Das hei\u00dft n\u00e4mlich wir-liefern-getr\u00e4nke.de."},{"speaker":null,"startTime":301,"endTime":306,"body":"Und das ist quasi so eine Portalseite, wo Getr\u00e4nkelieferanten ihr Angebot einstellen k\u00f6nnen,"},{"speaker":null,"startTime":306,"endTime":312,"body":"aber die halt selbst keinen Online-Shop haben. Die haben quasi dann dar\u00fcber einen Shop."},{"speaker":null,"startTime":312,"endTime":317,"body":"Und das hei\u00dft, du hast dann, so wie ich gerade gesagt habe, sucht euren lokalen Getr\u00e4nkelieferanten, hast du dann da."},{"speaker":null,"startTime":317,"endTime":323,"body":"Genau, das ist es. Du gibst dann da deine Adresse ein und dann siehst du, wer liefert denn von diesem Portal alles zu dir."},{"speaker":null,"startTime":323,"endTime":326,"body":"Und das sind bei mir so drei oder vier, habe ich zur Auswahl."},{"speaker":null,"startTime":326,"endTime":331,"body":"Und aber nur einer davon hat vern\u00fcnftiges Marte-Angebot, also auch verschiedene Sorten."},{"speaker":null,"startTime":331,"endTime":334,"body":"Genau, auch die Club Marte Zero mittlerweile, die es eigentlich ja gar nicht gibt."},{"speaker":null,"startTime":334,"endTime":340,"body":"Gr\u00fc\u00dfe an Manuel Matusewitsch. Genau, also das ist total cool."},{"speaker":null,"startTime":340,"endTime":342,"body":"Und die haben auch alle unterschiedliche Preise."},{"speaker":null,"startTime":342,"endTime":344,"body":"Also letzten Endes ist das ein ganz normaler Getr\u00e4nkelieferant."},{"speaker":null,"startTime":344,"endTime":351,"body":"Der kommt dann da mit seinem LKW oder mit seinem kleinen Lastfahrzeug angefahren"},{"speaker":null,"startTime":351,"endTime":357,"body":"und mit einer Sackkarre und bringt dann die Kisten und holt das Leergut auch mit."},{"speaker":null,"startTime":357,"endTime":362,"body":"Und das zu einem verdammt guten Preis, wie ich finde. Und wieso soll man das selbst schleppen?"},{"speaker":null,"startTime":362,"endTime":368,"body":"Auch hier, obwohl ich nicht so zentral wohne in Karlsruhe, habe ich vier Anbieter zur Auswahl,"},{"speaker":null,"startTime":368,"endTime":371,"body":"wo ich gucken kann, was hier mit Preisen besser ist."},{"speaker":null,"startTime":371,"endTime":378,"body":"Einfach mal gucken, Preise checken und dann unterst\u00fctzt ihr auch eure lokalen Getr\u00e4nkelieferanten."},{"speaker":null,"startTime":378,"endTime":382,"body":"Sehr sch\u00f6n. Aber noch was f\u00fcr die Shownotes."},{"speaker":null,"startTime":382,"endTime":385,"body":"Noch was f\u00fcr die Shownotes, genau."},{"speaker":null,"startTime":385,"endTime":392,"body":"Ich habe auch was Nichtalkoholisches. Ich mache jetzt auch schon wieder Erwerbung f\u00fcr die Edeka."},{"speaker":null,"startTime":392,"endTime":397,"body":"Es gibt so ein amerikanisches Regal, wo es so Riesesachen manchmal gibt."},{"speaker":null,"startTime":397,"endTime":401,"body":"Also immer wechselnd auch Sachen, die es nicht immer im Sortiment gibt."},{"speaker":null,"startTime":401,"endTime":405,"body":"Und die haben auch immer wieder so Getr\u00e4nke, die es bei uns in Deutschland nicht gibt."},{"speaker":null,"startTime":405,"endTime":410,"body":"Und unter anderem habe ich jetzt hier eine Fanta Pineapple & Grapefruit."},{"speaker":null,"startTime":410,"endTime":414,"body":"Blaue Fanta-Dose mit Ananas und Grapefruit. Da bin ich mal gespannt."},{"speaker":null,"startTime":414,"endTime":419,"body":"Guck ich mal, was gibt es denn da so und dann nehme ich mir ab und zu was mit."},{"speaker":null,"startTime":419,"endTime":423,"body":"Also, das klingt gut. Ich habe meine Flasche leider schon offen gehabt."},{"speaker":null,"startTime":423,"endTime":425,"body":"Ich musste vorhin schon ein bisschen Zucker zu mir nehmen."},{"speaker":null,"startTime":425,"endTime":427,"body":"Also dann ansto\u00dfen ist eh schwierig."},{"speaker":null,"startTime":427,"endTime":429,"body":"Nat\u00fcrlich, kein Problem."},{"speaker":null,"startTime":429,"endTime":431,"body":"Guck mal, meine Dose klingt wie eine Flasche."},{"speaker":null,"startTime":431,"endTime":435,"body":"Klingt fantastisch, oder? Wir haben durch das Portal mal wieder angesto\u00dfen."},{"speaker":null,"startTime":435,"endTime":443,"body":"Wir sitzen ja nicht im gleichen Raum, aber zum Ansto\u00dfen haben wir so ein kleines Portal geschaltet"},{"speaker":null,"startTime":443,"endTime":445,"body":"und das funktioniert dann immer ganz gut."},{"speaker":null,"startTime":445,"endTime":447,"body":"Schmeckt tats\u00e4chlich echt ganz gut."},{"speaker":null,"startTime":447,"endTime":454,"body":"Und ich h\u00e4tte jetzt nicht gedacht, bei einem amerikanischen Getr\u00e4nk, dass da tats\u00e4chlich Fruchtsaft drin ist."},{"speaker":null,"startTime":454,"endTime":458,"body":"Also 5% Fruchtsaft aus Konzentrat. Immerhin."},{"speaker":null,"startTime":458,"endTime":464,"body":"Weil normalerweise kaufst du sowas und dann steht da irgendwie Passionfruit und dann enth\u00e4lt kein Fruchtsaft."},{"speaker":null,"startTime":464,"endTime":467,"body":"Passionsfrucht? Frisches Obst?"},{"speaker":null,"startTime":467,"endTime":471,"body":"Nee, aber mir schmeckt das tats\u00e4chlich ziemlich gut."},{"speaker":null,"startTime":471,"endTime":479,"body":"Gut, aber bevor wir jetzt zum Getr\u00e4nke-Podcast montieren, w\u00fcrde ich sagen, starten wir mit der Retro, oder?"},{"speaker":null,"startTime":479,"endTime":481,"body":"Warum nicht? Okay, na gut."},{"speaker":null,"startTime":481,"endTime":496,"body":"Ja, wenn es sein muss, dann starten wir mit Inhalt."},{"speaker":null,"startTime":496,"endTime":504,"body":"Naja, dazu muss ich sagen, wir waren ja mal bei der GPN und haben da einen Vortrag gehalten."},{"speaker":null,"startTime":504,"endTime":506,"body":"Das ist schon wieder abgeschweift, ne?"},{"speaker":null,"startTime":506,"endTime":512,"body":"Und das wurde hinterher unter anderem auf YouTube ver\u00f6ffentlicht, aber auch auf dem CCC-Portal."},{"speaker":null,"startTime":512,"endTime":515,"body":"Aber bei YouTube kann man halt Kommentare drunter schreiben."},{"speaker":null,"startTime":515,"endTime":518,"body":"Und das Ding ging, glaube ich, eine Stunde oder so."},{"speaker":null,"startTime":518,"endTime":522,"body":"Und irgendjemand hat in die Kommentare geschrieben, Inhalt beginnt bei 20 Minuten."},{"speaker":null,"startTime":522,"endTime":530,"body":"Irgendjemand hatte sich beschwert, ich bin bei Minute 19 ausgestiegen, nur gelabert."},{"speaker":null,"startTime":530,"endTime":534,"body":"Und ab Minute 20 ging es halt los mit Inhalt."},{"speaker":null,"startTime":534,"endTime":537,"body":"Aber ich finde, das geh\u00f6rt doch auch irgendwie einfach dazu."},{"speaker":null,"startTime":537,"endTime":539,"body":"Also, ich meine, das sind halt wir."},{"speaker":null,"startTime":539,"endTime":544,"body":"Also, wer irgendwie nur harte Fakten reingetr\u00fcmmert kriegen will, der ist halt falsch."},{"speaker":null,"startTime":544,"endTime":547,"body":"Der kann Chat-GPT fragen, das labert einen dann auch voll."},{"speaker":null,"startTime":547,"endTime":550,"body":"Ja, Chat-GPT, da geht es in meinem zweiten Retro-Punkt auch sogar drum."},{"speaker":null,"startTime":550,"endTime":553,"body":"Aber jetzt komme ich erst mal zu meinem ersten."},{"speaker":null,"startTime":553,"endTime":556,"body":"Und zwar merkt man, dass ich wieder am Arbeiten bin seit Mai."},{"speaker":null,"startTime":556,"endTime":563,"body":"Und jetzt auch tats\u00e4chlich \u00f6fter wieder Beitr\u00e4ge habe, auch im Stream und so, die mit Technik zu tun haben."},{"speaker":null,"startTime":563,"endTime":565,"body":"Und ich habe diese Woche zum ersten Mal Container-Querys verwendet."},{"speaker":null,"startTime":565,"endTime":568,"body":"Wir haben ja \u00fcber Container-Querys hier auch schon gesprochen."},{"speaker":null,"startTime":568,"endTime":570,"body":"Und jetzt habe ich sie zum ersten Mal selber eingesetzt."},{"speaker":null,"startTime":570,"endTime":574,"body":"Und zwar ging es, du wei\u00dft es schon, ich habe es im Stream schon angesprochen,"},{"speaker":null,"startTime":574,"endTime":577,"body":"um so eine Buchungsbox auf einer Seite f\u00fcr den Kunden."},{"speaker":null,"startTime":577,"endTime":580,"body":"Und es ist noch nicht ganz klar, wo die \u00fcberall hinkommt."},{"speaker":null,"startTime":580,"endTime":584,"body":"Ob die sp\u00e4ter als Element auf alle Seiten oben irgendwie kommt oder ein Header."},{"speaker":null,"startTime":584,"endTime":587,"body":"Oder nur auf die Startseite als Element, als Widget, das man setzen kann."},{"speaker":null,"startTime":587,"endTime":590,"body":"Das ist jedenfalls WordPress-Kontext, das ist ein Shortcode."},{"speaker":null,"startTime":590,"endTime":594,"body":"Das hei\u00dft, ich wei\u00df nicht, wo dieses Ding am Ende vielleicht auftaucht."},{"speaker":null,"startTime":594,"endTime":598,"body":"Und dann dachte ich, Mensch, das ist doch jetzt der perfekte Einsatzzweck f\u00fcr Container-Querys."},{"speaker":null,"startTime":598,"endTime":604,"body":"Ich m\u00f6chte, dass dieses Ding unabh\u00e4ngig, wo es ist, einfach in der darstellbaren Breite immer gut angezeigt wird."},{"speaker":null,"startTime":604,"endTime":609,"body":"Sprich, dass die Felder bei zu wenig Platz untereinander sind, statt nebeneinander, wenn der Platz nicht ausreicht."},{"speaker":null,"startTime":609,"endTime":612,"body":"Und dann habe ich zum ersten Mal Container-Querys eingesetzt."},{"speaker":null,"startTime":612,"endTime":615,"body":"Und das ist eigentlich echt simpel und echt cool."},{"speaker":null,"startTime":615,"endTime":618,"body":"Aber ich bin gleich am Anfang \u00fcber was gestolpert, was mir nicht bewusst war."},{"speaker":null,"startTime":618,"endTime":625,"body":"Und zwar kann ich den Container, also das Element, dem ich das Container-Attribut in CSS gebe,"},{"speaker":null,"startTime":625,"endTime":631,"body":"das kann ich selbst nicht stylen im Container-Query selbst."},{"speaker":null,"startTime":631,"endTime":639,"body":"Also ich kann da jetzt nicht sagen, das Container-Element kriegt einen roten Background kleiner als 300 Pixel oder so."},{"speaker":null,"startTime":639,"endTime":644,"body":"Und was ich dann gemacht habe, ist ein kleiner Ausweg mit einem Hass-Selector."},{"speaker":null,"startTime":644,"endTime":654,"body":"Das hei\u00dft, ich habe, ich sage, jedes Element, das als direktes Kind-Element diese Buchungsbox hat,"},{"speaker":null,"startTime":654,"endTime":661,"body":"also Doppel-Punkt-Hass-Klammer auf, spitze Pfeil rechts und dann die ID oder die Klasse von diesem Buchungscontainer,"},{"speaker":null,"startTime":661,"endTime":668,"body":"das bekommt den entsprechenden Containernamen \u00fcber CSS, den ich dann sp\u00e4ter in dem Container-Query benutzen kann."},{"speaker":null,"startTime":668,"endTime":672,"body":"Und damit bin ich eigentlich ganz zufrieden."},{"speaker":null,"startTime":672,"endTime":678,"body":"Und inzwischen ist ja Hass-Unterst\u00fctzung mindestens genauso wie Container-Query-Unterst\u00fctzung."},{"speaker":null,"startTime":678,"endTime":681,"body":"Von daher habe ich da jetzt eigentlich wenig Bedenken gehabt, das so anzuwenden."},{"speaker":null,"startTime":681,"endTime":688,"body":"Aber ich habe zus\u00e4tzlich trotzdem noch die Regeln in einem Media-Query dupliziert."},{"speaker":null,"startTime":688,"endTime":692,"body":"Und wir hatten es jetzt im Stream auch schon dr\u00fcber und haben da so ein bisschen mal Feedback eingeholt,"},{"speaker":null,"startTime":692,"endTime":695,"body":"wie w\u00fcrden es die anderen machen, bin ich einfach zu \u00fcbervorsichtig."},{"speaker":null,"startTime":695,"endTime":698,"body":"Wir sind noch so die Generation, keine Evergreen-Browser."},{"speaker":null,"startTime":698,"endTime":704,"body":"Wir m\u00fcssen immer noch gucken, dass wir irgendwie Omas altes Nokia 3210 noch unterst\u00fctzen."},{"speaker":null,"startTime":704,"endTime":713,"body":"Den Webbrowser. Und ich wei\u00df nicht, ich kann das selbst schwer einsch\u00e4tzen, ist das jetzt noch notwendig,"},{"speaker":null,"startTime":713,"endTime":718,"body":"weil halt irgendwelche alten Opera Minis oder was das nicht unterst\u00fctzen."},{"speaker":null,"startTime":718,"endTime":722,"body":"Und in dem Fall w\u00e4re es halt einfach wirklich bl\u00f6d oder irgendwelche alten iPhones vielleicht auch."},{"speaker":null,"startTime":722,"endTime":728,"body":"Muss ja nichts ganz Absurdes sein, aber einfach irgendwie ein iPhone, das halt schon, sagen wir mal, drei Jahre alt ist"},{"speaker":null,"startTime":728,"endTime":733,"body":"und vielleicht nicht mehr die aktuellste Software, den aktuellsten Safari erh\u00e4lt oder so."},{"speaker":null,"startTime":733,"endTime":737,"body":"Und dann funktioniert es da nicht. Und das sieht dann einfach, wenn es nicht angepasst ist, kacke aus,"},{"speaker":null,"startTime":737,"endTime":739,"body":"weil es einfach abgeschnitten wird und man es nicht richtig benutzen kann."},{"speaker":null,"startTime":739,"endTime":741,"body":"Ich muss kurz korrigieren."},{"speaker":null,"startTime":741,"endTime":748,"body":"Also Apple-Ger\u00e4te, die kriegen normalerweise so sechs bis sieben Jahre lang Feature-Versions-Updates."},{"speaker":null,"startTime":748,"endTime":752,"body":"Es gibt bestimmt Leute, die immer noch ein altes iPhone haben. Ist nicht jeder so, dass er immer das gleiche Ger\u00e4t braucht."},{"speaker":null,"startTime":752,"endTime":758,"body":"Also ein altes iPhone w\u00e4re die Kategorie sechs, sieben, acht Jahre und \u00e4lter."},{"speaker":null,"startTime":758,"endTime":763,"body":"Gut, okay, das ist schon. Und jetzt habe ich es nat\u00fcrlich nicht gleich parat, aber wie ist denn der Stand?"},{"speaker":null,"startTime":763,"endTime":773,"body":"Can I use von Hasselector? Da sind wir Safari 15, also M\u00e4rz 22."},{"speaker":null,"startTime":773,"endTime":779,"body":"Das hei\u00dft, die letzten iPhones der letzten sechs Jahre, sagst du, m\u00fcssten das haben."},{"speaker":null,"startTime":779,"endTime":783,"body":"Dann ist die Frage, forciert Apple Updates?"},{"speaker":null,"startTime":783,"endTime":787,"body":"Oder kann das sein, dass Leute einfach den aktuellen Safari halt nicht aktualisiert haben?"},{"speaker":null,"startTime":787,"endTime":791,"body":"Der Safari ist Bestandteil des Betriebssystems."},{"speaker":null,"startTime":791,"endTime":796,"body":"Das hei\u00dft, ich kann nicht sagen, ich updatet den Safari nicht, wenn ich mein Betriebssystem updatet."},{"speaker":null,"startTime":796,"endTime":802,"body":"Der ist da fest mit einverd\u00fcngelt. Das ist keine App in dem eigentlichen Sinne, der geh\u00f6rt fest mit dazu."},{"speaker":null,"startTime":802,"endTime":807,"body":"Es gibt aber allerdings mit Sicherheit Menschen, die das Update nicht machen."},{"speaker":null,"startTime":807,"endTime":814,"body":"Apple forciert es nicht im Sinne von Abstichtag X musst du das Update machen."},{"speaker":null,"startTime":814,"endTime":821,"body":"Ich wei\u00df nicht, wie das bei Android ist. Aber sie nerven dich schon damit, dass du das machst nach einer Weile."},{"speaker":null,"startTime":821,"endTime":827,"body":"Also die werden dich nicht am Tag, wo das Update rauskommt, bekommst du die Meldung."},{"speaker":null,"startTime":827,"endTime":831,"body":"Aber nach einer Weile sp\u00e4ter sagen sie dann so, wir haben jetzt eine neue Version."},{"speaker":null,"startTime":831,"endTime":835,"body":"Es w\u00e4re gut, wenn du mal updaten w\u00fcrdest. Und das wird dann schon penetrant irgendwann."},{"speaker":null,"startTime":835,"endTime":842,"body":"Und sie selbst, also ich glaube, keiner hat die Statistik dazu au\u00dfer Apple selbst."},{"speaker":null,"startTime":842,"endTime":846,"body":"Und sie selbst sagen immer wieder, dass sie sehr schnell Update-Zeiten haben."},{"speaker":null,"startTime":846,"endTime":852,"body":"Ob das stimmt, das muss man ihnen jetzt einfach glauben oder halt nicht."},{"speaker":null,"startTime":852,"endTime":856,"body":"Aber was sagen sie davon, eine andere Aussage zu machen?"},{"speaker":null,"startTime":856,"endTime":866,"body":"Keine Ahnung. Wenn man sich mit der Konkurrenz vergleicht und sagt, guck mal, wie zerfleddert die Android-Welt ist."},{"speaker":null,"startTime":866,"endTime":872,"body":"Das wollte ich n\u00e4mlich auch gerade sagen, zu Android selbst, weil du gesagt hast, ich wei\u00df nicht, wie es da aussieht."},{"speaker":null,"startTime":872,"endTime":876,"body":"Es gibt ja nicht das eine Android, das ist ja das Ding. Es gibt so viele Flavor von den unterschiedlichen Herstellern."},{"speaker":null,"startTime":876,"endTime":880,"body":"Und die haben ja auch sehr unterschiedliche Politik."},{"speaker":null,"startTime":880,"endTime":884,"body":"Also bei mir war es zum Beispiel so, dass mein Handy sich letztens \u00fcber Nacht neu gestartet hatte."},{"speaker":null,"startTime":884,"endTime":888,"body":"Und ich sehe das dann daran, weil sich erst alles langsam aufbaut, wenn ich das erste Mal entsperre."},{"speaker":null,"startTime":888,"endTime":892,"body":"Und dann stand oben auch hier System Update Installed."},{"speaker":null,"startTime":892,"endTime":896,"body":"Das ist mir vorher nicht passiert mit MUI."},{"speaker":null,"startTime":896,"endTime":902,"body":"Und jetzt bin ich auf diesem HyperOS von Huawei."},{"speaker":null,"startTime":902,"endTime":908,"body":"Beziehungsweise Poco X3. Da ist mir das jetzt passiert."},{"speaker":null,"startTime":908,"endTime":914,"body":"Also das h\u00e4ngt eben, wie gesagt, damit zusammen, was du da f\u00fcr ein Android drauf hast."},{"speaker":null,"startTime":914,"endTime":920,"body":"Aber gut, wenn Chrome tats\u00e4chlich auch unabh\u00e4ngig davon aktualisiert, ist es eigentlich im Hintergrund automatisch."},{"speaker":null,"startTime":920,"endTime":924,"body":"Wenn man das jetzt nicht irgendwie ausgestellt hat."},{"speaker":null,"startTime":924,"endTime":928,"body":"Das hei\u00dft, wenn Safari da auch gut ist, dann bin ich ja guter Dinge, dass ich theoretisch das Media Query gar nicht br\u00e4uchte."},{"speaker":null,"startTime":928,"endTime":932,"body":"Aber f\u00fcr den Fall der F\u00e4lle habe ich es jetzt mal gemacht."},{"speaker":null,"startTime":932,"endTime":936,"body":"Es war nicht viel an CSS, was ich da duplizieren musste."},{"speaker":null,"startTime":936,"endTime":940,"body":"Aber generell f\u00e4nde ich es irgendwie cool, wenn man das irgendwie vermeiden k\u00f6nnte, da alles duplizieren zu m\u00fcssen."},{"speaker":null,"startTime":940,"endTime":944,"body":"Sondern halt sagen k\u00f6nnte, und das kann man ja mit einem Bildsystem auch machen."},{"speaker":null,"startTime":944,"endTime":948,"body":"Aber trotzdem ist es halt im CSS zweimal drin."},{"speaker":null,"startTime":948,"endTime":952,"body":"Aber f\u00fcr Backwards-Compatibility geht es halt auch nicht anders, als dass du es noch mal reinkopieren musst."},{"speaker":null,"startTime":952,"endTime":956,"body":"Jedenfalls ist es eine coole Sache. Egal, wo das Ding jetzt ist, es wird richtig dargestellt."},{"speaker":null,"startTime":956,"endTime":960,"body":"Wenn ich es mir leisten k\u00f6nnte, das haben wir, glaube ich, auch im Stream schon besprochen."},{"speaker":null,"startTime":960,"endTime":964,"body":"Wenn ich ein bisschen Zeit h\u00e4tte und es mir leisten kann zeitlich,"},{"speaker":null,"startTime":964,"endTime":968,"body":"w\u00fcrde ich immer versuchen, echte Zahlen zu erfassen von der jeweiligen Webseite."},{"speaker":null,"startTime":968,"endTime":972,"body":"Weil eine Can-I-Use-Statistik ist sch\u00f6n und gut f\u00fcr irgendwie weltweite Zahlen."},{"speaker":null,"startTime":972,"endTime":976,"body":"Ich wei\u00df nicht mal genau, wo die Zahlen herkommen bei Can-I-Use."},{"speaker":null,"startTime":976,"endTime":980,"body":"Kann man bestimmt irgendwo nachlesen."},{"speaker":null,"startTime":980,"endTime":984,"body":"Und trotzdem ist es aber auch so, dass das \u00fcberhaupt keine Aussage dar\u00fcber trifft,"},{"speaker":null,"startTime":984,"endTime":988,"body":"was jetzt wirklich die Realit\u00e4t ist auf der Seite, f\u00fcr die du was baust."},{"speaker":null,"startTime":988,"endTime":992,"body":"Weil es kann sein, dass das irgendwie Kunden sind mit ganz speziellen Systemen."},{"speaker":null,"startTime":992,"endTime":996,"body":"Es geht um Reisen, es geht um Reisen in ein bestimmtes Land."},{"speaker":null,"startTime":996,"endTime":1000,"body":"Das hei\u00dft, klar, wei\u00dft du nicht, wie sind die Leute drauf?"},{"speaker":null,"startTime":1000,"endTime":1004,"body":"Kann es alle m\u00f6glichen \u00dcberraschungen geben, je nachdem, wo du dich befindest"},{"speaker":null,"startTime":1004,"endTime":1006,"body":"oder was f\u00fcr ein Content du anbietest?"},{"speaker":null,"startTime":1006,"endTime":1010,"body":"Ich glaube, es kann ganz interessante Sachen geben, die man da drin noch findet in den Statistiken."},{"speaker":null,"startTime":1010,"endTime":1014,"body":"Fr\u00fcher war es halt so, man hat einfach \u00fcberall Google Analytics reingeworfen."},{"speaker":null,"startTime":1014,"endTime":1018,"body":"Unabh\u00e4ngig davon, ob der Kunde das jetzt unbedingt wollte oder nicht."},{"speaker":null,"startTime":1018,"endTime":1022,"body":"Man hat es ihm halt gleich mit reingeklopft und gesagt, guck mal, da kannst du in die Statistiken schauen."},{"speaker":null,"startTime":1022,"endTime":1026,"body":"Jetzt mit DSGVO und so wollten viele das rausgeschmissen haben."},{"speaker":null,"startTime":1026,"endTime":1028,"body":"Aber auch nicht irgendwie Geld in die Hand nehmen,"},{"speaker":null,"startTime":1028,"endTime":1032,"body":"dass wir da irgendwas anderes integrieren, Matomo oder so was."},{"speaker":null,"startTime":1032,"endTime":1036,"body":"Dementsprechend fehlen uns da oft die Zahlen, die wir fr\u00fcher noch eher gehabt h\u00e4tten,"},{"speaker":null,"startTime":1036,"endTime":1039,"body":"weil wir es einfach standardm\u00e4\u00dfig mit reingeklopft haben."},{"speaker":null,"startTime":1039,"endTime":1042,"body":"Sorry, jetzt schweife ich noch weiter aus."},{"speaker":null,"startTime":1042,"endTime":1046,"body":"Aber so als Agentur eine Matomo-Instanz zu betreiben,"},{"speaker":null,"startTime":1046,"endTime":1051,"body":"die dann \u00fcberall f\u00fcr alle Kunden verwendet wird und dann jeweils eine eigene Seite angelegt wird"},{"speaker":null,"startTime":1051,"endTime":1055,"body":"und die dann Berechtigung kriegen, nur um die Statistiken ihrer Seite anzuschauen,"},{"speaker":null,"startTime":1055,"endTime":1057,"body":"w\u00e4re ja schon ein gangbarer Weg."},{"speaker":null,"startTime":1057,"endTime":1061,"body":"W\u00e4re ein gangbarer Weg, ist aber trotzdem wieder eine Drittanbieter-Anbindung"},{"speaker":null,"startTime":1061,"endTime":1065,"body":"und man m\u00fcsste das halt entsprechen in den Cookie-Notices und so weiter,"},{"speaker":null,"startTime":1065,"endTime":1067,"body":"was da halt alles mitkommt."},{"speaker":null,"startTime":1067,"endTime":1074,"body":"Nee, du kannst Matomo so konfigurieren, dass es keine Cookies verwendet zum Beispiel."},{"speaker":null,"startTime":1074,"endTime":1078,"body":"Die gehen nat\u00fcrlich bestimmte Daten verloren, aber so was wie Browserdaten,"},{"speaker":null,"startTime":1078,"endTime":1081,"body":"das, was dich jetzt interessiert, oder wie gro\u00df ist das Display."},{"speaker":null,"startTime":1081,"endTime":1083,"body":"Das haben wir tats\u00e4chlich sogar, ja."},{"speaker":null,"startTime":1083,"endTime":1085,"body":"Wir haben ja theoretisch, wenn wir selber hosten,"},{"speaker":null,"startTime":1085,"endTime":1087,"body":"auch Zugriff auf die ganzen Server-Statistiken."},{"speaker":null,"startTime":1087,"endTime":1089,"body":"Also da kommen wir schon an Daten ran."},{"speaker":null,"startTime":1089,"endTime":1092,"body":"Also ohne Cookie, genau, das w\u00fcrde auch so gehen."},{"speaker":null,"startTime":1092,"endTime":1094,"body":"Du kannst nat\u00fcrlich auch Log-Analyse machen,"},{"speaker":null,"startTime":1094,"endTime":1097,"body":"aber das geht auch ohne Cookie und du kannst Matomo tats\u00e4chlich,"},{"speaker":null,"startTime":1097,"endTime":1099,"body":"die haben das schon verstanden, wie man das macht,"},{"speaker":null,"startTime":1099,"endTime":1102,"body":"kannst du so konfigurieren, dass es keine Cookies verwendet."},{"speaker":null,"startTime":1102,"endTime":1104,"body":"Wir haben auch eine eigene Matomo-Instanz."},{"speaker":null,"startTime":1104,"endTime":1106,"body":"Also wir haben das auch und wir k\u00f6nnen das auch anbieten,"},{"speaker":null,"startTime":1106,"endTime":1108,"body":"nur wenn wir das anbieten und wenn wir das bei uns hosten,"},{"speaker":null,"startTime":1108,"endTime":1110,"body":"dann m\u00f6chten wir nat\u00fcrlich was daf\u00fcr haben."},{"speaker":null,"startTime":1110,"endTime":1111,"body":"Na klar."},{"speaker":null,"startTime":1111,"endTime":1117,"body":"Im Vergleich zu Google Analytics und da sind viele KundInnen einfach nicht dran interessiert."},{"speaker":null,"startTime":1117,"endTime":1120,"body":"Also ich habe mein eigenes Matomo am Laufen f\u00fcr meine,"},{"speaker":null,"startTime":1120,"endTime":1122,"body":"schon lange, da hie\u00df es noch pwik."},{"speaker":null,"startTime":1122,"endTime":1124,"body":"Ja, genau, bei uns auch."},{"speaker":null,"startTime":1124,"endTime":1127,"body":"Ich glaube, die SAP-Domain bei uns ist auch noch pwik.irgendwas."},{"speaker":null,"startTime":1127,"endTime":1131,"body":"Und das habe ich halt in allen meinen Sachen drin,"},{"speaker":null,"startTime":1131,"endTime":1134,"body":"aber ich habe das sehr, sehr datensparsam eingestellt."},{"speaker":null,"startTime":1134,"endTime":1138,"body":"Also es verwendet keine Cookies, es respektiert den Do-Not-Track-Header"},{"speaker":null,"startTime":1138,"endTime":1143,"body":"und ich glaube, es beschneidet sogar irgendwie die IP-Adressen."},{"speaker":null,"startTime":1143,"endTime":1146,"body":"Also mich interessiert auch das alles gar nicht."},{"speaker":null,"startTime":1146,"endTime":1149,"body":"Mich interessieren schon die Wege, die jemand nimmt \u00fcber eine Seite"},{"speaker":null,"startTime":1149,"endTime":1151,"body":"und das geht halt nur,"},{"speaker":null,"startTime":1151,"endTime":1155,"body":"also ich kann keine wiederkehrenden BesucherInnen identifizieren,"},{"speaker":null,"startTime":1155,"endTime":1157,"body":"weil kein Cookie gesetzt ist."},{"speaker":null,"startTime":1157,"endTime":1160,"body":"Beziehungsweise das m\u00fcsste man dann mit Local Storage oder so,"},{"speaker":null,"startTime":1160,"endTime":1162,"body":"m\u00fcsste das doch eigentlich gehen, oder?"},{"speaker":null,"startTime":1162,"endTime":1165,"body":"Ja, aber auch das IP, es geht ja gar nicht mehr nur um Cookies."},{"speaker":null,"startTime":1165,"endTime":1169,"body":"Auch solche Storage-Geschichten, dachte ich auch, das kann man sch\u00f6n umgehen,"},{"speaker":null,"startTime":1169,"endTime":1173,"body":"aber es ist trotzdem eine Daten, die du speicherst."},{"speaker":null,"startTime":1173,"endTime":1176,"body":"Also wiederkehrende BesucherInnen kann ich nicht identifizieren,"},{"speaker":null,"startTime":1176,"endTime":1179,"body":"das ist etwas, was auf jeden Fall verloren geht."},{"speaker":null,"startTime":1179,"endTime":1183,"body":"Das ist aber so ziemlich das Einzige, was mir verloren geht von den Sachen,"},{"speaker":null,"startTime":1183,"endTime":1185,"body":"die mich potenziell interessieren w\u00fcrden,"},{"speaker":null,"startTime":1185,"endTime":1188,"body":"weil ich kann trotzdem die Browser-Statistiken sehen"},{"speaker":null,"startTime":1188,"endTime":1190,"body":"und kann sehen, ah ja, okay,"},{"speaker":null,"startTime":1190,"endTime":1193,"body":"da kommt niemand mehr mit dem Internet Explorer."},{"speaker":null,"startTime":1193,"endTime":1195,"body":"Gut, h\u00e4tte mich sowieso nicht interessiert."},{"speaker":null,"startTime":1195,"endTime":1197,"body":"Das ist das Wichtigste."},{"speaker":null,"startTime":1197,"endTime":1199,"body":"Oder wie neu sind denn die Browser?"},{"speaker":null,"startTime":1199,"endTime":1201,"body":"Ich gucke aber, ehrlich gesagt, selten rein."},{"speaker":null,"startTime":1201,"endTime":1203,"body":"Ich sehe dann grob ungef\u00e4hr da drauf,"},{"speaker":null,"startTime":1203,"endTime":1206,"body":"oder zumindest wie viele Page-Impressions und so was."},{"speaker":null,"startTime":1206,"endTime":1208,"body":"Das ist ja schon interessant."},{"speaker":null,"startTime":1208,"endTime":1211,"body":"Aber wie gesagt, viele KundInnen interessiert das \u00fcberhaupt gar nicht."},{"speaker":null,"startTime":1211,"endTime":1213,"body":"Wer guckt sich was an?"},{"speaker":null,"startTime":1213,"endTime":1216,"body":"Also, wenn ich ein neues Blog-Artikel schreibe ..."},{"speaker":null,"startTime":1216,"endTime":1218,"body":"Schon sehr abgeschwurft."},{"speaker":null,"startTime":1218,"endTime":1220,"body":"Na gut, dann schwurfen wir wieder mal zur\u00fcck."},{"speaker":null,"startTime":1220,"endTime":1222,"body":"Genau, was ich noch sagen wollte,"},{"speaker":null,"startTime":1222,"endTime":1225,"body":"schreibt doch mal in die Kommentare, wie ihr das handhaben w\u00fcrdet."},{"speaker":null,"startTime":1225,"endTime":1227,"body":"Nutzt ihr Container-Querys schon?"},{"speaker":null,"startTime":1227,"endTime":1230,"body":"Und wenn ja, habt ihr zus\u00e4tzlich noch Media-Querys,"},{"speaker":null,"startTime":1230,"endTime":1232,"body":"oder seid ihr mit der Bildschirmbreite noch ..."},{"speaker":null,"startTime":1232,"endTime":1234,"body":"Also, gar nicht mal von dem Container abh\u00e4ngig,"},{"speaker":null,"startTime":1234,"endTime":1237,"body":"sondern generell einfach, wenn weniger als die Breite,"},{"speaker":null,"startTime":1237,"endTime":1239,"body":"dann verh\u00e4lt sich das anders."},{"speaker":null,"startTime":1239,"endTime":1242,"body":"Macht ihr das, oder sagt ihr, pff, dann sieht's da halt doof aus."},{"speaker":null,"startTime":1242,"endTime":1245,"body":"Und ich nutze nur State-of-the-Art-neuestes CSS."},{"speaker":null,"startTime":1245,"endTime":1247,"body":"Und was mich noch interessieren w\u00fcrde,"},{"speaker":null,"startTime":1247,"endTime":1250,"body":"gibt es vielleicht noch irgendeinen cleveren Trick,"},{"speaker":null,"startTime":1250,"endTime":1252,"body":"den Container selbst zu stylen?"},{"speaker":null,"startTime":1252,"endTime":1254,"body":"Genau, vielleicht war ich da zu doof,"},{"speaker":null,"startTime":1254,"endTime":1257,"body":"aber ich hab auch tats\u00e4chlich an anderen Stellen gefunden,"},{"speaker":null,"startTime":1257,"endTime":1259,"body":"sorry, das geht ja nicht."},{"speaker":null,"startTime":1259,"endTime":1261,"body":"Das haltet ihr von dem Hass-Workaround,"},{"speaker":null,"startTime":1261,"endTime":1264,"body":"weil, genau, da hatten wir's auch noch dr\u00fcber,"},{"speaker":null,"startTime":1264,"endTime":1267,"body":"ich k\u00f6nnte auch einfach ein zus\u00e4tzliches Container-Element"},{"speaker":null,"startTime":1267,"endTime":1269,"body":"au\u00dfenrum basteln,"},{"speaker":null,"startTime":1269,"endTime":1272,"body":"das nur den Zweck hat, als Container zu dienen."},{"speaker":null,"startTime":1272,"endTime":1275,"body":"Aber das fand ich in dem Fall halt irgendwie doof,"},{"speaker":null,"startTime":1275,"endTime":1277,"body":"weil einfach unsemantisch und \u00fcberfl\u00fcssig."},{"speaker":null,"startTime":1277,"endTime":1279,"body":"Wir wollen ja eigentlich weg von Dingen,"},{"speaker":null,"startTime":1279,"endTime":1281,"body":"die nur zum Styling dienen."},{"speaker":null,"startTime":1281,"endTime":1284,"body":"Wir wollen ja eigentlich hin zu semantischem HTML"},{"speaker":null,"startTime":1284,"endTime":1287,"body":"und das nur drin haben, was wir auch tats\u00e4chlich ben\u00f6tigen."},{"speaker":null,"startTime":1287,"endTime":1289,"body":"Genau."},{"speaker":null,"startTime":1289,"endTime":1293,"body":"Gut, so, dann."},{"speaker":null,"startTime":1293,"endTime":1295,"body":"N\u00e4chster Retro-Punkt."},{"speaker":null,"startTime":1295,"endTime":1298,"body":"Ich hangel mich heute in meinen Retro-Punkten"},{"speaker":null,"startTime":1298,"endTime":1301,"body":"ein bisschen an Dingen entlang,"},{"speaker":null,"startTime":1301,"endTime":1304,"body":"die ich gebloggt habe, unter anderem."},{"speaker":null,"startTime":1304,"endTime":1307,"body":"Also gebloggt, nicht gebloggt."},{"speaker":null,"startTime":1307,"endTime":1309,"body":"Gebloggt, gebloggt."},{"speaker":null,"startTime":1309,"endTime":1312,"body":"Ist eigentlich der oder das Blog?"},{"speaker":null,"startTime":1312,"endTime":1314,"body":"Das Log, oder?"},{"speaker":null,"startTime":1314,"endTime":1316,"body":"Ja, aber Blog."},{"speaker":null,"startTime":1316,"endTime":1318,"body":"Von Logbuch, also eigentlich das Blog,"},{"speaker":null,"startTime":1318,"endTime":1320,"body":"aber ich sag auch der Blog."},{"speaker":null,"startTime":1320,"endTime":1322,"body":"Aber eigentlich ist es auch egal."},{"speaker":null,"startTime":1322,"endTime":1326,"body":"Ja, also, ich habe zum Beispiel eine Sache getan,"},{"speaker":null,"startTime":1326,"endTime":1330,"body":"n\u00e4mlich ich wollte mal wieder so einen Server"},{"speaker":null,"startTime":1330,"endTime":1336,"body":"oder so was Low-Leveliges einfach zu bedienendes installieren,"},{"speaker":null,"startTime":1336,"endTime":1340,"body":"womit ich irgendwie einen Server bei mir aufsetzen kann auf dem Mac."},{"speaker":null,"startTime":1340,"endTime":1342,"body":"Jetzt kann man nat\u00fcrlich das so machen,"},{"speaker":null,"startTime":1342,"endTime":1344,"body":"dass man f\u00fcr jedes Projekt irgendwie"},{"speaker":null,"startTime":1344,"endTime":1346,"body":"einen eigenen Node-Server irgendwie hochzieht."},{"speaker":null,"startTime":1346,"endTime":1348,"body":"Das machen ja viele mittlerweile so."},{"speaker":null,"startTime":1348,"endTime":1350,"body":"Ich habe aber ganz viele so alte Projekte,"},{"speaker":null,"startTime":1350,"endTime":1352,"body":"wo noch irgendwie PHP drin rumgammelt"},{"speaker":null,"startTime":1352,"endTime":1354,"body":"und wo es irgendwie angenehm ist,"},{"speaker":null,"startTime":1354,"endTime":1356,"body":"wenn man einfach sagt, ich habe einfach einen Server"},{"speaker":null,"startTime":1356,"endTime":1360,"body":"und dessen Home-Folder ist irgendwie ein Projekt-Ordner"},{"speaker":null,"startTime":1360,"endTime":1362,"body":"und in dem sind halt tausend Sachen drin"},{"speaker":null,"startTime":1362,"endTime":1364,"body":"und alles, was mit PHP funktioniert,"},{"speaker":null,"startTime":1364,"endTime":1367,"body":"funktioniert dann halt, wenn ich den starte"},{"speaker":null,"startTime":1367,"endTime":1370,"body":"und ich dann in den Browser auf einen bestimmten Pfad gehe"},{"speaker":null,"startTime":1370,"endTime":1372,"body":"und dann funktioniert das einfach alles mit dem PHP."},{"speaker":null,"startTime":1372,"endTime":1374,"body":"Und ich muss da jetzt nicht irgendwie"},{"speaker":null,"startTime":1374,"endTime":1377,"body":"jedes Mal was Eigenes irgendwie zusammenbasteln."},{"speaker":null,"startTime":1377,"endTime":1380,"body":"So, und dann habe ich mich erinnert,"},{"speaker":null,"startTime":1380,"endTime":1382,"body":"oder es gibt so verschiedene Varianten,"},{"speaker":null,"startTime":1382,"endTime":1384,"body":"man kann es irgendwie selbst basteln."},{"speaker":null,"startTime":1384,"endTime":1388,"body":"Der Mac hatte auch mal ein Apache und ein PHP selbst mit dabei,"},{"speaker":null,"startTime":1388,"endTime":1392,"body":"aber hat jetzt nur noch den Apache und das PHP, glaube ich, nicht mehr,"},{"speaker":null,"startTime":1392,"endTime":1394,"body":"was so fest mit eingebaut war."},{"speaker":null,"startTime":1394,"endTime":1396,"body":"Unter Linux zum Beispiel oder Ubuntu war das nie ein Problem,"},{"speaker":null,"startTime":1396,"endTime":1399,"body":"es war einfach alles quasi fast schon da."},{"speaker":null,"startTime":1399,"endTime":1402,"body":"Und auf Windows nutzt man ja XAMPP,"},{"speaker":null,"startTime":1402,"endTime":1404,"body":"oder das war zumindest das, was ich fr\u00fcher immer ..."},{"speaker":null,"startTime":1404,"endTime":1406,"body":"Oder inzwischen Laragon, da hatte ich es auch mal dr\u00fcber,"},{"speaker":null,"startTime":1406,"endTime":1408,"body":"dass ich das inzwischen nutze."},{"speaker":null,"startTime":1408,"endTime":1410,"body":"Aber XAMPP ist somit das verbreiteste, denke ich mal."},{"speaker":null,"startTime":1410,"endTime":1413,"body":"XAMPP ist, vielleicht f\u00fcr alle, die es nicht wissen,"},{"speaker":null,"startTime":1413,"endTime":1416,"body":"ist so ein kleines Programm, das starte ich"},{"speaker":null,"startTime":1416,"endTime":1420,"body":"und dann habe ich da drin so ein paar Konfigurationssachen,"},{"speaker":null,"startTime":1420,"endTime":1422,"body":"aber da kann ich einfach sagen, starte mir mal den Apache,"},{"speaker":null,"startTime":1422,"endTime":1425,"body":"starte mir mal PHP, starte mir mal MySQL oder MariaDB"},{"speaker":null,"startTime":1425,"endTime":1427,"body":"und dann l\u00e4uft das einfach."},{"speaker":null,"startTime":1427,"endTime":1429,"body":"Und wenn ich es nicht mehr brauche, dann schie\u00dfe ich das wieder ab."},{"speaker":null,"startTime":1429,"endTime":1431,"body":"Und dann kann ich halt vielleicht noch konfigurieren,"},{"speaker":null,"startTime":1431,"endTime":1434,"body":"wo greift denn das drauf zu oder wo ist denn der Ordner,"},{"speaker":null,"startTime":1434,"endTime":1437,"body":"wo das Zeug rumliegt, was ich dann irgendwie"},{"speaker":null,"startTime":1437,"endTime":1441,"body":"unter Localhost Pfad oder so dann angezeigt bekommen m\u00f6chte."},{"speaker":null,"startTime":1441,"endTime":1444,"body":"So, und dann, ich hatte so was \u00c4hnliches hier auch laufen,"},{"speaker":null,"startTime":1444,"endTime":1447,"body":"aber das hat nicht so richtig funktioniert, das war langsam."},{"speaker":null,"startTime":1447,"endTime":1450,"body":"Ich wei\u00df gar nicht mehr, wie hie\u00df denn das?"},{"speaker":null,"startTime":1450,"endTime":1453,"body":"Ah, LAMP hie\u00df das, glaube ich."},{"speaker":null,"startTime":1453,"endTime":1455,"body":"Nee, warte, nee, MAMP, ich bin falsch."},{"speaker":null,"startTime":1455,"endTime":1457,"body":"MAMP nat\u00fcrlich f\u00fcr einen Mac, ne?"},{"speaker":null,"startTime":1457,"endTime":1460,"body":"Genau, MAMP hie\u00df das."},{"speaker":null,"startTime":1460,"endTime":1463,"body":"Das hatte ich eine Weile am Laufen, aber das war irgendwie,"},{"speaker":null,"startTime":1463,"endTime":1465,"body":"ich wei\u00df nicht genau, was das f\u00fcr eine komische Magie"},{"speaker":null,"startTime":1465,"endTime":1467,"body":"im Hintergrund gemacht hat, aber ich hatte den Eindruck,"},{"speaker":null,"startTime":1467,"endTime":1469,"body":"das kopiert jedes Mal die ganzen Files von irgendwo weg"},{"speaker":null,"startTime":1469,"endTime":1472,"body":"und woanders hin und dann sind mal diese Files \u00fcbrig geblieben"},{"speaker":null,"startTime":1472,"endTime":1475,"body":"und dann hatte ich irgendwie dreimal meinen Projekteordner"},{"speaker":null,"startTime":1475,"endTime":1477,"body":"irgendwo gefunden und dachte, was ist denn das?"},{"speaker":null,"startTime":1477,"endTime":1479,"body":"Also, vielleicht habe ich auch irgendwas falsch gemacht,"},{"speaker":null,"startTime":1479,"endTime":1481,"body":"aber das hat f\u00fcr mich nicht so richtig gut funktioniert."},{"speaker":null,"startTime":1481,"endTime":1483,"body":"Und dann habe ich nochmal geguckt, weil ich dachte schon,"},{"speaker":null,"startTime":1483,"endTime":1486,"body":"XAMPP gab es doch auch mal f\u00fcr einen Mac."},{"speaker":null,"startTime":1486,"endTime":1490,"body":"Aber ich habe mich dann auch wieder erinnert,"},{"speaker":null,"startTime":1490,"endTime":1493,"body":"dass ich das schon mal gefunden hatte,"},{"speaker":null,"startTime":1493,"endTime":1496,"body":"aber davon abgeschreckt war, dass es sah so aus,"},{"speaker":null,"startTime":1496,"endTime":1500,"body":"als ob es uralt ist, weil da stand irgendwie,"},{"speaker":null,"startTime":1500,"endTime":1503,"body":"ich wei\u00df gar nicht mehr, was war denn das Problem?"},{"speaker":null,"startTime":1503,"endTime":1505,"body":"Ich muss es gerade selbst nochmal gucken."},{"speaker":null,"startTime":1505,"endTime":1509,"body":"Ach so, ich wollte gerade nicht runterladen, egal."},{"speaker":null,"startTime":1509,"endTime":1512,"body":"Da stand irgendeine komische Versionsnummer"},{"speaker":null,"startTime":1512,"endTime":1514,"body":"und Release 2017 oder irgendwie sowas."},{"speaker":null,"startTime":1514,"endTime":1517,"body":"Und da dachte ich so, nee, so was Altes will ich jetzt nicht haben."},{"speaker":null,"startTime":1517,"endTime":1520,"body":"Habe jetzt aber rausgefunden, ich lag da falsch."},{"speaker":null,"startTime":1520,"endTime":1525,"body":"Das ist schon durchaus aktuell und auch aktuelle PHP-Version usw."},{"speaker":null,"startTime":1525,"endTime":1527,"body":"Und habe das jetzt nochmal installiert."},{"speaker":null,"startTime":1527,"endTime":1532,"body":"Das hat schon ein bisschen, ja, das Startprogramm,"},{"speaker":null,"startTime":1532,"endTime":1535,"body":"das hei\u00dft dann OSX irgendwas."},{"speaker":null,"startTime":1535,"endTime":1537,"body":"Das ist ganz merkw\u00fcrdig, das habe ich jetzt auch umbenannt,"},{"speaker":null,"startTime":1537,"endTime":1539,"body":"weil es mir auf den Keks geht."},{"speaker":null,"startTime":1539,"endTime":1541,"body":"Egal, aber das funktioniert tats\u00e4chlich genauso,"},{"speaker":null,"startTime":1541,"endTime":1545,"body":"wie ich das unter Windows in Erinnerung hatte."},{"speaker":null,"startTime":1545,"endTime":1548,"body":"Und das hei\u00dft, ich habe so ein kleines Fenster, das aufgeht"},{"speaker":null,"startTime":1548,"endTime":1550,"body":"und ich kann dann sagen, starte mit dem Server,"},{"speaker":null,"startTime":1550,"endTime":1552,"body":"starte PHP usw."},{"speaker":null,"startTime":1552,"endTime":1554,"body":"Funktioniert auch soweit so gut."},{"speaker":null,"startTime":1554,"endTime":1559,"body":"Aber was ich auch damals schon auf meinem Ubuntu immer haben wollte,"},{"speaker":null,"startTime":1559,"endTime":1562,"body":"war, ich will nicht meine Dateien irgendwo hinlegen,"},{"speaker":null,"startTime":1562,"endTime":1565,"body":"wo normalerweise der Server seine Dateien liegen hat,"},{"speaker":null,"startTime":1565,"endTime":1567,"body":"also irgendwo in irgendeinem Systemdings da,"},{"speaker":null,"startTime":1567,"endTime":1570,"body":"z.B. in den Docs oder sowas, sondern ich will eigentlich"},{"speaker":null,"startTime":1570,"endTime":1574,"body":"meine Dateien irgendwo in meinem Home-Folder liegen haben,"},{"speaker":null,"startTime":1574,"endTime":1577,"body":"weil meine Projekte einfach in meinem Home-Folder liegen,"},{"speaker":null,"startTime":1577,"endTime":1580,"body":"da wird alles gebackupt usw."},{"speaker":null,"startTime":1580,"endTime":1583,"body":"Das hei\u00dft, man muss dem Ding das noch ein bisschen beibringen."},{"speaker":null,"startTime":1583,"endTime":1586,"body":"Und ich will jetzt gar nicht in die tiefen Details gehen,"},{"speaker":null,"startTime":1586,"endTime":1589,"body":"da gibt es einfach, beim Apache gibt es sowas,"},{"speaker":null,"startTime":1589,"endTime":1595,"body":"das nennt sich User-Folder, glaube ich."},{"speaker":null,"startTime":1595,"endTime":1599,"body":"User-Home-Directory, User-Dir, genau, User-Dir."},{"speaker":null,"startTime":1599,"endTime":1602,"body":"Und dann kann man das auf ein anderes Verzeichnis setzen."},{"speaker":null,"startTime":1602,"endTime":1605,"body":"Ich gehe jetzt nicht in die Details, wie man das einrichtet,"},{"speaker":null,"startTime":1605,"endTime":1607,"body":"aber das habe ich dann damit gemacht,"},{"speaker":null,"startTime":1607,"endTime":1610,"body":"das habe ich mir so aus verschiedenen Tutorials zusammengesucht,"},{"speaker":null,"startTime":1610,"endTime":1613,"body":"weil ich keins gefunden habe, dass genau das alles beschrieben hat,"},{"speaker":null,"startTime":1613,"endTime":1616,"body":"was ich wollte und dar\u00fcber habe ich einen kleinen Blogartikel geschrieben,"},{"speaker":null,"startTime":1616,"endTime":1618,"body":"der kommt in die Show Notes, der hei\u00dft"},{"speaker":null,"startTime":1618,"endTime":1621,"body":"Setting up XAMPP on macOS Sonoma with local user folder."},{"speaker":null,"startTime":1621,"endTime":1625,"body":"So viel gelabert, wenig Inhalt, wie es von uns gewohnt sei."},{"speaker":null,"startTime":1625,"endTime":1630,"body":"Ihr kriegt bei uns immer, was wir euch nicht versprochen haben oder so."},{"speaker":null,"startTime":1630,"endTime":1633,"body":"Keine Ahnung."},{"speaker":null,"startTime":1633,"endTime":1638,"body":"Gut, ich habe vorhin schon gesagt, bei mir geht es um Chat-GPT"},{"speaker":null,"startTime":1638,"endTime":1642,"body":"und eigentlich darum, dass wir Chat-GPT loswerden wollten"},{"speaker":null,"startTime":1642,"endTime":1645,"body":"beziehungsweise mal was anderes ausprobieren wollten."},{"speaker":null,"startTime":1645,"endTime":1649,"body":"Bei Chat-GPT, am Anfang war es super"},{"speaker":null,"startTime":1649,"endTime":1653,"body":"und dann zwischendrin wurde irgendwie so viel zensiert,"},{"speaker":null,"startTime":1653,"endTime":1657,"body":"weil oh, Copyright und AI \u00fcbernimmt die Welt,"},{"speaker":null,"startTime":1657,"endTime":1660,"body":"dass dann die Antworten total katastrophal waren."},{"speaker":null,"startTime":1660,"endTime":1662,"body":"Also Sachen, wo du ganz sicher wei\u00dft,"},{"speaker":null,"startTime":1662,"endTime":1665,"body":"das habe ich schon mal so in die Richtung eingegeben"},{"speaker":null,"startTime":1665,"endTime":1668,"body":"und da kam Code, den ich einfach benutzen konnte, der funktioniert hat,"},{"speaker":null,"startTime":1668,"endTime":1671,"body":"kam dann pl\u00f6tzlich A4-seitenweise gef\u00fchlt einfach nur Text,"},{"speaker":null,"startTime":1671,"endTime":1674,"body":"der dir das beschrieben hat, was du machen k\u00f6nntest."},{"speaker":null,"startTime":1674,"endTime":1679,"body":"Das war zwischendurch wirklich kaum noch benutzbar."},{"speaker":null,"startTime":1679,"endTime":1683,"body":"Dann kamen auch einfach wirklich falsche Sachen bei raus und so weiter."},{"speaker":null,"startTime":1683,"endTime":1685,"body":"Da hat sich irgendwie viel getan und gewandelt"},{"speaker":null,"startTime":1685,"endTime":1689,"body":"und die N\u00fctzlichkeit war da sehr schwankend."},{"speaker":null,"startTime":1689,"endTime":1692,"body":"Und auch jetzt ist es immer noch so,"},{"speaker":null,"startTime":1692,"endTime":1695,"body":"dass manchmal es sich so festfrisst irgendwie"},{"speaker":null,"startTime":1695,"endTime":1700,"body":"und dann partout nicht das macht, was du sagst, was es bitte machen soll."},{"speaker":null,"startTime":1700,"endTime":1703,"body":"Das hat uns irgendwie genervt und dann dazu noch die ganzen Ausf\u00e4lle,"},{"speaker":null,"startTime":1703,"endTime":1705,"body":"weil immer mal wieder pl\u00f6tzlich JetGPT h\u00e4ngt"},{"speaker":null,"startTime":1705,"endTime":1708,"body":"und dann auch immer gleich mal irgendwie f\u00fcr eine Viertelstunde, halbe Stunde"},{"speaker":null,"startTime":1708,"endTime":1710,"body":"und das ist halt in der t\u00e4glichen Arbeit echt bl\u00f6d."},{"speaker":null,"startTime":1710,"endTime":1713,"body":"Und dann haben wir uns \u00fcberlegt, gut, was gibt es sonst noch so?"},{"speaker":null,"startTime":1713,"endTime":1716,"body":"Und mein Bruder hat dann Cloud AI mal ausprobiert"},{"speaker":null,"startTime":1716,"endTime":1719,"body":"und hat gemeint, oh, das sieht eigentlich ganz gut aus,"},{"speaker":null,"startTime":1719,"endTime":1723,"body":"lass uns doch mal JetGPT, die Premium-Geschichte, die Subscription k\u00fcndigen,"},{"speaker":null,"startTime":1723,"endTime":1727,"body":"weil geht ja monatlich, und stattdessen mal Cloud AI ausprobieren."},{"speaker":null,"startTime":1727,"endTime":1731,"body":"Und dann haben wir das am Anfang erst mal gemacht mit der Nicht-Premium-Version"},{"speaker":null,"startTime":1731,"endTime":1735,"body":"und man muss sagen, das UI wirkt aufger\u00e4umter,"},{"speaker":null,"startTime":1735,"endTime":1737,"body":"auch wenn es noch ein bisschen buggy ist."},{"speaker":null,"startTime":1737,"endTime":1740,"body":"Also ich hab manchmal Probleme, Antwortteile einfach rauszukopieren,"},{"speaker":null,"startTime":1740,"endTime":1742,"body":"vor allem Code-Antworten."},{"speaker":null,"startTime":1742,"endTime":1745,"body":"Im ganzen Block ist kein Problem, da ist so ein Copy-Button"},{"speaker":null,"startTime":1745,"endTime":1747,"body":"und der wandert auch mit beim Scrollen."},{"speaker":null,"startTime":1747,"endTime":1750,"body":"Das ist so eine ganz kleine Feinheit im Unterschied zu JetGPT,"},{"speaker":null,"startTime":1750,"endTime":1754,"body":"aber es ist nervig, immer wieder hochscrollen zu m\u00fcssen zu dem Code-Block."},{"speaker":null,"startTime":1754,"endTime":1757,"body":"Und das war gleich schon mal so was so, ah cool, ich kann da runterscrollen"},{"speaker":null,"startTime":1757,"endTime":1761,"body":"zu der Erkl\u00e4rung und dann komm ich trotzdem so ..."},{"speaker":null,"startTime":1761,"endTime":1764,"body":"Was hat jetzt mein Ultraschall gemacht?"},{"speaker":null,"startTime":1764,"endTime":1766,"body":"Okay, ich dachte grad, die Aufnahme w\u00e4r weg."},{"speaker":null,"startTime":1766,"endTime":1768,"body":"Aber ist sie zum Gl\u00fcck noch da."},{"speaker":null,"startTime":1768,"endTime":1770,"body":"N\u00f6, bei mir l\u00e4uft auf jeden Fall noch was."},{"speaker":null,"startTime":1770,"endTime":1772,"body":"Ja, bei mir jetzt auch, das war nur irgendwie,"},{"speaker":null,"startTime":1772,"endTime":1774,"body":"hat sich's komisch hingescrollt, egal."},{"speaker":null,"startTime":1774,"endTime":1776,"body":"\u00c4hm, genau, also war's eine Kleinigkeit,"},{"speaker":null,"startTime":1776,"endTime":1780,"body":"aber wo man gleich schon mal dachte, ah cool, da haben sie gleich mitgedacht."},{"speaker":null,"startTime":1780,"endTime":1782,"body":"Also insgesamt aufger\u00e4umter."},{"speaker":null,"startTime":1782,"endTime":1786,"body":"Und ich hab's dann, wir haben dann Premium mal abonniert"},{"speaker":null,"startTime":1786,"endTime":1788,"body":"f\u00fcr einen Monat jetzt zum Testen."},{"speaker":null,"startTime":1788,"endTime":1791,"body":"Weil wir dachten, \u00e4hm, beziehungsweise festgestellt haben,"},{"speaker":null,"startTime":1791,"endTime":1795,"body":"okay, das Anfragenlimit ist relativ gering f\u00fcr so einen Arbeitstag."},{"speaker":null,"startTime":1795,"endTime":1798,"body":"Also ich hatte das irgendwie nach einem Problem,"},{"speaker":null,"startTime":1798,"endTime":1800,"body":"das ich so hin und her geschrieben hab,"},{"speaker":null,"startTime":1800,"endTime":1802,"body":"war quasi schon sicher, deine Anfragen"},{"speaker":null,"startTime":1802,"endTime":1805,"body":"sind bis heute Nachmittag um drei irgendwie aufgebraucht."},{"speaker":null,"startTime":1805,"endTime":1808,"body":"Also haben wir das jetzt mal, das Premium freigeschaltet"},{"speaker":null,"startTime":1808,"endTime":1810,"body":"und damit gearbeitet."},{"speaker":null,"startTime":1810,"endTime":1814,"body":"Und ich hab dann auch JGPT und Clode.ai gegeneinander antreten lassen."},{"speaker":null,"startTime":1814,"endTime":1817,"body":"Also wirklich genau das Gleiche gegeneinander machen lassen."},{"speaker":null,"startTime":1817,"endTime":1819,"body":"Und da muss man sagen,"},{"speaker":null,"startTime":1819,"endTime":1823,"body":"JGPT versucht manchmal schon, so ein bisschen out of the box zu denken."},{"speaker":null,"startTime":1823,"endTime":1826,"body":"Also es ging in dem Fall um WordPress und PHP."},{"speaker":null,"startTime":1826,"endTime":1828,"body":"Und ich hab da geschrieben, was ich brauch."},{"speaker":null,"startTime":1828,"endTime":1830,"body":"Und JGPT hat zum Beispiel dann gleich schon"},{"speaker":null,"startTime":1830,"endTime":1833,"body":"den JavaScript-Teil f\u00fcrs Frontend auch schon mitgeliefert,"},{"speaker":null,"startTime":1833,"endTime":1836,"body":"obwohl ich danach gar nicht explizit gefragt hatte."},{"speaker":null,"startTime":1836,"endTime":1838,"body":"Mir ging's erst mal nur ums Backend."},{"speaker":null,"startTime":1838,"endTime":1841,"body":"Und das ist zwar irgendwie cool, dass das da weiter mitdenkt,"},{"speaker":null,"startTime":1841,"endTime":1843,"body":"aber auf der anderen Seite hatte ich explizit"},{"speaker":null,"startTime":1843,"endTime":1845,"body":"nur nach dem Backend gefragt."},{"speaker":null,"startTime":1845,"endTime":1848,"body":"Und die JGPT-Antwort war dadurch einfach total aufgebl\u00e4ht."},{"speaker":null,"startTime":1848,"endTime":1851,"body":"Also da war viel mehr drin, als ich eigentlich brauchte."},{"speaker":null,"startTime":1851,"endTime":1853,"body":"Und es war schwierig, dann rauszusuchen,"},{"speaker":null,"startTime":1853,"endTime":1856,"body":"so was ist jetzt f\u00fcr mich grade das Wichtige und was nicht."},{"speaker":null,"startTime":1856,"endTime":1858,"body":"Und dann hab ich festgestellt,"},{"speaker":null,"startTime":1858,"endTime":1863,"body":"Clode.ai macht vieles am Anfang richtiger"},{"speaker":null,"startTime":1863,"endTime":1867,"body":"oder, sagen wir mal, zielgerichteter, brauchbarer."},{"speaker":null,"startTime":1867,"endTime":1870,"body":"Aber es verrennt sich dann teilweise"},{"speaker":null,"startTime":1870,"endTime":1873,"body":"in den gleichen Details wie JGPT auch."},{"speaker":null,"startTime":1873,"endTime":1876,"body":"Also so dieses, du sagst dann, mach das,"},{"speaker":null,"startTime":1876,"endTime":1878,"body":"und es macht dann trotzdem das Gegenteil"},{"speaker":null,"startTime":1878,"endTime":1880,"body":"und ber\u00fccksichtigt bestimmte Dinge nicht,"},{"speaker":null,"startTime":1880,"endTime":1882,"body":"die du vorher eigentlich schon gesagt hast,"},{"speaker":null,"startTime":1882,"endTime":1884,"body":"und so passiert da genauso."},{"speaker":null,"startTime":1884,"endTime":1886,"body":"Also ich kann jetzt gar nicht sagen,"},{"speaker":null,"startTime":1886,"endTime":1889,"body":"es ist deutlich besser oder JGPT ist deutlich besser."},{"speaker":null,"startTime":1889,"endTime":1892,"body":"Es h\u00e4lt sich, glaub ich, so ungef\u00e4hr die Waage."},{"speaker":null,"startTime":1892,"endTime":1895,"body":"Was jetzt aber f\u00fcr mich total der Dealbreaker war,"},{"speaker":null,"startTime":1895,"endTime":1898,"body":"dass ich heute dann beim Arbeiten so gegen Nachmittag,"},{"speaker":null,"startTime":1898,"endTime":1901,"body":"Sp\u00e4tnachmittag, pl\u00f6tzlich die Meldung wieder erhalten hab,"},{"speaker":null,"startTime":1901,"endTime":1903,"body":"deine Anfragen sind aufgebraucht."},{"speaker":null,"startTime":1903,"endTime":1906,"body":"Und dann hab ich gesagt, das kann doch nicht sein."},{"speaker":null,"startTime":1906,"endTime":1909,"body":"Also es war vorher schon an einer anderen Stelle so,"},{"speaker":null,"startTime":1909,"endTime":1912,"body":"dass das Frontend noch nicht mitbekommen hatte,"},{"speaker":null,"startTime":1912,"endTime":1914,"body":"dass wir Premium-Subscription gemacht haben."},{"speaker":null,"startTime":1914,"endTime":1916,"body":"Und ich hab dann bekommen,"},{"speaker":null,"startTime":1916,"endTime":1919,"body":"so ja, die maximale L\u00e4nge der Konversation ist erreicht."},{"speaker":null,"startTime":1919,"endTime":1921,"body":"Dann hab ich aber neu geladen"},{"speaker":null,"startTime":1921,"endTime":1924,"body":"und konnte dann trotzdem die Konversation fortsetzen."},{"speaker":null,"startTime":1924,"endTime":1927,"body":"Und dann kam die Zeit auf, wo das nicht gerafft hat,"},{"speaker":null,"startTime":1927,"endTime":1929,"body":"dass wir jetzt halt Premium haben."},{"speaker":null,"startTime":1929,"endTime":1931,"body":"Und dann dacht ich, ist das jetzt wieder so?"},{"speaker":null,"startTime":1931,"endTime":1933,"body":"Aber neu geladen, neu geladen."},{"speaker":null,"startTime":1933,"endTime":1935,"body":"Und dann haben wir mal recherchiert."},{"speaker":null,"startTime":1935,"endTime":1937,"body":"Und es ist tats\u00e4chlich so,"},{"speaker":null,"startTime":1937,"endTime":1940,"body":"dass Premium f\u00fcnfmal so viele Anfragen zul\u00e4sst,"},{"speaker":null,"startTime":1940,"endTime":1942,"body":"wie die Nicht-Premium-Version."},{"speaker":null,"startTime":1942,"endTime":1944,"body":"Was kostet's?"},{"speaker":null,"startTime":1944,"endTime":1946,"body":"Ich glaub, das sind 20 Euro im Monat."},{"speaker":null,"startTime":1946,"endTime":1948,"body":"Und es ist halt ..."},{"speaker":null,"startTime":1948,"endTime":1950,"body":"Gut, wir haben zu zweit dran gearbeitet,"},{"speaker":null,"startTime":1950,"endTime":1953,"body":"aber mein Bruder hat jetzt nicht so viel gemacht heute."},{"speaker":null,"startTime":1953,"endTime":1956,"body":"Und wenn das f\u00fcr mich nicht f\u00fcr einen Arbeitstag reicht ..."},{"speaker":null,"startTime":1956,"endTime":1959,"body":"Ich hab's zwar schon sehr intensiv heute genutzt,"},{"speaker":null,"startTime":1959,"endTime":1961,"body":"aber dann ist es irgendwo l\u00e4cherlich."},{"speaker":null,"startTime":1961,"endTime":1964,"body":"Und dieses Limit haben wir bei Chat-GPT noch nie gesprengt."},{"speaker":null,"startTime":1964,"endTime":1968,"body":"Wei\u00df nicht, ob's da eins gibt \u00fcberhaupt bei Premium oder nicht."},{"speaker":null,"startTime":1968,"endTime":1971,"body":"Aber jedenfalls fand ich das also wirklich ein No-Go."},{"speaker":null,"startTime":1971,"endTime":1973,"body":"Und da m\u00fcssen die auf jeden Fall nachlegen,"},{"speaker":null,"startTime":1973,"endTime":1976,"body":"weil sonst ist das f\u00fcr uns einfach nicht nutzbar."},{"speaker":null,"startTime":1976,"endTime":1979,"body":"Genau. Und das war's eigentlich schon dazu."},{"speaker":null,"startTime":1979,"endTime":1981,"body":"Ich hab noch eine Frage."},{"speaker":null,"startTime":1981,"endTime":1985,"body":"Ob du wei\u00dft, was sich denn dahinter verbirgt?"},{"speaker":null,"startTime":1985,"endTime":1987,"body":"Also, haben die ein eigenes Model?"},{"speaker":null,"startTime":1987,"endTime":1989,"body":"Ist ein eigenes Model, ja."},{"speaker":null,"startTime":1989,"endTime":1991,"body":"Es gibt auch verschiedene zur Auswahl."},{"speaker":null,"startTime":1991,"endTime":1994,"body":"Ist das auf irgendeinem Open-Source, was man kennt?"},{"speaker":null,"startTime":1994,"endTime":1996,"body":"Das kann ich dir gar nicht sagen."},{"speaker":null,"startTime":1996,"endTime":1999,"body":"So genau hab ich mich damit noch gar nicht besch\u00e4ftigt."},{"speaker":null,"startTime":1999,"endTime":2002,"body":"Ich hab einfach nur gedacht, wir probieren das mal aus."},{"speaker":null,"startTime":2002,"endTime":2006,"body":"Es trainiert ja jetzt nicht mal so eben jeder sein Large-Language-Model,"},{"speaker":null,"startTime":2006,"endTime":2008,"body":"dass das dann auch vern\u00fcnftig funktioniert."},{"speaker":null,"startTime":2008,"endTime":2010,"body":"Das wollen wir mal irgendwie rausfinden."},{"speaker":null,"startTime":2010,"endTime":2013,"body":"Wir benutzen das jetzt auch als Zeit dieser Woche."},{"speaker":null,"startTime":2013,"endTime":2016,"body":"Es gibt CLOUD 3.5, CLOUD 3.0 Opus, CLOUD 3.0 HLQ,"},{"speaker":null,"startTime":2016,"endTime":2018,"body":"Fastest Model for Daily Tasks,"},{"speaker":null,"startTime":2018,"endTime":2022,"body":"Accelerated Writing and Complex Tasks, Most Intelligent Model."},{"speaker":null,"startTime":2022,"endTime":2026,"body":"Ah, warte mal. Ich geh grad so mal zu Wikipedia."},{"speaker":null,"startTime":2026,"endTime":2029,"body":"Es ist a Family of Large-Language-Models"},{"speaker":null,"startTime":2029,"endTime":2031,"body":"developed by Anthropic."},{"speaker":null,"startTime":2031,"endTime":2034,"body":"Also wohl doch selber trainieren."},{"speaker":null,"startTime":2034,"endTime":2038,"body":"Oder Anthropic ... na ja."},{"speaker":null,"startTime":2038,"endTime":2041,"body":"Generative Pretrained Transformers. Okay, mhm."},{"speaker":null,"startTime":2041,"endTime":2044,"body":"Das ist einer der wenigen Player, w\u00fcrd ich sagen."},{"speaker":null,"startTime":2044,"endTime":2048,"body":"Es gibt, glaub ich, nicht so viele, die so was ..."},{"speaker":null,"startTime":2048,"endTime":2053,"body":"die wirklich selbst was komplett selbst basteln."},{"speaker":null,"startTime":2053,"endTime":2056,"body":"Okay. Interessant. Also, das kannte ich noch gar nicht."},{"speaker":null,"startTime":2056,"endTime":2058,"body":"Also, lohnt sich auf jeden Fall mal."},{"speaker":null,"startTime":2058,"endTime":2061,"body":"Jetzt will ich's auch gar nicht ausprobieren."},{"speaker":null,"startTime":2061,"endTime":2064,"body":"Ich hab's grad versucht, aber dann musste ich ..."},{"speaker":null,"startTime":2064,"endTime":2067,"body":"Das wollte dann sofort meine Handynummer haben,"},{"speaker":null,"startTime":2067,"endTime":2070,"body":"und dann hab ich mir gedacht, wei\u00df ich nicht, Digga."},{"speaker":null,"startTime":2070,"endTime":2074,"body":"Also, ich w\u00fcrde sagen, es lohnt sich schon, das mal auszuprobieren."},{"speaker":null,"startTime":2074,"endTime":2077,"body":"Auch wirklich grad im direkten Vergleich zu gucken,"},{"speaker":null,"startTime":2077,"endTime":2080,"body":"oh, okay, das war jetzt tats\u00e4chlich besser als JGPD,"},{"speaker":null,"startTime":2080,"endTime":2082,"body":"oder da haben sie die gleichen Probleme,"},{"speaker":null,"startTime":2082,"endTime":2085,"body":"oder vielleicht ist es sogar schlechter in manchen Belangen."},{"speaker":null,"startTime":2085,"endTime":2088,"body":"Und wenn man die Kohle hat, kann man nat\u00fcrlich auch sagen,"},{"speaker":null,"startTime":2088,"endTime":2092,"body":"da ist ein weiterer Anbieter, der so ein bisschen diese Monopolstellung"},{"speaker":null,"startTime":2092,"endTime":2095,"body":"von JGPD, was ja in aller Munde war, so ein bisschen aufbricht."},{"speaker":null,"startTime":2095,"endTime":2098,"body":"Und das ist ja auch immer gut, belebt das Gesch\u00e4ft,"},{"speaker":null,"startTime":2098,"endTime":2100,"body":"wenn's da ein bisschen Konkurrenz gibt."},{"speaker":null,"startTime":2100,"endTime":2103,"body":"Genau. Wir foreshadowen schon das Geil-Teil, by the way."},{"speaker":null,"startTime":2103,"endTime":2105,"body":"Ja, ja, ja, stimmt, stimmt."},{"speaker":null,"startTime":2105,"endTime":2107,"body":"Gut."},{"speaker":null,"startTime":2107,"endTime":2110,"body":"Genau. Wenn ihr AI bl\u00f6d findet, dann ..."},{"speaker":null,"startTime":2110,"endTime":2113,"body":"na ja, dann ist das so."},{"speaker":null,"startTime":2113,"endTime":2114,"body":"Genau. Pech."},{"speaker":null,"startTime":2114,"endTime":2117,"body":"Dann tut's mir ein bisschen leid."},{"speaker":null,"startTime":2118,"endTime":2119,"body":"\u00c4hm, okay."},{"speaker":null,"startTime":2119,"endTime":2123,"body":"Aus der Reihe Blogartikel, die ich geschrieben hab,"},{"speaker":null,"startTime":2123,"endTime":2126,"body":"seit der letzten Podcast-Folge, kam noch was."},{"speaker":null,"startTime":2126,"endTime":2128,"body":"Wir haben vorhin schon dr\u00fcber geredet,"},{"speaker":null,"startTime":2128,"endTime":2132,"body":"ob man das jetzt noch macht oder ob wir jetzt dar\u00fcber reden oder nicht."},{"speaker":null,"startTime":2132,"endTime":2137,"body":"Und zwar war es so, dass ich irgendwie noch mal das Bed\u00fcrfnis hatte,"},{"speaker":null,"startTime":2137,"endTime":2139,"body":"Menschen RSS-Feeds n\u00e4herzubringen."},{"speaker":null,"startTime":2139,"endTime":2141,"body":"Und ich glaube, es ist leider nat\u00fcrlich,"},{"speaker":null,"startTime":2141,"endTime":2143,"body":"wenn ich was in meinem Blog schreibe,"},{"speaker":null,"startTime":2143,"endTime":2145,"body":"ist es mehr so Preaching to the Choir."},{"speaker":null,"startTime":2145,"endTime":2150,"body":"Also, das hei\u00dft, ich schreib da so was, wo dann Leute sagen, jawoll, super,"},{"speaker":null,"startTime":2150,"endTime":2153,"body":"die aber eh schon \u00fcberzeugt waren von der ganzen Sache."},{"speaker":null,"startTime":2153,"endTime":2155,"body":"Und zwar RSS-Feeds."},{"speaker":null,"startTime":2155,"endTime":2157,"body":"\u00c4hm, genau."},{"speaker":null,"startTime":2157,"endTime":2159,"body":"Ich wollte einfach noch mal erkl\u00e4ren,"},{"speaker":null,"startTime":2159,"endTime":2162,"body":"wie funktionieren RSS-Feeds so grob f\u00fcr Menschen,"},{"speaker":null,"startTime":2162,"endTime":2165,"body":"die damit noch nicht in Ber\u00fchrung gekommen sind,"},{"speaker":null,"startTime":2165,"endTime":2167,"body":"weil's mich einfach unglaublich ankotzt,"},{"speaker":null,"startTime":2167,"endTime":2171,"body":"dass alle nur von Algorithmen irgendwie ihren Kram sortiert bekommen im Netz."},{"speaker":null,"startTime":2171,"endTime":2172,"body":"Und das muss nicht sein."},{"speaker":null,"startTime":2172,"endTime":2177,"body":"Und es gibt schon so lange eine Technologie daf\u00fcr, um News zu empfangen,"},{"speaker":null,"startTime":2177,"endTime":2181,"body":"wo kein Algorithmus mir reinpfuscht oder sagt in der Reihenfolge,"},{"speaker":null,"startTime":2181,"endTime":2185,"body":"oder ich jubel dir \u00fcbrigens noch diese Werbung jetzt mal unter,"},{"speaker":null,"startTime":2185,"endTime":2187,"body":"weil ich das jetzt grad super finde."},{"speaker":null,"startTime":2187,"endTime":2190,"body":"Oder vor allem Pushen von extremistischem Content,"},{"speaker":null,"startTime":2190,"endTime":2194,"body":"das ist das, was mich eigentlich am meisten nervt an den Algorithmen."},{"speaker":null,"startTime":2194,"endTime":2197,"body":"Es wird ja extremistischer Content gepusht ohne Ende."},{"speaker":null,"startTime":2197,"endTime":2200,"body":"Also, ich hab's ja auch schon \u00f6fter mal dr\u00fcber."},{"speaker":null,"startTime":2200,"endTime":2206,"body":"\u00dcber TikTok und \u00fcber Instagram-Reels und auch die YouTube-Startseite."},{"speaker":null,"startTime":2206,"endTime":2208,"body":"Ich kann es wirklich reproduzierbar,"},{"speaker":null,"startTime":2208,"endTime":2211,"body":"wir k\u00f6nnen es gerne im Stream mal machen oder so,"},{"speaker":null,"startTime":2211,"endTime":2213,"body":"ich kann es reproduzierbar zeigen."},{"speaker":null,"startTime":2213,"endTime":2217,"body":"Ich geh in ein neues Browser-Profil, starte eins von diesen Dingern,"},{"speaker":null,"startTime":2217,"endTime":2220,"body":"und es dauert irgendwie drei Empfehlungen,"},{"speaker":null,"startTime":2220,"endTime":2223,"body":"und dann kommt der erste extremistische Schei\u00df,"},{"speaker":null,"startTime":2223,"endTime":2228,"body":"der mir sagen will, dass Ausl\u00e4nder umbringen doch irgendwie eine super Idee ist"},{"speaker":null,"startTime":2228,"endTime":2230,"body":"oder dass die AfD die beste Partei ist."},{"speaker":null,"startTime":2230,"endTime":2234,"body":"\u00dcbrigens, falls ihr so was, solches Gedankengut in euch habt,"},{"speaker":null,"startTime":2234,"endTime":2237,"body":"dann brauch ich euch hier nicht als Zuh\u00f6rende."},{"speaker":null,"startTime":2237,"endTime":2239,"body":"Tsch\u00fcss, tsch\u00fcss, das war's."},{"speaker":null,"startTime":2239,"endTime":2242,"body":"Diese Folge ist jetzt hier f\u00fcr euch vorbei,"},{"speaker":null,"startTime":2242,"endTime":2244,"body":"f\u00fcr alle anderen d\u00fcrfen weiterh\u00f6ren."},{"speaker":null,"startTime":2244,"endTime":2248,"body":"\u00c4hm, genau, also Content, um den Bogen noch mal zu kriegen,"},{"speaker":null,"startTime":2248,"endTime":2251,"body":"Content, der nicht von irgendwas gefiltert wird,"},{"speaker":null,"startTime":2251,"endTime":2256,"body":"der, wo ich selbst bestimme, was f\u00fcr Newsquellen ich anzapfe,"},{"speaker":null,"startTime":2256,"endTime":2261,"body":"\u00e4hm, und niemand, und einfach die Reihenfolge einfach,"},{"speaker":null,"startTime":2261,"endTime":2263,"body":"die Chronologie ist der Artikel."},{"speaker":null,"startTime":2263,"endTime":2269,"body":"So, und das, das leistet RSS, oder das leisten Feeds schon seit \u00fcber 20 Jahren,"},{"speaker":null,"startTime":2269,"endTime":2273,"body":"und irgendwie ist es, irgendwie ist es, sind die, sind die aus der Mode gekommen,"},{"speaker":null,"startTime":2273,"endTime":2276,"body":"das macht irgendwie keiner mehr, Leute sagen, es gibt ja auch,"},{"speaker":null,"startTime":2276,"endTime":2279,"body":"gibt ja auch Leute, die sagen, ich konsumiere so viel News,"},{"speaker":null,"startTime":2279,"endTime":2281,"body":"ohne Algorithmus kann ich dem nicht Herr werden."},{"speaker":null,"startTime":2281,"endTime":2284,"body":"Kann ich nachvollziehen, aber dann w\u00fcrde ich einen Algorithmus,"},{"speaker":null,"startTime":2284,"endTime":2287,"body":"also, ich kann das nachvollziehen, dass man einen gern h\u00e4tte,"},{"speaker":null,"startTime":2287,"endTime":2290,"body":"aber dann m\u00f6chte ich einen, wo ich nachvollziehen kann, was er tut."},{"speaker":null,"startTime":2290,"endTime":2293,"body":"Also, dass er vielleicht irgendwie ein Popularit\u00e4tsranking macht,"},{"speaker":null,"startTime":2293,"endTime":2296,"body":"so und so viele Leute lesen das, \u00e4hm, aus den Newsquellen,"},{"speaker":null,"startTime":2296,"endTime":2299,"body":"die du ausgew\u00e4hlt hast, aber ich krieg da nix reingesp\u00fclt,"},{"speaker":null,"startTime":2299,"endTime":2301,"body":"was ich nie haben wollte oder so, naja."},{"speaker":null,"startTime":2301,"endTime":2303,"body":"Das machen ja die Algorithmen eigentlich auch,"},{"speaker":null,"startTime":2303,"endTime":2305,"body":"nur wenn du halt ein neues Profil anlegst,"},{"speaker":null,"startTime":2305,"endTime":2308,"body":"dann hat der Algorithmus noch nix, worauf er sich verlassen kann,"},{"speaker":null,"startTime":2308,"endTime":2311,"body":"und dann spielt er dir halt mal alles aus allen Ecken aus"},{"speaker":null,"startTime":2311,"endTime":2313,"body":"und guckt, worauf du am meisten reagierst."},{"speaker":null,"startTime":2313,"endTime":2315.5,"body":"Das Problem mit journalistischen Inhalten ist halt,"},{"speaker":null,"startTime":2315.5,"endTime":2317.5,"body":"dass du ja vielleicht auch drauf reagierst"},{"speaker":null,"startTime":2317.5,"endTime":2320.5,"body":"und in die Kommentare schreibst, wie schei\u00dfe du das findest."},{"speaker":null,"startTime":2320.5,"endTime":2323.5,"body":"Das Problem ist nur, dass der Algorithmus das nicht auswertet,"},{"speaker":null,"startTime":2323.5,"endTime":2326,"body":"sondern der Algorithmus sieht nur, oh, Interaction,"},{"speaker":null,"startTime":2326,"endTime":2328.5,"body":"das findet er wohl gut, da zeig ich mehr davon."},{"speaker":null,"startTime":2328.5,"endTime":2330.5,"body":"Fantastisch. Na ja, also der Artikel."},{"speaker":null,"startTime":2330.5,"endTime":2334,"body":"Eine kleine Erkl\u00e4rung, was RSS ist, was es hei\u00dft, wie es funktioniert,"},{"speaker":null,"startTime":2334,"endTime":2336.5,"body":"wie man, was f\u00fcr Tools man daf\u00fcr verwenden kann,"},{"speaker":null,"startTime":2336.5,"endTime":2340,"body":"\u00e4hm, wie man Feeds finden kann auf Webseiten,"},{"speaker":null,"startTime":2340,"endTime":2343.5,"body":"\u00e4h, wie man subscriben kann, was f\u00fcr Vorteile es hat."},{"speaker":null,"startTime":2343.5,"endTime":2347,"body":"Und, \u00e4hm, warte mal, hab ich das eigentlich in dem Artikel mit drin?"},{"speaker":null,"startTime":2347,"endTime":2349.5,"body":"Ah ja, genau. Und noch eine kleine Empfehlung,"},{"speaker":null,"startTime":2349.5,"endTime":2352,"body":"was, was ich auch noch gar nicht so lange kenne."},{"speaker":null,"startTime":2352,"endTime":2355,"body":"\u00c4hm, wenn's Seiten gibt, die kein RSS-Feed anbieten,"},{"speaker":null,"startTime":2355,"endTime":2361.5,"body":"dann kann man sich eventuell von rss.app einbauen lassen von der Seite."},{"speaker":null,"startTime":2361.5,"endTime":2363,"body":"Selbst wenn's keine ..."},{"speaker":null,"startTime":2363,"endTime":2366,"body":"Also, die versuchen dann quasi mit irgendwelcher Magie"},{"speaker":null,"startTime":2366,"endTime":2370,"body":"einen RSS-Feed, \u00e4h, dir zu generieren aus den Inhalten,"},{"speaker":null,"startTime":2370,"endTime":2372,"body":"\u00e4hm, ohne dass es einen gibt."},{"speaker":null,"startTime":2372,"endTime":2375.5,"body":"Das kann ich hier vielleicht noch mal an der Stelle empfehlen."},{"speaker":null,"startTime":2375.5,"endTime":2380,"body":"Genau, das war der zweite Artikel, den ich da, den ich da geschrieben hab."},{"speaker":null,"startTime":2380,"endTime":2381.5,"body":"So."},{"speaker":null,"startTime":2381.5,"endTime":2384,"body":"Du brauchst mir das auch noch nicht schonen, oder?"},{"speaker":null,"startTime":2384,"endTime":2386.5,"body":"Und, \u00e4h, wobei, ich hab das nur einmal kurz getestet."},{"speaker":null,"startTime":2386.5,"endTime":2388.5,"body":"Das ist jetzt keine super Empfehlung,"},{"speaker":null,"startTime":2388.5,"endTime":2391,"body":"sondern das ist nur so ein, \u00e4h, manche Seiten,"},{"speaker":null,"startTime":2391,"endTime":2394,"body":"die man, die man haben will, \u00e4h, haben, haben kein Feed."},{"speaker":null,"startTime":2394,"endTime":2398,"body":"\u00c4h, ich hab sogar Feeds gefunden von Zeit.de,"},{"speaker":null,"startTime":2398,"endTime":2401,"body":"obwohl die offiziell, glaub ich, nirgends mehr verlinkt sind."},{"speaker":null,"startTime":2401,"endTime":2402,"body":"Mhm."},{"speaker":null,"startTime":2402,"endTime":2405.5,"body":"\u00c4hm, sie funktionieren aber, und sie sind nach Ressorts aufgelistet,"},{"speaker":null,"startTime":2405.5,"endTime":2407,"body":"und das ist sehr, sehr gut."},{"speaker":null,"startTime":2407,"endTime":2408,"body":"Ja."},{"speaker":null,"startTime":2408,"endTime":2411.5,"body":"Bei einem, bei einem gro\u00dfen, bei einer gro\u00dfen, \u00e4h, Zeitung kann man,"},{"speaker":null,"startTime":2411.5,"endTime":2415,"body":"m\u00f6chte man vielleicht nicht alles in einem gro\u00dfen Feed drin haben."},{"speaker":null,"startTime":2415,"endTime":2416,"body":"Ja."},{"speaker":null,"startTime":2416,"endTime":2419.5,"body":"Sondern man m\u00f6chte sagen, na ja, ich h\u00e4tt gern ein Politik-Ressort,"},{"speaker":null,"startTime":2419.5,"endTime":2422.5,"body":"und ich h\u00e4tt gern, Sport interessiert mich zum Beispiel nicht,"},{"speaker":null,"startTime":2422.5,"endTime":2425,"body":"und da kommt ja dann schon relativ viel rein, genau."},{"speaker":null,"startTime":2425,"endTime":2426,"body":"Ja, cool."},{"speaker":null,"startTime":2426,"endTime":2428.5,"body":"Ja, also, \u00e4h, dieser Artikel, den k\u00f6nnt ihr,"},{"speaker":null,"startTime":2428.5,"endTime":2431,"body":"ist auch ganz kurzweilig, ganz schnell, \u00e4hm,"},{"speaker":null,"startTime":2431,"endTime":2435,"body":"falls ihr nicht wisst, was RSS ist oder mal es ausprobieren wollt,"},{"speaker":null,"startTime":2435,"endTime":2437,"body":"\u00e4hm, dann lest euch den mal durch,"},{"speaker":null,"startTime":2437,"endTime":2441,"body":"\u00e4h, installiert den Feed-Reader, euer Wahl, und, \u00e4h, los geht's."},{"speaker":null,"startTime":2441,"endTime":2445,"body":"Ja, unser Podcast ist ja \u00fcbrigens auch \u00fcber ein Feed, \u00e4h, verbunden."},{"speaker":null,"startTime":2445,"endTime":2449.5,"body":"\u00c4hm, mit, mit allen m\u00f6glichen, \u00e4h, Seiten, \u00e4h, Podcast-Seiten, wo ..."},{"speaker":null,"startTime":2449.5,"endTime":2453,"body":"Also, es ist ja dieselbe Technologie, die da f\u00fcr verwendet wird."},{"speaker":null,"startTime":2453,"endTime":2454.5,"body":"Also, das ist es einfach."},{"speaker":null,"startTime":2454.5,"endTime":2456.5,"body":"Das ist es einfach, so."},{"speaker":null,"startTime":2456.5,"endTime":2459.5,"body":"\u00c4hm, und speaking of Sachen, die ich gemacht hab,"},{"speaker":null,"startTime":2459.5,"endTime":2462,"body":"ich hab heute noch was gemacht, spontan."},{"speaker":null,"startTime":2462,"endTime":2466,"body":"\u00c4hm, und zwar hab ich mir \u00fcberlegt, \u00e4h,"},{"speaker":null,"startTime":2466,"endTime":2471,"body":"was f\u00fcr andere M\u00f6glichkeiten, was f\u00fcr andere Pr\u00e4sentationsformen"},{"speaker":null,"startTime":2471,"endTime":2473,"body":"f\u00fcr meinen Accessibility-Cheat-Sheet,"},{"speaker":null,"startTime":2473,"endTime":2475,"body":"das immer noch relativ beliebt ist,"},{"speaker":null,"startTime":2475,"endTime":2478.5,"body":"ich seh's an den Aufrufzahlen jetzt seit \u00fcber sechs Jahren, \u00e4hm,"},{"speaker":null,"startTime":2478.5,"endTime":2479.5,"body":"g\u00e4b es denn noch?"},{"speaker":null,"startTime":2479.5,"endTime":2483.5,"body":"Und dann dacht ich mir, \u00e4h, als Poster w\u00e4r das vielleicht auch nicht schlecht."},{"speaker":null,"startTime":2483.5,"endTime":2486.5,"body":"Man k\u00f6nnte das auch sich als Poster irgendwo hinh\u00e4ngen."},{"speaker":null,"startTime":2486.5,"endTime":2490,"body":"Und, \u00e4h, da ich, in Ermangelung eines eigenen Shops von Spreadshirt,"},{"speaker":null,"startTime":2490,"endTime":2492,"body":"mach ich so was jetzt immer in den, \u00e4h,"},{"speaker":null,"startTime":2492,"endTime":2494.5,"body":"in den Wo-Wir-Sind-Es-Vorne-Shop einfach mit rein."},{"speaker":null,"startTime":2494.5,"endTime":2498.5,"body":"Weil der Spread, bei Spreadshirt kann man auch, \u00e4h, Poster bestellen."},{"speaker":null,"startTime":2498.5,"endTime":2502,"body":"Und das hab ich jetzt einfach mal ein bisschen aufbereitet f\u00fcr ..."},{"speaker":null,"startTime":2502,"endTime":2506,"body":"Ihr seht irgendwie, die Qualit\u00e4t ist echt mies von den Vorschau-Bildern."},{"speaker":null,"startTime":2506,"endTime":2510,"body":"Ich kann euch versprechen, \u00e4h, ich hab's in hoher Qualit\u00e4t eingeliefert."},{"speaker":null,"startTime":2510,"endTime":2512,"body":"\u00c4hm, wenn's schlecht gedruckt wird,"},{"speaker":null,"startTime":2512,"endTime":2514.5,"body":"dann zur\u00fcckschicken und mir Bescheid sagen."},{"speaker":null,"startTime":2514.5,"endTime":2517.5,"body":"\u00c4h, auf jeden Fall gibt es mein Accessibility-Cheat-Sheet"},{"speaker":null,"startTime":2517.5,"endTime":2521,"body":"so f\u00fcr, \u00e4h, zum an die Wand h\u00e4ngen, jetzt als Poster zum Bestellen."},{"speaker":null,"startTime":2521,"endTime":2523,"body":"\u00c4h, Link kommt auch in die Shownotes."},{"speaker":null,"startTime":2523,"endTime":2527,"body":"\u00c4h, ja, dacht ich mir, w\u00e4r doch irgendwie noch eine nette Sache, \u00e4hm,"},{"speaker":null,"startTime":2527,"endTime":2530,"body":"bis ich dann irgendwann, das erz\u00e4hl ich dir im Nachgang noch,"},{"speaker":null,"startTime":2530,"endTime":2533,"body":"irgendwann, es gibt, es gibt noch, es gibt noch was,"},{"speaker":null,"startTime":2533,"endTime":2535,"body":"was ich mir vorstellen w\u00fcrde an Design,"},{"speaker":null,"startTime":2535,"endTime":2538,"body":"was in so eine Richtung geht, was man sich aufh\u00e4ngen k\u00f6nnte."},{"speaker":null,"startTime":2538,"endTime":2541,"body":"\u00c4hm, aber ich bin noch nicht dazu gekommen seit acht Jahren."},{"speaker":null,"startTime":2541,"endTime":2542,"body":"Von daher ..."},{"speaker":null,"startTime":2542,"endTime":2545,"body":"Aber ich will mal bei dir abfragen, ob du es cool findest."},{"speaker":null,"startTime":2545,"endTime":2546.5,"body":"Okay. Bin ich gespannt."},{"speaker":null,"startTime":2546.5,"endTime":2548.5,"body":"\u00c4hm, m\u00fcssen wir mal, m\u00fcssen wir mal."},{"speaker":null,"startTime":2548.5,"endTime":2551,"body":"Aber das kann ich jetzt noch nicht so sagen,"},{"speaker":null,"startTime":2551,"endTime":2554,"body":"sonst macht's jemand anderes vor mir und das will ich nicht."},{"speaker":null,"startTime":2554,"endTime":2556,"body":"So, retrofertig von meiner Seite aus."},{"speaker":null,"startTime":2556,"endTime":2559,"body":"Ja, die wird vielleicht, vielleicht l\u00e4nger als das Thema,"},{"speaker":null,"startTime":2559,"endTime":2560,"body":"gucken wir mal."},{"speaker":null,"startTime":2560,"endTime":2561,"body":"Ach was, nein."},{"speaker":null,"startTime":2561,"endTime":2563,"body":"Das ist die Property der Woche."},{"speaker":null,"startTime":2563,"endTime":2565.5,"body":"But first."},{"speaker":null,"startTime":2565.5,"endTime":2569,"body":"Genau, aber jetzt kommt erst mal noch die Property der Woche."},{"speaker":null,"startTime":2569,"endTime":2572.5,"body":"Ups, nein, ich will nicht alle laufenden Recordings stoppen."},{"speaker":null,"startTime":2572.5,"endTime":2573.5,"body":"Danke."},{"speaker":null,"startTime":2573.5,"endTime":2574.5,"body":"\u00c4hm ..."},{"speaker":null,"startTime":2574.5,"endTime":2577.5,"body":"Falsche, er hat einmal die falsche Taste gedr\u00fcckt."},{"speaker":null,"startTime":2577.5,"endTime":2581,"body":"\u00c4hm, genau, es gibt mal wieder eine Property der Woche."},{"speaker":null,"startTime":2581,"endTime":2587,"body":"Und zwar ist das diesmal Element.scrollIntoViewIfNeeded."},{"speaker":null,"startTime":2587,"endTime":2589.5,"body":"Da bin ich heute \u00fcber die Konsole rausgekommen."},{"speaker":null,"startTime":2589.5,"endTime":2592,"body":"Also das Scroll-Interview, das kannte ich schon,"},{"speaker":null,"startTime":2592,"endTime":2594.5,"body":"aber wer es noch nicht kennt, damit kann ich,"},{"speaker":null,"startTime":2594.5,"endTime":2597.5,"body":"wie der Name sagt, sehr sprechender Methodenname,"},{"speaker":null,"startTime":2597.5,"endTime":2601.5,"body":"super, ein Element in die, in den Viewport-Bereich,"},{"speaker":null,"startTime":2601.5,"endTime":2604,"body":"in den aktuellen, reinscrollen lassen."},{"speaker":null,"startTime":2604,"endTime":2607,"body":"Und ich kann dann sogar \u00fcber ein Optionsobjekt"},{"speaker":null,"startTime":2607,"endTime":2610.5,"body":"mit Behavior Doppelpunkt Smooth sagen,"},{"speaker":null,"startTime":2610.5,"endTime":2613.5,"body":"dass das Scrollen so animiert laufen soll"},{"speaker":null,"startTime":2613.5,"endTime":2615.5,"body":"und nicht einfach nur hinspringen soll."},{"speaker":null,"startTime":2615.5,"endTime":2619,"body":"Das ist eigentlich echt ganz cool, das hab ich da intensiv genutzt."},{"speaker":null,"startTime":2619,"endTime":2620.5,"body":"Ich hatte diese Buchungsbox,"},{"speaker":null,"startTime":2620.5,"endTime":2623,"body":"und je nachdem, da kommen erst mal die Ergebnisse,"},{"speaker":null,"startTime":2623,"endTime":2626,"body":"und dann w\u00e4hlt man die aus, und dann kommt ein Formular."},{"speaker":null,"startTime":2626,"endTime":2629,"body":"Und dann hab ich halt, das wird dann immer so kleiner,"},{"speaker":null,"startTime":2629,"endTime":2631.5,"body":"und damit das dann aber auch ausgerichtet ist,"},{"speaker":null,"startTime":2631.5,"endTime":2635,"body":"weil da kann nat\u00fcrlich viel oder wenig drin sein, das wei\u00df ich nie,"},{"speaker":null,"startTime":2635,"endTime":2637.5,"body":"scroll ich danach, warte ich mit AnimationEnd,"},{"speaker":null,"startTime":2637.5,"endTime":2641,"body":"beziehungsweise TransitionEnd in dem Fall, mit dem EventListener,"},{"speaker":null,"startTime":2641,"endTime":2644,"body":"bis das fertig ist, und dann lass ich da hinscrollen."},{"speaker":null,"startTime":2644,"endTime":2646.5,"body":"Und dann hab ich in der Konsole was ausprobiert,"},{"speaker":null,"startTime":2646.5,"endTime":2648,"body":"und das kannte ich noch nicht."},{"speaker":null,"startTime":2648,"endTime":2650.5,"body":"Und ich hatte auch tats\u00e4chlich schon den Fall,"},{"speaker":null,"startTime":2650.5,"endTime":2654,"body":"dass es manchmal so wegen ein paar Pixeln da rumgesprungen ist,"},{"speaker":null,"startTime":2654,"endTime":2657,"body":"obwohl eigentlich das Element sichtbar war,"},{"speaker":null,"startTime":2657,"endTime":2661,"body":"aber halt irgendwie wegen dem ScrollMargin oder warum auch immer"},{"speaker":null,"startTime":2661,"endTime":2664,"body":"dann trotzdem meinte, es muss da noch mal hinscrollen."},{"speaker":null,"startTime":2664,"endTime":2667,"body":"Und dann hab ich das gesehen, dachte, ja, ist ja cool,"},{"speaker":null,"startTime":2667,"endTime":2668.5,"body":"aber wie ist denn da die ..."},{"speaker":null,"startTime":2668.5,"endTime":2671,"body":"Weil da kommt gleich auf der NDN-Seite oben,"},{"speaker":null,"startTime":2671,"endTime":2672.5,"body":"rote Box, non-standard,"},{"speaker":null,"startTime":2672.5,"endTime":2675.5,"body":"und hier wird nicht f\u00fcr alle funktionieren und so."},{"speaker":null,"startTime":2675.5,"endTime":2678.5,"body":"Und dann hab ich mal geguckt, can I use?"},{"speaker":null,"startTime":2678.5,"endTime":2682.5,"body":"Und au\u00dfer Firefox, je, da brauchen wir jetzt gar nicht von reden,"},{"speaker":null,"startTime":2682.5,"endTime":2685.5,"body":"k\u00f6nnen das aber eigentlich alle und auch schon sehr lange,"},{"speaker":null,"startTime":2685.5,"endTime":2687.5,"body":"also Safari seit 2011, Edge seit ..."},{"speaker":null,"startTime":2687.5,"endTime":2692,"body":"\u00c4h, Edge nat\u00fcrlich erst seit es Edge auf Chromium-Basis gibt,"},{"speaker":null,"startTime":2692,"endTime":2696.5,"body":"aber Chrome mindestens auch seit 2011,"},{"speaker":null,"startTime":2696.5,"endTime":2699.5,"body":"Support Unknown f\u00fcr Chrome unter 15,"},{"speaker":null,"startTime":2699.5,"endTime":2701.5,"body":"aber also wirklich sehr lange."},{"speaker":null,"startTime":2701.5,"endTime":2704,"body":"Hier Android-Browser 2.3 ab seit 2010."},{"speaker":null,"startTime":2704,"endTime":2708,"body":"Und ich kannte das noch nicht, weil's wahrscheinlich kein Standard ist"},{"speaker":null,"startTime":2708,"endTime":2712,"body":"und man es dementsprechend nicht so h\u00e4ufig irgendwo findet in Antworten."},{"speaker":null,"startTime":2712,"endTime":2715,"body":"Aber fand ich ganz cool und hab mir dann nur gedacht,"},{"speaker":null,"startTime":2715,"endTime":2718,"body":"na ja, gut, Firefox komplett ignorieren ist auch bl\u00f6d."},{"speaker":null,"startTime":2718,"endTime":2721,"body":"Man k\u00f6nnte nat\u00fcrlich sagen, okay, wenn die Funktion"},{"speaker":null,"startTime":2721,"endTime":2723,"body":"ScrollIntoViewIfNeeded existiert,"},{"speaker":null,"startTime":2723,"endTime":2726,"body":"dann nimm die, ansonsten nimm das normale ScrollIntoView."},{"speaker":null,"startTime":2726,"endTime":2729,"body":"\u00c4hm, aber vielleicht gibt's noch andere M\u00f6glichkeiten."},{"speaker":null,"startTime":2729,"endTime":2733,"body":"Dann bin ich gekommen auf element.checkVisibility."},{"speaker":null,"startTime":2733,"endTime":2736,"body":"Aber auch das ist kein geeigneter Workaround,"},{"speaker":null,"startTime":2736,"endTime":2738,"body":"weil checkVisibility \u00fcberpr\u00fcft nur,"},{"speaker":null,"startTime":2738,"endTime":2740,"body":"ob das Element theoretisch sichtbar ist."},{"speaker":null,"startTime":2740,"endTime":2742,"body":"Aber nicht, ob's im Viewport ist."},{"speaker":null,"startTime":2742,"endTime":2744,"body":"Aber nicht, ob's im Viewport ist, genau."},{"speaker":null,"startTime":2744,"endTime":2748,"body":"Also ist es nicht, \u00e4hm, \u00e4h, hat es einen Container,"},{"speaker":null,"startTime":2748,"endTime":2751,"body":"der irgendwo auf Display nah ist oder so, also ist es ..."},{"speaker":null,"startTime":2751,"endTime":2754,"body":"Genau, ist das Element theoretisch ein sichtbares Element,"},{"speaker":null,"startTime":2754,"endTime":2757,"body":"unabh\u00e4ngig des Viewports? Deswegen geht das auch nicht."},{"speaker":null,"startTime":2757,"endTime":2760,"body":"Was man stattdessen benutzen kann, ist getBoundingClientRect,"},{"speaker":null,"startTime":2760,"endTime":2763,"body":"weil die Unterst\u00fctzung ist ja schon recht gut mittlerweile."},{"speaker":null,"startTime":2763,"endTime":2765,"body":"Und zumindest auch im Firefox."},{"speaker":null,"startTime":2765,"endTime":2768,"body":"Und dann halt \u00fcberpr\u00fcfen, ob es innerhalb des Rahmens"},{"speaker":null,"startTime":2768,"endTime":2772,"body":"von WindowInnerHeight und WindowInnerWidth liegt."},{"speaker":null,"startTime":2772,"endTime":2775,"body":"Aber, \u00e4hm, also ein bisschen schade,"},{"speaker":null,"startTime":2775,"endTime":2779,"body":"dass Firefox da nicht mitzieht, obwohl's das jetzt schon seit,"},{"speaker":null,"startTime":2779,"endTime":2782,"body":"was hab ich gesagt, 2010 war, glaub ich, das \u00c4lteste,"},{"speaker":null,"startTime":2782,"endTime":2785,"body":"also jetzt 14 Jahre schon gibt und das nicht adaptiert hat."},{"speaker":null,"startTime":2785,"endTime":2787,"body":"Aber gut, das ist eben kein Standard"},{"speaker":null,"startTime":2787,"endTime":2789,"body":"und so ist das mit nicht-standardisierten Sachen."},{"speaker":null,"startTime":2789,"endTime":2792,"body":"\u00c4hm, die werden dann halt entweder adaptiert oder nicht."},{"speaker":null,"startTime":2792,"endTime":2795,"body":"Und in dem Fall ist es leider im Firefox nicht."},{"speaker":null,"startTime":2795,"endTime":2797,"body":"Aber wie gesagt, mit dem Workaround,"},{"speaker":null,"startTime":2797,"endTime":2800,"body":"dass man ja das normale ScrollInterview benutzen kann,"},{"speaker":null,"startTime":2800,"endTime":2802,"body":"\u00e4hm, und das jetzt nicht dramatisch ist,"},{"speaker":null,"startTime":2802,"endTime":2804,"body":"wenn das halt dann trotzdem scrollt,"},{"speaker":null,"startTime":2804,"endTime":2807,"body":"sondern nur halt eigentlich so eine kosmetische Sache."},{"speaker":null,"startTime":2807,"endTime":2810,"body":"\u00c4hm, ja, find ich das eigentlich eine ganz coole Sache."},{"speaker":null,"startTime":2810,"endTime":2813,"body":"ScrollInterview an sich ist auch schon cool, find ich."},{"speaker":null,"startTime":2813,"endTime":2816,"body":"Das ist so ein nettes Feature. Als ich das entdeckt hab,"},{"speaker":null,"startTime":2816,"endTime":2819,"body":"hab ich mich gewundert, dass es so was Cooles \u00fcberhaupt gibt."},{"speaker":null,"startTime":2819,"endTime":2821,"body":"Weil normalerweise dachte ich immer so,"},{"speaker":null,"startTime":2821,"endTime":2824,"body":"so was muss man doch immer selbst von Hand kl\u00f6ppeln,"},{"speaker":null,"startTime":2824,"endTime":2827,"body":"wenn man's haben will. Weil's so ein bisschen Magie mitbringt."},{"speaker":null,"startTime":2827,"endTime":2831,"body":"Ich erinnere mich an Zeiten, und das muss also vor 2010 gewesen sein,"},{"speaker":null,"startTime":2831,"endTime":2834,"body":"wo man das noch gemacht hat. Man hat geguckt, wo ist das?"},{"speaker":null,"startTime":2834,"endTime":2837,"body":"Und da gab's halt auch noch kein Get Bounding Client."},{"speaker":null,"startTime":2837,"endTime":2841,"body":"Ich w\u00fcrde tippen, dass ich's vor vier Jahren oder so entdeckt hab"},{"speaker":null,"startTime":2841,"endTime":2845,"body":"und dann mal eingebaut hab und dann auch total mich dr\u00fcber gefreut hab,"},{"speaker":null,"startTime":2845,"endTime":2847,"body":"dass es die Animation daf\u00fcr gibt."},{"speaker":null,"startTime":2847,"endTime":2851,"body":"Dass es nicht einfach hinspringt, sondern dass es wirklich scrollt."},{"speaker":null,"startTime":2851,"endTime":2853,"body":"Weil das kann echt n\u00fctzlich sein."},{"speaker":null,"startTime":2853,"endTime":2855,"body":"Und das hat man halt echt fr\u00fcher, ne?"},{"speaker":null,"startTime":2855,"endTime":2858,"body":"Du musstest gucken, wo liegt dieses Element genau?"},{"speaker":null,"startTime":2858,"endTime":2860,"body":"Das war dann wirklich gar nicht so einfach."},{"speaker":null,"startTime":2860,"endTime":2862,"body":"Ich wei\u00df noch, als man diese Bounding Racks"},{"speaker":null,"startTime":2862,"endTime":2865,"body":"da noch nicht so einfach bekommen hat vom Browser,"},{"speaker":null,"startTime":2865,"endTime":2867,"body":"da musste man halt wirklich gucken,"},{"speaker":null,"startTime":2867,"endTime":2869,"body":"okay, ich summiere quasi die Position"},{"speaker":null,"startTime":2869,"endTime":2871,"body":"aller dar\u00fcber liegenden Elemente"},{"speaker":null,"startTime":2871,"endTime":2875,"body":"und die Scrollposition davon summiere ich auf"},{"speaker":null,"startTime":2875,"endTime":2878,"body":"und guck dann, wo ist das jetzt und wohin muss ich scrollen."},{"speaker":null,"startTime":2878,"endTime":2880,"body":"Und dann muss ich nat\u00fcrlich noch gucken,"},{"speaker":null,"startTime":2880,"endTime":2883,"body":"wenn ich noch einen Header hab, der irgendwie fix dr\u00fcber liegt,"},{"speaker":null,"startTime":2883,"endTime":2886,"body":"dann muss ich das mit einberechnen und so weiter und so fort."},{"speaker":null,"startTime":2886,"endTime":2889,"body":"Inzwischen ist das mit, wenn ich dann noch Scroll Margin eingebe,"},{"speaker":null,"startTime":2889,"endTime":2892,"body":"Scroll Margin Top \u00fcber CSS, weil es war in dem Fall auch so,"},{"speaker":null,"startTime":2892,"endTime":2894,"body":"oben ist so ein Sticky Header."},{"speaker":null,"startTime":2894,"endTime":2898,"body":"Und wenn's da hinspringen soll, soll der nat\u00fcrlich nicht dr\u00fcber liegen."},{"speaker":null,"startTime":2898,"endTime":2901,"body":"Und das hat man dann so im Job eingebaut von, keine Ahnung,"},{"speaker":null,"startTime":2901,"endTime":2904,"body":"wie viel RAM, wie hoch das Ding ist und mit dem Hinscrollen."},{"speaker":null,"startTime":2904,"endTime":2907,"body":"Es hat einfach zack, eine Zeile Code, eine Zeile CSS"},{"speaker":null,"startTime":2907,"endTime":2910,"body":"und es hat einfach genauso funktioniert, wie man's haben will."},{"speaker":null,"startTime":2910,"endTime":2912,"body":"Ja."},{"speaker":null,"startTime":2912,"endTime":2914,"body":"Vielleicht an der Stelle noch,"},{"speaker":null,"startTime":2914,"endTime":2917,"body":"weil's mir jetzt grad noch in den Kopf kam,"},{"speaker":null,"startTime":2917,"endTime":2920,"body":"was, was ich finde, ein bisschen thematisch dazu passt,"},{"speaker":null,"startTime":2920,"endTime":2922,"body":"CSS Scroll Behavior Smooth."},{"speaker":null,"startTime":2922,"endTime":2924,"body":"Mhm."},{"speaker":null,"startTime":2924,"endTime":2927,"body":"Das funktioniert ja dann, wenn man Ankerlinks auf der Seite hat"},{"speaker":null,"startTime":2927,"endTime":2929,"body":"und ein Ankerlink angesprungen wird,"},{"speaker":null,"startTime":2929,"endTime":2931,"body":"und dann wird der Smooth angescrollt"},{"speaker":null,"startTime":2931,"endTime":2934,"body":"genauso mit demselben Effekt wie bei Scroll Interview."},{"speaker":null,"startTime":2934,"endTime":2937,"body":"Dass man das per JavaScript abfangen m\u00fcsste, ja."},{"speaker":null,"startTime":2937,"endTime":2940,"body":"Genau, und das ist meiner Meinung nach auch ..."},{"speaker":null,"startTime":2940,"endTime":2943,"body":"Ich find ja, die Defaults bei solchen Sachen in Browsern,"},{"speaker":null,"startTime":2943,"endTime":2945,"body":"die sind ja oft nicht gut."},{"speaker":null,"startTime":2945,"endTime":2947,"body":"Ja, aber die liegen halt daran,"},{"speaker":null,"startTime":2947,"endTime":2950,"body":"dass man bestehendes Verhalten nicht \u00e4ndern wollte."},{"speaker":null,"startTime":2950,"endTime":2952,"body":"Aber die sind gut, die Scroll Defaults."},{"speaker":null,"startTime":2952,"endTime":2956,"body":"Ich mein jetzt auch so, wie's dahin scrollt und wie lang's braucht."},{"speaker":null,"startTime":2956,"endTime":2958,"body":"\u00c4h, das find ich genau richtig."},{"speaker":null,"startTime":2958,"endTime":2960,"body":"Das f\u00fchlt sich f\u00fcr mich richtig an."},{"speaker":null,"startTime":2960,"endTime":2962,"body":"Sowohl bei Scroll Interview"},{"speaker":null,"startTime":2962,"endTime":2964,"body":"als auch bei Scroll Behavior Smooth."},{"speaker":null,"startTime":2964,"endTime":2966,"body":"Smooth."},{"speaker":null,"startTime":2966,"endTime":2968,"body":"Smooth Criminal."},{"speaker":null,"startTime":2968,"endTime":2970,"body":"Genau."},{"speaker":null,"startTime":2970,"endTime":2972,"body":"All right."},{"speaker":null,"startTime":2972,"endTime":2975,"body":"Jetzt hab ich grad Scroll Beaver eingegeben."},{"speaker":null,"startTime":2975,"endTime":2977,"body":"Scroll Beaver?"},{"speaker":null,"startTime":2977,"endTime":2979,"body":"Scroll Beaver."},{"speaker":null,"startTime":2979,"endTime":2981,"body":"Was?"},{"speaker":null,"startTime":2981,"endTime":2984,"body":"Statt Scroll Behavior wollt ich bei Can I Use eingeben."},{"speaker":null,"startTime":2984,"endTime":2987,"body":"Okay. Gut, das kann man auch mal machen."},{"speaker":null,"startTime":2987,"endTime":2992,"body":"Gut, ja, dann war das die Property der Woche."},{"speaker":null,"startTime":2992,"endTime":2996,"body":"Und wir kommen tats\u00e4chlich jetzt ..."},{"speaker":null,"startTime":2996,"endTime":3001,"body":"Hier ist WWSIV mit dem Tagesthema."},{"speaker":null,"startTime":3001,"endTime":3008,"body":"Ich wollte bewusst auf jeglichen \u00dcbergang verzichten,"},{"speaker":null,"startTime":3008,"endTime":3010,"body":"aber es passt halt auch so nicht,"},{"speaker":null,"startTime":3010,"endTime":3013,"body":"wenn man sagt, dann kommen wir jetzt, hier ist WWSIV."},{"speaker":null,"startTime":3013,"endTime":3015,"body":"Aber gut."},{"speaker":null,"startTime":3015,"endTime":3019,"body":"Ich glaube, entweder \u00fcberarbeiten wir die Jingles irgendwann mal,"},{"speaker":null,"startTime":3019,"endTime":3021,"body":"dass es besser passt."},{"speaker":null,"startTime":3021,"endTime":3024,"body":"Nee, ich glaube, das geh\u00f6rt einfach dazu."},{"speaker":null,"startTime":3024,"endTime":3027,"body":"Oder wir leben einfach damit, dass wir Versager sind."},{"speaker":null,"startTime":3027,"endTime":3029,"body":"Genau, w\u00fcrd ich auch sagen."},{"speaker":null,"startTime":3029,"endTime":3031,"body":"Ich glaube, das ist auch in Ordnung."},{"speaker":null,"startTime":3031,"endTime":3035,"body":"Heute geht's weiter mit Teil zwei der Inline-Elemente."},{"speaker":null,"startTime":3035,"endTime":3039,"body":"Uns ist aufgefallen, es ist echt noch eine Menge vor uns."},{"speaker":null,"startTime":3039,"endTime":3043,"body":"Es kommen noch ein paar Folgen zu den Inline-Elementen."},{"speaker":null,"startTime":3043,"endTime":3046,"body":"Aber jetzt bringen wir erst mal diesen Abschnitt zu Ende."},{"speaker":null,"startTime":3046,"endTime":3049,"body":"Vielleicht sterben wir auch vorher an Altersschw\u00e4che."},{"speaker":null,"startTime":3049,"endTime":3052,"body":"Oder es geht dem Podcast einfach nicht mehr."},{"speaker":null,"startTime":3052,"endTime":3055,"body":"Aber wir fr\u00e4sen uns weiter durch."},{"speaker":null,"startTime":3055,"endTime":3059,"body":"Und wir beginnen heute, ich hab's noch mal umsortiert,"},{"speaker":null,"startTime":3059,"endTime":3062,"body":"dass es so ein bisschen nach dem Alphabet geht."},{"speaker":null,"startTime":3062,"endTime":3065,"body":"Wir beginnen heute mit Q."},{"speaker":null,"startTime":3065,"endTime":3069,"body":"Ach so, weil so weit hinten sind wir schon."},{"speaker":null,"startTime":3069,"endTime":3073,"body":"Ich dachte grade, okay, du hast es nach Alphabet sortiert,"},{"speaker":null,"startTime":3073,"endTime":3075,"body":"wir beginnen mit Q."},{"speaker":null,"startTime":3075,"endTime":3077,"body":"Ja, wir beginnen mit Q."},{"speaker":null,"startTime":3077,"endTime":3079,"body":"Aber heute beginnen wir mit Q,"},{"speaker":null,"startTime":3079,"endTime":3082,"body":"weil beim letzten Mal haben wir mit M aufgeh\u00f6rt."},{"speaker":null,"startTime":3082,"endTime":3085,"body":"Also, mit Mark, glaub ich, haben wir aufgeh\u00f6rt."},{"speaker":null,"startTime":3085,"endTime":3087,"body":"Zumindest war das das Letzte."},{"speaker":null,"startTime":3087,"endTime":3089,"body":"Und na ja, danach kommt halt N."},{"speaker":null,"startTime":3089,"endTime":3091,"body":"Ja, da ist nicht mehr so viel."},{"speaker":null,"startTime":3091,"endTime":3094,"body":"Es gibt kein Element mit N, also kommt halt Q."},{"speaker":null,"startTime":3094,"endTime":3096,"body":"Ach, schei\u00dfe."},{"speaker":null,"startTime":3096,"endTime":3099,"body":"Aber Inline, das ist nur bei Inline-Elementen."},{"speaker":null,"startTime":3099,"endTime":3102,"body":"Genau, es gibt kein Inline-Element. Ja, korrekt."},{"speaker":null,"startTime":3102,"endTime":3104,"body":"\u00c4h, ja, genau."},{"speaker":null,"startTime":3104,"endTime":3109,"body":"Das Q-Element ist f\u00fcr Inline-Zitate gedacht."},{"speaker":null,"startTime":3109,"endTime":3113,"body":"Und dar\u00fcber hab ich tats\u00e4chlich jetzt noch mehr rausgefunden,"},{"speaker":null,"startTime":3113,"endTime":3115,"body":"als ich gedacht h\u00e4tte."},{"speaker":null,"startTime":3115,"endTime":3118,"body":"Weil es ist, von denen, die ich heute vorstelle,"},{"speaker":null,"startTime":3118,"endTime":3121,"body":"ist es eins der Interessanteren, muss ich sagen."},{"speaker":null,"startTime":3121,"endTime":3123,"body":"Es hat mich ein bisschen \u00fcberrascht."},{"speaker":null,"startTime":3123,"endTime":3125,"body":"Also, letzten Endes geht es darum,"},{"speaker":null,"startTime":3125,"endTime":3128,"body":"ein Zitat, das innerhalb eines Textblocks drin ist."},{"speaker":null,"startTime":3128,"endTime":3130,"body":"Also, wenn ihr ein eigenes Zitat habt,"},{"speaker":null,"startTime":3130,"endTime":3133,"body":"das f\u00fcr sich stehen soll, dann nehmt ihr Blockquote."},{"speaker":null,"startTime":3133,"endTime":3135,"body":"Das hatten wir, glaub ich, schon."},{"speaker":null,"startTime":3135,"endTime":3138,"body":"Q ist f\u00fcr ein Zitat innerhalb eines Textes."},{"speaker":null,"startTime":3138,"endTime":3141,"body":"Also, das Beispiel auf der MDN ist hier."},{"speaker":null,"startTime":3141,"endTime":3144,"body":"When Dave asks Hal to open the port bay door,"},{"speaker":null,"startTime":3144,"endTime":3148,"body":"Hal answers, I'm sorry, Dave, I'm afraid I can't do that."},{"speaker":null,"startTime":3148,"endTime":3150,"body":"Im Kontext."},{"speaker":null,"startTime":3150,"endTime":3152,"body":"Was ich nicht dar\u00fcber wusste,"},{"speaker":null,"startTime":3152,"endTime":3155,"body":"ist, dass es automatisch Anf\u00fchrungszeichen macht."},{"speaker":null,"startTime":3155,"endTime":3157,"body":"Das war mir nicht klar."},{"speaker":null,"startTime":3157,"endTime":3160,"body":"Das \u00fcberrascht mich auch gerade, und ich find's total cool."},{"speaker":null,"startTime":3160,"endTime":3163,"body":"Und was ich nat\u00fcrlich dann als Erstes ausprobieren musste,"},{"speaker":null,"startTime":3163,"endTime":3166,"body":"und deswegen hab ich auch eine Mini-Codepen-Demo gebastelt,"},{"speaker":null,"startTime":3166,"endTime":3168,"body":"ich wollte wissen, ja, Mensch, okay,"},{"speaker":null,"startTime":3168,"endTime":3171,"body":"der macht jetzt hier irgendwie Anf\u00fchrungszeichen,"},{"speaker":null,"startTime":3171,"endTime":3174,"body":"aber woher wei\u00df der denn, welche Sprache es ist?"},{"speaker":null,"startTime":3174,"endTime":3177,"body":"Und die Anf\u00fchrungszeichen werden tats\u00e4chlich nach der Sprache,"},{"speaker":null,"startTime":3177,"endTime":3179,"body":"die eingestellt ist, ver\u00e4ndert."},{"speaker":null,"startTime":3179,"endTime":3181,"body":"Ich habe auch ausprobiert,"},{"speaker":null,"startTime":3181,"endTime":3184,"body":"das Leng-Attribut auf dem Q-Element selbst zu \u00e4ndern."},{"speaker":null,"startTime":3184,"endTime":3186,"body":"Das hat keine Auswirkungen gehabt."},{"speaker":null,"startTime":3186,"endTime":3188,"body":"Ah, okay."},{"speaker":null,"startTime":3188,"endTime":3190,"body":"Was ja eigentlich bl\u00f6d ist, ne?"},{"speaker":null,"startTime":3190,"endTime":3192,"body":"Also, es k\u00f6nnte ja ein Zitat ..."},{"speaker":null,"startTime":3192,"endTime":3195,"body":"Ich hab vielleicht franz\u00f6sischen Text, den ich zitiere,"},{"speaker":null,"startTime":3195,"endTime":3199,"body":"und will da die Anf\u00fchrungsstriche mit diesen Doppelpfeilen haben."},{"speaker":null,"startTime":3199,"endTime":3201,"body":"Also, genau, das hab ich ausprobiert."},{"speaker":null,"startTime":3201,"endTime":3203,"body":"Schade."},{"speaker":null,"startTime":3203,"endTime":3206,"body":"Im Codepen ist standardm\u00e4\u00dfig en als Sprache eingestellt."},{"speaker":null,"startTime":3206,"endTime":3211,"body":"Und ich hab dann das mal ver\u00e4ndert auf dem HTML-Element,"},{"speaker":null,"startTime":3211,"endTime":3213,"body":"also hab Leng.de gesetzt,"},{"speaker":null,"startTime":3213,"endTime":3216,"body":"und dann wurden tats\u00e4chlich deutsche Anf\u00fchrungszeichen gesetzt."},{"speaker":null,"startTime":3216,"endTime":3218,"body":"Ich h\u00e4tte jetzt echt erwartet,"},{"speaker":null,"startTime":3218,"endTime":3221,"body":"vielleicht geht's mit einem Rapper, das hab ich nicht ausprobiert,"},{"speaker":null,"startTime":3221,"endTime":3223,"body":"obwohl es irgendwie drumherum ist."},{"speaker":null,"startTime":3223,"endTime":3226,"body":"Aber eigentlich will ich es im Element selbst haben."},{"speaker":null,"startTime":3226,"endTime":3230,"body":"Es k\u00f6nnte ja sein, dass das Zitat selbst in einer anderen Sprache ist,"},{"speaker":null,"startTime":3230,"endTime":3232,"body":"als der Text drumherum."},{"speaker":null,"startTime":3232,"endTime":3235,"body":"Also, wenn ich schon anfange mit automatischen Anf\u00fchrungszeichen,"},{"speaker":null,"startTime":3235,"endTime":3236,"body":"dann k\u00f6nnte ..."},{"speaker":null,"startTime":3236,"endTime":3238,"body":"Ah, mit Rapper funktioniert's."},{"speaker":null,"startTime":3238,"endTime":3240,"body":"Mit Rapper funktioniert's?"},{"speaker":null,"startTime":3240,"endTime":3243,"body":"Okay, das hei\u00dft, man br\u00e4uchte noch ein Extralelement."},{"speaker":null,"startTime":3243,"endTime":3246,"body":"Normalerweise hast du wahrscheinlich ein Paragraph au\u00dfenrum."},{"speaker":null,"startTime":3246,"endTime":3248,"body":"Und du willst ja eigentlich ..."},{"speaker":null,"startTime":3248,"endTime":3251,"body":"Die Frage ist halt, wenn ein franz\u00f6sisches Zitat"},{"speaker":null,"startTime":3251,"endTime":3253,"body":"in einem deutschen Text eingebettet ist,"},{"speaker":null,"startTime":3253,"endTime":3256,"body":"w\u00fcrde ich aber trotzdem deutsche Anf\u00fchrungsstriche erwarten."},{"speaker":null,"startTime":3256,"endTime":3258,"body":"Wenn ich aber einen Paragraph hab,"},{"speaker":null,"startTime":3258,"endTime":3260,"body":"der quasi aus einem franz\u00f6sischen Buch ist,"},{"speaker":null,"startTime":3260,"endTime":3263,"body":"und da wird direkte Rede zum Beispiel verwendet."},{"speaker":null,"startTime":3263,"endTime":3266,"body":"Das ist f\u00fcr Konstruierte so gar nicht geht. Ja."},{"speaker":null,"startTime":3266,"endTime":3268,"body":"Also, das find ich eigentlich schon sinnvoll."},{"speaker":null,"startTime":3268,"endTime":3270,"body":"Ich h\u00e4tte trotzdem wahrscheinlich erwartet,"},{"speaker":null,"startTime":3270,"endTime":3274,"body":"dass ich mit dem lang Attribute auf dem Q-Element"},{"speaker":null,"startTime":3274,"endTime":3276,"body":"direkt was ver\u00e4ndern kann."},{"speaker":null,"startTime":3276,"endTime":3279,"body":"So, also weitere interessante Sachen zum Q-Element ist,"},{"speaker":null,"startTime":3279,"endTime":3281,"body":"das Q hat ein eigenes Attribut,"},{"speaker":null,"startTime":3281,"endTime":3284,"body":"das ich jetzt mal als Site aussprechen w\u00fcrde,"},{"speaker":null,"startTime":3284,"endTime":3286,"body":"also C-I-T-E."},{"speaker":null,"startTime":3286,"endTime":3290,"body":"Und darin sollen Quellenangaben hinterlegt werden."},{"speaker":null,"startTime":3290,"endTime":3293,"body":"Allerdings muss ich sagen,"},{"speaker":null,"startTime":3293,"endTime":3296,"body":"ich hab jetzt mit dem Screenreader auch ausprobiert,"},{"speaker":null,"startTime":3296,"endTime":3299,"body":"weil ich gedacht hab, na ja, was bringt denn das jetzt,"},{"speaker":null,"startTime":3299,"endTime":3301,"body":"diese Quellenangabe?"},{"speaker":null,"startTime":3301,"endTime":3303,"body":"Was tut der Browser damit?"},{"speaker":null,"startTime":3303,"endTime":3305,"body":"Oder was kann ich denn damit jetzt noch machen?"},{"speaker":null,"startTime":3305,"endTime":3308,"body":"Oder ist das wirklich nur f\u00fcr die Suchmaschine beispielsweise"},{"speaker":null,"startTime":3308,"endTime":3310,"body":"oder f\u00fcr irgendeinen Parser?"},{"speaker":null,"startTime":3310,"endTime":3312,"body":"Es ist offenbar nur f\u00fcr Parser,"},{"speaker":null,"startTime":3312,"endTime":3314,"body":"weil Screenreader interessieren sich daf\u00fcr null."},{"speaker":null,"startTime":3314,"endTime":3316,"body":"Die lesen keine Quellenangabe vor."},{"speaker":null,"startTime":3316,"endTime":3320,"body":"Voice-Over auf dem Mac interessiert sich daf\u00fcr nicht."},{"speaker":null,"startTime":3320,"endTime":3323,"body":"Und ja, ansonsten hab ich jetzt auch nichts gesehen,"},{"speaker":null,"startTime":3323,"endTime":3326,"body":"auch nicht, dass es im Title oder sonst irgendwo angezeigt wird."},{"speaker":null,"startTime":3326,"endTime":3329,"body":"Ich glaube, das k\u00f6nnen wir schon mal wegnehmen,"},{"speaker":null,"startTime":3329,"endTime":3331,"body":"das ist so ein Thema,"},{"speaker":null,"startTime":3331,"endTime":3334,"body":"das sich so durchzieht durch alle Inline-Elemente,"},{"speaker":null,"startTime":3334,"endTime":3336,"body":"dass die zwar sch\u00f6n semantisch sind,"},{"speaker":null,"startTime":3336,"endTime":3340,"body":"aber in der Regel f\u00fcr Screenreader keinerlei Bedeutung haben."},{"speaker":null,"startTime":3340,"endTime":3343,"body":"Ja, teilweise. Wir kommen noch zu anderen."},{"speaker":null,"startTime":3343,"endTime":3345,"body":"Also ich kann jetzt auf jeden Fall sagen,"},{"speaker":null,"startTime":3345,"endTime":3347,"body":"das Q-Element hat zum Beispiel,"},{"speaker":null,"startTime":3347,"endTime":3349,"body":"und daran sieht man dann auch schon,"},{"speaker":null,"startTime":3349,"endTime":3351,"body":"dass selbst wenn ein Screenreader wollte,"},{"speaker":null,"startTime":3351,"endTime":3353,"body":"dann m\u00fcsste er sich schon ein bisschen verrenken."},{"speaker":null,"startTime":3353,"endTime":3355,"body":"Es hat keine implizite ARIA-Role."},{"speaker":null,"startTime":3355,"endTime":3357,"body":"Es ist einfach generic, als w\u00e4re es halt irgendwas."},{"speaker":null,"startTime":3357,"endTime":3359,"body":"Also von daher ist es auch gar nicht angedacht,"},{"speaker":null,"startTime":3359,"endTime":3361,"body":"dass es daf\u00fcr irgendwie eine semantische,"},{"speaker":null,"startTime":3361,"endTime":3363,"body":"also es sieht f\u00fcr mich so aus,"},{"speaker":null,"startTime":3363,"endTime":3367,"body":"dass es daf\u00fcr eine semantische Aussage haben soll."},{"speaker":null,"startTime":3367,"endTime":3370,"body":"\u00c4hm, ja, keine Ahnung."},{"speaker":null,"startTime":3370,"endTime":3373,"body":"\u00c4hm, ja, das dazu."},{"speaker":null,"startTime":3373,"endTime":3375,"body":"Das Q-Element."},{"speaker":null,"startTime":3375,"endTime":3377,"body":"Mu."},{"speaker":null,"startTime":3377,"endTime":3382,"body":"Und damit zum n\u00e4chsten kuriosen Element,"},{"speaker":null,"startTime":3382,"endTime":3385,"body":"das wir beide noch nicht so wirklich kannten,"},{"speaker":null,"startTime":3385,"endTime":3387,"body":"beziehungsweise das sind drei Elemente,"},{"speaker":null,"startTime":3387,"endTime":3390,"body":"die wir da gleich zusammenfassen, weil die zusammengeh\u00f6ren."},{"speaker":null,"startTime":3390,"endTime":3393,"body":"Und zwar sind das Ruby, RT und RP."},{"speaker":null,"startTime":3393,"endTime":3396,"body":"Und bei Ruby hab ich gleich an die Programmiersprache gedacht."},{"speaker":null,"startTime":3396,"endTime":3399,"body":"Aber es geht um was ganz anderes,"},{"speaker":null,"startTime":3399,"endTime":3402,"body":"und zwar um was, was mir dann doch tats\u00e4chlich n\u00e4her ist,"},{"speaker":null,"startTime":3402,"endTime":3404,"body":"als dass Ruby die Programmiersprache mir w\u00e4re."},{"speaker":null,"startTime":3404,"endTime":3410,"body":"Es geht um die Auszeichnung von ostasiatischen Zeichen,"},{"speaker":null,"startTime":3410,"endTime":3415,"body":"also Ideografen, sprich japanisch, chinesisch,"},{"speaker":null,"startTime":3415,"endTime":3420,"body":"alles was eben nicht arabische, nicht lateinische"},{"speaker":null,"startTime":3420,"endTime":3423,"body":"oder sonstige Schriftzeichen benutzt, sondern eben asiatische."},{"speaker":null,"startTime":3423,"endTime":3427,"body":"\u00c4hm, und da der einzige Zweck dazu ist wohl,"},{"speaker":null,"startTime":3427,"endTime":3431,"body":"dass man die Aussprache, also es gibt ja so eine Romanisierung"},{"speaker":null,"startTime":3431,"endTime":3434,"body":"der Zeichen, ja, also zum Beispiel"},{"speaker":null,"startTime":3434,"endTime":3437,"body":"Qin f\u00fcr Herz auf Chinesisch wird auf,"},{"speaker":null,"startTime":3437,"endTime":3440,"body":"in der romanisierten Umschreibung XIN geschrieben."},{"speaker":null,"startTime":3440,"endTime":3443,"body":"Da gibt's einen Standard, wie man das eben ausspricht."},{"speaker":null,"startTime":3443,"endTime":3448,"body":"\u00c4hm, wenn wir schon eben ja abschweifen,"},{"speaker":null,"startTime":3448,"endTime":3452,"body":"Qingdao, das chinesische Bier, das man vielleicht so kennt,"},{"speaker":null,"startTime":3452,"endTime":3456,"body":"das wird auf der Flasche Qingtao geschrieben."},{"speaker":null,"startTime":3456,"endTime":3458,"body":"Und das liegt eben daran, dass diese Standardisierung"},{"speaker":null,"startTime":3458,"endTime":3460,"body":"nicht immer so war, wie sie ist."},{"speaker":null,"startTime":3460,"endTime":3462,"body":"Also fr\u00fcher hat man, keine Ahnung, vor 200, 300 Jahren,"},{"speaker":null,"startTime":3462,"endTime":3465,"body":"haben Leute noch anders das Chinesische umschrieben,"},{"speaker":null,"startTime":3465,"endTime":3467,"body":"als das heute ist. Heute ist man da n\u00e4her dran."},{"speaker":null,"startTime":3467,"endTime":3469,"body":"Es gibt das internationale phonetische Alphabet und so weiter."},{"speaker":null,"startTime":3469,"endTime":3473,"body":"Und es gibt eben diese standardisierte Romanisierung."},{"speaker":null,"startTime":3473,"endTime":3476,"body":"Aber das nur v\u00f6llig am Rande, einfach weil ich das Wissen hab"},{"speaker":null,"startTime":3476,"endTime":3478,"body":"und gerne damit rumschwerfe."},{"speaker":null,"startTime":3478,"endTime":3480,"body":"Ja, das war spannend, danke."},{"speaker":null,"startTime":3480,"endTime":3483,"body":"Genau, also ja, damit kann man eben die Aussprache"},{"speaker":null,"startTime":3483,"endTime":3485,"body":"oder zum Beispiel auch die \u00dcbersetzung des Zeichens"},{"speaker":null,"startTime":3485,"endTime":3487,"body":"direkt \u00fcber das Zeichen setzen."},{"speaker":null,"startTime":3487,"endTime":3489,"body":"Und das ist nat\u00fcrlich schon ganz cool."},{"speaker":null,"startTime":3489,"endTime":3493,"body":"Es ist ein sehr eigener Anwendungsfall,"},{"speaker":null,"startTime":3493,"endTime":3496,"body":"sehr, wie soll ich sagen, begrenzt."},{"speaker":null,"startTime":3496,"endTime":3499,"body":"Man denkt so, krass, daf\u00fcr gibt's was Eigenes."},{"speaker":null,"startTime":3499,"endTime":3502,"body":"Aber man merkt da auch wieder so ein bisschen"},{"speaker":null,"startTime":3502,"endTime":3506,"body":"so den Ursprung von HTML eben aus dem wissenschaftlichen Bereich."},{"speaker":null,"startTime":3506,"endTime":3510,"body":"Ja, und vernetzte Dokumente und Zitate"},{"speaker":null,"startTime":3510,"endTime":3512,"body":"und Verlinkungen untereinander."},{"speaker":null,"startTime":3512,"endTime":3516,"body":"Und da passt das ja nat\u00fcrlich eigentlich ganz gut rein,"},{"speaker":null,"startTime":3516,"endTime":3520,"body":"dass ich eben, wenn ich wissenschaftlich was darstellen will"},{"speaker":null,"startTime":3520,"endTime":3523,"body":"\u00fcber die Sprache, muss ich das in irgendeiner Form machen k\u00f6nnen."},{"speaker":null,"startTime":3523,"endTime":3526,"body":"Und in dem Fall brauche ich dann eben nicht mal eigenes CSS,"},{"speaker":null,"startTime":3526,"endTime":3529,"body":"sondern der Browser kann das, wenn er's unterst\u00fctzt,"},{"speaker":null,"startTime":3529,"endTime":3531,"body":"eben einfach so darstellen."},{"speaker":null,"startTime":3531,"endTime":3533,"body":"Also es wird dann einfach der Text,"},{"speaker":null,"startTime":3533,"endTime":3535,"body":"also ich hab, ich soll's nicht mal beschreiben,"},{"speaker":null,"startTime":3535,"endTime":3537,"body":"wie's \u00fcberhaupt aussieht."},{"speaker":null,"startTime":3537,"endTime":3539,"body":"Ich hab grad die Demo mal aufgemacht, um's mir anzugucken."},{"speaker":null,"startTime":3539,"endTime":3542,"body":"Ich hab, es gibt das Ruby Tag, das ist au\u00dfenrum erst mal."},{"speaker":null,"startTime":3542,"endTime":3544,"body":"Und dann schreibe ich da direkt rein"},{"speaker":null,"startTime":3544,"endTime":3547,"body":"die chinesischen Schriftzeichen in dem Fall, die ich haben will."},{"speaker":null,"startTime":3547,"endTime":3550,"body":"Und dann, das lass ich jetzt mal noch weg, das RP."},{"speaker":null,"startTime":3550,"endTime":3552,"body":"Und dann schreibe ich RT."},{"speaker":null,"startTime":3552,"endTime":3554,"body":"Und da steht zum Beispiel Ashita."},{"speaker":null,"startTime":3554,"endTime":3556,"body":"Also das muss dann wohl japanisch sein."},{"speaker":null,"startTime":3556,"endTime":3558,"body":"Das benutzt ja teilweise die gleichen Schriftzeichen"},{"speaker":null,"startTime":3558,"endTime":3560,"body":"wie das chinesische, aber teilweise auch die ..."},{"speaker":null,"startTime":3560,"endTime":3562,"body":"Es gibt ja irgendwie Hiragana und Katakana,"},{"speaker":null,"startTime":3562,"endTime":3564,"body":"aber mit Japanisch kenn ich mich nicht aus."},{"speaker":null,"startTime":3564,"endTime":3566,"body":"\u00c4hm, und ..."},{"speaker":null,"startTime":3566,"endTime":3568,"body":"Dann, \u00e4h, genau."},{"speaker":null,"startTime":3568,"endTime":3570,"body":"Steht da eben Ashita, und das steht dann"},{"speaker":null,"startTime":3570,"endTime":3573,"body":"\u00fcber diesen beiden chinesischen Schriftzeichen, oben dr\u00fcber."},{"speaker":null,"startTime":3573,"endTime":3577,"body":"Und da es Browser gibt, die das nicht unterst\u00fctzen,"},{"speaker":null,"startTime":3577,"endTime":3579,"body":"gibt es sogar noch ne M\u00f6glichkeit,"},{"speaker":null,"startTime":3579,"endTime":3582,"body":"\u00e4hm, ein Fallback darzustellen."},{"speaker":null,"startTime":3582,"endTime":3584,"body":"Also indem man zum Beispiel sagt,"},{"speaker":null,"startTime":3584,"endTime":3586,"body":"ich m\u00f6chte das einfach in Klammern dahinterstehen haben,"},{"speaker":null,"startTime":3586,"endTime":3588,"body":"hinter den Schriftzeichen."},{"speaker":null,"startTime":3588,"endTime":3590,"body":"Und dann kann ich die \u00f6ffnende Klammer"},{"speaker":null,"startTime":3590,"endTime":3594,"body":"in einem RP-Tagpaar, schon gefasst,"},{"speaker":null,"startTime":3594,"endTime":3597,"body":"davor schreiben, vor die \u00dcbersetzung oder vor die Aussprache."},{"speaker":null,"startTime":3597,"endTime":3599,"body":"Und die geschlossene Klammer eben wieder auch"},{"speaker":null,"startTime":3599,"endTime":3601,"body":"im RP-Text au\u00dfenrum."},{"speaker":null,"startTime":3601,"endTime":3603,"body":"Sprich, Browser, die es nicht unterst\u00fctzen,"},{"speaker":null,"startTime":3603,"endTime":3605,"body":"die ignorieren einfach sowohl das Ruby-Tag"},{"speaker":null,"startTime":3605,"endTime":3607,"body":"als auch das RP-Tag, als auch das RT-Tag,"},{"speaker":null,"startTime":3607,"endTime":3609,"body":"weil sie damit nichts anfangen k\u00f6nnen."},{"speaker":null,"startTime":3609,"endTime":3611,"body":"Und schreiben das einfach alles als Text hintereinander."},{"speaker":null,"startTime":3611,"endTime":3613,"body":"Genau so will man es eigentlich auch haben."},{"speaker":null,"startTime":3613,"endTime":3615,"body":"Und Browser, die es k\u00f6nnen, die setzen eben,"},{"speaker":null,"startTime":3615,"endTime":3617,"body":"die ignorieren das RP-Tag."},{"speaker":null,"startTime":3617,"endTime":3619,"body":"Also da ist wahrscheinlich im Browser-Style-Sheet"},{"speaker":null,"startTime":3619,"endTime":3621,"body":"dann ein Display-None-Implizit draufgesetzt."},{"speaker":null,"startTime":3621,"endTime":3624,"body":"Das eben dann diese Klammern oder was auch immer"},{"speaker":null,"startTime":3624,"endTime":3626,"body":"ich als Fallback habe, dann ausblendet."},{"speaker":null,"startTime":3626,"endTime":3629,"body":"Und es stellt dann nur das RT-Tag dar"},{"speaker":null,"startTime":3629,"endTime":3631,"body":"und das platziert's eben oben dr\u00fcber."},{"speaker":null,"startTime":3631,"endTime":3633,"body":"Magic."},{"speaker":null,"startTime":3633,"endTime":3636,"body":"Ich guck jetzt grad mal, ob ich schnell im Web"},{"speaker":null,"startTime":3636,"endTime":3638,"body":"einmal nackt was dazu finde."},{"speaker":null,"startTime":3638,"endTime":3640,"body":"Weil wir haben vorhin schon dr\u00fcber gesprochen,"},{"speaker":null,"startTime":3640,"endTime":3642,"body":"wie viel das wohl verwendet wird."},{"speaker":null,"startTime":3642,"endTime":3645,"body":"Ja, das w\u00e4r interessant, wenn du da so schnell was findest."},{"speaker":null,"startTime":3645,"endTime":3647,"body":"Ja, ich glaube, ich ..."},{"speaker":null,"startTime":3647,"endTime":3649,"body":"Ja, so schnell geht's, glaub ich, nicht."},{"speaker":null,"startTime":3649,"endTime":3651,"body":"Nee, ja, kein Stress."},{"speaker":null,"startTime":3651,"endTime":3653,"body":"Ich hab auch noch ein bisschen was dazu zu sagen."},{"speaker":null,"startTime":3653,"endTime":3656,"body":"Also Browser-Unterst\u00fctzung ist eigentlich auch relativ gut."},{"speaker":null,"startTime":3656,"endTime":3658,"body":"Chrome seit Version 5, Firefox seit 38."},{"speaker":null,"startTime":3658,"endTime":3660,"body":"Also Safari seit 5."},{"speaker":null,"startTime":3660,"endTime":3663,"body":"Das wird eigentlich \u00fcberall unterst\u00fctzt."},{"speaker":null,"startTime":3663,"endTime":3665,"body":"Also dieses RP-Tag, ja, keine Ahnung,"},{"speaker":null,"startTime":3665,"endTime":3668,"body":"braucht man eigentlich wahrscheinlich gar nicht gro\u00df."},{"speaker":null,"startTime":3668,"endTime":3670,"body":"Au\u00dfer vielleicht f\u00fcr Screenreader."},{"speaker":null,"startTime":3670,"endTime":3673,"body":"Weil da sind wir n\u00e4mlich schon wieder bei dem Punkt."},{"speaker":null,"startTime":3673,"endTime":3675,"body":"Es gibt keine implizite ARIA-Rolle."},{"speaker":null,"startTime":3675,"endTime":3679,"body":"Weder f\u00fcr das Ruby noch f\u00fcr das RT noch f\u00fcr das RP."},{"speaker":null,"startTime":3679,"endTime":3681,"body":"Das hei\u00dft, das ist einfach f\u00fcr Screenreader"},{"speaker":null,"startTime":3681,"endTime":3683,"body":"ein ganz normaler Text."},{"speaker":null,"startTime":3683,"endTime":3688,"body":"Und der Screenreader w\u00fcrde dann eben diese Fallback-Geschichte"},{"speaker":null,"startTime":3688,"endTime":3690,"body":"auch auslesen."},{"speaker":null,"startTime":3690,"endTime":3692,"body":"In dem Fall, ja, ob er dann sagt,"},{"speaker":null,"startTime":3692,"endTime":3695,"body":"Runde-Klammer ge\u00f6ffnet, Runde-Klammer geschlossen,"},{"speaker":null,"startTime":3695,"endTime":3697,"body":"wei\u00df ich jetzt nicht."},{"speaker":null,"startTime":3697,"endTime":3699,"body":"M\u00fcsste man ausprobieren."},{"speaker":null,"startTime":3699,"endTime":3701,"body":"H\u00e4ngt vielleicht auch vom Screenreader ab."},{"speaker":null,"startTime":3701,"endTime":3703,"body":"\u00c4hm, genau."},{"speaker":null,"startTime":3703,"endTime":3705,"body":"Ich hab tats\u00e4chlich was gefunden."},{"speaker":null,"startTime":3705,"endTime":3707,"body":"Ja, sehr nischig."},{"speaker":null,"startTime":3707,"endTime":3709,"body":"\u00c4h, und zwar ..."},{"speaker":null,"startTime":3709,"endTime":3712,"body":"Ach, wieso Mobile Pages, das versteh ich jetzt grad nicht."},{"speaker":null,"startTime":3712,"endTime":3714,"body":"Bin ich hier ..."},{"speaker":null,"startTime":3714,"endTime":3716,"body":"Naja, also ich hab hier eine Statistik,"},{"speaker":null,"startTime":3716,"endTime":3718,"body":"die ist aus dem Web-Almanack von 2021."},{"speaker":null,"startTime":3718,"endTime":3722,"body":"Und da ist eine Tabelle mit der, wie viel ..."},{"speaker":null,"startTime":3722,"endTime":3724,"body":"Ja, es geht tats\u00e4chlich darum,"},{"speaker":null,"startTime":3724,"endTime":3727,"body":"auf wie vielen Seiten bestimmte Tags vorkommen."},{"speaker":null,"startTime":3727,"endTime":3731,"body":"Und wenn ich das jetzt richtig interpretiere hier an der Stelle,"},{"speaker":null,"startTime":3731,"endTime":3733,"body":"dann sind das 0,02 Prozent."},{"speaker":null,"startTime":3733,"endTime":3735,"body":"Okay. Ja, krass."},{"speaker":null,"startTime":3735,"endTime":3737,"body":"Ich geh mal da in die Daten rein,"},{"speaker":null,"startTime":3737,"endTime":3739,"body":"weil offenbar gibt's da tats\u00e4chlich ..."},{"speaker":null,"startTime":3739,"endTime":3741,"body":"Ah ja, tats\u00e4chlich, da gibt's eine Liste."},{"speaker":null,"startTime":3741,"endTime":3743,"body":"Oh, das packen wir mal in die Show Notes."},{"speaker":null,"startTime":3743,"endTime":3745,"body":"Das ist geil."},{"speaker":null,"startTime":3745,"endTime":3748,"body":"Das ist so eine Google-Doc-Liste mit allen HTML-Tags."},{"speaker":null,"startTime":3748,"endTime":3750,"body":"Warte mal, das pack ich dir da noch mal rein."},{"speaker":null,"startTime":3750,"endTime":3753,"body":"Das ist, glaub ich, generell f\u00fcr unsere Liste hier interessant."},{"speaker":null,"startTime":3753,"endTime":3756,"body":"Aber f\u00fcr das Ruby-Tag find ich's jetzt besonders interessant."},{"speaker":null,"startTime":3756,"endTime":3758,"body":"Deswegen w\u00fcrd ich's mal da dazu packen."},{"speaker":null,"startTime":3758,"endTime":3760,"body":"Da auch im Trello schieben."},{"speaker":null,"startTime":3760,"endTime":3763,"body":"Wenn ich in der Lage bin, es an die richtige Stelle zu schieben."},{"speaker":null,"startTime":3763,"endTime":3765,"body":"Dann noch eins hoch, genau."},{"speaker":null,"startTime":3765,"endTime":3767,"body":"Ja, ja, schon."},{"speaker":null,"startTime":3767,"endTime":3770,"body":"So, wenn man jetzt da mal guckt, da hab ich hier die Pages."},{"speaker":null,"startTime":3770,"endTime":3774,"body":"Und da scroll ich jetzt mal ganz nach unten."},{"speaker":null,"startTime":3774,"endTime":3777,"body":"Also, warte mal, vielleicht muss ich mal nachsuchen."},{"speaker":null,"startTime":3777,"endTime":3779,"body":"Ruby. Wieso geht das jetzt grad nicht?"},{"speaker":null,"startTime":3779,"endTime":3782,"body":"Sorry, jetzt hier debugge ich noch selbst."},{"speaker":null,"startTime":3782,"endTime":3784,"body":"\u00c4h, ich ..."},{"speaker":null,"startTime":3784,"endTime":3786,"body":"Ich find das Ruby jetzt aber auch nicht."},{"speaker":null,"startTime":3786,"endTime":3788,"body":"Was ich find, ist das rp und das rt."},{"speaker":null,"startTime":3788,"endTime":3790,"body":"Und die sind bei ... Ach doch, hier, Ruby."},{"speaker":null,"startTime":3790,"endTime":3793,"body":"0,0 Prozent, 0,0 Prozent, 0,0 Prozent."},{"speaker":null,"startTime":3793,"endTime":3795,"body":"Ah, perfekt. Also quasi ..."},{"speaker":null,"startTime":3795,"endTime":3798,"body":"Was ist das, was pct? Pages, total."},{"speaker":null,"startTime":3798,"endTime":3802,"body":"Also wirklich, \u00e4h, sehr wenig."},{"speaker":null,"startTime":3802,"endTime":3806,"body":"Also auf wahrscheinlich so zehn Millionen Seiten,"},{"speaker":null,"startTime":3806,"endTime":3808,"body":"w\u00fcrd ich jetzt mal tippen."},{"speaker":null,"startTime":3808,"endTime":3812,"body":"Ach ja, warte mal. Das HTML-Element 7,4 Millionen."},{"speaker":null,"startTime":3812,"endTime":3814,"body":"\u00c4h, ja."},{"speaker":null,"startTime":3814,"endTime":3816,"body":"Aber ich wei\u00df auch nicht, was ..."},{"speaker":null,"startTime":3816,"endTime":3818,"body":"Da hinten steht so eine Prozentzahl."},{"speaker":null,"startTime":3818,"endTime":3821,"body":"Das ist witzig. Das muss doch eigentlich fast ein Fehler sein."},{"speaker":null,"startTime":3821,"endTime":3824,"body":"rt und math haben n\u00e4mlich exakt die gleiche Anzahl."},{"speaker":null,"startTime":3824,"endTime":3828,"body":"Aber diese 6.286.373, die tauchen \u00fcberall wieder auf."},{"speaker":null,"startTime":3828,"endTime":3831,"body":"Das ist komisch."},{"speaker":null,"startTime":3831,"endTime":3833,"body":"Aber hinten steht so eine Prozentzahl."},{"speaker":null,"startTime":3833,"endTime":3836,"body":"Da m\u00fcsste man sich mal genauer mit besch\u00e4ftigen,"},{"speaker":null,"startTime":3836,"endTime":3838,"body":"wie dieses Ding genau funktioniert."},{"speaker":null,"startTime":3838,"endTime":3841,"body":"Aber die Verbreitung scheint sehr wenig zu sein."},{"speaker":null,"startTime":3841,"endTime":3844,"body":"Das probier ich im Nachgang auf jeden Fall noch mal."},{"speaker":null,"startTime":3844,"endTime":3847,"body":"Aber ich find's abgefahren, was das Ding tut."},{"speaker":null,"startTime":3847,"endTime":3849,"body":"Weil das ist ja schon nicht trivial."},{"speaker":null,"startTime":3849,"endTime":3852,"body":"Text \u00fcbereinandersetzen einfach mal so, find ich jetzt."},{"speaker":null,"startTime":3852,"endTime":3855,"body":"Ja, wer wei\u00df, wof\u00fcr man das noch missbrauchen kann."},{"speaker":null,"startTime":3855,"endTime":3857,"body":"Bei Can I Use sieht man,"},{"speaker":null,"startTime":3857,"endTime":3861,"body":"dass der Support fast \u00fcberall als partially markiert ist."},{"speaker":null,"startTime":3861,"endTime":3865,"body":"Und das liegt wohl daran, dass bestimmte Sachen wie, \u00e4hm,"},{"speaker":null,"startTime":3865,"endTime":3869,"body":"ob der Text jetzt von oben nach unten l\u00e4uft oder von links nach rechts,"},{"speaker":null,"startTime":3869,"endTime":3872,"body":"das wohl nicht \u00fcberall ber\u00fccksichtigt wird."},{"speaker":null,"startTime":3872,"endTime":3875,"body":"Also so ein paar Unterschiede gibt's da noch."},{"speaker":null,"startTime":3875,"endTime":3877,"body":"Und zu dem Foreback-Element RP,"},{"speaker":null,"startTime":3877,"endTime":3880,"body":"da kann man mal auf die MDN-Seite schauen."},{"speaker":null,"startTime":3880,"endTime":3883,"body":"Da sieht man ganz sch\u00f6n unten als letztes Beispiel,"},{"speaker":null,"startTime":3883,"endTime":3886,"body":"wie das quasi dargestellt werden w\u00fcrde in einem Browser,"},{"speaker":null,"startTime":3886,"endTime":3888,"body":"der es nicht unterst\u00fctzt."},{"speaker":null,"startTime":3888,"endTime":3890,"body":"Da sieht man einfach das Zeichen"},{"speaker":null,"startTime":3890,"endTime":3893,"body":"und hintendran in Klammer die Aussprache."},{"speaker":null,"startTime":3893,"endTime":3896,"body":"Und das n\u00e4chste Zeichen in Klammer die Aussprache."},{"speaker":null,"startTime":3896,"endTime":3898,"body":"Da hab ich auch wieder was gelernt."},{"speaker":null,"startTime":3898,"endTime":3901,"body":"Ich wei\u00df nicht, ob ich's jemals einsetzen werde,"},{"speaker":null,"startTime":3901,"endTime":3905,"body":"aber es gibt's, es ist standardisiert, es ist gut unterst\u00fctzt."},{"speaker":null,"startTime":3905,"endTime":3908,"body":"Ich bin froh, dass es bei dir gelandet ist,"},{"speaker":null,"startTime":3908,"endTime":3912,"body":"weil du dich ja tats\u00e4chlich mit solchen Sachen auseinandersetzt."},{"speaker":null,"startTime":3912,"endTime":3915,"body":"Weil du erstens angefangen hast, zu Chinesisch zu lernen,"},{"speaker":null,"startTime":3915,"endTime":3917,"body":"wenn ich mich recht erinnere."},{"speaker":null,"startTime":3917,"endTime":3919,"body":"Und auch wegen OpenType.js,"},{"speaker":null,"startTime":3919,"endTime":3922,"body":"wo du's ja auch mit Schriften zu tun hast."},{"speaker":null,"startTime":3922,"endTime":3924,"body":"Wo ja eigentlich ist ja schon ..."},{"speaker":null,"startTime":3924,"endTime":3928,"body":"Wo auch solche Didi-Direction-Ged\u00f6ns zum Einsatz kommen."},{"speaker":null,"startTime":3928,"endTime":3930,"body":"Von daher hat's ganz gut gepasst."},{"speaker":null,"startTime":3930,"endTime":3933,"body":"Als ich die MDN-Seite dann ge\u00f6ffnet hab und gesehen hab,"},{"speaker":null,"startTime":3933,"endTime":3935,"body":"oh, chinesische Schriftzeichen."},{"speaker":null,"startTime":3935,"endTime":3938,"body":"Hat gar nichts mit der Programmiersprache zu tun."},{"speaker":null,"startTime":3938,"endTime":3940,"body":"Was ist eigentlich der Python-Element?"},{"speaker":null,"startTime":3940,"endTime":3942,"body":"Und das PHP-Element."},{"speaker":null,"startTime":3942,"endTime":3945,"body":"Als ich angefangen hab, da gab's ja noch VB-Script."},{"speaker":null,"startTime":3945,"endTime":3949,"body":"Das gibt's immer noch."},{"speaker":null,"startTime":3949,"endTime":3951,"body":"Echt? Kann man das noch nicht ..."},{"speaker":null,"startTime":3951,"endTime":3954,"body":"VB-Script kann man noch nicht mehr benutzen, oder?"},{"speaker":null,"startTime":3954,"endTime":3958,"body":"Wei\u00df ich nicht, du musst nur ein altes Betriebssystem aufsetzen."},{"speaker":null,"startTime":3958,"endTime":3961,"body":"Und noch ein altes Netscape oder ein IE4 oder was."},{"speaker":null,"startTime":3961,"endTime":3965,"body":"Irgendwo gibt's doch bestimmt noch so einen verfilzten Rechner"},{"speaker":null,"startTime":3965,"endTime":3968,"body":"mit lauter Wollm\u00e4usen im L\u00fcfter, der ..."},{"speaker":null,"startTime":3968,"endTime":3970,"body":"Wuuuuh!"},{"speaker":null,"startTime":3970,"endTime":3972,"body":"Wo man den Power-Knopf dr\u00fccken muss,"},{"speaker":null,"startTime":3972,"endTime":3974,"body":"damit er so richtig in Gang kommt."},{"speaker":null,"startTime":3974,"endTime":3976,"body":"Nee, den Turbo-Knopf."},{"speaker":null,"startTime":3976,"endTime":3979,"body":"Eine Sache noch, bevor ich zum Ende komme."},{"speaker":null,"startTime":3979,"endTime":3982,"body":"Es gibt, hab ich dann noch entdeckt, bei der MDN,"},{"speaker":null,"startTime":3982,"endTime":3985,"body":"einen CSS-Text-Transform-Value,"},{"speaker":null,"startTime":3985,"endTime":3988,"body":"wo die Unterst\u00fctzung aber ziemlich schlecht ist."},{"speaker":null,"startTime":3988,"endTime":3994,"body":"Und zwar Text-Transform full-size-kana."},{"speaker":null,"startTime":3994,"endTime":3998,"body":"Und kana sind eben, also es gibt irgendwie Katakana, Hiragana,"},{"speaker":null,"startTime":3998,"endTime":4000,"body":"das wei\u00df ich nur so grob im Japanischen."},{"speaker":null,"startTime":4000,"endTime":4003,"body":"Das eine sind eben die rein japanischen Schriftzeichen,"},{"speaker":null,"startTime":4003,"endTime":4006,"body":"das andere sind die, die aus dem Chinesischen entlehnt sind."},{"speaker":null,"startTime":4006,"endTime":4008,"body":"Ich wei\u00df jetzt nicht, welche was sind."},{"speaker":null,"startTime":4008,"endTime":4011,"body":"Aber ich glaub, kana sind diese japanischen."},{"speaker":null,"startTime":4011,"endTime":4015,"body":"Und die gibt's wohl in der Gro\u00df- und Kleinschreibung,"},{"speaker":null,"startTime":4015,"endTime":4017,"body":"und damit kann man forcieren."},{"speaker":null,"startTime":4017,"endTime":4019,"body":"Also normalerweise Text-Transform ja capitalize,"},{"speaker":null,"startTime":4019,"endTime":4022,"body":"uppercase, lowercase und so weiter."},{"speaker":null,"startTime":4022,"endTime":4025,"body":"Und dann gibt's eben noch full-width und full-size-kana."},{"speaker":null,"startTime":4025,"endTime":4029,"body":"Full-width wei\u00df ich jetzt auch nicht, was das genau machen soll."},{"speaker":null,"startTime":4029,"endTime":4031,"body":"Das hab ich mir jetzt nicht angeschaut,"},{"speaker":null,"startTime":4031,"endTime":4034,"body":"weil es mir jetzt nur um das ging, was eben damit eine Rolle spielt."},{"speaker":null,"startTime":4034,"endTime":4036,"body":"Und da kann man dann sagen full-size-kana."},{"speaker":null,"startTime":4036,"endTime":4039,"body":"Das kann interessanterweise, wenn ich's richtig im Kopf hab,"},{"speaker":null,"startTime":4039,"endTime":4040,"body":"nur der Firefox."},{"speaker":null,"startTime":4040,"endTime":4043,"body":"Guck noch mal unten hier bei der Unterst\u00fctzungstabelle."},{"speaker":null,"startTime":4043,"endTime":4047,"body":"Full-size-kana, ja, das kann der Firefox, das kann der Safari."},{"speaker":null,"startTime":4047,"endTime":4050,"body":"Firefox, Android, Safari, iOS, ja."},{"speaker":null,"startTime":4050,"endTime":4052,"body":"Also die beiden k\u00f6nnen das."},{"speaker":null,"startTime":4052,"endTime":4054,"body":"Wer's braucht, bitte."},{"speaker":null,"startTime":4054,"endTime":4058,"body":"Genau, und damit ..."},{"speaker":null,"startTime":4058,"endTime":4062,"body":"w\u00e4re das jetzt schon zu Ende. Du hast noch einen Bonus."},{"speaker":null,"startTime":4062,"endTime":4065,"body":"Ich hab grad noch ein Bonus-Element eingetragen."},{"speaker":null,"startTime":4065,"endTime":4069,"body":"So ein Opa erz\u00e4hlt vom Krieg, obwohl er selbst nicht dabei war."},{"speaker":null,"startTime":4069,"endTime":4072,"body":"Und zwar, weil ich bin grade drauf gesto\u00dfen"},{"speaker":null,"startTime":4072,"endTime":4075,"body":"in der Tabelle von dem Webalmanack,"},{"speaker":null,"startTime":4075,"endTime":4079,"body":"wo beim Ruby-Element 0,02 Prozent stand und RT,"},{"speaker":null,"startTime":4079,"endTime":4081,"body":"da war das TT-Element dabei."},{"speaker":null,"startTime":4081,"endTime":4084,"body":"Und dann war ich neugierig, was ist das eigentlich?"},{"speaker":null,"startTime":4084,"endTime":4086,"body":"Weil das hab ich auch noch nie geh\u00f6rt."},{"speaker":null,"startTime":4086,"endTime":4090,"body":"Und im MDN-Artikel steht gleich richtig fett obendrauf deprecated."},{"speaker":null,"startTime":4090,"endTime":4093,"body":"Und das hei\u00dft das Teletype-Text-Element."},{"speaker":null,"startTime":4094,"endTime":4099,"body":"Ist daf\u00fcr da, einen Inline-Text darzustellen,"},{"speaker":null,"startTime":4099,"endTime":4105,"body":"der dem User-Agent seinen Default- Monospace-Font verwendet."},{"speaker":null,"startTime":4105,"endTime":4111,"body":"Und es wurde verwendet oder wurde erfunden,"},{"speaker":null,"startTime":4111,"endTime":4118,"body":"um Text darzustellen, als w\u00e4r's im Fixed-Width-Display"},{"speaker":null,"startTime":4118,"endTime":4122,"body":"und wie Teletype-Text-Only-Screen-Line-Printer."},{"speaker":null,"startTime":4122,"endTime":4124,"body":"Also, das klingt nach sehr alt."},{"speaker":null,"startTime":4124,"endTime":4133,"body":"Also, irgendwie so, um Standardmonospace-Font darzustellen,"},{"speaker":null,"startTime":4133,"endTime":4135,"body":"aus irgendwelchen Gr\u00fcnden."},{"speaker":null,"startTime":4135,"endTime":4137,"body":"Verr\u00fcckt."},{"speaker":null,"startTime":4137,"endTime":4140,"body":"Ja, ich will jetzt auch gar nicht weiter tiefer einsteigen,"},{"speaker":null,"startTime":4140,"endTime":4142,"body":"fand ich nur interessant, hab ich gesagt TT,"},{"speaker":null,"startTime":4142,"endTime":4144,"body":"das hab ich noch nie geh\u00f6rt."},{"speaker":null,"startTime":4144,"endTime":4146,"body":"Nee, nur Teletext."},{"speaker":null,"startTime":4146,"endTime":4149,"body":"Also, einfach nicht verwenden, aber ja."},{"speaker":null,"startTime":4149,"endTime":4153,"body":"Aber unterst\u00fctzt halt Chrome 1 und Firefox 1."},{"speaker":null,"startTime":4153,"endTime":4154,"body":"Krass."},{"speaker":null,"startTime":4154,"endTime":4157,"body":"Ja, letzten Endes ist es ja wahrscheinlich nur Styling."},{"speaker":null,"startTime":4157,"endTime":4159,"body":"Das hat ja keinen semantischen Wert,"},{"speaker":null,"startTime":4159,"endTime":4162,"body":"ziemlich sicher nicht mehr, selbst wenn's das mal hatte."},{"speaker":null,"startTime":4162,"endTime":4164,"body":"Und dann ist es nur irgendein Styling,"},{"speaker":null,"startTime":4164,"endTime":4167,"body":"was du nat\u00fcrlich mit CSS machen kannst und auch solltest."},{"speaker":null,"startTime":4167,"endTime":4169,"body":"Was eine sch\u00f6ne \u00dcberleitung."},{"speaker":null,"startTime":4169,"endTime":4172,"body":"Zu dem S-Element, was jetzt als n\u00e4chstes kommt."},{"speaker":null,"startTime":4172,"endTime":4174,"body":"The Strike-Through-Element."},{"speaker":null,"startTime":4174,"endTime":4177,"body":"Und jetzt k\u00f6nnte man annehmen, ja, das ist jetzt irgendwie wieder"},{"speaker":null,"startTime":4177,"endTime":4179,"body":"wie bei HTML5, es gibt ja keine Elemente mehr,"},{"speaker":null,"startTime":4179,"endTime":4182,"body":"die f\u00fcr Styling sind, sondern es ist ja alles nur noch"},{"speaker":null,"startTime":4182,"endTime":4184,"body":"Semantik in Anf\u00fchrungsstrichen."},{"speaker":null,"startTime":4184,"endTime":4186,"body":"Man soll ja Styling mit CSS machen."},{"speaker":null,"startTime":4186,"endTime":4191,"body":"Deswegen ist das S-Element nicht einfach nur durchgestrichener Text,"},{"speaker":null,"startTime":4191,"endTime":4194,"body":"auch wenn der Browser das standardm\u00e4\u00dfig so darstellt,"},{"speaker":null,"startTime":4194,"endTime":4198,"body":"sondern es ist jetzt umgewidmet worden zu Inhalt,"},{"speaker":null,"startTime":4198,"endTime":4202,"body":"der nicht l\u00e4nger g\u00fcltig ist auf einer Seite."},{"speaker":null,"startTime":4202,"endTime":4205,"body":"Allerdings nicht f\u00fcr Korrekturen."},{"speaker":null,"startTime":4205,"endTime":4208,"body":"F\u00fcr Korrekturen gibt es Dell und Inst."},{"speaker":null,"startTime":4208,"endTime":4212,"body":"Ich wei\u00df gar nicht, das kommt, glaube ich, noch in unserer HTML-Reihe."},{"speaker":null,"startTime":4212,"endTime":4216,"body":"Das sind Extralelemente, die sind daf\u00fcr zu sagen,"},{"speaker":null,"startTime":4216,"endTime":4219,"body":"hier ist was gel\u00f6scht worden und hier wurde was eingef\u00fcgt."},{"speaker":null,"startTime":4219,"endTime":4222,"body":"Also tats\u00e4chlich um eine Korrektur, irgendwas wurde ausgetauscht."},{"speaker":null,"startTime":4222,"endTime":4224,"body":"Aber ich m\u00f6chte jetzt nicht es einfach tauschen,"},{"speaker":null,"startTime":4224,"endTime":4226,"body":"sondern ich m\u00f6chte es sichtbar zeigen,"},{"speaker":null,"startTime":4226,"endTime":4228,"body":"dass was ausgetauscht wurde."},{"speaker":null,"startTime":4228,"endTime":4230,"body":"Egal, darum geht's nicht."},{"speaker":null,"startTime":4230,"endTime":4232,"body":"Es geht um Inhalt, der nicht mehr g\u00fcltig ist,"},{"speaker":null,"startTime":4232,"endTime":4235,"body":"aber auf der Seite trotzdem bleiben soll aus irgendwelchen Gr\u00fcnden."},{"speaker":null,"startTime":4235,"endTime":4242,"body":"Das kann ja sein, dass irgendeine Info in einem Artikel nicht mehr stimmt"},{"speaker":null,"startTime":4242,"endTime":4249,"body":"oder irgendwas, was wei\u00df ich, das Event findet statt an Ort X,"},{"speaker":null,"startTime":4249,"endTime":4252,"body":"aber das stimmt nicht mehr, aber man m\u00f6chte die Info noch da behalten."},{"speaker":null,"startTime":4252,"endTime":4253,"body":"Dann k\u00f6nnte man..."},{"speaker":null,"startTime":4253,"endTime":4256,"body":"Dann w\u00fcrde man ja normalerweise aber Dell und Inst wahrscheinlich benutzen,"},{"speaker":null,"startTime":4256,"endTime":4257,"body":"um zu zeigen, was sich..."},{"speaker":null,"startTime":4257,"endTime":4258,"body":"Ja, genau."},{"speaker":null,"startTime":4258,"endTime":4260,"body":"Es ist eigentlich nur daf\u00fcr, wenn was weggenommen wird,"},{"speaker":null,"startTime":4260,"endTime":4262,"body":"wenn was dazu kommt."},{"speaker":null,"startTime":4262,"endTime":4264,"body":"Aber dann hat man den Fall schon mal."},{"speaker":null,"startTime":4264,"endTime":4266,"body":"Dann bist du ein schlechter Content Provider,"},{"speaker":null,"startTime":4266,"endTime":4268,"body":"wenn du Sachen einfach durchstreichst,"},{"speaker":null,"startTime":4268,"endTime":4270,"body":"ohne dem User irgendwie zu sagen,"},{"speaker":null,"startTime":4270,"endTime":4273,"body":"was denn jetzt stattdessen dann G\u00fcltigkeit hat."},{"speaker":null,"startTime":4273,"endTime":4276,"body":"So, und weil wir vorhin die Screenreader schon angesprochen haben,"},{"speaker":null,"startTime":4276,"endTime":4281,"body":"interessanterweise, da gibt's in dem MDN-Artikel dazu extra einen Absatz,"},{"speaker":null,"startTime":4281,"endTime":4285,"body":"der sagt, ja, wenn man jetzt den Screenreadernutzenden helfen will,"},{"speaker":null,"startTime":4285,"endTime":4287,"body":"weil das n\u00e4mlich nicht announced wird,"},{"speaker":null,"startTime":4287,"endTime":4290,"body":"dann k\u00f6nnte man Folgendes tun."},{"speaker":null,"startTime":4290,"endTime":4293,"body":"Das haben wir an anderer Stelle auch schon mal gehabt, das Beispiel."},{"speaker":null,"startTime":4293,"endTime":4298,"body":"Man k\u00f6nnte in Before und After versteckt Text reinpacken."},{"speaker":null,"startTime":4298,"endTime":4301,"body":"Und hier Start des durchgestrichenen Textes,"},{"speaker":null,"startTime":4301,"endTime":4304,"body":"Ende des durchgestrichenen Textes in Before und After jeweils."},{"speaker":null,"startTime":4304,"endTime":4307,"body":"Allerdings so, dass es halt versteckt dargestellt wird,"},{"speaker":null,"startTime":4307,"endTime":4309,"body":"ohne es mit Display hinan auszublenden,"},{"speaker":null,"startTime":4309,"endTime":4311,"body":"sodass ein Screenreader es trotzdem vorliest."},{"speaker":null,"startTime":4311,"endTime":4313,"body":"Also hier haben sie irgendwie Clip Path,"},{"speaker":null,"startTime":4313,"endTime":4316,"body":"Inset 100 Prozent, Clip Rect, ein Pixel und so weiter."},{"speaker":null,"startTime":4316,"endTime":4320,"body":"Ein gro\u00dfes Array an Eigenschaften."},{"speaker":null,"startTime":4320,"endTime":4323,"body":"Aber es steht dann auch gleich hinten dran,"},{"speaker":null,"startTime":4323,"endTime":4326,"body":"das sind sich nicht alle so einig, ob das jetzt eine gute Idee ist oder nicht,"},{"speaker":null,"startTime":4326,"endTime":4328,"body":"weil es Leute gibt, die so was extra nicht wissen wollen."},{"speaker":null,"startTime":4328,"endTime":4330,"body":"Allerdings bei Text, der nicht mehr g\u00fcltig ist,"},{"speaker":null,"startTime":4330,"endTime":4333,"body":"f\u00e4nde ich das schon relativ wichtig, dass man das mitkriegt."},{"speaker":null,"startTime":4333,"endTime":4336,"body":"Weil wenn der mir jetzt einfach nur vorgelesen wird,"},{"speaker":null,"startTime":4336,"endTime":4339,"body":"dann gehe ich ja davon aus, ja, das ist die Info hier."},{"speaker":null,"startTime":4339,"endTime":4342,"body":"Ich muss bei etwas, was gel\u00f6scht wurde, was keine G\u00fcltigkeit mehr hat,"},{"speaker":null,"startTime":4342,"endTime":4345,"body":"muss ich eigentlich schon eine M\u00f6glichkeit bereitstellen,"},{"speaker":null,"startTime":4345,"endTime":4348,"body":"dass man das mitkriegt."},{"speaker":null,"startTime":4348,"endTime":4351,"body":"Weil das ist eine extrem wichtige semantische Information,"},{"speaker":null,"startTime":4351,"endTime":4356,"body":"aus meiner Sicht ist irgendwas g\u00fcltig oder ist nicht mehr g\u00fcltig."},{"speaker":null,"startTime":4356,"endTime":4363,"body":"Und generell zu diesem Thema hat Adrian Roselli,"},{"speaker":null,"startTime":4363,"endTime":4365,"body":"der ein total geiles Blog hat,"},{"speaker":null,"startTime":4365,"endTime":4367,"body":"wo es ganz viele tolle Accessibility-Artikel gibt,"},{"speaker":null,"startTime":4367,"endTime":4370,"body":"die gehen immer total in die Tiefe, die sind wahnsinnig toll geschrieben,"},{"speaker":null,"startTime":4370,"endTime":4373,"body":"das muss ich echt mal hier an der Stelle empfehlen, wirklich toll."},{"speaker":null,"startTime":4373,"endTime":4376,"body":"Und der updatet die auch immer wieder, die Artikel."},{"speaker":null,"startTime":4376,"endTime":4382,"body":"Also der ist jetzt hier von 2017 urspr\u00fcnglich,"},{"speaker":null,"startTime":4382,"endTime":4385,"body":"aber im Januar diesen Jahres zum letzten Mal geupdatet worden."},{"speaker":null,"startTime":4385,"endTime":4391,"body":"Also schon seit sieben Jahren wird der Artikel geupdatet,"},{"speaker":null,"startTime":4391,"endTime":4393,"body":"der sich eben genau mit diesem Thema besch\u00e4ftigt,"},{"speaker":null,"startTime":4393,"endTime":4398,"body":"wie sollte man das tun und auf welche Elemente betrifft das"},{"speaker":null,"startTime":4398,"endTime":4400,"body":"und wie macht man das denn am besten,"},{"speaker":null,"startTime":4400,"endTime":4403,"body":"dass man den Screenreadern Informationen gibt"},{"speaker":null,"startTime":4403,"endTime":4406,"body":"zu semantischen Elementen,"},{"speaker":null,"startTime":4406,"endTime":4408,"body":"die aber in Screenreadern nicht announced werden."},{"speaker":null,"startTime":4408,"endTime":4410,"body":"Aber was aber vielleicht wichtig ist,"},{"speaker":null,"startTime":4410,"endTime":4412,"body":"also zum Beispiel das Mark-Element wird hier noch angesprochen,"},{"speaker":null,"startTime":4412,"endTime":4414,"body":"Dell und Ins auch."},{"speaker":null,"startTime":4414,"endTime":4417,"body":"Wobei die teilweise, glaube ich, mittlerweile unterst\u00fctzt sind usw."},{"speaker":null,"startTime":4417,"endTime":4420,"body":"Aber der Artikel ist wirklich super sch\u00f6n kurzweilig geschrieben"},{"speaker":null,"startTime":4420,"endTime":4422,"body":"mit vielen Beispielen."},{"speaker":null,"startTime":4422,"endTime":4424,"body":"Gute Sache, wenn man sich daf\u00fcr interessiert,"},{"speaker":null,"startTime":4424,"endTime":4427,"body":"auf jeden Fall den Artikel noch mal angucken."},{"speaker":null,"startTime":4427,"endTime":4431,"body":"Und wie gesagt, der ist auch super auf dem aktuellen Stand."},{"speaker":null,"startTime":4431,"endTime":4434,"body":"Gut, so, dann haben wir das."},{"speaker":null,"startTime":4434,"endTime":4437,"body":"Dann gehen wir jetzt, warte mal."},{"speaker":null,"startTime":4437,"endTime":4439,"body":"Ach nee, jetzt bist du noch mal dran."},{"speaker":null,"startTime":4439,"endTime":4441,"body":"Hab grad schon gedacht, ich w\u00e4r wieder."},{"speaker":null,"startTime":4441,"endTime":4443,"body":"Weil ich hab sp\u00e4ter noch einen l\u00e4ngeren Bock."},{"speaker":null,"startTime":4443,"endTime":4444,"body":"Okay, okay."},{"speaker":null,"startTime":4444,"endTime":4446,"body":"Ne, meins geht, glaube ich, relativ schnell."},{"speaker":null,"startTime":4446,"endTime":4448,"body":"Und zwar das Samp-Element."},{"speaker":null,"startTime":4448,"endTime":4451,"body":"Und wir hatten es dar\u00fcber n\u00e4mlich tats\u00e4chlich auch schon mal"},{"speaker":null,"startTime":4451,"endTime":4454,"body":"in dem ersten Teil der Inline-Text-Semantics,"},{"speaker":null,"startTime":4454,"endTime":4457,"body":"weil wir es da erw\u00e4hnt haben, beim KBD-Element."},{"speaker":null,"startTime":4457,"endTime":4463,"body":"Und zwar ist das Samp-Element ein Beispiel-Output"},{"speaker":null,"startTime":4463,"endTime":4466,"body":"von zum Beispiel einer Konsole."},{"speaker":null,"startTime":4466,"endTime":4469,"body":"Also \u00e4hnlich wie das TT."},{"speaker":null,"startTime":4469,"endTime":4473,"body":"Es wird auch standardm\u00e4\u00dfig mit dem Default-Font-Face"},{"speaker":null,"startTime":4473,"endTime":4476,"body":"f\u00fcr Monospace-Fonts ausgegeben."},{"speaker":null,"startTime":4476,"endTime":4480,"body":"Und ja, es ist eben, also wenn ich jetzt ein Manual hab"},{"speaker":null,"startTime":4480,"endTime":4483,"body":"und ich will da zeigen, was da irgendwie der Bildschirm ausgibt,"},{"speaker":null,"startTime":4483,"endTime":4486,"body":"also Keyboard not found, press F1 to continue,"},{"speaker":null,"startTime":4486,"endTime":4489,"body":"steht da jetzt in der Demo auf MDN,"},{"speaker":null,"startTime":4489,"endTime":4491,"body":"dann kann ich das damit kennzeichnen."},{"speaker":null,"startTime":4491,"endTime":4493,"body":"Und ich kann da drin dann eben wieder,"},{"speaker":null,"startTime":4493,"endTime":4495,"body":"also das F1 k\u00f6nnte ich jetzt zum Beispiel markieren"},{"speaker":null,"startTime":4495,"endTime":4499,"body":"mit diesem KBD-Element wieder, was dann f\u00fcr User-Input"},{"speaker":null,"startTime":4499,"endTime":4504,"body":"beziehungsweise zum Markieren von Input gedacht ist."},{"speaker":null,"startTime":4504,"endTime":4508,"body":"Und da gibt's ein interessantes Beispiel unten noch."},{"speaker":null,"startTime":4508,"endTime":4516,"body":"Da ist halt wirklich so ein Command-Line-Shell-Prompt quasi,"},{"speaker":null,"startTime":4516,"endTime":4520,"body":"wie soll man sagen, emuliert mit HTML-Elementen."},{"speaker":null,"startTime":4520,"endTime":4523,"body":"Das hei\u00dft, ich hab einen Prompt, das ist jetzt in dem Fall,"},{"speaker":null,"startTime":4523,"endTime":4525,"body":"also ich hab au\u00dfenrum das Samp-Element,"},{"speaker":null,"startTime":4525,"endTime":4527,"body":"und dann hab ich einen Span mit klares Prompt,"},{"speaker":null,"startTime":4527,"endTime":4529,"body":"das ist dann halt rot eingef\u00e4rbt,"},{"speaker":null,"startTime":4529,"endTime":4532,"body":"das steht an der Benutzername mit Doppelpunkt-Tilde-Dollar,"},{"speaker":null,"startTime":4532,"endTime":4534,"body":"wie man das so kennt."},{"speaker":null,"startTime":4534,"endTime":4537,"body":"Dann ist da drin ein KBD, das gibt dann eben die User-Eingabe da"},{"speaker":null,"startTime":4537,"endTime":4539,"body":"in der ersten Zeile quasi in dem Shell,"},{"speaker":null,"startTime":4539,"endTime":4541,"body":"was der User eingetippt hat."},{"speaker":null,"startTime":4541,"endTime":4544,"body":"Und dann unten drunter wieder als normaler Text"},{"speaker":null,"startTime":4544,"endTime":4547,"body":"eben der Output von dem Shell-Script."},{"speaker":null,"startTime":4547,"endTime":4552,"body":"Also auch sehr speziell wieder, auch wieder sehr dieses,"},{"speaker":null,"startTime":4552,"endTime":4556,"body":"wo kommt HTML her, wissenschaftliche Dokumentation,"},{"speaker":null,"startTime":4556,"endTime":4560,"body":"Beispiele, Manuals, wer erinnert sich vielleicht noch"},{"speaker":null,"startTime":4560,"endTime":4565,"body":"an die Hilfe-Seiten bei Windows, die mit F1 dann ge\u00f6ffnet wurden,"},{"speaker":null,"startTime":4565,"endTime":4568,"body":"auch Infogrammen dann, was ja auch HTML war,"},{"speaker":null,"startTime":4568,"endTime":4570,"body":"wo vielleicht tats\u00e4chlich solche Dinge am ehesten"},{"speaker":null,"startTime":4570,"endTime":4572,"body":"noch zum Einsatz gekommen sind."},{"speaker":null,"startTime":4572,"endTime":4578,"body":"Ja, Unterst\u00fctzung, sehr gut, auch wieder Chrome 1, Firefox 1,"},{"speaker":null,"startTime":4578,"endTime":4582,"body":"Safari 4, das sind so Dinge, die sind einfach,"},{"speaker":null,"startTime":4582,"endTime":4584,"body":"das kommt auch wirklich noch aus Urzeiten."},{"speaker":null,"startTime":4584,"endTime":4590,"body":"Und wahrscheinlich haben wir das auch lange hinter uns gelassen,"},{"speaker":null,"startTime":4590,"endTime":4594,"body":"dass das f\u00fcr uns so eine gro\u00dfartige N\u00fctzlichkeit hat."},{"speaker":null,"startTime":4594,"endTime":4600,"body":"Aber ja, wer viel Dokus schreibt und da irgendwelche Sample-Outputs hat,"},{"speaker":null,"startTime":4600,"endTime":4604,"body":"der wird gl\u00fccklich sein, dass es daf\u00fcr ein semantisches Element gibt."},{"speaker":null,"startTime":4604,"endTime":4606,"body":"Da k\u00f6nnte man auch in der Liste mal gucken,"},{"speaker":null,"startTime":4606,"endTime":4609,"body":"das k\u00f6nnen wir jetzt generell vielleicht ab und zu mal machen,"},{"speaker":null,"startTime":4609,"endTime":4613,"body":"wie viele Leute das denn nutzen."},{"speaker":null,"startTime":4613,"endTime":4618,"body":"Sam und KBD, mal anschauen."},{"speaker":null,"startTime":4618,"endTime":4620,"body":"Ich k\u00f6nnte ja in der Zeit weitermachen."},{"speaker":null,"startTime":4620,"endTime":4622,"body":"Wenn du fertig bist mit dem Sam, bist du fertig?"},{"speaker":null,"startTime":4622,"endTime":4623,"body":"Ja, dann gucke ich schon mal."},{"speaker":null,"startTime":4623,"endTime":4627,"body":"Dann k\u00f6nnte ich mal weitermachen mit dem Small-Element."},{"speaker":null,"startTime":4627,"endTime":4631,"body":"Und das wird \u00fcberschrieben mit The-Side-Comment-Element."},{"speaker":null,"startTime":4631,"endTime":4634,"body":"Ja, das ist wieder so ein Element, das es schon relativ lange gibt"},{"speaker":null,"startTime":4634,"endTime":4637,"body":"und das fr\u00fcher halt eigentlich f\u00fcr Styling eingesetzt wurde,"},{"speaker":null,"startTime":4637,"endTime":4641,"body":"f\u00fcr kleinen Text eben oder f\u00fcr kleineren Text."},{"speaker":null,"startTime":4641,"endTime":4651,"body":"Und mittlerweile wurde es jetzt umgewidmet zu Text,"},{"speaker":null,"startTime":4651,"endTime":4655,"body":"der jetzt nicht so wichtig ist wie der eigentliche Text."},{"speaker":null,"startTime":4655,"endTime":4658,"body":"Der Browser macht standardm\u00e4\u00dfig immer noch das,"},{"speaker":null,"startTime":4658,"endTime":4662,"body":"was er fr\u00fcher auch gemacht hat, n\u00e4mlich den Text kleiner darstellen"},{"speaker":null,"startTime":4662,"endTime":4666,"body":"als den eigentlichen Text, also als die eigentliche Schriftgr\u00f6\u00dfe,"},{"speaker":null,"startTime":4666,"endTime":4668,"body":"die der Text normalerweise h\u00e4tte."},{"speaker":null,"startTime":4668,"endTime":4673,"body":"Und zwar innerhalb von diesen merkw\u00fcrdigen CSS-Schriftgr\u00f6\u00dfen-Angaben,"},{"speaker":null,"startTime":4673,"endTime":4676,"body":"die es ja gibt, Normal, Small, X-Small."},{"speaker":null,"startTime":4676,"endTime":4678,"body":"Also wenn der Text jetzt normalerweise Small w\u00e4re,"},{"speaker":null,"startTime":4678,"endTime":4682,"body":"dann w\u00fcrde er dann X-Small dargestellt werden."},{"speaker":null,"startTime":4682,"endTime":4684,"body":"Als Beispiel wird hier jetzt genannt,"},{"speaker":null,"startTime":4684,"endTime":4688,"body":"wof\u00fcr man das verwenden k\u00f6nnte, w\u00e4ren Copyright-Informationen"},{"speaker":null,"startTime":4688,"endTime":4692,"body":"oder Legal-Text, wobei ich mir dann so denke,"},{"speaker":null,"startTime":4692,"endTime":4696,"body":"Legal-Text kleiner darstellen als was anderes."},{"speaker":null,"startTime":4696,"endTime":4698,"body":"Ja, das ist eine g\u00e4ngige Praxis."},{"speaker":null,"startTime":4698,"endTime":4701,"body":"Ob ich das gut finde? Nee, finde ich eher nicht so gut,"},{"speaker":null,"startTime":4701,"endTime":4704,"body":"weil das ja meistens die interessanten Sachen sind auf der Webseite."},{"speaker":null,"startTime":4704,"endTime":4708,"body":"Je kleiner es ist, desto eher sollte man es vielleicht lesen."},{"speaker":null,"startTime":4708,"endTime":4710,"body":"Ja, je kleiner und ausgegrauter der Text ist,"},{"speaker":null,"startTime":4710,"endTime":4712,"body":"umso wichtiger ist er wahrscheinlich."},{"speaker":null,"startTime":4712,"endTime":4715,"body":"Wobei, das ist was, was man gerne versucht zu verstecken"},{"speaker":null,"startTime":4715,"endTime":4717,"body":"oder was gerne versucht wird zu verstecken."},{"speaker":null,"startTime":4717,"endTime":4720,"body":"Durch Dr\u00fccken dieses Buttons, erkl\u00e4ren Sie sich damit einverstanden,"},{"speaker":null,"startTime":4720,"endTime":4723,"body":"dass uns Ihre Erstgeborenes geh\u00f6rt?"},{"speaker":null,"startTime":4723,"endTime":4727,"body":"Na ja, dann ist das wenigstens irgendwo unter."},{"speaker":null,"startTime":4727,"endTime":4729,"body":"Genau, so."},{"speaker":null,"startTime":4729,"endTime":4732,"body":"Hat auch keine besondere ARIA-Rolle, Small."},{"speaker":null,"startTime":4732,"endTime":4736,"body":"Also, ja, ich wei\u00df nicht so genau, ob ich das jetzt ..."},{"speaker":null,"startTime":4736,"endTime":4741,"body":"Ich glaube, ich w\u00fcrde daf\u00fcr versuchen, was anderes zu finden."},{"speaker":null,"startTime":4741,"endTime":4746,"body":"Ich wei\u00df auch nicht, ob man daf\u00fcr jetzt das Small-Element nehmen sollte,"},{"speaker":null,"startTime":4746,"endTime":4751,"body":"weil letzten Endes w\u00fcrde ich das haupts\u00e4chlich f\u00fcr den Style verwenden"},{"speaker":null,"startTime":4751,"endTime":4754,"body":"und daf\u00fcr ist es eigentlich nicht mehr gedacht."},{"speaker":null,"startTime":4754,"endTime":4756,"body":"Na ja, wie auch immer."},{"speaker":null,"startTime":4756,"endTime":4758,"body":"So, das n\u00e4chste Element."},{"speaker":null,"startTime":4758,"endTime":4762,"body":"Wir sind immer noch bei S und da kommen auch noch ein paar."},{"speaker":null,"startTime":4762,"endTime":4766,"body":"Ist das Span-Element das allseits Geliebte?"},{"speaker":null,"startTime":4766,"endTime":4768,"body":"Warum das so?"},{"speaker":null,"startTime":4768,"endTime":4770,"body":"Es ist ja eins meiner Lieblingselemente,"},{"speaker":null,"startTime":4770,"endTime":4772,"body":"weil man es n\u00e4mlich, wenn man nicht ..."},{"speaker":null,"startTime":4772,"endTime":4774,"body":"Und es steht sogar, interessanterweise,"},{"speaker":null,"startTime":4774,"endTime":4776,"body":"ich habe das so gedacht, das habe ich aufgeschrieben,"},{"speaker":null,"startTime":4776,"endTime":4779,"body":"was mir zum Span-Element einf\u00e4llt und dann lese ich die MDM und denke so,"},{"speaker":null,"startTime":4779,"endTime":4781,"body":"ah ja, da steht es auch nochmal genauso drin."},{"speaker":null,"startTime":4781,"endTime":4785,"body":"Wenn dir gar nichts anderes einf\u00e4llt und du einen Rapper brauchst f\u00fcr irgendwas,"},{"speaker":null,"startTime":4785,"endTime":4788,"body":"der aber \u00fcberhaupt gar keine semantische Informationen hat,"},{"speaker":null,"startTime":4788,"endTime":4792,"body":"sondern einfach nur ein dies Ding m\u00f6chte ich jetzt rappen,"},{"speaker":null,"startTime":4792,"endTime":4795,"body":"zum Beispiel um irgendeinen Style anzuwenden."},{"speaker":null,"startTime":4795,"endTime":4800,"body":"Als Beispiel ist mir eingefallen, auf unserer Podcast-Startseite,"},{"speaker":null,"startTime":4800,"endTime":4804,"body":"unser WWSYV, wo wir sind, das ist vorne Schriftzug,"},{"speaker":null,"startTime":4804,"endTime":4808,"body":"wo wir ja was Lustiges mit den Buchstaben machen,"},{"speaker":null,"startTime":4808,"endTime":4810,"body":"wenn man mit der Maus dr\u00fcber f\u00e4hrt."},{"speaker":null,"startTime":4810,"endTime":4813,"body":"Ich wei\u00df gar nicht, ob das alle wissen, was das passiert."},{"speaker":null,"startTime":4813,"endTime":4815,"body":"Eines unserer Easter Eggs."},{"speaker":null,"startTime":4815,"endTime":4818,"body":"Eines unserer f\u00fcnf Easter Eggs oder so."},{"speaker":null,"startTime":4818,"endTime":4822,"body":"Wer sie alle findet, hat sie alle gefunden."},{"speaker":null,"startTime":4822,"endTime":4824,"body":"Gl\u00fcckwunsch."},{"speaker":null,"startTime":4824,"endTime":4827,"body":"Es gibt ein paar Easter Eggs bei uns zu finden, das ist eines davon."},{"speaker":null,"startTime":4827,"endTime":4829,"body":"Man muss dazu vielleicht sagen, ich wei\u00df nicht,"},{"speaker":null,"startTime":4829,"endTime":4831,"body":"ob wir das schon mal erw\u00e4hnt haben, das gab es schon,"},{"speaker":null,"startTime":4831,"endTime":4834,"body":"bevor es \u00fcberhaupt die erste Zeile Code f\u00fcr unsere Seite selbst gab."},{"speaker":null,"startTime":4834,"endTime":4840,"body":"Das habe ich an dem Abend, wo wir uns den Namen auch drauf festgelegt haben,"},{"speaker":null,"startTime":4840,"endTime":4842,"body":"habe ich das glaube ich daheim noch gebastelt."},{"speaker":null,"startTime":4842,"endTime":4844,"body":"Ja."},{"speaker":null,"startTime":4844,"endTime":4847,"body":"Es war auch in einer ganz anderen Schriftart und alles M\u00f6gliche,"},{"speaker":null,"startTime":4847,"endTime":4849,"body":"das haben wir noch mehrfach umgebaut."},{"speaker":null,"startTime":4849,"endTime":4851,"body":"Aber es hat es reingeschafft."},{"speaker":null,"startTime":4851,"endTime":4853,"body":"Das ist auch der Grund, warum das ii klein geschrieben ist."},{"speaker":null,"startTime":4853,"endTime":4855,"body":"Weil sich das jemand schon mal gefragt hat."},{"speaker":null,"startTime":4855,"endTime":4863,"body":"Ja, es ist Visual Candy und daf\u00fcr muss man halt eben,"},{"speaker":null,"startTime":4863,"endTime":4865,"body":"und ja, wir haben auch daf\u00fcr gesorgt, dass es am Ende noch,"},{"speaker":null,"startTime":4865,"endTime":4868,"body":"weil das ist wichtig, wenn man jetzt einzelne Buchstaben rappt,"},{"speaker":null,"startTime":4868,"endTime":4871,"body":"wenn man auf so eine Idee kommt, dann muss man schon daf\u00fcr sorgen,"},{"speaker":null,"startTime":4871,"endTime":4873,"body":"dass das auf dem Screenreader noch halbwegs vern\u00fcnftig lesbar ist."},{"speaker":null,"startTime":4873,"endTime":4875,"body":"Wir haben dem Ding dann noch ein ARIA-Label gegeben,"},{"speaker":null,"startTime":4875,"endTime":4877,"body":"damit es eben wieder funktioniert."},{"speaker":null,"startTime":4877,"endTime":4880,"body":"Weil ansonsten kriegst du einzelne Buchstaben vorgelesen,"},{"speaker":null,"startTime":4880,"endTime":4882,"body":"wenn du die rappst in einem Span oder es ist egal,"},{"speaker":null,"startTime":4882,"endTime":4884,"body":"in welchem Tag du die rappst."},{"speaker":null,"startTime":4884,"endTime":4886,"body":"Das sollte man sich gut \u00fcberlegen."},{"speaker":null,"startTime":4886,"endTime":4888,"body":"Ich habe noch einen anderen Real-Life-Anwendungsfall."},{"speaker":null,"startTime":4888,"endTime":4890,"body":"Oh."},{"speaker":null,"startTime":4890,"endTime":4892,"body":"Auch wieder von dieser Buchungsgeschichte."},{"speaker":null,"startTime":4892,"endTime":4895,"body":"Und zwar gibt es das Buchungsformular in zwei Varianten."},{"speaker":null,"startTime":4895,"endTime":4899,"body":"Einmal direkt eine Reservierung und einmal ist es nur eine Anfrage."},{"speaker":null,"startTime":4899,"endTime":4902,"body":"Und dementsprechend sind manche Texte in dem Formular dann anders."},{"speaker":null,"startTime":4902,"endTime":4905,"body":"Aber ich wollte jetzt nicht das komplette Formular duplizieren,"},{"speaker":null,"startTime":4905,"endTime":4907,"body":"weil es macht ansonsten wirklich genau das Gleiche,"},{"speaker":null,"startTime":4907,"endTime":4909,"body":"nur mal mit mehr und mal mit weniger Daten."},{"speaker":null,"startTime":4909,"endTime":4912,"body":"Und deswegen sollte auch der Button einen anderen Text haben."},{"speaker":null,"startTime":4912,"endTime":4915,"body":"Und dann gibt es da drin einfach zwei Spans,"},{"speaker":null,"startTime":4915,"endTime":4917,"body":"und die haben jeweils eine Klasse."},{"speaker":null,"startTime":4917,"endTime":4919,"body":"Und je nachdem, was das \u00fcbergeordnete Formularelement"},{"speaker":null,"startTime":4919,"endTime":4921,"body":"f\u00fcr ein Data-Attribut hat,"},{"speaker":null,"startTime":4921,"endTime":4924,"body":"wird es mit CSS eben das eine oder das andere ausgeblendet."},{"speaker":null,"startTime":4924,"endTime":4926,"body":"Oder eingeblendet."},{"speaker":null,"startTime":4926,"endTime":4930,"body":"Ja, f\u00fcr diesen Fall, da gibt es ja 25 Millionen L\u00f6sungen,"},{"speaker":null,"startTime":4930,"endTime":4934,"body":"wie man das machen kann, dass man den Text von einem Button \u00e4ndert,"},{"speaker":null,"startTime":4934,"endTime":4936,"body":"abh\u00e4ngig vom State."},{"speaker":null,"startTime":4936,"endTime":4938,"body":"Und ich bin immer hin- und hergerissen."},{"speaker":null,"startTime":4938,"endTime":4941,"body":"Da w\u00fcrde ich mir einen Standard f\u00fcr w\u00fcnschen."},{"speaker":null,"startTime":4941,"endTime":4943,"body":"Daf\u00fcr w\u00fcrde ich mir einen Standard w\u00fcnschen,"},{"speaker":null,"startTime":4943,"endTime":4945,"body":"weil ich mache es manchmal so."},{"speaker":null,"startTime":4945,"endTime":4948,"body":"Es gibt zwei Elemente, wie du gerade beschrieben hast."},{"speaker":null,"startTime":4948,"endTime":4950,"body":"Manchmal mache ich es mit Data-Attributen,"},{"speaker":null,"startTime":4950,"endTime":4952,"body":"dass der Text getauscht wird."},{"speaker":null,"startTime":4952,"endTime":4954,"body":"Und damit Content-Attribute."},{"speaker":null,"startTime":4954,"endTime":4957,"body":"Das ist aber auch bl\u00f6d, weil wenn man mit ARIA-Live arbeitet,"},{"speaker":null,"startTime":4957,"endTime":4960,"body":"das hei\u00dft, man m\u00f6chte, dass der Screenreader live mitkriegt,"},{"speaker":null,"startTime":4960,"endTime":4962,"body":"dass sich was \u00e4ndert auf der Seite."},{"speaker":null,"startTime":4962,"endTime":4965,"body":"Dann geht es aber nicht, wenn man es auf dem Element selbst vergibt,"},{"speaker":null,"startTime":4965,"endTime":4967,"body":"sondern es muss der Wrapper sein."},{"speaker":null,"startTime":4967,"endTime":4970,"body":"Aber wenn ich jetzt den Button nehme und dem ARIA-Live gebe,"},{"speaker":null,"startTime":4970,"endTime":4973,"body":"und da zwei Elemente drin habe, dann w\u00fcrde das funktionieren."},{"speaker":null,"startTime":4973,"endTime":4975,"body":"Dann w\u00e4re das n\u00e4mlich der Wrapper."},{"speaker":null,"startTime":4975,"endTime":4977,"body":"Das ist ein Pain in the butt."},{"speaker":null,"startTime":4977,"endTime":4980,"body":"Wie oft habe ich solche Konstrukte schon gebaut?"},{"speaker":null,"startTime":4980,"endTime":4982,"body":"Und jedes Mal \u00fcberlege ich, wie mache ich es jetzt?"},{"speaker":null,"startTime":4982,"endTime":4984,"body":"Das w\u00e4re, glaube ich, auch anders."},{"speaker":null,"startTime":4984,"endTime":4986,"body":"Daf\u00fcr h\u00e4tte ich gerne einen Standard."},{"speaker":null,"startTime":4986,"endTime":4988,"body":"Das w\u00e4re ein Webstandard, den ich gerne h\u00e4tte."},{"speaker":null,"startTime":4988,"endTime":4990,"body":"Und zwar changing content von ..."},{"speaker":null,"startTime":4990,"endTime":4992,"body":"Ja, sich \u00e4ndernde Texte von einem Element"},{"speaker":null,"startTime":4992,"endTime":4995,"body":"und halt im Zweifelsfall vom Button, aber gerne auch andere."},{"speaker":null,"startTime":4995,"endTime":4997,"body":"Wie mache ich das?"},{"speaker":null,"startTime":4997,"endTime":4999,"body":"Zwischen verschiedenen States hin- und herschalten,"},{"speaker":null,"startTime":4999,"endTime":5001,"body":"dass ich da mir keine Gedanken mehr drum machen muss."},{"speaker":null,"startTime":5001,"endTime":5003,"body":"Das w\u00e4re sch\u00f6n."},{"speaker":null,"startTime":5003,"endTime":5005,"body":"Das war nur der kleine Ausschweif."},{"speaker":null,"startTime":5005,"endTime":5008,"body":"Beim Ausschweifen sind noch kurz der Nachtrag zu Samp."},{"speaker":null,"startTime":5008,"endTime":5011,"body":"Also Samp \u00fcberraschenderweise 0,0 Prozent."},{"speaker":null,"startTime":5011,"endTime":5015,"body":"Und sogar das KBD-Element hat immerhin 0,1 Prozent."},{"speaker":null,"startTime":5015,"endTime":5020,"body":"Ja. Na gut. Danke f\u00fcrs Nachschauen."},{"speaker":null,"startTime":5020,"endTime":5023,"body":"Vielleicht noch einen kurzen Nachtrag zum Span-Element."},{"speaker":null,"startTime":5023,"endTime":5029,"body":"Was noch ein Anwendungsfall ist, der mir noch eingefallen ist dazu,"},{"speaker":null,"startTime":5029,"endTime":5032,"body":"ist zum Beispiel, wenn ich bestimmte W\u00f6rter"},{"speaker":null,"startTime":5032,"endTime":5034,"body":"in einer anderen Sprache auszeichnen m\u00f6chte,"},{"speaker":null,"startTime":5034,"endTime":5037,"body":"also das Lang-Attribut irgendwo dran klatschen m\u00f6chte,"},{"speaker":null,"startTime":5037,"endTime":5040,"body":"dann brauche ich ja nat\u00fcrlich irgendeinen Element,"},{"speaker":null,"startTime":5040,"endTime":5042,"body":"mit dem ich das mache."},{"speaker":null,"startTime":5042,"endTime":5044,"body":"Und in dem Fall m\u00f6chte ich ja wahrscheinlich"},{"speaker":null,"startTime":5044,"endTime":5046,"body":"keine andere Semantik haben,"},{"speaker":null,"startTime":5046,"endTime":5049,"body":"sondern einfach nur sagen, das ist jetzt in einer anderen Sprache."},{"speaker":null,"startTime":5049,"endTime":5051,"body":"Daf\u00fcr eignet sich das auch."},{"speaker":null,"startTime":5051,"endTime":5053,"body":"Also immer dann, wenn ich einen Rapper brauche,"},{"speaker":null,"startTime":5053,"endTime":5056,"body":"einen Inline-Rapper, der keinerlei semantische Informationen,"},{"speaker":null,"startTime":5056,"endTime":5059,"body":"keine weiteren semantischen Informationen enth\u00e4lt,"},{"speaker":null,"startTime":5059,"endTime":5063,"body":"dann ist das Span-Element deine Freundin."},{"speaker":null,"startTime":5063,"endTime":5066,"body":"Spannend, w\u00fcrde ich sagen."},{"speaker":null,"startTime":5066,"endTime":5070,"body":"Nicht schlecht, nicht schlecht."},{"speaker":null,"startTime":5070,"endTime":5073,"body":"Okay, bevor ich mir jetzt den Mund komplett fusselig rede,"},{"speaker":null,"startTime":5073,"endTime":5075,"body":"nee, das mache ich jetzt noch kurz."},{"speaker":null,"startTime":5075,"endTime":5077,"body":"Die Fusseln kommen gleich raus."},{"speaker":null,"startTime":5077,"endTime":5080,"body":"Ich habe noch zwei, aber die geh\u00f6ren zusammen."},{"speaker":null,"startTime":5080,"endTime":5083,"body":"N\u00e4mlich das Sub und das Sub-Element."},{"speaker":null,"startTime":5083,"endTime":5085,"body":"Das Sub-Woofer-Element."},{"speaker":null,"startTime":5085,"endTime":5087,"body":"Yo, Sub."},{"speaker":null,"startTime":5087,"endTime":5089,"body":"Und das Sub, ach so, Moment."},{"speaker":null,"startTime":5089,"endTime":5092,"body":"Ach so, und das Sub ist das Stand-Up-Paddling-Element."},{"speaker":null,"startTime":5092,"endTime":5094,"body":"Das kennt man."},{"speaker":null,"startTime":5094,"endTime":5096,"body":"Genau."},{"speaker":null,"startTime":5096,"endTime":5100,"body":"Und das Sub-Woofer- und das Stand-Up-Paddling-Element."},{"speaker":null,"startTime":5100,"endTime":5102,"body":"Also hier, bittesch\u00f6n."},{"speaker":null,"startTime":5102,"endTime":5104,"body":"Nein, nat\u00fcrlich, das ist Quatsch."},{"speaker":null,"startTime":5104,"endTime":5107,"body":"Es geht um Sub-Script und Super-Script."},{"speaker":null,"startTime":5107,"endTime":5109,"body":"Und das sind Elemente,"},{"speaker":null,"startTime":5109,"endTime":5113,"body":"die fr\u00fcher auch nur f\u00fcr Styling eigentlich waren."},{"speaker":null,"startTime":5113,"endTime":5119,"body":"N\u00e4mlich um Text tiefgestellt oder hochgestellt darzustellen."},{"speaker":null,"startTime":5119,"endTime":5122,"body":"Und letzten Endes sind sie eigentlich heute"},{"speaker":null,"startTime":5122,"endTime":5126,"body":"auch f\u00fcr nichts wirklich anderes da."},{"speaker":null,"startTime":5126,"endTime":5129,"body":"Beispiele w\u00e4ren zum Beispiel Texttiefstellen,"},{"speaker":null,"startTime":5129,"endTime":5131,"body":"also das Sub-Element."},{"speaker":null,"startTime":5131,"endTime":5135,"body":"Zum Beispiel chemische Formeln,"},{"speaker":null,"startTime":5135,"endTime":5138,"body":"wo zum Beispiel die Zahlen tiefgestellt sind."},{"speaker":null,"startTime":5138,"endTime":5143,"body":"Hier die Beispiele in der MDN C8H10N4O2."},{"speaker":null,"startTime":5143,"endTime":5146,"body":"Angeblich ist das die Strukturformel f\u00fcr Koffein."},{"speaker":null,"startTime":5146,"endTime":5148,"body":"Habe ich gerade gelernt."},{"speaker":null,"startTime":5148,"endTime":5151,"body":"Da habe ich auch gedacht, das muss doch was Nerdiges sein."},{"speaker":null,"startTime":5151,"endTime":5154,"body":"Und ja, nat\u00fcrlich ist es was Nerdiges."},{"speaker":null,"startTime":5154,"endTime":5160,"body":"Sollte aber nur aus typografischen Gr\u00fcnden verwendet werden."},{"speaker":null,"startTime":5160,"endTime":5165,"body":"Und es hat tats\u00e4chlich dann eigentlich keine richtige Semantik."},{"speaker":null,"startTime":5165,"endTime":5168,"body":"Das ist dann so, da steht viel Text,"},{"speaker":null,"startTime":5168,"endTime":5170,"body":"aber letzten Endes wird nur erkl\u00e4rt,"},{"speaker":null,"startTime":5170,"endTime":5173,"body":"dass man es nur aus typografischen Gr\u00fcnden verwenden soll."},{"speaker":null,"startTime":5173,"endTime":5175,"body":"Ich w\u00fcsste auch gar nicht,"},{"speaker":null,"startTime":5175,"endTime":5177,"body":"wie man es verwenden haben will."},{"speaker":null,"startTime":5177,"endTime":5179,"body":"Ich sage ja C8H10N4O2."},{"speaker":null,"startTime":5179,"endTime":5184,"body":"Ich sage ja nicht tiefergestellt 8H, tiefergestellt 10."},{"speaker":null,"startTime":5184,"endTime":5186,"body":"Also statt hoch 3, tief 3."},{"speaker":null,"startTime":5186,"endTime":5188,"body":"Ja, tief 8."},{"speaker":null,"startTime":5188,"endTime":5190,"body":"C, tief 8, H, tief 10."},{"speaker":null,"startTime":5190,"endTime":5192,"body":"Genau, und du sprichst es schon an."},{"speaker":null,"startTime":5192,"endTime":5197,"body":"Hochzahlen, das Sub-Element, also das Stand-up-Paddling-Element,"},{"speaker":null,"startTime":5197,"endTime":5202,"body":"das ist tats\u00e4chlich f\u00fcr Hochzahlen oder sowas gedacht."},{"speaker":null,"startTime":5202,"endTime":5206,"body":"Also gibt es ja in verschiedenen Varianten."},{"speaker":null,"startTime":5206,"endTime":5210,"body":"Oder, was auch noch ein beliebtes Beispiel ist,"},{"speaker":null,"startTime":5210,"endTime":5216,"body":"sind englische Daten, also The Fifth oder sowas."},{"speaker":null,"startTime":5216,"endTime":5220,"body":"Da wird ja oft nicht einfach das TH hintendran geschrieben,"},{"speaker":null,"startTime":5220,"endTime":5223,"body":"sondern so ein bisschen kleiner hochgestellt."},{"speaker":null,"startTime":5223,"endTime":5226,"body":"Also Ordinalzahlen, hei\u00dft das, glaube ich, auf schlau."},{"speaker":null,"startTime":5226,"endTime":5228,"body":"Genau, ganz korrekt, Ordinalzahlen."},{"speaker":null,"startTime":5228,"endTime":5230,"body":"Also das 3rd mit 3rd und sowas dann."},{"speaker":null,"startTime":5230,"endTime":5233,"body":"Ich eigentlich wollte aber jetzt unsere Zuh\u00f6rerschaft"},{"speaker":null,"startTime":5233,"endTime":5235,"body":"damit nicht \u00fcberfordern."},{"speaker":null,"startTime":5235,"endTime":5238,"body":"Jetzt habe ich auch noch alle beleidigt, Entschuldigung."},{"speaker":null,"startTime":5238,"endTime":5240,"body":"Nein, ich habe das auch gelesen."},{"speaker":null,"startTime":5240,"endTime":5242,"body":"Aber ja, danke f\u00fcr den Hinweis."},{"speaker":null,"startTime":5242,"endTime":5244,"body":"\u00c4hm, genau."},{"speaker":null,"startTime":5244,"endTime":5247,"body":"Eigentlich habe ich damit jetzt schon alles gesagt."},{"speaker":null,"startTime":5247,"endTime":5249,"body":"Vielleicht noch ein ..."},{"speaker":null,"startTime":5249,"endTime":5251,"body":"Ja, da w\u00e4re jetzt noch interessant,"},{"speaker":null,"startTime":5251,"endTime":5254,"body":"weil wir gerade gescherzt haben hier bei tief 5, tief 10."},{"speaker":null,"startTime":5254,"endTime":5257,"body":"Wie ist es denn mit, also wird das jetzt irgendwie"},{"speaker":null,"startTime":5257,"endTime":5259,"body":"E gleich mc\u00b2 oder so?"},{"speaker":null,"startTime":5259,"endTime":5262,"body":"Oder hei\u00dft das dann wirklich E gleich mc\u00b2?"},{"speaker":null,"startTime":5262,"endTime":5264,"body":"\u00c4h, oh."},{"speaker":null,"startTime":5264,"endTime":5267,"body":"Ausgesprochen. Also das w\u00e4re jetzt interessant."},{"speaker":null,"startTime":5267,"endTime":5270,"body":"Aber ich wei\u00df nicht, ob da so was da steht."},{"speaker":null,"startTime":5270,"endTime":5272,"body":"Das ist eine sehr gute Frage."},{"speaker":null,"startTime":5272,"endTime":5274,"body":"Da w\u00fcrde ich tippen, bei solchen Sachen"},{"speaker":null,"startTime":5274,"endTime":5277,"body":"kommt es wahrscheinlich auf den Screenreader an."},{"speaker":null,"startTime":5277,"endTime":5280,"body":"Aber das kann ich dir tats\u00e4chlich jetzt auswendig sagen."},{"speaker":null,"startTime":5280,"endTime":5282,"body":"Da die Anwendungsf\u00e4lle ja divers sind,"},{"speaker":null,"startTime":5282,"endTime":5285,"body":"kann man da eigentlich gar nichts einheitlich sagen."},{"speaker":null,"startTime":5285,"endTime":5287,"body":"Ja, das will man ja auch nicht."},{"speaker":null,"startTime":5287,"endTime":5289,"body":"Also pass auf, ich bin jetzt niemand,"},{"speaker":null,"startTime":5289,"endTime":5292,"body":"der den Screenreader im Daily-Business benutzt."},{"speaker":null,"startTime":5292,"endTime":5295,"body":"Ich nutze ihn nur zum Testen, in Anf\u00fchrungsstrichen."},{"speaker":null,"startTime":5295,"endTime":5297,"body":"Aber das relativ h\u00e4ufig."},{"speaker":null,"startTime":5297,"endTime":5299,"body":"Meiner Erfahrung nach ist es so,"},{"speaker":null,"startTime":5299,"endTime":5301,"body":"dass Screenreader W\u00f6rterb\u00fccher haben"},{"speaker":null,"startTime":5301,"endTime":5304,"body":"und versuchen anhand von bestimmten ..."},{"speaker":null,"startTime":5304,"endTime":5307,"body":"Ja, da stehen dann quasi bestimmte Formulierungen drin,"},{"speaker":null,"startTime":5307,"endTime":5309,"body":"wenn eine bestimmte Zeichenfolge kommt,"},{"speaker":null,"startTime":5309,"endTime":5311,"body":"was das wahrscheinlich ist."},{"speaker":null,"startTime":5311,"endTime":5314,"body":"Ich hatte jetzt zum Beispiel vorhin den Fall,"},{"speaker":null,"startTime":5314,"endTime":5316,"body":"mit meiner Demo,"},{"speaker":null,"startTime":5316,"endTime":5319,"body":"das habe ich mir im Screenreader vorlesen lassen,"},{"speaker":null,"startTime":5319,"endTime":5321,"body":"die Demo von Q."},{"speaker":null,"startTime":5321,"endTime":5324,"body":"Und da ist ein Steve Jobs Zitat drin."},{"speaker":null,"startTime":5324,"endTime":5327,"body":"Und interessanterweise, in dem Augenblick,"},{"speaker":null,"startTime":5327,"endTime":5330,"body":"als ich die Stimme umgestellt habe auf Deutsch,"},{"speaker":null,"startTime":5330,"endTime":5333,"body":"oder das mir halt auf Deutsch habe vorlesen lassen,"},{"speaker":null,"startTime":5333,"endTime":5335,"body":"da steht am Ende"},{"speaker":null,"startTime":5335,"endTime":5337,"body":"bla, bla, bla, bla,"},{"speaker":null,"startTime":5337,"endTime":5340,"body":"the people that actually do, Punkt."},{"speaker":null,"startTime":5340,"endTime":5343,"body":"Und was der deutsche Screenreader vorgelesen hat,"},{"speaker":null,"startTime":5343,"endTime":5345,"body":"war hier, actually Donnerstag."},{"speaker":null,"startTime":5345,"endTime":5347,"body":"Ah, das ist witzig."},{"speaker":null,"startTime":5347,"endTime":5349,"body":"Mein Navi sagt zum Beispiel,"},{"speaker":null,"startTime":5349,"endTime":5352,"body":"wenn ein Stra\u00dfenschild kommt mit Karlsruhe-Haxfeld,"},{"speaker":null,"startTime":5352,"endTime":5355,"body":"und das ist ja oft abgek\u00fcrzt als K.A. Haxfeld,"},{"speaker":null,"startTime":5355,"endTime":5357,"body":"oder Stuperich-Dudensee."},{"speaker":null,"startTime":5357,"endTime":5360,"body":"Ich meinte, das k\u00f6nnen wir ja mal f\u00fcr Haxfeld machen."},{"speaker":null,"startTime":5360,"endTime":5362,"body":"Mein Navi ist aber auf Englisch."},{"speaker":null,"startTime":5362,"endTime":5365,"body":"Dann kommt der immer, Kiloampere Haxfeld."},{"speaker":null,"startTime":5365,"endTime":5367,"body":"Ja, genau."},{"speaker":null,"startTime":5367,"endTime":5370,"body":"Das ist zumindest so, wie ich's kenne."},{"speaker":null,"startTime":5370,"endTime":5372,"body":"Screenreader haben W\u00f6rterb\u00fccher"},{"speaker":null,"startTime":5372,"endTime":5374,"body":"und die versuchen dann, zu erraten."},{"speaker":null,"startTime":5374,"endTime":5376,"body":"Ich nehme jetzt mal an,"},{"speaker":null,"startTime":5376,"endTime":5379,"body":"sowas E ist gleich mc\u00b2, k\u00f6nnte ich mir vorstellen."},{"speaker":null,"startTime":5379,"endTime":5382,"body":"Dass er dann mc\u00b2 dann tats\u00e4chlich sagt auf Englisch."},{"speaker":null,"startTime":5382,"endTime":5384,"body":"Oder generell, wenn eine 2 oben steht."},{"speaker":null,"startTime":5384,"endTime":5387,"body":"Bei den Ordinalzahlen dann septem auf Franz\u00f6sisch"},{"speaker":null,"startTime":5387,"endTime":5390,"body":"und seventh auf Englisch, dass er dann schlau genug ist."},{"speaker":null,"startTime":5390,"endTime":5392,"body":"Aber wahrscheinlich erkennt er nicht,"},{"speaker":null,"startTime":5392,"endTime":5395,"body":"dass das hochgestellt ist, w\u00fcrde ich jetzt mal tippen."},{"speaker":null,"startTime":5395,"endTime":5397,"body":"Deswegen ist er drauf angewiesen."},{"speaker":null,"startTime":5397,"endTime":5400,"body":"Wenn jetzt einfach nur irgendwo eine 2 hinten dran steht,"},{"speaker":null,"startTime":5400,"endTime":5403,"body":"zweifle ich jetzt, dass es das erkennen w\u00fcrde."},{"speaker":null,"startTime":5403,"endTime":5406,"body":"Aber bitte, falls ihr da andere Erfahrungen gemacht habt"},{"speaker":null,"startTime":5406,"endTime":5410,"body":"mit Screenreadern und es besser wisst als ich,"},{"speaker":null,"startTime":5410,"endTime":5414,"body":"dann bitte gern mal Bescheid sagen, weil das ist superspannend."},{"speaker":null,"startTime":5414,"endTime":5416,"body":"Das w\u00fcrde mich auch interessieren."},{"speaker":null,"startTime":5416,"endTime":5420,"body":"Da gibt's ganz oft in Demos oder in Tests, die ich gemacht hab,"},{"speaker":null,"startTime":5420,"endTime":5422,"body":"vor allem interessant ist es dann,"},{"speaker":null,"startTime":5422,"endTime":5426,"body":"wenn Menschen mir beim Accessibility-Screenreadertest"},{"speaker":null,"startTime":5426,"endTime":5428,"body":"zuschauen und zuh\u00f6ren."},{"speaker":null,"startTime":5428,"endTime":5430,"body":"Und ich deren Tools teste,"},{"speaker":null,"startTime":5430,"endTime":5433,"body":"mir f\u00e4llt so was meistens schon gar nicht mehr auf."},{"speaker":null,"startTime":5433,"endTime":5435,"body":"Weil ich sag, ja, das kommt vor,"},{"speaker":null,"startTime":5435,"endTime":5437,"body":"dass so komische Sachen vorgelesen werden."},{"speaker":null,"startTime":5437,"endTime":5439,"body":"Aber meistens kann ich halt,"},{"speaker":null,"startTime":5439,"endTime":5442,"body":"weil ich jetzt schon \u00f6fter ein Screenreader geh\u00f6rt hab,"},{"speaker":null,"startTime":5442,"endTime":5444,"body":"ich h\u00f6r das schon gar nicht mehr."},{"speaker":null,"startTime":5444,"endTime":5448,"body":"Ich denk dann so, haja, da hat er jetzt wieder was Falsches erkannt."},{"speaker":null,"startTime":5448,"endTime":5451,"body":"Aber Menschen, die zum ersten Mal ein Screenreader h\u00f6ren,"},{"speaker":null,"startTime":5451,"endTime":5453,"body":"denen f\u00e4llt es sofort immer auf."},{"speaker":null,"startTime":5453,"endTime":5456,"body":"Und die sagen immer, was hat er denn da gesagt?"},{"speaker":null,"startTime":5456,"endTime":5458,"body":"Ja, was, wieso denn?"},{"speaker":null,"startTime":5458,"endTime":5460,"body":"Also, mir f\u00e4llt's oft gar nicht mehr auf."},{"speaker":null,"startTime":5460,"endTime":5462,"body":"Ich so denk, haja, okay, gut,"},{"speaker":null,"startTime":5462,"endTime":5464,"body":"es versucht jetzt halt irgendwie da zu raten."},{"speaker":null,"startTime":5464,"endTime":5466,"body":"Und dann hat's jetzt halt mal falsch geraten."},{"speaker":null,"startTime":5466,"endTime":5469,"body":"Aber da hat tats\u00e4chlich dann schon mal jemand gesagt,"},{"speaker":null,"startTime":5469,"endTime":5471,"body":"weil da ging's irgendwie um Markennamen,"},{"speaker":null,"startTime":5471,"endTime":5473,"body":"irgendwas, was mit der Marke zu tun hatte,"},{"speaker":null,"startTime":5473,"endTime":5476,"body":"was der Person so wichtig war, dass sie gesagt hat, nee,"},{"speaker":null,"startTime":5476,"endTime":5479,"body":"da m\u00fcssen wir jetzt ARIA-Label einbauen daf\u00fcr."},{"speaker":null,"startTime":5479,"endTime":5481,"body":"Weil das k\u00f6nnen wir auf keinen Fall zulassen,"},{"speaker":null,"startTime":5481,"endTime":5484,"body":"dass der Screenreader das an der Stelle falsch ausspricht."},{"speaker":null,"startTime":5484,"endTime":5487,"body":"Und hat gesagt, nee, geht nicht, das muss richtig ausgesprochen werden."},{"speaker":null,"startTime":5487,"endTime":5490,"body":"Da gibt's jetzt ein ARIA-Label, wo das dann so reingeschrieben wird,"},{"speaker":null,"startTime":5490,"endTime":5492,"body":"wie ich will, dass das ausgesprochen wird."},{"speaker":null,"startTime":5492,"endTime":5494,"body":"Das hab ich tats\u00e4chlich auf unserer Seite,"},{"speaker":null,"startTime":5494,"endTime":5496,"body":"also von meiner Firma gemacht."},{"speaker":null,"startTime":5496,"endTime":5499,"body":"Das ist so ein eigenes gestricktes System, was wir da haben."},{"speaker":null,"startTime":5499,"endTime":5501,"body":"Und da wird automatisch das Wort,"},{"speaker":null,"startTime":5501,"endTime":5503,"body":"also 4-8-Design, unser Firmenname,"},{"speaker":null,"startTime":5503,"endTime":5506,"body":"auf der deutschen Seite tats\u00e4chlich wird sichergestellt,"},{"speaker":null,"startTime":5506,"endTime":5509,"body":"dass das 4-8-Design ausgesprochen wird."},{"speaker":null,"startTime":5509,"endTime":5513,"body":"W\u00e4hrend wir auf Englisch halt 48-Design sagen."},{"speaker":null,"startTime":5513,"endTime":5516,"body":"Und das wird da unterschieden, je nachdem, welche Sprache gew\u00e4hlt ist."},{"speaker":null,"startTime":5516,"endTime":5518,"body":"Ich seh's gerade."},{"speaker":null,"startTime":5518,"endTime":5520,"body":"Ist da ein anderes Label drin, 48-Design,"},{"speaker":null,"startTime":5520,"endTime":5522,"body":"dann auch mit dem englischen Lang Tag,"},{"speaker":null,"startTime":5522,"endTime":5525,"body":"damit das auch wirklich auf Englisch dann ausgesprochen wird,"},{"speaker":null,"startTime":5525,"endTime":5527,"body":"wenn's denn funktioniert."},{"speaker":null,"startTime":5527,"endTime":5530,"body":"Und halt wirklich auch 48-Design und nicht Fear Act Design."},{"speaker":null,"startTime":5530,"endTime":5534,"body":"Damit eben unser Firmenname als Brand, als Marke,"},{"speaker":null,"startTime":5534,"endTime":5536,"body":"da richtig ausgesprochen wird."},{"speaker":null,"startTime":5536,"endTime":5539,"body":"Ja, nice. Not bad."},{"speaker":null,"startTime":5539,"endTime":5544,"body":"Also, aber damit bin ich fertig mit Zopp und Zopp."},{"speaker":null,"startTime":5544,"endTime":5546,"body":"Gut."},{"speaker":null,"startTime":5546,"endTime":5548,"body":"Und gebe zur\u00fcck ins Funkhaus."},{"speaker":null,"startTime":5548,"endTime":5550,"body":"Jetzt wird's n\u00e4mlich auch Zeit."},{"speaker":null,"startTime":5550,"endTime":5556,"body":"Wir kommen n\u00e4mlich zum Time Element."},{"speaker":null,"startTime":5556,"endTime":5560,"body":"Und da gibt's jetzt ein bisschen mehr dazu zu sagen."},{"speaker":null,"startTime":5560,"endTime":5563,"body":"Weil da auch wieder was dabei war, was ich so noch nicht kannte."},{"speaker":null,"startTime":5563,"endTime":5565,"body":"Also, ich kannte das Time Element,"},{"speaker":null,"startTime":5565,"endTime":5568,"body":"und ich hab das auch schon mal irgendwo bei irgendeinem,"},{"speaker":null,"startTime":5568,"endTime":5570,"body":"ich glaub, auch bei unserer Webseite,"},{"speaker":null,"startTime":5570,"endTime":5572,"body":"weil wir haben da ja auch News,"},{"speaker":null,"startTime":5572,"endTime":5574,"body":"und da wird das dann auch irgendwie mit Markup,"},{"speaker":null,"startTime":5574,"endTime":5576,"body":"wann das ver\u00f6ffentlicht wurde und so, dargestellt."},{"speaker":null,"startTime":5576,"endTime":5578,"body":"Und es ist eigentlich nicht nur Time."},{"speaker":null,"startTime":5578,"endTime":5581,"body":"Also, eigentlich k\u00f6nnte das korrekterweise DateTime hei\u00dfen."},{"speaker":null,"startTime":5581,"endTime":5585,"body":"Aber es gibt ein DateTime-Attribut auf Time."},{"speaker":null,"startTime":5585,"endTime":5588,"body":"Gut, und auch ein Datum ist ja im Endeffekt nichts anderes"},{"speaker":null,"startTime":5588,"endTime":5591,"body":"als ein Zeitpunkt in diesem komischen Konstrukt,"},{"speaker":null,"startTime":5591,"endTime":5593,"body":"das wir Menschen Zeit nennen."},{"speaker":null,"startTime":5593,"endTime":5596,"body":"Und dementsprechend kann ich in dem DateTime-Attribut"},{"speaker":null,"startTime":5596,"endTime":5599,"body":"auch Daten, also ein komplettes Datum,"},{"speaker":null,"startTime":5599,"endTime":5603,"body":"Jahreszahl, Monat, Tag, oder auch nur eine Uhrzeit,"},{"speaker":null,"startTime":5603,"endTime":5607,"body":"oder so einen kompletten String mit hinten dran,"},{"speaker":null,"startTime":5607,"endTime":5610,"body":"dieses Z f\u00fcr Zulu, Timecode,"},{"speaker":null,"startTime":5610,"endTime":5613,"body":"oder sogar irgendwelche mit Bindestrich getrennt,"},{"speaker":null,"startTime":5613,"endTime":5617,"body":"vierstellige oder mit jeweils zweistellig,"},{"speaker":null,"startTime":5617,"endTime":5620,"body":"mit Doppelpunkt getrennt, die Uhrzeit noch mal,"},{"speaker":null,"startTime":5620,"endTime":5624,"body":"als, na, sag schnell, also GMT-Abweichung zum Beispiel."},{"speaker":null,"startTime":5624,"endTime":5628,"body":"Ja, bitte diese UTC-Abweichung angeben."},{"speaker":null,"startTime":5628,"endTime":5632,"body":"So, und damit l\u00e4sst sich halt ein maschinenlesbarer Zeitstempel"},{"speaker":null,"startTime":5632,"endTime":5634,"body":"in irgendeiner Form hinterlegen."},{"speaker":null,"startTime":5634,"endTime":5637,"body":"Ich glaub, ich hab schon gefunden, was da verr\u00fcckt ist."},{"speaker":null,"startTime":5637,"endTime":5640,"body":"Genau, auf ndn gibt's n\u00e4mlich eine ganze Auflistung hier,"},{"speaker":null,"startTime":5640,"endTime":5643,"body":"Valid DateTime Values, also eine einfache Jahreszahl geht."},{"speaker":null,"startTime":5643,"endTime":5646,"body":"Das geht auch eine Jahreszahl und einen Monat, aber kein Datum."},{"speaker":null,"startTime":5646,"endTime":5649,"body":"Also in diesem 4-2-2 mit Bindestrich getrennt Konstrukt,"},{"speaker":null,"startTime":5649,"endTime":5651,"body":"diese ISO-Zeit."},{"speaker":null,"startTime":5651,"endTime":5655,"body":"Da geht sogar ein jahresloser Datumstring,"},{"speaker":null,"startTime":5655,"endTime":5659,"body":"also 11 minus 18 ist zum Beispiel erlaubt."},{"speaker":null,"startTime":5659,"endTime":5662,"body":"Das ist nat\u00fcrlich f\u00fcr Amerikaner wieder verwirrend,"},{"speaker":null,"startTime":5662,"endTime":5664,"body":"weil die jetzt 1811 schreiben w\u00fcrden."},{"speaker":null,"startTime":5664,"endTime":5665,"body":"Aber ..."},{"speaker":null,"startTime":5665,"endTime":5667,"body":"Aber endlich, endlich hat man jemand ..."},{"speaker":null,"startTime":5667,"endTime":5670,"body":"Nee, die Amis machen ja, nee, die schreiben ja 1118."},{"speaker":null,"startTime":5670,"endTime":5672,"body":"Genau, wir schreiben 18.11."},{"speaker":null,"startTime":5672,"endTime":5675,"body":"Also in dem Fall ist es sogar f\u00fcr die Amis richtig."},{"speaker":null,"startTime":5675,"endTime":5677,"body":"Und ich find ja, diese ISO-Darstellung"},{"speaker":null,"startTime":5677,"endTime":5680,"body":"ist f\u00fcr mich sowieso die einzig wahre Datumsangabe,"},{"speaker":null,"startTime":5680,"endTime":5681,"body":"also dieses ..."},{"speaker":null,"startTime":5681,"endTime":5684,"body":"Du meinst jetzt hier 2011 minus, bla, minus."},{"speaker":null,"startTime":5684,"endTime":5685,"body":"Genau."},{"speaker":null,"startTime":5685,"endTime":5687,"body":"24 minus 07 minus 17 f\u00fcr heute, ja?"},{"speaker":null,"startTime":5687,"endTime":5690,"body":"Und genau, mit Minus, das ist aus meiner Sicht die Wahrheit."},{"speaker":null,"startTime":5690,"endTime":5692,"body":"Genau, dann ist es n\u00e4mlich, weil dann,"},{"speaker":null,"startTime":5692,"endTime":5695,"body":"wenn ich's mit Slash mach, kann's auch wieder sein,"},{"speaker":null,"startTime":5695,"endTime":5697,"body":"hab ich jetzt Datum oder Monat zuerst, ne?"},{"speaker":null,"startTime":5697,"endTime":5699,"body":"Oder Anascore liest sich nicht so gut, find ich."},{"speaker":null,"startTime":5699,"endTime":5701,"body":"Also ich finde, das ist die einzig wahre ..."},{"speaker":null,"startTime":5701,"endTime":5703,"body":"Ja, da wei\u00df jeder, was gemeint ist."},{"speaker":null,"startTime":5703,"endTime":5705,"body":"Und dann gibt's hier interessanterweise auch"},{"speaker":null,"startTime":5705,"endTime":5708,"body":"Valid Weekstring, also 2011 minus W47."},{"speaker":null,"startTime":5708,"endTime":5711,"body":"Also, die Kalenderwoche kann ich sogar markieren."},{"speaker":null,"startTime":5711,"endTime":5715,"body":"Ich kann hinten noch hinter eine Uhrzeit mit Punkt und drei Stellen"},{"speaker":null,"startTime":5715,"endTime":5718,"body":"kann ich die Hundertstelsekunden noch mit angeben."},{"speaker":null,"startTime":5718,"endTime":5721,"body":"Nee, was sind's? Tausendstelsekunden sind's dann, oder?"},{"speaker":null,"startTime":5721,"endTime":5724,"body":"Ja, jedenfalls Bruchteile von Sekunden mit angeben."},{"speaker":null,"startTime":5724,"endTime":5726,"body":"Zettelhundertstel, tausendstel, ja."},{"speaker":null,"startTime":5726,"endTime":5730,"body":"Dann, ja, also dieses ISO-Ding eben mit einem T dazwischen"},{"speaker":null,"startTime":5730,"endTime":5733,"body":"und Z hinten oder nicht, oder mit Leerzeichen getrennt,"},{"speaker":null,"startTime":5733,"endTime":5735,"body":"Datum und Uhrzeit, das geht alles."},{"speaker":null,"startTime":5735,"endTime":5738,"body":"Dann hab ich schon gesagt, diese Global Date-and-Time-String"},{"speaker":null,"startTime":5738,"endTime":5741,"body":"mit Zeitzone, so. Und jetzt gibt's noch was."},{"speaker":null,"startTime":5741,"endTime":5744,"body":"Jetzt kommt das, was ich auch noch nie gesehen hab."},{"speaker":null,"startTime":5744,"endTime":5749,"body":"Das ist jetzt hier als Beispiel angegeben, PT4H18M3S."},{"speaker":null,"startTime":5749,"endTime":5751,"body":"Oh, pass auf, darf ich raten?"},{"speaker":null,"startTime":5751,"endTime":5752,"body":"Mhm."},{"speaker":null,"startTime":5752,"endTime":5754,"body":"Ach, warte mal, Moment, Duration."},{"speaker":null,"startTime":5754,"endTime":5758,"body":"Dann bin ich raus, weil PT, ich hab grad an Pacific Time gedacht."},{"speaker":null,"startTime":5758,"endTime":5759,"body":"Nee."},{"speaker":null,"startTime":5759,"endTime":5761,"body":"Aber das ergibt ja keinen Sinn."},{"speaker":null,"startTime":5761,"endTime":5763,"body":"Zeitzone brauch ich ja f\u00fcr Duration nicht."},{"speaker":null,"startTime":5763,"endTime":5765,"body":"Aber es sind vier Stunden?"},{"speaker":null,"startTime":5765,"endTime":5768,"body":"Es gibt einen eigenen Abschnitt daf\u00fcr in einem HTML-Standard."},{"speaker":null,"startTime":5768,"endTime":5771,"body":"Es sind vier Stunden, 18 Minuten, drei Sekunden."},{"speaker":null,"startTime":5771,"endTime":5772,"body":"Genau."},{"speaker":null,"startTime":5772,"endTime":5774,"body":"Aber was hei\u00dft das PT?"},{"speaker":null,"startTime":5774,"endTime":5776,"body":"Ich verlinke auch den HTML-Standard dazu."},{"speaker":null,"startTime":5776,"endTime":5779,"body":"Was ist ein valider Duration-String?"},{"speaker":null,"startTime":5779,"endTime":5783,"body":"Also, es beginnt immer mit dem Capital Letter P."},{"speaker":null,"startTime":5783,"endTime":5786,"body":"Und dann eins oder mehr von den folgenden,"},{"speaker":null,"startTime":5786,"endTime":5790,"body":"n\u00e4mlich entweder direkt ASCII-Zahlen,"},{"speaker":null,"startTime":5790,"endTime":5793,"body":"gefolgt von einem Capital Letter D."},{"speaker":null,"startTime":5793,"endTime":5796,"body":"Das ist dann einfach die Anzahl an Tagen."},{"speaker":null,"startTime":5796,"endTime":5799,"body":"Ah, ich, ich, okay, das ist das Format."},{"speaker":null,"startTime":5799,"endTime":5802,"body":"Also zw\u00f6lf Tage w\u00e4ren dann P, zw\u00f6lf D."},{"speaker":null,"startTime":5802,"endTime":5807,"body":"Oder der Capital Letter T, wahrscheinlich f\u00fcr Time."},{"speaker":null,"startTime":5807,"endTime":5811,"body":"Und dann gefolgt von einem oder mehreren"},{"speaker":null,"startTime":5811,"endTime":5816,"body":"der folgenden Subkomponenten in genau dieser Reihenfolge."},{"speaker":null,"startTime":5816,"endTime":5819,"body":"Aber ich kann auch was weglassen davon."},{"speaker":null,"startTime":5819,"endTime":5823,"body":"Und zwar Capital Letter, also wieder ASCII-Digits,"},{"speaker":null,"startTime":5823,"endTime":5825,"body":"gefolgt vom Capital Letter H."},{"speaker":null,"startTime":5825,"endTime":5827,"body":"Ist dann die Anzahl an Stunden."},{"speaker":null,"startTime":5827,"endTime":5832,"body":"Oder ASCII-Digits gefolgt vom Letter M f\u00fcr Minuten."},{"speaker":null,"startTime":5832,"endTime":5837,"body":"Oder ASCII-Digits, die die Nummer an Sekunden angeben."},{"speaker":null,"startTime":5837,"endTime":5840,"body":"Optional, gefolgt von einem Punkt zur Abtrennung"},{"speaker":null,"startTime":5840,"endTime":5846,"body":"der Fractions of a Second, der Sekundenbruchteile."},{"speaker":null,"startTime":5846,"endTime":5849,"body":"Und zwar eins, zwei oder drei Digits."},{"speaker":null,"startTime":5849,"endTime":5854,"body":"Und dann gefolgt von dem Capital Letter S f\u00fcr Sekunden."},{"speaker":null,"startTime":5854,"endTime":5856,"body":"Das ist ja geil."},{"speaker":null,"startTime":5856,"endTime":5857,"body":"Ja."},{"speaker":null,"startTime":5857,"endTime":5858,"body":"Das ist ja geil."},{"speaker":null,"startTime":5858,"endTime":5861,"body":"Und das ist ein, f\u00fcr Angaben von Zeitdauer,"},{"speaker":null,"startTime":5861,"endTime":5864,"body":"ein standardisierter, \u00e4h, Dings."},{"speaker":null,"startTime":5864,"endTime":5866,"body":"Aber dann geht's noch weiter."},{"speaker":null,"startTime":5866,"endTime":5868,"body":"Das hab ich jetzt gerade erst gesehen."},{"speaker":null,"startTime":5868,"endTime":5869,"body":"Es gibt noch, \u00e4h,"},{"speaker":null,"startTime":5869,"endTime":5871,"body":"one or more duration of time components."},{"speaker":null,"startTime":5871,"endTime":5873,"body":"Da ist n\u00e4mlich noch so eine Note dazwischen."},{"speaker":null,"startTime":5873,"endTime":5875,"body":"Deswegen hab ich das gar nicht dazugeordnet."},{"speaker":null,"startTime":5875,"endTime":5876,"body":"Aber da gibt's noch mehr."},{"speaker":null,"startTime":5876,"endTime":5878,"body":"Also irgendwie White Spaces."},{"speaker":null,"startTime":5878,"endTime":5880,"body":"Dann noch mal ASCII-Digits."},{"speaker":null,"startTime":5880,"endTime":5883,"body":"Scaled by the duration time component scale."},{"speaker":null,"startTime":5883,"endTime":5884,"body":"Boah, keine Ahnung."},{"speaker":null,"startTime":5884,"endTime":5885,"body":"\u00c4hm, ja."},{"speaker":null,"startTime":5885,"endTime":5889,"body":"Also man kann's auch noch mehr verkomplizieren."},{"speaker":null,"startTime":5889,"endTime":5892,"body":"Jetzt, also ich hatte gerade tats\u00e4chlich den Fall,"},{"speaker":null,"startTime":5892,"endTime":5896,"body":"dass es ein Eingabefeld gibt,"},{"speaker":null,"startTime":5896,"endTime":5899,"body":"wo ein Zeitraum angegeben werden sollte."},{"speaker":null,"startTime":5899,"endTime":5900,"body":"Also genau das, ne?"},{"speaker":null,"startTime":5900,"endTime":5901,"body":"Also Duration."},{"speaker":null,"startTime":5901,"endTime":5904,"body":"Nicht Startdatum, Enddatum,"},{"speaker":null,"startTime":5904,"endTime":5906,"body":"sondern tats\u00e4chlich drei Stunden, vier Stunden,"},{"speaker":null,"startTime":5906,"endTime":5907,"body":"drei Stunden, 30 Minuten."},{"speaker":null,"startTime":5907,"endTime":5909,"body":"Da k\u00f6nnte ich einfach mal vorschlagen,"},{"speaker":null,"startTime":5909,"endTime":5911,"body":"dass man dieses Format eintragen muss."},{"speaker":null,"startTime":5911,"endTime":5914,"body":"Ja, und wenn du das Parsing dann n\u00e4mlich implementieren willst,"},{"speaker":null,"startTime":5914,"endTime":5917,"body":"dann geht's n\u00e4mlich in dem n\u00e4chsten Abschnitt runter."},{"speaker":null,"startTime":5917,"endTime":5919,"body":"The rules to parse a duration string are as follows."},{"speaker":null,"startTime":5919,"endTime":5921,"body":"Und dann wird genau aufgeschl\u00fcsselt."},{"speaker":null,"startTime":5921,"endTime":5922,"body":"Das ist der Input."},{"speaker":null,"startTime":5922,"endTime":5925,"body":"Und dann wird quasi hier so als Pointer schrittweise vorgegangen."},{"speaker":null,"startTime":5925,"endTime":5927,"body":"Wenn man dann auf das trifft,"},{"speaker":null,"startTime":5927,"endTime":5929,"body":"dann das, dann das, dann das, dann das."},{"speaker":null,"startTime":5929,"endTime":5931,"body":"Das kannst du jetzt kopieren."},{"speaker":null,"startTime":5931,"endTime":5934,"body":"Dann kannst du jetzt in den Cloud-AI und den Chat-GPT reinklopfen"},{"speaker":null,"startTime":5934,"endTime":5936,"body":"und sagen, schreib mir die Implementierung"},{"speaker":null,"startTime":5936,"endTime":5938,"body":"in JavaScript zum Beispiel."},{"speaker":null,"startTime":5938,"endTime":5940,"body":"Und dann mal gucken, wer es besser macht."},{"speaker":null,"startTime":5940,"endTime":5941,"body":"Oh Mann."},{"speaker":null,"startTime":5941,"endTime":5943,"body":"Mach ich vielleicht bis zum n\u00e4chsten Mal."},{"speaker":null,"startTime":5943,"endTime":5946,"body":"Aber das muss ich mir echt mal, das find ich echt spannend."},{"speaker":null,"startTime":5946,"endTime":5949,"body":"Also das, ich hab mit allem gerechnet, was davor war."},{"speaker":null,"startTime":5949,"endTime":5951,"body":"Ich h\u00e4tte jetzt nicht auf dem Schirm gehabt,"},{"speaker":null,"startTime":5951,"endTime":5954,"body":"dass man tats\u00e4chlich Wochen, Wochennummern angeben kann."},{"speaker":null,"startTime":5954,"endTime":5957,"body":"Also, ja, Kalenderwoche."},{"speaker":null,"startTime":5957,"endTime":5960,"body":"Okay, find ich jetzt aber auch nicht \u00fcberraschend."},{"speaker":null,"startTime":5960,"endTime":5963,"body":"Vielleicht bis zur tausendstel Sekunde gehen kann."},{"speaker":null,"startTime":5963,"endTime":5965,"body":"H\u00e4tte ich jetzt auch nicht gedacht,"},{"speaker":null,"startTime":5965,"endTime":5967,"body":"aber find ich jetzt auch nicht \u00fcberraschend."},{"speaker":null,"startTime":5967,"endTime":5969,"body":"Aber das hab ich noch nie gesehen."},{"speaker":null,"startTime":5969,"endTime":5972,"body":"Also wirklich, hier steht PT4H18M3S."},{"speaker":null,"startTime":5972,"endTime":5974,"body":"Und man denkt erst mal so, was?"},{"speaker":null,"startTime":5974,"endTime":5977,"body":"Ja, und das ist da halt wirklich auch nat\u00fcrlich, logischerweise."},{"speaker":null,"startTime":5977,"endTime":5979,"body":"Man macht sich halt nur nie Gedanken dr\u00fcber,"},{"speaker":null,"startTime":5979,"endTime":5982,"body":"wenn es einen Standard daf\u00fcr gibt, der das genau definiert."},{"speaker":null,"startTime":5982,"endTime":5985,"body":"Und der auch definiert, wie man das Ganze auswertet."},{"speaker":null,"startTime":5985,"endTime":5989,"body":"Wenn man maschinell irgendwelche Zeitdauern auswerten will,"},{"speaker":null,"startTime":5989,"endTime":5991,"body":"klar, dann kann man das so machen."},{"speaker":null,"startTime":5991,"endTime":5993,"body":"Wobei ich mich halt frage,"},{"speaker":null,"startTime":5993,"endTime":5998,"body":"warum nicht einfach die Anzahl der Millisekunden als Timestamp,"},{"speaker":null,"startTime":5998,"endTime":6000,"body":"die vergangen sind?"},{"speaker":null,"startTime":6000,"endTime":6002,"body":"Es ist nat\u00fcrlich besser lesbar,"},{"speaker":null,"startTime":6002,"endTime":6005,"body":"also es ist auch f\u00fcr den Menschen besser lesbar."},{"speaker":null,"startTime":6005,"endTime":6008,"body":"Weil ohne das zu wissen, hast du gleich richtig gelesen,"},{"speaker":null,"startTime":6008,"endTime":6011,"body":"HMS, war klar, was das bedeutet."},{"speaker":null,"startTime":6011,"endTime":6013,"body":"Vielleicht ist das das Argument daf\u00fcr,"},{"speaker":null,"startTime":6013,"endTime":6016,"body":"dass man's nicht einfach per Timestamp macht."},{"speaker":null,"startTime":6016,"endTime":6018,"body":"Oder bei einem Timestamp wei\u00dft du nie,"},{"speaker":null,"startTime":6018,"endTime":6021,"body":"ist das in Tausendstelsekunden oder sind's die reinen Sekunden."},{"speaker":null,"startTime":6021,"endTime":6024,"body":"Das ist ja auch bei JavaScript immer die Geschichte."},{"speaker":null,"startTime":6024,"endTime":6026,"body":"Ja, aber es gibt einen Standard daf\u00fcr."},{"speaker":null,"startTime":6026,"endTime":6029,"body":"Und wer wei\u00df, vielleicht braucht's mal jemand."},{"speaker":null,"startTime":6029,"endTime":6032,"body":"Aber ich muss da jetzt ganz kurz noch mal reingehen."},{"speaker":null,"startTime":6032,"endTime":6034,"body":"Weil ich jetzt eine Frage hab."},{"speaker":null,"startTime":6034,"endTime":6038,"body":"Weil ich hab ja gesagt, ich hab jetzt tats\u00e4chlich diesen Fall gehabt,"},{"speaker":null,"startTime":6038,"endTime":6041,"body":"dass ich Code gereviewt hab, wo so was gebraucht wurde."},{"speaker":null,"startTime":6041,"endTime":6044,"body":"N\u00e4mlich eine Timeduration, die eingegeben wird."},{"speaker":null,"startTime":6044,"endTime":6046,"body":"Wie w\u00fcrdest du das l\u00f6sen?"},{"speaker":null,"startTime":6046,"endTime":6049,"body":"Ich m\u00f6chte das noch in einem bestimmten Format haben."},{"speaker":null,"startTime":6049,"endTime":6051,"body":"Also, wie w\u00fcrdest du ..."},{"speaker":null,"startTime":6051,"endTime":6054,"body":"Also, wir m\u00fcssen jetzt auch nicht tief reingehen."},{"speaker":null,"startTime":6054,"endTime":6057,"body":"Aber ich h\u00e4tte halt das Date-Time ..."},{"speaker":null,"startTime":6057,"endTime":6062,"body":"Nee, warte mal, das Input-Type Date funktioniert an der Stelle nicht."},{"speaker":null,"startTime":6062,"endTime":6064,"body":"Selbst wenn ich sage ..."},{"speaker":null,"startTime":6064,"endTime":6066,"body":"Oder Input-Type Time funktioniert nicht,"},{"speaker":null,"startTime":6066,"endTime":6068,"body":"weil das hat immer Bezug auf den Tag."},{"speaker":null,"startTime":6068,"endTime":6070,"body":"Also, Time ist tats\u00e4chlich 24 Stunden."},{"speaker":null,"startTime":6070,"endTime":6073,"body":"Ich kann da nicht mehr als 24 Stunden eintragen,"},{"speaker":null,"startTime":6073,"endTime":6076,"body":"weil sich das auf ein Datum tats\u00e4chlich bezieht."},{"speaker":null,"startTime":6076,"endTime":6079,"body":"Ich will ja aber eigentlich nur eine Duration haben."},{"speaker":null,"startTime":6079,"endTime":6082,"body":"Weil ansonsten w\u00e4re das Time genau das Richtige."},{"speaker":null,"startTime":6082,"endTime":6084,"body":"Weil ich hab da dann so eine Auswahl"},{"speaker":null,"startTime":6084,"endTime":6087,"body":"und kann sagen, so viele Stunden und so viele Minuten."},{"speaker":null,"startTime":6087,"endTime":6090,"body":"Aber du willst vielleicht auch 48 Stunden zulassen."},{"speaker":null,"startTime":6090,"endTime":6092,"body":"Weil du in Tagen nicht unbedingt ..."},{"speaker":null,"startTime":6092,"endTime":6096,"body":"Ja, gut, da bleibt im Endeffekt nur, normale Inputs zu nehmen."},{"speaker":null,"startTime":6096,"endTime":6099,"body":"Und es dann am Ende so zu verursachen, wie du's ..."},{"speaker":null,"startTime":6099,"endTime":6102,"body":"Oder sagen wir mal, ein Input-Type Number zumindest,"},{"speaker":null,"startTime":6102,"endTime":6105,"body":"den du dann wiederum irgendwie begrenzen kannst"},{"speaker":null,"startTime":6105,"endTime":6107,"body":"auf mindestens null und Maximum."},{"speaker":null,"startTime":6107,"endTime":6110,"body":"Keine Ahnung, falls du ein Maximum hast."},{"speaker":null,"startTime":6110,"endTime":6112,"body":"Ja, also, da gibt's keine Standardl\u00f6sung."},{"speaker":null,"startTime":6112,"endTime":6114,"body":"Und ja, Time-Picker, Date-Picker,"},{"speaker":null,"startTime":6114,"endTime":6117,"body":"das ist auch jetzt grad wieder bei diesen Buchungsdingen"},{"speaker":null,"startTime":6117,"endTime":6119,"body":"genau so ein Thema."},{"speaker":null,"startTime":6119,"endTime":6122,"body":"Ich hab das jetzt mit den Standard-Date-Time-Pickern gebaut."},{"speaker":null,"startTime":6122,"endTime":6125,"body":"Also, Time brauch ich sowieso nicht, es geht nur ums Datum."},{"speaker":null,"startTime":6125,"endTime":6127,"body":"Aber wir wissen von dem anderen Projekt,"},{"speaker":null,"startTime":6127,"endTime":6129,"body":"\u00fcber das ich's ja schon \u00f6fter hatte,"},{"speaker":null,"startTime":6129,"endTime":6131,"body":"dieses Corona-Testergebnis-Ding,"},{"speaker":null,"startTime":6131,"endTime":6133,"body":"dass da dann das Kundenfeedback kommt."},{"speaker":null,"startTime":6133,"endTime":6136,"body":"Oh, ich muss ja, um mein Geburtsdatum anzugeben,"},{"speaker":null,"startTime":6136,"endTime":6139,"body":"muss ich ja irgendwie 23.000 Mal auf Zur\u00fcck klicken,"},{"speaker":null,"startTime":6139,"endTime":6142,"body":"bis ich im Jahr 1900 was wei\u00df ich was lande."},{"speaker":null,"startTime":6142,"endTime":6146,"body":"Weil die Leute nicht wissen, dass man auf die Jahreszeit klicken kann."},{"speaker":null,"startTime":6146,"endTime":6150,"body":"Weil das einfach bei Android schei\u00dfe gel\u00f6st ist, muss man so sagen."},{"speaker":null,"startTime":6150,"endTime":6154,"body":"Und vielleicht bei anderen Betriebssystemen auch nicht optimal ist."},{"speaker":null,"startTime":6154,"endTime":6156,"body":"Und das ist ja auch ein Start und Ende."},{"speaker":null,"startTime":6156,"endTime":6159,"body":"Ich will ja sagen, von dann bis dann will ich das buchen."},{"speaker":null,"startTime":6159,"endTime":6163,"body":"Das hei\u00dft, im Bestfall muss ich solche Sachen implementieren wie,"},{"speaker":null,"startTime":6163,"endTime":6165,"body":"na ja, wenn ich ein Startdatum gew\u00e4hlt hab,"},{"speaker":null,"startTime":6165,"endTime":6169,"body":"dann kann das Enddatum logischerweise nicht hinter dem Startdatum liegen."},{"speaker":null,"startTime":6169,"endTime":6173,"body":"Und eigentlich will ich das gar nicht in zwei Feldern ausf\u00fcllen m\u00fcssen,"},{"speaker":null,"startTime":6173,"endTime":6176,"body":"sondern ich will da draufklicken, und dann soll sich was \u00f6ffnen,"},{"speaker":null,"startTime":6176,"endTime":6180,"body":"und dann krieg ich gleich zwei Monate quasi nebeneinander dargestellt,"},{"speaker":null,"startTime":6180,"endTime":6182,"body":"und ich kann das Startdatum w\u00e4hlen,"},{"speaker":null,"startTime":6182,"endTime":6185,"body":"ich klicke auf den Zeitmonat, und dann kann ich das markieren"},{"speaker":null,"startTime":6185,"endTime":6188,"body":"und krieg vielleicht sogar in dem Kalender dann blau hinterlegt"},{"speaker":null,"startTime":6188,"endTime":6190,"body":"den Zeitraum, wo ich mich befinde."},{"speaker":null,"startTime":6190,"endTime":6193,"body":"Und das geht halt alles mit den Standardelementen nicht."},{"speaker":null,"startTime":6193,"endTime":6195,"body":"Das hei\u00dft, was ich machen werde, ist,"},{"speaker":null,"startTime":6195,"endTime":6197,"body":"im Hintergrund liegen zwar diese Felder,"},{"speaker":null,"startTime":6197,"endTime":6200,"body":"und jetzt sagen wir mal, es kommt ein Client drauf,"},{"speaker":null,"startTime":6200,"endTime":6202,"body":"der kein JavaScript kann."},{"speaker":null,"startTime":6202,"endTime":6205,"body":"Gut, der kann das ganze Ding per Ajax sowieso nicht abschicken,"},{"speaker":null,"startTime":6205,"endTime":6208,"body":"aber der h\u00e4tte dann zumindest die Felder da."},{"speaker":null,"startTime":6208,"endTime":6211,"body":"Oder ein Screenreader kann's eben auch wirklich"},{"speaker":null,"startTime":6211,"endTime":6214,"body":"die entsprechenden semantischen Felder ausgeben."},{"speaker":null,"startTime":6214,"endTime":6216,"body":"Aber was passiert ist, wenn ich da draufklicke,"},{"speaker":null,"startTime":6216,"endTime":6218,"body":"\u00f6ffnet sich nicht der Standard,"},{"speaker":null,"startTime":6218,"endTime":6221,"body":"sondern, das werde ich jetzt morgen noch implementieren,"},{"speaker":null,"startTime":6221,"endTime":6224,"body":"es geht ein Popover auf, allerdings kein wirkliches Popover,"},{"speaker":null,"startTime":6224,"endTime":6227,"body":"weil Popover-Unterst\u00fctzung auch noch nicht so doll ist,"},{"speaker":null,"startTime":6227,"endTime":6230,"body":"aber halt irgendwie ein Overlay, ein Diff oder wie auch immer."},{"speaker":null,"startTime":6230,"endTime":6233,"body":"Was w\u00fcrdest du da machen? Das ist ein guter Punkt."},{"speaker":null,"startTime":6233,"endTime":6236,"body":"Was w\u00fcrde man in dem Fall f\u00fcr so ein Overlay nehmen?"},{"speaker":null,"startTime":6236,"endTime":6238,"body":"Was f\u00fcr ein Overlay?"},{"speaker":null,"startTime":6238,"endTime":6240,"body":"Visuell sieht's aus wie ein Textfeld dann,"},{"speaker":null,"startTime":6240,"endTime":6243,"body":"aber eigentlich \u00f6ffnet's ein Overlay mit so einem Kalender-Budget."},{"speaker":null,"startTime":6243,"endTime":6246,"body":"Ist das etwas, was die Seite blockieren soll?"},{"speaker":null,"startTime":6246,"endTime":6248,"body":"Es ist kein Dialog."},{"speaker":null,"startTime":6248,"endTime":6250,"body":"Du k\u00f6nntest ein Dialog-Element nehmen."},{"speaker":null,"startTime":6250,"endTime":6253,"body":"Nee, ja gut, im Endeffekt ist es ein Dialog,"},{"speaker":null,"startTime":6253,"endTime":6255,"body":"ohne ein Model zu sein, ja."},{"speaker":null,"startTime":6255,"endTime":6257,"body":"K\u00f6nnte man schon so sagen."},{"speaker":null,"startTime":6257,"endTime":6259,"body":"Dialog muss nicht Model sein."},{"speaker":null,"startTime":6259,"endTime":6262,"body":"Und ja, Popover w\u00e4re wahrscheinlich das Richtige."},{"speaker":null,"startTime":6262,"endTime":6265,"body":"Popover w\u00e4re genau das Richtige, was ich eigentlich daf\u00fcr br\u00e4uchte."},{"speaker":null,"startTime":6265,"endTime":6268,"body":"Popover, Dialog, Dialog kannst du auch nehmen,"},{"speaker":null,"startTime":6268,"endTime":6271,"body":"musst nicht die Seite blockieren, das kannst du selbst bestimmen."},{"speaker":null,"startTime":6271,"endTime":6274,"body":"Aber h\u00e4tte den Vorteil, dass es eben f\u00fcr Screenreader"},{"speaker":null,"startTime":6274,"endTime":6277,"body":"entsprechend mit dem Fokus das gleich richtig macht, ne?"},{"speaker":null,"startTime":6277,"endTime":6279,"body":"Ja, Fokustrap und genau."},{"speaker":null,"startTime":6279,"endTime":6282,"body":"Wahrscheinlich werde ich dann ein Dialog-Element nehmen,"},{"speaker":null,"startTime":6282,"endTime":6285,"body":"weil Dialog-Unterst\u00fctzung ist ja jetzt relativ gut."},{"speaker":null,"startTime":6285,"endTime":6288,"body":"Ja, die ist ziemlich gut, und du kriegst da alles andere ..."},{"speaker":null,"startTime":6288,"endTime":6290,"body":"Das ist halt besser als ein Diff,"},{"speaker":null,"startTime":6290,"endTime":6293,"body":"und ich muss noch gucken, dass der Fokus dann am Ende stimmt."},{"speaker":null,"startTime":6293,"endTime":6296,"body":"Ja, genau, also da werde ich dann leider halt wieder auch,"},{"speaker":null,"startTime":6296,"endTime":6299,"body":"obwohl's tolle, sch\u00f6ne Standard-Elemente gibt,"},{"speaker":null,"startTime":6299,"endTime":6302,"body":"werde ich was anderes nutzen, weil einfach nicht gew\u00e4hrleistet ist,"},{"speaker":null,"startTime":6302,"endTime":6305,"body":"dass die Leute verstehen, wie das funktioniert."},{"speaker":null,"startTime":6305,"endTime":6308,"body":"Und da gibt's halt einfach fertige Libraries f\u00fcr solche Datenauswahl,"},{"speaker":null,"startTime":6308,"endTime":6312,"body":"die einfach erprobt sind, die gut aussehen und gut funktionieren"},{"speaker":null,"startTime":6312,"endTime":6314,"body":"und f\u00fcr den User einfach eindeutig sind."},{"speaker":null,"startTime":6314,"endTime":6317,"body":"Also, ob man jetzt bei Booking.com oder sonstigen Buchungsdingern,"},{"speaker":null,"startTime":6317,"endTime":6320,"body":"du hast da nie einen Standard-Browser-Picker,"},{"speaker":null,"startTime":6320,"endTime":6323,"body":"sondern immer eigentlich irgendwelche L\u00f6sungen mit ..."},{"speaker":null,"startTime":6323,"endTime":6326,"body":"Ich kann wirklich ein Datum, also einen Zeitraum ausw\u00e4hlen,"},{"speaker":null,"startTime":6326,"endTime":6330,"body":"und das ist halt das, was ich bei Reiseanfragen brauche und will."},{"speaker":null,"startTime":6330,"endTime":6332,"body":"Ja, ja."},{"speaker":null,"startTime":6332,"endTime":6335,"body":"Gut. Das war genug Zeit."},{"speaker":null,"startTime":6335,"endTime":6337,"body":"Ich glaub, die Zeit ist jetzt rum."},{"speaker":null,"startTime":6337,"endTime":6339,"body":"Ich glaub auch. Ich glaub auch."},{"speaker":null,"startTime":6339,"endTime":6342,"body":"So, jetzt kommt noch eine \u00dcberraschung,"},{"speaker":null,"startTime":6342,"endTime":6344,"body":"also etwas, was mich \u00fcberrascht hat"},{"speaker":null,"startTime":6344,"endTime":6347,"body":"und mich erst mal ein bisschen \u00fcberfahren hat,"},{"speaker":null,"startTime":6347,"endTime":6349,"body":"n\u00e4mlich das U-Element."},{"speaker":null,"startTime":6349,"endTime":6351,"body":"Das U-Element ist n\u00e4mlich auch so was,"},{"speaker":null,"startTime":6351,"endTime":6353,"body":"was irgendwie umgewidmet wurde."},{"speaker":null,"startTime":6353,"endTime":6355,"body":"War n\u00e4mlich ja mal Underline."},{"speaker":null,"startTime":6355,"endTime":6357,"body":"Und Achtung, es hei\u00dft jetzt ..."},{"speaker":null,"startTime":6357,"endTime":6359,"body":"Ich lese das jetzt einfach mal vor,"},{"speaker":null,"startTime":6359,"endTime":6362,"body":"weil ich will euch daran teilhaben lassen, an meinem Schmerz."},{"speaker":null,"startTime":6362,"endTime":6366,"body":"So, es hei\u00dft jetzt, und ich lese auch gleich den ersten Absatz noch aus der MDN dazu vor,"},{"speaker":null,"startTime":6366,"endTime":6370,"body":"the unarticulated annotation element."},{"speaker":null,"startTime":6370,"endTime":6374,"body":"Und dann, the U-HTML element represents a span of inline text,"},{"speaker":null,"startTime":6374,"endTime":6377,"body":"which should be rendered in a way that indicates"},{"speaker":null,"startTime":6377,"endTime":6381,"body":"that it has a non-textual annotation."},{"speaker":null,"startTime":6381,"endTime":6384,"body":"This is rendered by default as a simple solid underline,"},{"speaker":null,"startTime":6384,"endTime":6387,"body":"but may be altered using CSS."},{"speaker":null,"startTime":6387,"endTime":6390,"body":"So, ich hab den Satz erst mal gar nicht verstanden,"},{"speaker":null,"startTime":6390,"endTime":6393,"body":"was die mir da sagen wollen, und dann hab ich mir das Beispiel angeguckt"},{"speaker":null,"startTime":6393,"endTime":6395,"body":"und hab gesagt, ah ja, okay, gut."},{"speaker":null,"startTime":6395,"endTime":6397,"body":"Jetzt kann ich mir ungef\u00e4hr vorstellen,"},{"speaker":null,"startTime":6397,"endTime":6400,"body":"was ihr meint mit non-textual annotation,"},{"speaker":null,"startTime":6400,"endTime":6403,"body":"weil das ist das eigentlich, worauf es am Ende hinausl\u00e4uft."},{"speaker":null,"startTime":6403,"endTime":6408,"body":"Das Beispiel, und sie haben, glaub ich, auch wirklich nur das eine Beispiel hier genannt,"},{"speaker":null,"startTime":6408,"endTime":6413,"body":"wof\u00fcr das verwendet werden soll, ist zum Beispiel spelling errors."},{"speaker":null,"startTime":6413,"endTime":6417,"body":"Also, ich m\u00f6chte sagen, da ist irgendwie was,"},{"speaker":null,"startTime":6417,"endTime":6422,"body":"und es soll aber nicht irgendwie mit Text erg\u00e4nzt werden."},{"speaker":null,"startTime":6422,"endTime":6426,"body":"Genau, also es ist jetzt keine Abbreviation oder so was zum Beispiel, ne?"},{"speaker":null,"startTime":6426,"endTime":6430,"body":"Genau, es gibt keine Info dazu, keine textliche Info dazu,"},{"speaker":null,"startTime":6430,"endTime":6433,"body":"um was es sich handelt, sondern nur eine visuelle."},{"speaker":null,"startTime":6433,"endTime":6436,"body":"Und in dem Fall haben wir vorne Underline, muss aber nicht sein,"},{"speaker":null,"startTime":6436,"endTime":6439,"body":"k\u00f6nnte auch irgendwas anderes sein, und in dem Fall haben sie diese,"},{"speaker":null,"startTime":6439,"endTime":6442,"body":"es gibt ja mittlerweile in CSS diese sch\u00f6nen anderen Underlines,"},{"speaker":null,"startTime":6442,"endTime":6445,"body":"irgendwie, ich wei\u00df gar nicht, wie die hei\u00dft, wavy oder so was."},{"speaker":null,"startTime":6445,"endTime":6447,"body":"Oder squiggly, oder so was, ja."},{"speaker":null,"startTime":6447,"endTime":6450,"body":"Squiggly, squiggly, squiggly warm Underline, man kann ja auch die Underline-Farbe ..."},{"speaker":null,"startTime":6450,"endTime":6453,"body":"Wavy, ja, Text Decoration Wavy Underline."},{"speaker":null,"startTime":6453,"endTime":6456,"body":"Genau, man kann ja mittlerweile viele verschiedene,"},{"speaker":null,"startTime":6456,"endTime":6459,"body":"also Text Decoration Underline gibt's mittlerweile viele coole Sachen,"},{"speaker":null,"startTime":6459,"endTime":6462,"body":"die man damit machen kann, es ist nicht mehr einfach nur ein Strich,"},{"speaker":null,"startTime":6462,"endTime":6464,"body":"man kann auch sagen, wie dick soll die sein,"},{"speaker":null,"startTime":6464,"endTime":6466,"body":"das ist ja unabh\u00e4ngig von der Schriftgr\u00f6\u00dfe,"},{"speaker":null,"startTime":6466,"endTime":6468,"body":"man kann auch einen Abstand definieren,"},{"speaker":null,"startTime":6468,"endTime":6471,"body":"ist aber jetzt alles gar nicht mehr Thema."},{"speaker":null,"startTime":6471,"endTime":6475,"body":"Also das ist das einzige Beispiel, also es ist sehr abstrakt mit,"},{"speaker":null,"startTime":6475,"endTime":6478,"body":"ich m\u00f6chte den Text irgendwie hervorheben, dass da ist irgendwas,"},{"speaker":null,"startTime":6478,"endTime":6481,"body":"aber es hat nichts mit, ich w\u00fcrde das nicht mit weiterem Text verkn\u00fcpfen,"},{"speaker":null,"startTime":6481,"endTime":6483,"body":"oder keine Erkl\u00e4rung dazu schreiben."},{"speaker":null,"startTime":6483,"endTime":6485,"body":"Guck mal, interessant, hier unten steht n\u00e4mlich,"},{"speaker":null,"startTime":6485,"endTime":6488,"body":"weil ich gerade Abbreviation als Gegenbeispiel genannt habe,"},{"speaker":null,"startTime":6488,"endTime":6490,"body":"aber hier steht, to provide textual annotations,"},{"speaker":null,"startTime":6490,"endTime":6493,"body":"as opposed to the non-textual annotations created with you,"},{"speaker":null,"startTime":6493,"endTime":6496,"body":"use the Ruby element."},{"speaker":null,"startTime":6496,"endTime":6501,"body":"Das hei\u00dft, das ist auch f\u00fcr textuelle Annotationen gedacht,"},{"speaker":null,"startTime":6501,"endTime":6504,"body":"abseits von, es sind jetzt chinesische Schriftzeichen,"},{"speaker":null,"startTime":6504,"endTime":6508,"body":"sondern ich k\u00f6nnte theoretisch da vielleicht auch andere Dinge reinpacken."},{"speaker":null,"startTime":6508,"endTime":6512,"body":"Vielleicht sogar, vielleicht k\u00f6nnte ich da eine Liste reinpacken,"},{"speaker":null,"startTime":6512,"endTime":6516,"body":"je nachdem, ob man das mit Position fixt oder wie auch immer,"},{"speaker":null,"startTime":6516,"endTime":6521,"body":"eine Liste an Vorschl\u00e4gen zum Beispiel f\u00fcr die Textkorrektur"},{"speaker":null,"startTime":6521,"endTime":6523,"body":"k\u00f6nnte ich da vielleicht reinpacken."},{"speaker":null,"startTime":6523,"endTime":6525,"body":"Wei\u00df ich nicht, ob das funktioniert."},{"speaker":null,"startTime":6525,"endTime":6529,"body":"Was da auf jeden Fall auch noch steht, ist, dass es in den meisten F\u00e4llen,"},{"speaker":null,"startTime":6529,"endTime":6532,"body":"wenn man denkt, dass man das U-Element verwenden k\u00f6nnte,"},{"speaker":null,"startTime":6532,"endTime":6534,"body":"dass man es nicht verwenden sollte,"},{"speaker":null,"startTime":6534,"endTime":6536,"body":"sondern dass man sich erst mal \u00fcberlegen sollte,"},{"speaker":null,"startTime":6536,"endTime":6539,"body":"ob es andere Elemente gibt, die vielleicht besser passen,"},{"speaker":null,"startTime":6539,"endTime":6543,"body":"so wie em, b, mark, strong, side oder i."},{"speaker":null,"startTime":6543,"endTime":6547,"body":"Und i ist ja auch so ein komisches, umgewidmetes Element."},{"speaker":null,"startTime":6547,"endTime":6550,"body":"Auch das Ruby-Element kommt hier wieder vor."},{"speaker":null,"startTime":6550,"endTime":6552,"body":"To provide textual annotations as proper ..."},{"speaker":null,"startTime":6552,"endTime":6555,"body":"Ja, genau, da steht auch, das mit Ruby-Element soll man verwenden."},{"speaker":null,"startTime":6555,"endTime":6559,"body":"Ja, also, wie gesagt, der Spelling Error ist das Einzige,"},{"speaker":null,"startTime":6559,"endTime":6561,"body":"was Ihnen hier einf\u00e4llt."},{"speaker":null,"startTime":6561,"endTime":6563,"body":"Ja, gut."},{"speaker":null,"startTime":6563,"endTime":6566,"body":"Ich w\u00e4re jetzt, glaube ich, gar nicht auf die Idee gekommen,"},{"speaker":null,"startTime":6566,"endTime":6568,"body":"das U-Element einzusetzen."},{"speaker":null,"startTime":6568,"endTime":6570,"body":"Ich wei\u00df gar nicht genau, was passiert,"},{"speaker":null,"startTime":6570,"endTime":6573,"body":"wenn ich einen Text mache mit Markdown, gibt's das \u00fcberhaupt?"},{"speaker":null,"startTime":6573,"endTime":6575,"body":"Ich bin mir nicht sicher. Egal."},{"speaker":null,"startTime":6575,"endTime":6578,"body":"Wahrscheinlich findet man gar keinen sinnvollen Anwendungsfall mehr,"},{"speaker":null,"startTime":6578,"endTime":6581,"body":"au\u00dfer genau diesen. Aber daf\u00fcr kann man es ja verwenden."},{"speaker":null,"startTime":6581,"endTime":6584,"body":"Das kommt ja vielleicht tats\u00e4chlich ab und zu mal folgen,"},{"speaker":null,"startTime":6584,"endTime":6586,"body":"so eine Rechtschreib-Korrektur."},{"speaker":null,"startTime":6586,"endTime":6589,"body":"Es ist aber auf jeden Fall kein Unterstreichungselement mehr."},{"speaker":null,"startTime":6589,"endTime":6592,"body":"Man soll es auf jeden Fall auch nicht einfach so"},{"speaker":null,"startTime":6592,"endTime":6594,"body":"mit normaler Unterstreichung verwenden."},{"speaker":null,"startTime":6594,"endTime":6596,"body":"Das ist nat\u00fcrlich wieder ein Styling-Ding."},{"speaker":null,"startTime":6596,"endTime":6598,"body":"Oder man soll, Sie weisen noch drauf hin,"},{"speaker":null,"startTime":6598,"endTime":6601,"body":"man soll nichts unterstreichen, was kein Link ist."},{"speaker":null,"startTime":6601,"endTime":6604,"body":"Au\u00dfer man nimmt so eine Squiggly Line oder so was."},{"speaker":null,"startTime":6604,"endTime":6606,"body":"Das kann ich ganz gut unterscheiden."},{"speaker":null,"startTime":6606,"endTime":6608,"body":"Aber normalerweise sind ..."},{"speaker":null,"startTime":6608,"endTime":6610,"body":"Link ist einfach ..."},{"speaker":null,"startTime":6610,"endTime":6615,"body":"Oder der Style f\u00fcr Links ist einfach eine Unterstreichung."},{"speaker":null,"startTime":6615,"endTime":6618,"body":"Und es w\u00e4re schr\u00e4g oder misleading,"},{"speaker":null,"startTime":6618,"endTime":6622,"body":"wenn man die Unterstreichung f\u00fcr was anderes verwendet."},{"speaker":null,"startTime":6622,"endTime":6624,"body":"Das ist tats\u00e4chlich eine Information."},{"speaker":null,"startTime":6624,"endTime":6626,"body":"Da denkt man so, das liegt ja auf der Hand."},{"speaker":null,"startTime":6626,"endTime":6629,"body":"Aber es gibt durchaus Leute, die auf Webseiten das machen."},{"speaker":null,"startTime":6629,"endTime":6631,"body":"Und ich klicke dann da drauf wie ein Depp."},{"speaker":null,"startTime":6631,"endTime":6633,"body":"Und es passiert nichts."},{"speaker":null,"startTime":6633,"endTime":6635,"body":"Es ist mir durchaus schon passiert."},{"speaker":null,"startTime":6635,"endTime":6637,"body":"Also bitte lasst das."},{"speaker":null,"startTime":6637,"endTime":6639,"body":"Nur Dinge unterstreichen, die Links sind."},{"speaker":null,"startTime":6639,"endTime":6642,"body":"So."},{"speaker":null,"startTime":6642,"endTime":6645,"body":"Dann komm ich jetzt, glaub ich, schon zu meinem Letzten."},{"speaker":null,"startTime":6645,"endTime":6647,"body":"Und dann kommt noch eines von dir."},{"speaker":null,"startTime":6647,"endTime":6648,"body":"Ja."},{"speaker":null,"startTime":6648,"endTime":6651,"body":"Wir h\u00e4tten hier noch das Var-Element, V-A-R."},{"speaker":null,"startTime":6651,"endTime":6653,"body":"Es hat nichts mit ..."},{"speaker":null,"startTime":6653,"endTime":6656,"body":"Ist das nicht der virtuelle Irgendwas-Referee?"},{"speaker":null,"startTime":6656,"endTime":6660,"body":"Da ist der, glaub ich, auch so irgendwie bei der EM."},{"speaker":null,"startTime":6660,"endTime":6662,"body":"Schon wieder vergessen."},{"speaker":null,"startTime":6662,"endTime":6666,"body":"Der dir dann sagt, dass du mit einem kleinen Zeh im Upsides warst."},{"speaker":null,"startTime":6666,"endTime":6671,"body":"\u00dcbrigens auch eine verr\u00fcckte Erfindung, wie ich finde."},{"speaker":null,"startTime":6671,"endTime":6674,"body":"Wie hie\u00df es, das Ball-EKG oder so?"},{"speaker":null,"startTime":6674,"endTime":6675,"body":"Ja, ja, ja."},{"speaker":null,"startTime":6675,"endTime":6680,"body":"Ja, verr\u00fcckte Zeiten, in denen wir leben."},{"speaker":null,"startTime":6680,"endTime":6686,"body":"Das Variable-Element ist eigentlich in erster Linie da,"},{"speaker":null,"startTime":6686,"endTime":6689,"body":"um Variablen eines mathematischen Ausdrucks"},{"speaker":null,"startTime":6689,"endTime":6692,"body":"oder Variablen, wenn ich bei mir ..."},{"speaker":null,"startTime":6692,"endTime":6695,"body":"Ich schreib einen Text \u00fcber Programmieren."},{"speaker":null,"startTime":6695,"endTime":6698,"body":"Variablen zu markten und da zu sagen,"},{"speaker":null,"startTime":6698,"endTime":6700,"body":"das ist jetzt eine Variable."},{"speaker":null,"startTime":6700,"endTime":6703,"body":"\u00dcblicherweise stellt der Browser das dann kursiv dar."},{"speaker":null,"startTime":6703,"endTime":6706,"body":"Aber das ist nat\u00fcrlich, wie schon immer gesagt,"},{"speaker":null,"startTime":6706,"endTime":6709,"body":"man sollte es nicht f\u00fcr den Style machen,"},{"speaker":null,"startTime":6709,"endTime":6713,"body":"sondern eben f\u00fcr die semantische Auszeichnung an der Stelle."},{"speaker":null,"startTime":6713,"endTime":6716,"body":"Es ist auch was, wo ich sage, ja, ich kann mir vorstellen,"},{"speaker":null,"startTime":6716,"endTime":6719,"body":"es kommt bestimmt auch aus dieser wissenschaftlichen Ecke,"},{"speaker":null,"startTime":6719,"endTime":6721,"body":"wie du vorhin schon angesprochen hast."},{"speaker":null,"startTime":6721,"endTime":6724,"body":"Wenn du jetzt viel mathematische Sachen machst"},{"speaker":null,"startTime":6724,"endTime":6727,"body":"oder tats\u00e4chlich \u00fcber Programmieren schreibst,"},{"speaker":null,"startTime":6727,"endTime":6730,"body":"das ist jetzt nicht so ungew\u00f6hnlich f\u00fcr mich,"},{"speaker":null,"startTime":6730,"endTime":6733,"body":"dann kommt man da vielleicht schon mal drauf,"},{"speaker":null,"startTime":6733,"endTime":6735,"body":"dass man das verwenden k\u00f6nnte."},{"speaker":null,"startTime":6735,"endTime":6738,"body":"Ich habe das bewusst noch nie im Einsatz gesehen irgendwo."},{"speaker":null,"startTime":6738,"endTime":6741,"body":"Es kann zum Beispiel in SEMP vorkommen"},{"speaker":null,"startTime":6741,"endTime":6744,"body":"oder auch in Code w\u00e4re so ein logischer Ort,"},{"speaker":null,"startTime":6744,"endTime":6747,"body":"wo sowas dann drin vorkommen k\u00f6nnte."},{"speaker":null,"startTime":6747,"endTime":6750,"body":"Ja, es hat auch keine ARIA-Role oder so."},{"speaker":null,"startTime":6750,"endTime":6753,"body":"Ja, also Variablen im VAR-Element,"},{"speaker":null,"startTime":6753,"endTime":6756,"body":"das ist tats\u00e4chlich genau das,"},{"speaker":null,"startTime":6756,"endTime":6759,"body":"was man annehmen w\u00fcrde, was es sein k\u00f6nnte."},{"speaker":null,"startTime":6759,"endTime":6762,"body":"Also nat\u00fcrlich der Videoassistent."},{"speaker":null,"startTime":6762,"endTime":6765,"body":"Genau, das war es, oder?"},{"speaker":null,"startTime":6765,"endTime":6768,"body":"Heute habe ich es irgendwie in den \u00dcbergang."},{"speaker":null,"startTime":6768,"endTime":6771,"body":"Jetzt kommt noch ..."},{"speaker":null,"startTime":6771,"endTime":6774,"body":"Ups, ich habe es schon abgehakt."},{"speaker":null,"startTime":6774,"endTime":6777,"body":"Dabei kommt es erst noch."},{"speaker":null,"startTime":6777,"endTime":6780,"body":"Genau, the Line Break Opportunity Element."},{"speaker":null,"startTime":6780,"endTime":6783,"body":"Damit kann ich dem Browser sagen,"},{"speaker":null,"startTime":6783,"endTime":6786,"body":"an der Stelle k\u00f6nntest du, wenn der Platz zu eng wird,"},{"speaker":null,"startTime":6786,"endTime":6789,"body":"doch einfach das Wort mittendrin umbrechen."},{"speaker":null,"startTime":6789,"endTime":6792,"body":"Das hei\u00dft, es ist quasi ein Zero-Width-Space."},{"speaker":null,"startTime":6792,"endTime":6795,"body":"Also es steht sogar hier auch auf UTF-8-codierten Seiten,"},{"speaker":null,"startTime":6795,"endTime":6798,"body":"verh\u00e4lt sich das genauso wie ein Zero-Width-Space."},{"speaker":null,"startTime":6798,"endTime":6801,"body":"Und das hat n\u00e4mlich noch eine Implikation."},{"speaker":null,"startTime":6801,"endTime":6804,"body":"N\u00e4mlich, weil wir es vorhin"},{"speaker":null,"startTime":6804,"endTime":6807,"body":"auch \u00fcber BD-Reihenfolgen hatten."},{"speaker":null,"startTime":6807,"endTime":6810,"body":"Normalerweise, wenn das jetzt zwei komplett getrennt sind,"},{"speaker":null,"startTime":6810,"endTime":6813,"body":"kann man in den BD-Reihen folgen."},{"speaker":null,"startTime":6813,"endTime":6816,"body":"Da kann man in den BD-Reihen folgen."},{"speaker":null,"startTime":6816,"endTime":6819,"body":"Normalerweise, wenn das jetzt"},{"speaker":null,"startTime":6819,"endTime":6822,"body":"zwei komplett getrennte W\u00f6rter w\u00e4ren,"},{"speaker":null,"startTime":6822,"endTime":6825,"body":"also z.B. ich mache einen Span au\u00dfenrum,"},{"speaker":null,"startTime":6825,"endTime":6828,"body":"aber kein Leerzeichen dazwischen,"},{"speaker":null,"startTime":6828,"endTime":6831,"body":"dann w\u00fcrde sich auch die Reihenfolge \u00e4ndern,"},{"speaker":null,"startTime":6831,"endTime":6834,"body":"wenn der BD-Text jetzt von rechts nach links l\u00e4uft z.B."},{"speaker":null,"startTime":6834,"endTime":6837,"body":"Und da ist hier das Beispiel, wenn ich hier 1, 2, 3 komme,"},{"speaker":null,"startTime":6837,"endTime":6840,"body":"und dann ein WBR-Tag oder eben so ein Zero-Width-Space habe,"},{"speaker":null,"startTime":6840,"endTime":6843,"body":"4, 5, 6, und der wird nicht in zwei Zeilen gebrochen,"},{"speaker":null,"startTime":6843,"endTime":6846,"body":"dann w\u00fcrde normalerweise man erwarten,"},{"speaker":null,"startTime":6846,"endTime":6849,"body":"dass da eben 4, 5, 6, 1, 2, 3 steht,"},{"speaker":null,"startTime":6849,"endTime":6852,"body":"weil eben die Flussrichtung eine andere ist."},{"speaker":null,"startTime":6852,"endTime":6855,"body":"Aber es bleibt trotzdem 1, 2, 3, 4, 5, 6."},{"speaker":null,"startTime":6855,"endTime":6858,"body":"Und ja, das ist vielleicht gut zu wissen,"},{"speaker":null,"startTime":6858,"endTime":6861,"body":"wenn man irgendwie mit arabischen Schriften"},{"speaker":null,"startTime":6861,"endTime":6864,"body":"oder mit sonst allem, was nicht von links nach rechts l\u00e4uft, zu tun hat."},{"speaker":null,"startTime":6864,"endTime":6867,"body":"Was es allerdings nicht macht,"},{"speaker":null,"startTime":6867,"endTime":6870,"body":"ist automatisch ein Trennungsstrich."},{"speaker":null,"startTime":6870,"endTime":6873,"body":"Daf\u00fcr benutzt man das UndSci,"},{"speaker":null,"startTime":6873,"endTime":6876,"body":"die HTML-Entity UndSci,"},{"speaker":null,"startTime":6876,"endTime":6879,"body":"die halt sagt,"},{"speaker":null,"startTime":6879,"endTime":6882,"body":"na ja, wenn du nebeneinander passt, dann machst du nix,"},{"speaker":null,"startTime":6882,"endTime":6885,"body":"dann bist du eben auch so ein Zero-Width-Space."},{"speaker":null,"startTime":6885,"endTime":6888,"body":"Aber falls nicht,"},{"speaker":null,"startTime":6888,"endTime":6891,"body":"dann kannst du an der Stelle so ein Trenn-Bindestrich einf\u00fcgen."},{"speaker":null,"startTime":6891,"endTime":6894,"body":"Ja."},{"speaker":null,"startTime":6894,"endTime":6897,"body":"Ich musste grad total lachen,"},{"speaker":null,"startTime":6897,"endTime":6900,"body":"als ich die MDN-Demo gesehen hab"},{"speaker":null,"startTime":6900,"endTime":6903,"body":"und gesehen hab, was f\u00fcr ein Wort sie da verwenden,"},{"speaker":null,"startTime":6903,"endTime":6906,"body":"um das Beispiel zu zeigen."},{"speaker":null,"startTime":6906,"endTime":6909,"body":"Es ist ein deutsches Wort in der englischen MDN,"},{"speaker":null,"startTime":6909,"endTime":6912,"body":"und zwar Fernstra\u00dfenbau-Privatfinanzierungsgesetz."},{"speaker":null,"startTime":6912,"endTime":6915,"body":"Wobei ich mich da dann schon frage,"},{"speaker":null,"startTime":6915,"endTime":6918,"body":"was f\u00fcr einen Sinn das macht, das ohne Bindestrich zu trennen."},{"speaker":null,"startTime":6918,"endTime":6921,"body":"Weil sie haben da beide Beispiele drin."},{"speaker":null,"startTime":6921,"endTime":6924,"body":"Also einmal mit WBR, Fernstra\u00dfen-WBR, Bau-WBR,"},{"speaker":null,"startTime":6924,"endTime":6927,"body":"und dann steht das noch mal mit der UndSci-Entity."},{"speaker":null,"startTime":6927,"endTime":6930,"body":"Und es gibt dieses Gesetz tats\u00e4chlich,"},{"speaker":null,"startTime":6930,"endTime":6933,"body":"falls ihr euch das fragt."},{"speaker":null,"startTime":6933,"endTime":6936,"body":"Nein!"},{"speaker":null,"startTime":6936,"endTime":6939,"body":"Abgek\u00fcrzt als F-S-T-R-Priv-Fin-G."},{"speaker":null,"startTime":6939,"endTime":6942,"body":"Na ja, dann nimmt man doch einfach das."},{"speaker":null,"startTime":6942,"endTime":6945,"body":"Dann wei\u00df doch jeder, was gemeint ist."},{"speaker":null,"startTime":6945,"endTime":6948,"body":"Ja, aber es w\u00fcrde tats\u00e4chlich keinen Sinn machen,"},{"speaker":null,"startTime":6948,"endTime":6951,"body":"das nicht zu trennen."},{"speaker":null,"startTime":6951,"endTime":6954,"body":"Oder man \u00fcberl\u00e4sst es einfach dem Browser"},{"speaker":null,"startTime":6954,"endTime":6957,"body":"und sagt hier mit CSS."},{"speaker":null,"startTime":6957,"endTime":6960,"body":"\u00dcberbau und Finanzierung von Bundesstra\u00dfen durch Private."},{"speaker":null,"startTime":6960,"endTime":6963,"body":"Also eine Sache, die vielleicht noch ganz interessant ist,"},{"speaker":null,"startTime":6963,"endTime":6966,"body":"der Yahoo-Style-Guide empfiehlt."},{"speaker":null,"startTime":6966,"endTime":6969,"body":"Der Yahoo-Style-Guide, was ist das?"},{"speaker":null,"startTime":6969,"endTime":6972,"body":"Keine Ahnung, ich habe nicht draufgeklickt."},{"speaker":null,"startTime":6972,"endTime":6975,"body":"Aber dass man URLs vor jeglicher Punktuierung,"},{"speaker":null,"startTime":6975,"endTime":6978,"body":"sprich ein Slash oder ein Punkt,"},{"speaker":null,"startTime":6978,"endTime":6981,"body":"mit WBR versieht."},{"speaker":null,"startTime":6981,"endTime":6984,"body":"Damit man, wenn das umbricht,"},{"speaker":null,"startTime":6984,"endTime":6987,"body":"nicht denkt, dass die URL da zu Ende w\u00e4re."},{"speaker":null,"startTime":6987,"endTime":6990,"body":"Also dass dann der Slash automatisch"},{"speaker":null,"startTime":6990,"endTime":6993,"body":"in die n\u00e4chste Seite mit umbricht."},{"speaker":null,"startTime":6993,"endTime":6996,"body":"Oder ein Punkt eben, damit der nicht am Ende steht"},{"speaker":null,"startTime":6996,"endTime":6999,"body":"und du denkst, da ist jetzt der Text zu Ende."},{"speaker":null,"startTime":6999,"endTime":7002,"body":"Also der Yahoo-Style-Guide-Link,"},{"speaker":null,"startTime":7002,"endTime":7005,"body":"der zeigt aufs Webarchive auf eine Seite aus dem Jahre 2012."},{"speaker":null,"startTime":7005,"endTime":7008,"body":"Und die Frage ist,"},{"speaker":null,"startTime":7008,"endTime":7011,"body":"wie oft hast du URLs einfach als URL im Text"},{"speaker":null,"startTime":7011,"endTime":7014,"body":"und nicht als Ahref mit einem Text?"},{"speaker":null,"startTime":7014,"endTime":7017,"body":"Gar nicht so selten."},{"speaker":null,"startTime":7017,"endTime":7020,"body":"Dann musst du in deiner Umgebung daf\u00fcr sorgen,"},{"speaker":null,"startTime":7020,"endTime":7023,"body":"dass das automatisiert URLs in Text mit WBR versieht"},{"speaker":null,"startTime":7023,"endTime":7026,"body":"an den entsprechenden Stellen."},{"speaker":null,"startTime":7026,"endTime":7029,"body":"Oh ja."},{"speaker":null,"startTime":7029,"endTime":7032,"body":"Wenn du es richtig machen willst."},{"speaker":null,"startTime":7032,"endTime":7035,"body":"Dann kannst du ..."},{"speaker":null,"startTime":7035,"endTime":7038,"body":"Eigentlich sind wir jetzt damit auch am Ende vom Thema."},{"speaker":null,"startTime":7038,"endTime":7041,"body":"Ich bastle nebenher noch ein bisschen was,"},{"speaker":null,"startTime":7041,"endTime":7044,"body":"weil mich das keine Ruhe gelassen hat mit dem Ruby-Ding."},{"speaker":null,"startTime":7044,"endTime":7047,"body":"Das zeige ich dir dann gleich."},{"speaker":null,"startTime":7047,"endTime":7050,"body":"Und speichere es auch als Code-Pen."},{"speaker":null,"startTime":7050,"endTime":7053,"body":"Aber dann kannst du schon mal weitermachen,"},{"speaker":null,"startTime":7053,"endTime":7056,"body":"weil du hast ja jetzt als N\u00e4chstes noch einen Punkt."},{"speaker":null,"startTime":7056,"endTime":7059,"body":"Und ich dr\u00fccke mal aufs Kn\u00f6pfchen."},{"speaker":null,"startTime":7059,"endTime":7062,"body":"Das Geil-Teil."},{"speaker":null,"startTime":7062,"endTime":7065,"body":"Geil-Teil."},{"speaker":null,"startTime":7065,"endTime":7068,"body":"So, ja."},{"speaker":null,"startTime":7068,"endTime":7071,"body":"Geilo-Teilo."},{"speaker":null,"startTime":7071,"endTime":7074,"body":"Ich habe immer ein bisschen Angst,"},{"speaker":null,"startTime":7074,"endTime":7077,"body":"wenn ich \u00fcber AI rede,"},{"speaker":null,"startTime":7077,"endTime":7080,"body":"dass dann gleich der Mob mit den Fackeln kommt"},{"speaker":null,"startTime":7080,"endTime":7083,"body":"und sagt, das ist doch alles Mist."},{"speaker":null,"startTime":7083,"endTime":7086,"body":"Und fr\u00fcher war alles besser."},{"speaker":null,"startTime":7086,"endTime":7089,"body":"Es gibt auch gute Argumente dagegen."},{"speaker":null,"startTime":7089,"endTime":7092,"body":"Und auch dieses ganze ..."},{"speaker":null,"startTime":7092,"endTime":7095,"body":"Leute benutzen einfach den Text aus dem Internet,"},{"speaker":null,"startTime":7095,"endTime":7098,"body":"um ihre Algorithmen zu trainieren."},{"speaker":null,"startTime":7098,"endTime":7101,"body":"Es hat alles seine Probleme."},{"speaker":null,"startTime":7101,"endTime":7104,"body":"Aber ich will auch trotzdem damit rumspielen k\u00f6nnen."},{"speaker":null,"startTime":7104,"endTime":7107,"body":"Und das mache ich auch."},{"speaker":null,"startTime":7107,"endTime":7110,"body":"Ich habe jetzt gerade die Tage rumgespielt,"},{"speaker":null,"startTime":7110,"endTime":7113,"body":"weil ich mir gedacht habe, ich bin so faul,"},{"speaker":null,"startTime":7113,"endTime":7116,"body":"dass die Texte nicht automatisch einsortiert werden."},{"speaker":null,"startTime":7116,"endTime":7119,"body":"Ich m\u00f6chte z.B. automatische Dateinamengenerierung"},{"speaker":null,"startTime":7119,"endTime":7122,"body":"auf Basis des Inhalts eines PDF-Dokuments haben."},{"speaker":null,"startTime":7122,"endTime":7125,"body":"Und zwar interessanterweise genau nach dem Schema,"},{"speaker":null,"startTime":7125,"endTime":7128,"body":"wor\u00fcber wir vorhin gesprochen haben, das Zeitschema."},{"speaker":null,"startTime":7128,"endTime":7131,"body":"Dieser ISO-Standard."},{"speaker":null,"startTime":7131,"endTime":7134,"body":"Vier Ziffern Jahreszahl minus zweimal Monat minus zweimal Tag."},{"speaker":null,"startTime":7134,"endTime":7137,"body":"Und dann underscore eine kleine Mini-Zusammenfassung dessen,"},{"speaker":null,"startTime":7137,"endTime":7140,"body":"was in dem Fall ist."},{"speaker":null,"startTime":7140,"endTime":7143,"body":"Und da habe ich mir gedacht, na ja, wie kann ich das machen?"},{"speaker":null,"startTime":7143,"endTime":7146,"body":"Ein Large-Language-Model k\u00f6nnte das doch vielleicht f\u00fcr mich l\u00f6sen."},{"speaker":null,"startTime":7146,"endTime":7149,"body":"Und da die Inhalte der Dokumente,"},{"speaker":null,"startTime":7149,"endTime":7152,"body":"die ich da verschlagworten, verfeilnahmen m\u00f6chte,"},{"speaker":null,"startTime":7152,"endTime":7155,"body":"jetzt eher privat sind,"},{"speaker":null,"startTime":7155,"endTime":7158,"body":"m\u00f6chte ich das nicht an ChatGPT schicken."},{"speaker":null,"startTime":7158,"endTime":7161,"body":"M\u00f6chte ich einfach nicht."},{"speaker":null,"startTime":7161,"endTime":7164,"body":"Und dann habe ich nach L\u00f6sungen geguckt,"},{"speaker":null,"startTime":7164,"endTime":7167,"body":"wie kann ich denn jetzt sowas lokal bei mir laufen lassen,"},{"speaker":null,"startTime":7167,"endTime":7170,"body":"was jetzt auch auf dem M2 MacBook Air l\u00e4uft."},{"speaker":null,"startTime":7170,"endTime":7173,"body":"Weil \u00fcblicherweise so Machine-Learning-Sachen,"},{"speaker":null,"startTime":7173,"endTime":7176,"body":"die laufen ja oft nur richtig gut,"},{"speaker":null,"startTime":7176,"endTime":7179,"body":"wenn man eine dicke Grafik hat und viel Strom,"},{"speaker":null,"startTime":7179,"endTime":7182,"body":"ein kleines Kraftwerk und sowas hat."},{"speaker":null,"startTime":7182,"endTime":7185,"body":"Und ich habe jetzt nach einer L\u00f6sung gesucht,"},{"speaker":null,"startTime":7185,"endTime":7188,"body":"die ich vielleicht \u00fcber eine API ansprechen kann."},{"speaker":null,"startTime":7188,"endTime":7191,"body":"Mein Ziel war, einen macOS-Shortcut zu haben."},{"speaker":null,"startTime":7191,"endTime":7194,"body":"Am Ende ist das gro\u00dfe Ziel tats\u00e4chlich,"},{"speaker":null,"startTime":7194,"endTime":7197,"body":"dass ich eine Datei scanne,"},{"speaker":null,"startTime":7197,"endTime":7200,"body":"sie in einen bestimmten Ordner reinl\u00e4uft."},{"speaker":null,"startTime":7200,"endTime":7203,"body":"Der Watcher dann dar\u00fcber sieht,"},{"speaker":null,"startTime":7203,"endTime":7206,"body":"ah, da ist eine neue Datei und das dann vollkommen automatisch"},{"speaker":null,"startTime":7206,"endTime":7209,"body":"in den richtigen Ordner sortiert und den richtigen Feilnamen vergibt."},{"speaker":null,"startTime":7209,"endTime":7212,"body":"Oder halt, dass sich da was ausdenkt auf Basis des Inhalts."},{"speaker":null,"startTime":7212,"endTime":7215,"body":"Soweit bin ich noch nicht."},{"speaker":null,"startTime":7215,"endTime":7218,"body":"Aber ich habe auf jeden Fall den Teil schon gebaut,"},{"speaker":null,"startTime":7218,"endTime":7221,"body":"der den Feilnamen generiert auf Basis des Inhalts."},{"speaker":null,"startTime":7221,"endTime":7224,"body":"Und daf\u00fcr habe ich halt eben jetzt"},{"speaker":null,"startTime":7224,"endTime":7227,"body":"ein Large-Language-Model gebraucht, dem ich eben sagen kann,"},{"speaker":null,"startTime":7227,"endTime":7230,"body":"hey, ich brauche einen Feilnamen nach folgendem Schema."},{"speaker":null,"startTime":7230,"endTime":7233,"body":"Und bitte, falls eine Rechnung ist,"},{"speaker":null,"startTime":7233,"endTime":7236,"body":"schreib bitte Rechnung irgendwie noch vorne dran."},{"speaker":null,"startTime":7236,"endTime":7239,"body":"Und bitte schreib noch das Datum vorne ran,"},{"speaker":null,"startTime":7239,"endTime":7242,"body":"falls du ein Datum findest."},{"speaker":null,"startTime":7242,"endTime":7245,"body":"Und mein Geburtsdatum ist nicht das Datum,"},{"speaker":null,"startTime":7245,"endTime":7248,"body":"falls du das finden solltest in irgendwelchen Dokumenten,"},{"speaker":null,"startTime":7248,"endTime":7251,"body":"das w\u00fcrde auch nicht im Feilnamen vorkommen,"},{"speaker":null,"startTime":7251,"endTime":7254,"body":"weil das w\u00e4re auch Quatsch f\u00fcr mich,"},{"speaker":null,"startTime":7254,"endTime":7257,"body":"wenn ich das als wichtige Information daraus sammeln w\u00fcrde."},{"speaker":null,"startTime":7257,"endTime":7260,"body":"Und dann mach mal."},{"speaker":null,"startTime":7260,"endTime":7263,"body":"Und habe dann halt nach etwas gesucht, wo ich das hinwerfen kann,"},{"speaker":null,"startTime":7263,"endTime":7266,"body":"inklusive des Texts oder des Inhalts von dem PDF."},{"speaker":null,"startTime":7266,"endTime":7269,"body":"Und bin auf Olama gesto\u00dfen."},{"speaker":null,"startTime":7269,"endTime":7272,"body":"Das gibt es schon eine ganze Weile."},{"speaker":null,"startTime":7272,"endTime":7275,"body":"Und Olama ist so eine Art Rapper,"},{"speaker":null,"startTime":7275,"endTime":7278,"body":"f\u00fcr aktuelle Large-Language-Models,"},{"speaker":null,"startTime":7278,"endTime":7281,"body":"die man frei verwenden kann."},{"speaker":null,"startTime":7281,"endTime":7284,"body":"F\u00fcr die Command-Line erst mal."},{"speaker":null,"startTime":7284,"endTime":7287,"body":"Bietet aber auch eine API an."},{"speaker":null,"startTime":7287,"endTime":7290,"body":"Und das mache ich folgenderma\u00dfen."},{"speaker":null,"startTime":7290,"endTime":7293,"body":"Ich installiere das."},{"speaker":null,"startTime":7293,"endTime":7296,"body":"Das geht aber nicht nur auf Mac,"},{"speaker":null,"startTime":7296,"endTime":7299,"body":"das geht auch auf anderen Betriebssystemen."},{"speaker":null,"startTime":7299,"endTime":7302,"body":"Das gibt es auch f\u00fcr Linux und f\u00fcr Windows."},{"speaker":null,"startTime":7302,"endTime":7305,"body":"Also wer sich davon erhofft,"},{"speaker":null,"startTime":7305,"endTime":7308,"body":"dass er dann klickgebunden im Browser ein sch\u00f6nes Web-Interface hat,"},{"speaker":null,"startTime":7308,"endTime":7311,"body":"das ist das nicht."},{"speaker":null,"startTime":7311,"endTime":7314,"body":"Es ist erst mal f\u00fcr die Command-Line und als API."},{"speaker":null,"startTime":7314,"endTime":7317,"body":"Und dann kann ich z.B. sowas machen,"},{"speaker":null,"startTime":7317,"endTime":7320,"body":"wie ich starte da ein Model drin."},{"speaker":null,"startTime":7320,"endTime":7323,"body":"Ich muss halt wissen, wie die Models hei\u00dfen,"},{"speaker":null,"startTime":7323,"endTime":7326,"body":"die angeboten werden."},{"speaker":null,"startTime":7326,"endTime":7329,"body":"Da gibt es eine Liste auf der Webseite."},{"speaker":null,"startTime":7329,"endTime":7332,"body":"Also z.B. Gemma 2, das ist von Google."},{"speaker":null,"startTime":7332,"endTime":7335,"body":"Lama 3, das ist glaube ich von Meta, also Facebook."},{"speaker":null,"startTime":7335,"endTime":7338,"body":"Es gibt aber auch noch viele weitere,"},{"speaker":null,"startTime":7338,"endTime":7341,"body":"die f\u00fcr verschiedene Anwendungsf\u00e4lle optimiert sind."},{"speaker":null,"startTime":7341,"endTime":7344,"body":"Wie Mistral und keine Ahnung, wie sie alle hei\u00dfen."},{"speaker":null,"startTime":7344,"endTime":7347,"body":"Da steht immer dann dabei, wof\u00fcr sie optimiert sind,"},{"speaker":null,"startTime":7347,"endTime":7350,"body":"wie gro\u00df sie sind, wann sie zum letzten Mal geupdatet wurden."},{"speaker":null,"startTime":7350,"endTime":7353,"body":"Was ich dann eigentlich nur machen muss,"},{"speaker":null,"startTime":7353,"endTime":7356,"body":"wenn ich das Olama installiert habe,"},{"speaker":null,"startTime":7356,"endTime":7359,"body":"ich stelle Olama run, dann den Model-Namen."},{"speaker":null,"startTime":7359,"endTime":7362,"body":"Sofern es noch nicht installiert ist, l\u00e4dt das mir runter."},{"speaker":null,"startTime":7362,"endTime":7365,"body":"Das kann eine Weile dauern."},{"speaker":null,"startTime":7365,"endTime":7368,"body":"Die sind ja immer ein paar Gigabyte gro\u00df."},{"speaker":null,"startTime":7368,"endTime":7371,"body":"Und dann habe ich tats\u00e4chlich so einen Text-Prompt."},{"speaker":null,"startTime":7371,"endTime":7374,"body":"Und dann kann ich da mal was reintippen."},{"speaker":null,"startTime":7374,"endTime":7377,"body":"Was soll ich da reintippen? Wir probieren es mal aus."},{"speaker":null,"startTime":7377,"endTime":7380,"body":"Ich habe jetzt dieses Lama 3-Model am Laufen."},{"speaker":null,"startTime":7380,"endTime":7383,"body":"Du k\u00f6nntest die, die wir vorhin hatten,"},{"speaker":null,"startTime":7383,"endTime":7386,"body":"auch auf Deutsch machen."},{"speaker":null,"startTime":7386,"endTime":7389,"body":"Du kopierst einfach die Anleitung rein."},{"speaker":null,"startTime":7389,"endTime":7392,"body":"Was, die Anleitung?"},{"speaker":null,"startTime":7392,"endTime":7395,"body":"Du sagst, implementiere mir in JavaScript das und das."},{"speaker":null,"startTime":7395,"endTime":7398,"body":"\u00c4h, warte mal. Was war es noch mal?"},{"speaker":null,"startTime":7398,"endTime":7401,"body":"Bei Time."},{"speaker":null,"startTime":7401,"endTime":7404,"body":"Das habe ich in HTML-Standard verlinkt."},{"speaker":null,"startTime":7404,"endTime":7407,"body":"Und unten, wenn du runterscrollst,"},{"speaker":null,"startTime":7407,"endTime":7410,"body":"dann the rules to pass a duration string."},{"speaker":null,"startTime":7410,"endTime":7413,"body":"Was mich da dran \u00fcberzeugt hat,"},{"speaker":null,"startTime":7413,"endTime":7416,"body":"ich habe ja vorhin gesagt, ich habe eher fachbr\u00fcstige Maschinen,"},{"speaker":null,"startTime":7416,"endTime":7419,"body":"also ganz ohne L\u00fcfter und so, MacBook Air."},{"speaker":null,"startTime":7419,"endTime":7422,"body":"Und trotzdem, je nach Model, muss man dazu sagen,"},{"speaker":null,"startTime":7422,"endTime":7425,"body":"dieses Lama 3-Model, es antwortet extrem schnell."},{"speaker":null,"startTime":7425,"endTime":7428,"body":"Also ich tippe jetzt mal ein, tell me a joke."},{"speaker":null,"startTime":7428,"endTime":7431,"body":"Man kann es auch auf Deutsch machen, es spricht auch Deutsch."},{"speaker":null,"startTime":7431,"endTime":7434,"body":"Moment, jetzt warte ich kurz."},{"speaker":null,"startTime":7434,"endTime":7437,"body":"Da braucht er jetzt interessanterweise relativ lange."},{"speaker":null,"startTime":7437,"endTime":7440,"body":"Gut, das ist ja auch sehr viel Text."},{"speaker":null,"startTime":7440,"endTime":7443,"body":"Und jetzt kommt schon die Antwort zur\u00fcck."},{"speaker":null,"startTime":7443,"endTime":7446,"body":"Jetzt hat er mir hier ..."},{"speaker":null,"startTime":7446,"endTime":7449,"body":"Das ist jetzt schon fertig."},{"speaker":null,"startTime":7449,"endTime":7452,"body":"Why couldn't the bicycle stand up by itself?"},{"speaker":null,"startTime":7452,"endTime":7455,"body":"Because it was too tired."},{"speaker":null,"startTime":7455,"endTime":7458,"body":"Too tired."},{"speaker":null,"startTime":7458,"endTime":7461,"body":"Ist gar nicht so schlecht."},{"speaker":null,"startTime":7461,"endTime":7464,"body":"Jetzt schreibe ich mir noch another one."},{"speaker":null,"startTime":7464,"endTime":7467,"body":"Und jetzt ist er schon da."},{"speaker":null,"startTime":7467,"endTime":7470,"body":"Schon fertig getippt."},{"speaker":null,"startTime":7470,"endTime":7473,"body":"Also das ist wirklich fast so schnell wie Chat GPT."},{"speaker":null,"startTime":7473,"endTime":7476,"body":"Wenn man jetzt nat\u00fcrlich viel Inhalt reinpackt,"},{"speaker":null,"startTime":7476,"endTime":7479,"body":"so was wie ich packe jetzt den kompletten Inhalt"},{"speaker":null,"startTime":7479,"endTime":7482,"body":"von irgendeinem gro\u00dfen PDF da rein"},{"speaker":null,"startTime":7482,"endTime":7485,"body":"und dass er mir mal den Fallennamen daraus generiert,"},{"speaker":null,"startTime":7485,"endTime":7488,"body":"dann geht es nat\u00fcrlich nicht so schnell."},{"speaker":null,"startTime":7488,"endTime":7491,"body":"Dann hatte ich jetzt bei einem gr\u00f6\u00dferen PDF mit drei, vier Seiten,"},{"speaker":null,"startTime":7491,"endTime":7494,"body":"wo es bis 20 Sekunden dauert, bis dann der Fallenname zur\u00fcckkommt."},{"speaker":null,"startTime":7494,"endTime":7497,"body":"Aber es scheint relativ effizient zu rendern auch bei mir hier,"},{"speaker":null,"startTime":7497,"endTime":7500,"body":"weil man sieht auch, die CPU langweilt sich dabei die ganze Zeit."},{"speaker":null,"startTime":7500,"endTime":7503,"body":"Es wird alles auf der GPU gemacht."},{"speaker":null,"startTime":7503,"endTime":7506,"body":"Und das ist das, was ich vorher mit anderen Experimenten hatte,"},{"speaker":null,"startTime":7506,"endTime":7509,"body":"dass dann mir quasi der Rechner eingefroren ist,"},{"speaker":null,"startTime":7509,"endTime":7512,"body":"weil es versucht hat, alles auf der CPU zu machen."},{"speaker":null,"startTime":7512,"endTime":7515,"body":"Das OLAMA scheint ganz gut optimiert zu sein,"},{"speaker":null,"startTime":7515,"endTime":7518,"body":"zumindest auf dem Mac, dass die Sachen auf der GPU laufen."},{"speaker":null,"startTime":7518,"endTime":7521,"body":"Das ist irgendwie nett."},{"speaker":null,"startTime":7521,"endTime":7524,"body":"Und wie gesagt, es gibt auch eine API,"},{"speaker":null,"startTime":7524,"endTime":7527,"body":"wo du dann auf localhost.xy kannst du Requests hinschicken"},{"speaker":null,"startTime":7527,"endTime":7530,"body":"und kriegst dann die Antwort zur\u00fcck,"},{"speaker":null,"startTime":7530,"endTime":7533,"body":"wahlweise als Stream, wahlweise als kompletter Text."},{"speaker":null,"startTime":7533,"endTime":7536,"body":"Wie du willst, gibt es viele verschiedene Optionen."},{"speaker":null,"startTime":7536,"endTime":7539,"body":"Ziemlich einfach zu bedienen."},{"speaker":null,"startTime":7539,"endTime":7542,"body":"Das war genau das, was ich in meinem Fall"},{"speaker":null,"startTime":7542,"endTime":7545,"body":"f\u00fcr den macOS Shortcut gebraucht habe."},{"speaker":null,"startTime":7545,"endTime":7548,"body":"Ich schicke da einfach den Inhalt hin und dann kriege ich das zur\u00fcck."},{"speaker":null,"startTime":7548,"endTime":7551,"body":"Das wartet dann auch brav, bis die API antwortet."},{"speaker":null,"startTime":7551,"endTime":7554,"body":"Und dann wird die Datei umbenannt."},{"speaker":null,"startTime":7554,"endTime":7557,"body":"Ich war echt erstaunt,"},{"speaker":null,"startTime":7557,"endTime":7560,"body":"wie wenig Aufwand"},{"speaker":null,"startTime":7560,"endTime":7563,"body":"der Rechner da offenbar betreiben muss,"},{"speaker":null,"startTime":7563,"endTime":7566,"body":"dass so was bei mir jetzt lokal l\u00e4uft."},{"speaker":null,"startTime":7566,"endTime":7569,"body":"Krass."},{"speaker":null,"startTime":7569,"endTime":7572,"body":"Ich wei\u00df, die Models sind unterschiedlich anspruchsvoll."},{"speaker":null,"startTime":7572,"endTime":7575,"body":"Das Google-Model verursacht deutlich mehr Last."},{"speaker":null,"startTime":7575,"endTime":7578,"body":"Ich habe keine Ahnung, ob die Antworten dann besser sind."},{"speaker":null,"startTime":7578,"endTime":7581,"body":"Habe ich jetzt nicht ausprobiert."},{"speaker":null,"startTime":7581,"endTime":7584,"body":"Mir ging es ja um einen relativ simplen Anwendungsfall."},{"speaker":null,"startTime":7584,"endTime":7587,"body":"Ich wollte mir von dem Ding jetzt nichts programmieren lassen."},{"speaker":null,"startTime":7587,"endTime":7590,"body":"Ich sage nur, hier habe ich einen Text."},{"speaker":null,"startTime":7590,"endTime":7593,"body":"Mach mir bitte einen String draus in dem Format"},{"speaker":null,"startTime":7593,"endTime":7596,"body":"und versuche folgende Sachen zu extrahieren."},{"speaker":null,"startTime":7596,"endTime":7599,"body":"Datum und so was."},{"speaker":null,"startTime":7599,"endTime":7602,"body":"Und dann habe ich in folgender Programmiersprache folgendes Problem."},{"speaker":null,"startTime":7602,"endTime":7605,"body":"Sowas habe ich damit noch nicht gemacht."},{"speaker":null,"startTime":7605,"endTime":7608,"body":"Finde ich ziemlich cool."},{"speaker":null,"startTime":7608,"endTime":7611,"body":"L\u00e4uft schnell, l\u00e4uft gut."},{"speaker":null,"startTime":7611,"endTime":7614,"body":"Wenn man mal damit rumspielen und ausprobieren will,"},{"speaker":null,"startTime":7614,"endTime":7617,"body":"dann ist das echt gut."},{"speaker":null,"startTime":7617,"endTime":7620,"body":"Man darf keine Angst vor der Command Line haben."},{"speaker":null,"startTime":7620,"endTime":7623,"body":"Das ist eine der Voraussetzungen."},{"speaker":null,"startTime":7623,"endTime":7626,"body":"Vor 10 Jahren h\u00e4tte ich das Ding nicht so freudig angefasst wie jetzt."},{"speaker":null,"startTime":7626,"endTime":7629,"body":"Jetzt finde ich es super, dass es auf der Command Line funktioniert,"},{"speaker":null,"startTime":7629,"endTime":7632,"body":"weil man damit ganz viele verr\u00fcckte Sachen machen kann."},{"speaker":null,"startTime":7632,"endTime":7635,"body":"Oder dass es eine API hat."},{"speaker":null,"startTime":7635,"endTime":7638,"body":"Kann man mal mit rumspielen."},{"speaker":null,"startTime":7638,"endTime":7641,"body":"Ich will eigentlich keine Kommentare haben von wegen,"},{"speaker":null,"startTime":7641,"endTime":7644,"body":"AI ist doch alles schei\u00dfe, die brauche ich nicht."},{"speaker":null,"startTime":7644,"endTime":7647,"body":"Aber falls jemand schon mal damit rumgespielt hat"},{"speaker":null,"startTime":7647,"endTime":7650,"body":"und noch etwas anderes Verr\u00fccktes gebaut hat oder sagt,"},{"speaker":null,"startTime":7650,"endTime":7653,"body":"da musst du aufpassen, das Modell ist gut f\u00fcr das."},{"speaker":null,"startTime":7653,"endTime":7656,"body":"Was ist das, was wir vorhin nicht gemacht haben?"},{"speaker":null,"startTime":7656,"endTime":7659,"body":"Werbung haben wir nicht gemacht."},{"speaker":null,"startTime":7659,"endTime":7662,"body":"Vielleicht holen wir das jetzt gleich nach."},{"speaker":null,"startTime":7662,"endTime":7665,"body":"Dann machen wir es als Zwischendings,"},{"speaker":null,"startTime":7665,"endTime":7668,"body":"bevor ich noch mal einen Nachtrag habe."},{"speaker":null,"startTime":7668,"endTime":7671,"body":"Mit meinem Geil-Teil bin ich fertig."},{"speaker":null,"startTime":7671,"endTime":7674,"body":"Schreibt mal, ob ihr sowas auch schon verwendet habt."},{"speaker":null,"startTime":7674,"endTime":7677,"body":"Was ihr da f\u00fcr Erfahrungen gemacht habt, w\u00fcrde mich interessieren."},{"speaker":null,"startTime":7677,"endTime":7680,"body":"Wir gucken uns das bestimmt auch im Stream noch mal an."},{"speaker":null,"startTime":7680,"endTime":7683,"body":"Dann kommt jetzt Werbung."},{"speaker":null,"startTime":7683,"endTime":7686,"body":"Dann mache ich jetzt ganz kapitalismusgeil erst den Marker"},{"speaker":null,"startTime":7686,"endTime":7689,"body":"f\u00fcr den Einschub und starte dann die Werbung."},{"speaker":null,"startTime":7689,"endTime":7692,"body":"Sehr gut."},{"speaker":null,"startTime":7692,"endTime":7695,"body":"Bitte sch\u00f6n."},{"speaker":null,"startTime":7695,"endTime":7698,"body":"Hey, hey du, sch\u00f6n, dass du da bist."},{"speaker":null,"startTime":7698,"endTime":7701,"body":"Na, \u00f6fter hier?"},{"speaker":null,"startTime":7701,"endTime":7704,"body":"Dir gef\u00e4llt, was du h\u00f6rst?"},{"speaker":null,"startTime":7704,"endTime":7707,"body":"Und du magst es am liebsten werbefrei und unabh\u00e4ngig?"},{"speaker":null,"startTime":7707,"endTime":7710,"body":"Dann freuen wir uns sehr"},{"speaker":null,"startTime":7710,"endTime":7713,"body":"\u00fcber ein paar Euro in unserem digitalen Strumpfband"},{"speaker":null,"startTime":7713,"endTime":7716,"body":"unter www.bwsi.de."},{"speaker":null,"startTime":7716,"endTime":7719,"body":"Auf www.bwsi.de"},{"speaker":null,"startTime":7719,"endTime":7722,"body":"findest du noch ca. 69 weitere Wege,"},{"speaker":null,"startTime":7722,"endTime":7725,"body":"uns zu supporten."},{"speaker":null,"startTime":7725,"endTime":7728,"body":"Wir danken dir."},{"speaker":null,"startTime":7728,"endTime":7731,"body":"Wir danken dir."},{"speaker":null,"startTime":7731,"endTime":7734,"body":"Und jetzt habe ich noch einen Einschub."},{"speaker":null,"startTime":7734,"endTime":7737,"body":"Ich habe was gebastelt nebenher so ein bisschen."},{"speaker":null,"startTime":7737,"endTime":7740,"body":"Man hat es kaum geh\u00f6rt."},{"speaker":null,"startTime":7740,"endTime":7743,"body":"Man hat es kaum geh\u00f6rt."},{"speaker":null,"startTime":7743,"endTime":7746,"body":"Ich habe einen Link zu einem Pen gepostet."},{"speaker":null,"startTime":7746,"endTime":7749,"body":"Da kannst du vielleicht mal draufklicken."},{"speaker":null,"startTime":7749,"endTime":7752,"body":"Installiere ich mir da jetzt ein Virus?"},{"speaker":null,"startTime":7752,"endTime":7755,"body":"Ja, klar."},{"speaker":null,"startTime":7755,"endTime":7758,"body":"Okay, gut."},{"speaker":null,"startTime":7758,"endTime":7761,"body":"Dann klicke ich drauf."},{"speaker":null,"startTime":7761,"endTime":7764,"body":"Dann klicke ich drauf."},{"speaker":null,"startTime":7764,"endTime":7767,"body":"Das dauert lange zu laden. Warum eigentlich?"},{"speaker":null,"startTime":7767,"endTime":7770,"body":"Vielleicht, weil das Olama noch l\u00e4uft bei mir."},{"speaker":null,"startTime":7770,"endTime":7773,"body":"Und zwar habe ich mich das jetzt vorher nicht losgelassen."},{"speaker":null,"startTime":7773,"endTime":7776,"body":"So irgendwie, dieses hier ist was falsch geschrieben."},{"speaker":null,"startTime":7776,"endTime":7779,"body":"Und das Ruby-Element nutzen, um da irgendwie dann"},{"speaker":null,"startTime":7779,"endTime":7782,"body":"Korrekturvorschl\u00e4ge drin anzuzeigen."},{"speaker":null,"startTime":7782,"endTime":7785,"body":"Und das musste ich jetzt einfach mal schnell"},{"speaker":null,"startTime":7785,"endTime":7788,"body":"in einem Code-Pen umsetzen."},{"speaker":null,"startTime":7788,"endTime":7791,"body":"Also ich habe da den Satz, das ist flasch geschrieben."},{"speaker":null,"startTime":7791,"endTime":7794,"body":"Und als Vorschl\u00e4ge sollen da falsch und flasche erscheinen."},{"speaker":null,"startTime":7794,"endTime":7797,"body":"Sodass ich dann draufklicken kann und das wird korrigiert."},{"speaker":null,"startTime":7797,"endTime":7800,"body":"Und daf\u00fcr habe ich jetzt das Ruby-Element genutzt."},{"speaker":null,"startTime":7800,"endTime":7803,"body":"Weil ja da standen f\u00fcr textuelle Annotations."},{"speaker":null,"startTime":7803,"endTime":7806,"body":"Und da w\u00fcrde ich Korrekturvorschl\u00e4ge zu dem Wort tats\u00e4chlich"},{"speaker":null,"startTime":7806,"endTime":7809,"body":"dazuz\u00e4hlen, kann man das benutzen."},{"speaker":null,"startTime":7809,"endTime":7812,"body":"Und zwar, und deswegen kommt es ja heute auch in der Episode drin vor,"},{"speaker":null,"startTime":7812,"endTime":7815,"body":"wenn ich das richtig verstanden habe,"},{"speaker":null,"startTime":7815,"endTime":7818,"body":"und ich habe nichts Gegenteiliges in der MDN gefunden,"},{"speaker":null,"startTime":7818,"endTime":7821,"body":"Ruby, RT und dieses Ersatzelement, das sind doch alles Inline-Elemente."},{"speaker":null,"startTime":7821,"endTime":7824,"body":"Dann sollte es doch kein Problem sein,"},{"speaker":null,"startTime":7824,"endTime":7827,"body":"die in ein Block-Element zu setzen."},{"speaker":null,"startTime":7827,"endTime":7830,"body":"Korrekt?"},{"speaker":null,"startTime":7830,"endTime":7833,"body":"Ja."},{"speaker":null,"startTime":7833,"endTime":7836,"body":"Wenn ich, das funktioniert, wenn ich einfach nur links in das HTML-Feld"},{"speaker":null,"startTime":7836,"endTime":7839,"body":"im Code-Pen-Editor den Satz reinschreibe,"},{"speaker":null,"startTime":7839,"endTime":7842,"body":"funktioniert das problemlos."},{"speaker":null,"startTime":7842,"endTime":7845,"body":"Aber sobald ich ein P drumrum rappe,"},{"speaker":null,"startTime":7845,"endTime":7848,"body":"geht komplett der ganze Style verloren von dem Ruby."},{"speaker":null,"startTime":7848,"endTime":7851,"body":"Dann ist es n\u00e4mlich, dann ist es eine UN-Liste f\u00fcr die Vorschl\u00e4ge,"},{"speaker":null,"startTime":7851,"endTime":7854,"body":"die ich da reingesetzt habe."},{"speaker":null,"startTime":7854,"endTime":7857,"body":"Es ist pl\u00f6tzlich alles umgesetzt, es ignoriert komplett die CSS-Regeln."},{"speaker":null,"startTime":7857,"endTime":7860,"body":"Dann habe ich geguckt \u00fcber Inspect, warum ist das so?"},{"speaker":null,"startTime":7860,"endTime":7863,"body":"Und es ist, weil es dann im Browser,"},{"speaker":null,"startTime":7863,"endTime":7866,"body":"im DOM, wenn ich mir das anschaue,"},{"speaker":null,"startTime":7866,"endTime":7869,"body":"\u00fcber das Inspect-Tool,"},{"speaker":null,"startTime":7869,"endTime":7872,"body":"das Ruby-Element,"},{"speaker":null,"startTime":7872,"endTime":7875,"body":"beziehungsweise doch, das ist innerhalb von dem P."},{"speaker":null,"startTime":7875,"endTime":7878,"body":"Ich dachte n\u00e4mlich, das setzt irgendwie au\u00dferhalb."},{"speaker":null,"startTime":7878,"endTime":7881,"body":"Ah, nee, weil ich ein ul-Element drin habe."},{"speaker":null,"startTime":7881,"endTime":7884,"body":"Das ist das Problem."},{"speaker":null,"startTime":7884,"endTime":7887,"body":"Das habe ich gerade auch gedacht, du hast ja noch ein Block-Element reingepackt."},{"speaker":null,"startTime":7887,"endTime":7890,"body":"Ich habe das ul, das ist ja der Block."},{"speaker":null,"startTime":7890,"endTime":7893,"body":"Macht aber nix, macht ja keinen Unterschied,"},{"speaker":null,"startTime":7893,"endTime":7896,"body":"weil es im DOM ja trotzdem anders angeordnet wird."},{"speaker":null,"startTime":7896,"endTime":7899,"body":"Okay, das hei\u00dft, das Problem ist, ich darf da drin keine Liste verwenden,"},{"speaker":null,"startTime":7899,"endTime":7902,"body":"weil das dann tats\u00e4chlich eine,"},{"speaker":null,"startTime":7902,"endTime":7905,"body":"weil das dann eben ein Block-Element ist."},{"speaker":null,"startTime":7905,"endTime":7908,"body":"Das hei\u00dft, ich k\u00f6nnte es aber so basteln,"},{"speaker":null,"startTime":7908,"endTime":7911,"body":"dass diese Liste halt keine Liste ist, halt semantisch dann schon wieder bl\u00f6d."},{"speaker":null,"startTime":7911,"endTime":7914,"body":"Und k\u00f6nnte es einfach so irgendwie"},{"speaker":null,"startTime":7914,"endTime":7917,"body":"wie eine Liste quasi darstellen untereinander."},{"speaker":null,"startTime":7917,"endTime":7920,"body":"Das w\u00fcrde gehen, ja, macht Sinn."},{"speaker":null,"startTime":7920,"endTime":7923,"body":"Aber dann k\u00f6nnte ich tats\u00e4chlich dieses Ruby-Dings benutzen,"},{"speaker":null,"startTime":7923,"endTime":7926,"body":"um zu sagen, wenn ich da draufklicke,"},{"speaker":null,"startTime":7926,"endTime":7929,"body":"das m\u00fcsste ich halt wahrscheinlich dann leider per JavaScript machen,"},{"speaker":null,"startTime":7929,"endTime":7932,"body":"weil, oder warte mal, wie kann ich dem,"},{"speaker":null,"startTime":7932,"endTime":7935,"body":"na doch, ich kann doch dem,"},{"speaker":null,"startTime":7935,"endTime":7938,"body":"ich k\u00f6nnte dem Ruby ein Tab-Index geben,"},{"speaker":null,"startTime":7938,"endTime":7941,"body":"dann ist es fokussierbar, ne?"},{"speaker":null,"startTime":7941,"endTime":7944,"body":"Ja."},{"speaker":null,"startTime":7944,"endTime":7947,"body":"Tab-Index gleich null kann ich machen, ne?"},{"speaker":null,"startTime":7947,"endTime":7950,"body":"Dann ist es fokussierbar,"},{"speaker":null,"startTime":7950,"endTime":7953,"body":"aber hat keine besondere Reihenfolge."},{"speaker":null,"startTime":7953,"endTime":7956,"body":"Richtig, so war das doch, oder?"},{"speaker":null,"startTime":7956,"endTime":7959,"body":"Und dann k\u00f6nnte ich sagen, das Ruby-UL ist standardm\u00e4\u00dfig."},{"speaker":null,"startTime":7959,"endTime":7962,"body":"Ja, aber etwas fokussieren, mit dem ich nichts tun kann,"},{"speaker":null,"startTime":7962,"endTime":7965,"body":"ist halt K\u00e4se."},{"speaker":null,"startTime":7965,"endTime":7968,"body":"Ja, kann ich ja aber. Ich kann ja was tun."},{"speaker":null,"startTime":7968,"endTime":7971,"body":"Ich kann ja eben dann ausw\u00e4hlen, also ich sag jetzt mal,"},{"speaker":null,"startTime":7971,"endTime":7974,"body":"Display, das seht ihr jetzt nat\u00fcrlich nicht,"},{"speaker":null,"startTime":7974,"endTime":7977,"body":"Display none, und k\u00f6nnte jetzt sagen,"},{"speaker":null,"startTime":7977,"endTime":7980,"body":"aber wenn ich das Ruby-Element fokussiert hab,"},{"speaker":null,"startTime":7980,"endTime":7983,"body":"dann Display block."},{"speaker":null,"startTime":7983,"endTime":7986,"body":"Das ist schon hacky."},{"speaker":null,"startTime":7986,"endTime":7989,"body":"Speicherst du das gerade alles auf?"},{"speaker":null,"startTime":7989,"endTime":7992,"body":"Nee, ich probier's grad erst mal auf, bevor ich sag, ja, tats\u00e4chlich, es geht."},{"speaker":null,"startTime":7992,"endTime":7995,"body":"Aber ich m\u00f6chte nat\u00fcrlich nicht block, soll ja inline sein, logischerweise, inline."},{"speaker":null,"startTime":7995,"endTime":7998,"body":"Inline-Element. Ja, das geht tats\u00e4chlich."},{"speaker":null,"startTime":7998,"endTime":8001,"body":"Speicher mal."},{"speaker":null,"startTime":8001,"endTime":8004,"body":"Ich speicher's gleich noch hier."},{"speaker":null,"startTime":8004,"endTime":8007,"body":"So, jetzt speicher ich."},{"speaker":null,"startTime":8007,"endTime":8010,"body":"Ich krieg das dann auch in die Shownotes kopiert."},{"speaker":null,"startTime":8010,"endTime":8013,"body":"So, jetzt kannst du nochmal laden."},{"speaker":null,"startTime":8013,"endTime":8016,"body":"Jetzt kannst du n\u00e4mlich auf das flaschgeschriebene Wort draufklicken."},{"speaker":null,"startTime":8016,"endTime":8019,"body":"Und dann geht das auf."},{"speaker":null,"startTime":8019,"endTime":8022,"body":"Okay, ja."},{"speaker":null,"startTime":8022,"endTime":8025,"body":"Was dann passiert, das wird ja sowieso per JavaScript passieren."},{"speaker":null,"startTime":8025,"endTime":8028,"body":"Und dass du das dann anklicken kannst."},{"speaker":null,"startTime":8028,"endTime":8031,"body":"Allerdings ist das halt auch wieder,"},{"speaker":null,"startTime":8031,"endTime":8034,"body":"das ist ja auch wieder \u00fcberhaupt nicht accessible."},{"speaker":null,"startTime":8034,"endTime":8037,"body":"Wahrscheinlich, ne?"},{"speaker":null,"startTime":8037,"endTime":8040,"body":"In dem Fall w\u00e4re wahrscheinlich ein Popover oder zumindest ein Dialog,"},{"speaker":null,"startTime":8040,"endTime":8043,"body":"der dann automatisch wieder den Fokus erh\u00e4lt und so,"},{"speaker":null,"startTime":8043,"endTime":8046,"body":"w\u00e4re nat\u00fcrlich die bessere L\u00f6sung."},{"speaker":null,"startTime":8046,"endTime":8049,"body":"Oder ich m\u00fcsste es per JavaScript machen, dass es eben nicht der Fokus ist,"},{"speaker":null,"startTime":8049,"endTime":8052,"body":"sondern dass es bei Fokus, weil ich wei\u00df nicht,"},{"speaker":null,"startTime":8052,"endTime":8055,"body":"Popover f\u00e4nde ich tats\u00e4chlich genau das Richtige an der Stelle."},{"speaker":null,"startTime":8055,"endTime":8058,"body":"Also so vom Gef\u00fchl her."},{"speaker":null,"startTime":8058,"endTime":8061,"body":"Aber ich fand's einfach mal interessant,"},{"speaker":null,"startTime":8061,"endTime":8064,"body":"weil ja angeblich die semantisch richtige L\u00f6sung eben w\u00e4re,"},{"speaker":null,"startTime":8064,"endTime":8067,"body":"das Ruby Element zu nutzen, weil es eine textuelle Anmerkung,"},{"speaker":null,"startTime":8067,"endTime":8070,"body":"Annotation zu diesem Wort ist."},{"speaker":null,"startTime":8070,"endTime":8073,"body":"Interessant, ja."},{"speaker":null,"startTime":8073,"endTime":8076,"body":"Das k\u00f6nnte man jetzt nat\u00fcrlich versuchen."},{"speaker":null,"startTime":8076,"endTime":8079,"body":"Also erstmal m\u00fcsste man das ul wieder loswerden."},{"speaker":null,"startTime":8079,"endTime":8082,"body":"Wie der Browser das ..."},{"speaker":null,"startTime":8082,"endTime":8085,"body":"Einfach nur, damit das Ruby Element weiter verbreitet wird."},{"speaker":null,"startTime":8085,"endTime":8088,"body":"Ja, genau."},{"speaker":null,"startTime":8088,"endTime":8091,"body":"Fand ich einfach mal interessant. Wie gesagt, poste ich rein."},{"speaker":null,"startTime":8091,"endTime":8094,"body":"Man m\u00fcsste das noch ein bisschen umbauen, damit es tats\u00e4chlich funktioniert,"},{"speaker":null,"startTime":8094,"endTime":8097,"body":"ohne das Block-Element im Line-Element."},{"speaker":null,"startTime":8097,"endTime":8100,"body":"Aber hat mich jetzt gereizt, einfach mal damit zu basteln."},{"speaker":null,"startTime":8100,"endTime":8103,"body":"Jetzt schmiert mir grad irgendwie der Chrome ab."},{"speaker":null,"startTime":8103,"endTime":8106,"body":"Das ist doch keine gute Idee. Ah, jetzt."},{"speaker":null,"startTime":8106,"endTime":8109,"body":"Genau."},{"speaker":null,"startTime":8109,"endTime":8112,"body":"Ja, so viel als Einschub noch dazu."},{"speaker":null,"startTime":8112,"endTime":8115,"body":"Und dann kommt jetzt ..."},{"speaker":null,"startTime":8115,"endTime":8118,"body":"... das Ende."},{"speaker":null,"startTime":8118,"endTime":8121,"body":"Yeah!"},{"speaker":null,"startTime":8121,"endTime":8124,"body":"Das hat geklappt."},{"speaker":null,"startTime":8124,"endTime":8127,"body":"Allerdings."},{"speaker":null,"startTime":8127,"endTime":8130,"body":"So, heute haben wir wieder abgelehnt."},{"speaker":null,"startTime":8130,"endTime":8133,"body":"Ich dachte noch, es wird eine ganz kurze Folge."},{"speaker":null,"startTime":8133,"endTime":8136,"body":"Da, finde ich, h\u00e4tten wir uns die eine oder andere Spende verdient."},{"speaker":null,"startTime":8136,"endTime":8139,"body":"Ich wollte es nur noch mal sagen."},{"speaker":null,"startTime":8139,"endTime":8142,"body":"Katsching!"},{"speaker":null,"startTime":8142,"endTime":8145,"body":"Katsching."},{"speaker":null,"startTime":8145,"endTime":8148,"body":"Ende-Dschingel hast du extra reingeschrieben."},{"speaker":null,"startTime":8148,"endTime":8151,"body":"Ja, Ende-Dschingel habe ich reingeschrieben, weil wir noch den Einschub hatten,"},{"speaker":null,"startTime":8151,"endTime":8154,"body":"aber es schon in dem End-Dings drin war."},{"speaker":null,"startTime":8154,"endTime":8157,"body":"Aber wir haben ihn ja nicht vergessen."},{"speaker":null,"startTime":8157,"endTime":8160,"body":"Und da ist alles gut."},{"speaker":null,"startTime":8160,"endTime":8163,"body":"Bestellt das Poster."},{"speaker":null,"startTime":8163,"endTime":8166,"body":"Das ist auf jeden Fall das Allerwichtigste,"},{"speaker":null,"startTime":8166,"endTime":8169,"body":"was ich vorhin angeteasert habe in unserem Merch-Shop."},{"speaker":null,"startTime":8169,"endTime":8172,"body":"Wir freuen uns \u00fcber Bewertungen."},{"speaker":null,"startTime":8172,"endTime":8175,"body":"Das wollte ich noch mal sagen."},{"speaker":null,"startTime":8175,"endTime":8178,"body":"Ich hab gesehen, bei Spotify haben wir auch mittlerweile ein paar Bewertungen."},{"speaker":null,"startTime":8178,"endTime":8181,"body":"Bewertet uns gern bei Spotify."},{"speaker":null,"startTime":8181,"endTime":8184,"body":"Bewertet uns gern bei Apple oder bei allen m\u00f6glichen anderen."},{"speaker":null,"startTime":8184,"endTime":8187,"body":"Ja."},{"speaker":null,"startTime":8187,"endTime":8190,"body":"Wir haben dich lange nicht mehr genutzt."},{"speaker":null,"startTime":8190,"endTime":8193,"body":"Deswegen dr\u00fcckt auf die Glocke."},{"speaker":null,"startTime":8193,"endTime":8196,"body":"Genau, dr\u00fcckt auf die Glocke."},{"speaker":null,"startTime":8196,"endTime":8199,"body":"Dr\u00fcckt einfach auf irgendeine Glocke."},{"speaker":null,"startTime":8199,"endTime":8202,"body":"Egal, wo ihr eine findet, dr\u00fcckt einfach mal drauf."},{"speaker":null,"startTime":8202,"endTime":8205,"body":"Guckt, was passiert."},{"speaker":null,"startTime":8205,"endTime":8208,"body":"Bewertet uns gerne bei allen m\u00f6glichen Podcast-Portalen."},{"speaker":null,"startTime":8208,"endTime":8211,"body":"Schaut mal bei uns im Stream vorbei."},{"speaker":null,"startTime":8211,"endTime":8214,"body":"Unter twitch.tv."},{"speaker":null,"startTime":8214,"endTime":8217,"body":"Da streamen wir in mehr oder weniger regelm\u00e4\u00dfigen Abst\u00e4nden."},{"speaker":null,"startTime":8217,"endTime":8220,"body":"Einmal die Woche, manchmal zweimal die Woche."},{"speaker":null,"startTime":8220,"endTime":8223,"body":"Das ist noch ein bisschen laberiger als hier."},{"speaker":null,"startTime":8223,"endTime":8226,"body":"Da darf man aber auch mitchatten und mitreden."},{"speaker":null,"startTime":8226,"endTime":8229,"body":"Da haben wir Technik-Themen."},{"speaker":null,"startTime":8229,"endTime":8232,"body":"Wir gucken uns manchmal Videos gemeinsam an,"},{"speaker":null,"startTime":8232,"endTime":8235,"body":"die wir dann aufblasen auf extreme L\u00e4ngen."},{"speaker":null,"startTime":8235,"endTime":8238,"body":"Wir coden gemeinsam."},{"speaker":null,"startTime":8238,"endTime":8241,"body":"Wir schauen uns alle m\u00f6glichen technischen Sachen zusammen an."},{"speaker":null,"startTime":8241,"endTime":8244,"body":"Das lohnt sich meiner Meinung nach."},{"speaker":null,"startTime":8244,"endTime":8247,"body":"Zumindest f\u00fcr ein paar Leute, die immer dabei sind,"},{"speaker":null,"startTime":8247,"endTime":8250,"body":"lohnt es sich auf jeden Fall."},{"speaker":null,"startTime":8250,"endTime":8253,"body":"Haben wir alles abgedeckt?"},{"speaker":null,"startTime":8253,"endTime":8256,"body":"Nix mehr, haben wir alles abgedeckt."},{"speaker":null,"startTime":8256,"endTime":8259,"body":"Seid ihr alle gedeckt jetzt?"},{"speaker":null,"startTime":8259,"endTime":8262,"body":"Alle sind gedeckt."},{"speaker":null,"startTime":8262,"endTime":8265,"body":"Dann sagen wir bis bald."},{"speaker":null,"startTime":8265,"endTime":8268,"body":"Wir sehen uns beim n\u00e4chsten Mal."},{"speaker":null,"startTime":8268,"endTime":8271,"body":"Auf Wiedersehen."}]}