{"version":"1.0.0","segments":[{"speaker":null,"startTime":0,"endTime":6.62,"body":" Wo wir sind, ist vorne, Folge 52. Die blutige Kante hat angerufen und m\u00f6chte aus dem Smallland abgeholt werden."},{"speaker":null,"startTime":6.62,"endTime":25.74,"body":" Herzlich willkommen bei Wo wir sind, ist vorne. Frontend-Fakten-Frotzeleien."},{"speaker":null,"startTime":25.74,"endTime":29.78,"body":" Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung."},{"speaker":null,"startTime":30,"endTime":41.44,"body":" Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gie\u00dfmann und JavaScript-Jongleur Konstantin Gro\u00df."},{"speaker":null,"startTime":56.16,"endTime":59.88,"body":" Herzlich willkommen, liebe Frontend-FreundInnen."},{"speaker":null,"startTime":59.88,"endTime":63.58,"body":" Das hat man schon lange nicht mehr. Das war ein Wortspiel, was du mal erfunden hast."},{"speaker":null,"startTime":63.58,"endTime":67.82,"body":" Aber ich habe mir gedacht, es ist vielleicht mal wieder Zeit daf\u00fcr."},{"speaker":null,"startTime":67.82,"endTime":72.2,"body":" Ich muss hier gerade an meinem Audio noch etwas \u00e4ndern, was ich vorhin nicht gemerkt habe."},{"speaker":null,"startTime":72.2,"endTime":75.66,"body":" Ich h\u00f6re mich n\u00e4mlich selbst zu laut und nicht zu leise, aber das k\u00f6nnen wir \u00e4ndern."},{"speaker":null,"startTime":76.2,"endTime":77.62,"body":" Perfekt. So, jetzt, das ist super."},{"speaker":null,"startTime":77.62,"endTime":79.54,"body":" Gut. Ja."},{"speaker":null,"startTime":79.54,"endTime":79.88,"body":" Ja."},{"speaker":null,"startTime":79.88,"endTime":81.38,"body":" Ja."},{"speaker":null,"startTime":81.38,"endTime":82.98,"body":" Da sind wir."},{"speaker":null,"startTime":82.98,"endTime":84.16,"body":" Da sind wir."},{"speaker":null,"startTime":84.16,"endTime":89.68,"body":" Und ihr wundert euch vielleicht am Folgentitel schon, dass es nicht weitergeht mit unserer HTML-Serie."},{"speaker":null,"startTime":89.68,"endTime":91.42,"body":" Nee, HTML ist abgeschafft."},{"speaker":null,"startTime":91.42,"endTime":91.84,"body":" Genau."},{"speaker":null,"startTime":91.84,"endTime":93.1,"body":" Ne, brauchen wir nicht."},{"speaker":null,"startTime":93.1,"endTime":96.34,"body":" Aber wir machen eine kleine Verschnauf-Pause."},{"speaker":null,"startTime":97.34,"endTime":100.92,"body":" Ja, wir haben gedacht, das ist eine Verschnauf-Pause."},{"speaker":null,"startTime":100.92,"endTime":103.9,"body":" Und dann haben wir gedacht, das ist jetzt irgendwie weniger vorzubereiten."},{"speaker":null,"startTime":103.9,"endTime":105.38,"body":" Und dann haben wir gemerkt, oh, doch nicht."},{"speaker":null,"startTime":105.38,"endTime":110.54,"body":" Ja, nee, ich habe, ja, wenn man sich verk\u00fcnstelt mit irgendwelchen Demos, aber na gut."},{"speaker":null,"startTime":110.54,"endTime":114.9,"body":" Ja, ihr werdet sehen oder h\u00f6ren oder, genau."},{"speaker":null,"startTime":114.9,"endTime":116.48,"body":" Wer nicht sehen will, muss h\u00f6ren."},{"speaker":null,"startTime":116.48,"endTime":120.22,"body":" Ja, wir haben den ganzen Leib erfahren, was wir mit der blutigen Kante meinen."},{"speaker":null,"startTime":120.22,"endTime":124.38,"body":" Ja, aber eigentlich ein gutes Motto f\u00fcr Podcasts."},{"speaker":null,"startTime":124.38,"endTime":125.9,"body":" Eigentlich, wer nicht sehen will, muss h\u00f6ren."},{"speaker":null,"startTime":125.9,"endTime":127.14,"body":" Ja, genau."},{"speaker":null,"startTime":127.14,"endTime":132.04,"body":" Das passt auch zu den Leuten, die sich standhaft weigern, unseren Stream anzugucken."},{"speaker":null,"startTime":132.04,"endTime":133.46,"body":" Wer nicht sehen will, der muss halt h\u00f6ren."},{"speaker":null,"startTime":133.46,"endTime":134.2,"body":" Genau."},{"speaker":null,"startTime":134.2,"endTime":138.76,"body":" Da machen wir mal T-Shirts mit."},{"speaker":null,"startTime":138.76,"endTime":139.96,"body":" Ja, das ist gut."},{"speaker":null,"startTime":139.96,"endTime":140.84,"body":" Das ist echt gut."},{"speaker":null,"startTime":140.84,"endTime":142.14,"body":" Schreib mal gleich auf die Liste."},{"speaker":null,"startTime":142.14,"endTime":143.82,"body":" Ja, nicht sehen."},{"speaker":null,"startTime":143.82,"endTime":145.72,"body":" Wir haben heute kein Bier."},{"speaker":null,"startTime":146.32,"endTime":148.42,"body":" Das haben wir n\u00e4mlich noch gar nicht erz\u00e4hlt, auch noch im Stream nicht."},{"speaker":null,"startTime":148.42,"endTime":154.26,"body":" Wir haben n\u00e4mlich so eine kleine Abmachung so getroffen, was miteinander ausgemacht, dass"},{"speaker":null,"startTime":154.26,"endTime":160.48,"body":" wir bis zur Sommerpause, wenn man auch immer die sein m\u00f6ge, keinen Alkohol trinken."},{"speaker":null,"startTime":160.48,"endTime":162.7,"body":" Ach echt, haben wir schon ein Datum ausgemacht?"},{"speaker":null,"startTime":162.7,"endTime":163.38,"body":" Das wusste ich gar nicht."},{"speaker":null,"startTime":163.38,"endTime":164.6,"body":" Wir hatten gesagt, bis zur Sommerpause."},{"speaker":null,"startTime":164.6,"endTime":165.66,"body":" Bis zur Sommerpause."},{"speaker":null,"startTime":165.66,"endTime":170.88,"body":" Also ich habe, ich cheate so ein bisschen, weil es ist Bier, aber es ist alkoholfreies Bier."},{"speaker":null,"startTime":170.88,"endTime":174.04,"body":" Wir haben ja nicht gesagt kein Bier, wir haben nur gesagt kein Alkohol."},{"speaker":null,"startTime":174.04,"endTime":175,"body":" Kein Alkohol, genau."},{"speaker":null,"startTime":175,"endTime":175.26,"body":" Genau."},{"speaker":null,"startTime":176.16,"endTime":178.32,"body":" Und deswegen k\u00f6nnen wir auch trotzdem ansto\u00dfen hier."},{"speaker":null,"startTime":178.32,"endTime":180.78,"body":" Ja, also ich habe leider kein so gutes Ger\u00e4usch heute."},{"speaker":null,"startTime":180.78,"endTime":185.5,"body":" Ich trinke heute, wie es sich f\u00fcr gute Nerds geh\u00f6rt, Club Mate, sp\u00e4tabends."},{"speaker":null,"startTime":185.5,"endTime":186.54,"body":" Das ist immer eine super Idee."},{"speaker":null,"startTime":186.54,"endTime":188.02,"body":" Ja, das ist super, ja."},{"speaker":null,"startTime":188.02,"endTime":189.32,"body":" Also wird heute eine lange Sendung."},{"speaker":null,"startTime":189.32,"endTime":190.72,"body":" Wir nehmen ja auch sp\u00e4t auf gerade."},{"speaker":null,"startTime":190.72,"endTime":193.06,"body":" Dann h\u00e4ltst du wenigstens lange durch."},{"speaker":null,"startTime":193.12,"endTime":198.64,"body":" Wir sind f\u00fcr unsere Verh\u00e4ltnisse sp\u00e4t dran, ich w\u00fcrde sogar fast sagen, \u00fcber eine Stunde sp\u00e4ter als sonst."},{"speaker":null,"startTime":198.64,"endTime":199.26,"body":" Ja, definitiv."},{"speaker":null,"startTime":199.26,"endTime":201.46,"body":" Das lag vor allem an mir, ja."},{"speaker":null,"startTime":201.46,"endTime":202.66,"body":" So, dann lasst du es mal."},{"speaker":null,"startTime":202.66,"endTime":203.66,"body":" Ich sto\u00dfe mal an durchs Portal."},{"speaker":null,"startTime":203.66,"endTime":206.06,"body":" Sehr gut."},{"speaker":null,"startTime":206.06,"endTime":210.62,"body":" Schmeckt total verr\u00fcckt."},{"speaker":null,"startTime":210.62,"endTime":211.9,"body":" Ganz ohne Hopfen."},{"speaker":null,"startTime":211.9,"endTime":212.64,"body":" Bisschen Zucker."},{"speaker":null,"startTime":212.64,"endTime":214.14,"body":" Bisschen Mate-Tee."},{"speaker":null,"startTime":214.14,"endTime":215.92,"body":" Bisschen wie Aschenbecher."},{"speaker":null,"startTime":217.26,"endTime":218.78,"body":" Und, \u00e4hm, kalter Kaffee."},{"speaker":null,"startTime":218.78,"endTime":219.44,"body":" So."},{"speaker":null,"startTime":219.44,"endTime":222.9,"body":" So beschreiben es ja die Leute, die es nicht m\u00f6gen."},{"speaker":null,"startTime":222.9,"endTime":227.74,"body":" \u00c4hm, ja, bei mir ist es, es schmeckt eigentlich wie immer, aber ist, \u00e4hm, bisschen s\u00fc\u00dfer."},{"speaker":null,"startTime":227.74,"endTime":232.72,"body":" Und, \u00e4h, wahrscheinlich macht es mich nicht ganz so m\u00fcde gegen Ende der Sendung wie, wie sonst."},{"speaker":null,"startTime":232.72,"endTime":233.44,"body":" Hoffe ich mal."},{"speaker":null,"startTime":233.44,"endTime":236.14,"body":" Ja, es ist, ich habe aber vorhin auch schon noch einen Kaffee getrunken."},{"speaker":null,"startTime":236.14,"endTime":241.48,"body":" Es ist einfach heute, es ist, \u00e4h, heute, heute wird's, heute wird's hei\u00df."},{"speaker":null,"startTime":241.48,"endTime":244.12,"body":" Heute wird's hei\u00df."},{"speaker":null,"startTime":244.12,"endTime":246.82,"body":" Ja, oder vielleicht lang, keine Ahnung, vielleicht spielen wir ja sp\u00e4ter noch."},{"speaker":null,"startTime":246.98,"endTime":248.24,"body":" Vielleicht zocken wir ja sp\u00e4ter noch eine Runde."},{"speaker":null,"startTime":248.24,"endTime":250.52,"body":" Live im, im, \u00e4h, im Podcast."},{"speaker":null,"startTime":250.52,"endTime":252.64,"body":" Das w\u00e4re super."},{"speaker":null,"startTime":252.64,"endTime":256.52,"body":" Ich glaube, das wird noch langweiliger f\u00fcr die Zuh\u00f6renden wie, \u00e4h,"},{"speaker":null,"startTime":256.52,"endTime":260.62,"body":" das, \u00e4h, die Idee finde ich, die Idee finde ich gar nicht so schlecht."},{"speaker":null,"startTime":260.62,"endTime":262.52,"body":" Muss ich sagen."},{"speaker":null,"startTime":262.52,"endTime":266.66,"body":" Okay, gut, \u00e4hm, ja, wollen wir direkt, direkt starten."},{"speaker":null,"startTime":266.66,"endTime":267.56,"body":" Starten wir."},{"speaker":null,"startTime":267.56,"endTime":268.16,"body":" Gut."},{"speaker":null,"startTime":268.16,"endTime":275.94,"body":" BWSIV pr\u00e4sentiert die Retrospektive."},{"speaker":null,"startTime":276.7,"endTime":285.94,"body":" Die Retrospektive beginnen wir tats\u00e4chlich mit einer Sache, die sehr gut, sehr gut zu diesem Jingle passt."},{"speaker":null,"startTime":285.94,"endTime":286.42,"body":" Ja."},{"speaker":null,"startTime":286.42,"endTime":289.88,"body":" Also, also auch, man f\u00fchlt sich so ein bisschen zur\u00fcckversetzt in der Zeit."},{"speaker":null,"startTime":289.88,"endTime":296.52,"body":" Wir haben, \u00e4hm, aus Spa\u00df eigentlich vor kurzem mal \u00fcberlegt, wie w\u00e4r's denn, wenn WWSIV eine eigene Faxnummer h\u00e4tte."},{"speaker":null,"startTime":298.52,"endTime":299.52,"body":" fragt nicht, warum einfach wirklich nur ..."},{"speaker":null,"startTime":299.52,"endTime":303.02,"body":" Und wie das so ist, wenn wir so einen Bl\u00f6dsinn \u00fcberlegen, dann dauert's nicht lange."},{"speaker":null,"startTime":303.02,"endTime":303.96,"body":" Dann dauert's nicht lange."},{"speaker":null,"startTime":303.96,"endTime":305.16,"body":" Und jetzt haben wir eine Faxnummer."},{"speaker":null,"startTime":305.16,"endTime":310.36,"body":" \u00c4hm, und, \u00e4h, wir haben tats\u00e4chlich, also wir hatten das damals im Stream, \u00e4h, angek\u00fcndigt zum ersten Mal."},{"speaker":null,"startTime":310.76,"endTime":314.8,"body":" Und, \u00e4h, und, \u00e4h, da kamen auch direkt ein paar Fax rein, also tats\u00e4chlich auch so ein bisschen kreativer."},{"speaker":null,"startTime":314.8,"endTime":318.82,"body":" Nicht nur Text, sondern tats\u00e4chlich auch ein Foto, ein Faxform."},{"speaker":null,"startTime":318.82,"endTime":321.54,"body":" Ihr k\u00f6nnt euch das vielleicht vorstellen, so in Schwarz-Wei\u00df-Raster."},{"speaker":null,"startTime":321.54,"endTime":322.24,"body":" Dann war echt gut."},{"speaker":null,"startTime":322.24,"endTime":329.22,"body":" \u00c4hm, und falls ihr uns einen Fax schicken wollt, \u00e4hm, also Fax ist quasi jetzt die neue, der neue Feedback-Kanal, \u00e4h, den ihr, den ihr verwenden k\u00f6nnt."},{"speaker":null,"startTime":329.28,"endTime":335.62,"body":" Ihr m\u00fcsst allerdings, \u00e4hm, damit rechnen, dass euer Fax dann aber auch mal irgendwie gezeigt wird oder gepostet wird, wenn ihr uns eins schickt."},{"speaker":null,"startTime":335.62,"endTime":338.5,"body":" Genau, also im, im Stream oder, oder erw\u00e4hnt, \u00e4h, zumindest hier."},{"speaker":null,"startTime":338.5,"endTime":341.32,"body":" Das ist der, der Disclaimer, den wir hier noch raushauen m\u00fcssen."},{"speaker":null,"startTime":341.32,"endTime":347.82,"body":" Dann wird es eventuell im Stream gezeigt oder vielleicht auch vertweetet oder vertu-tet auf Mastodon."},{"speaker":null,"startTime":347.82,"endTime":356.04,"body":" \u00c4hm, aber unsere Faxnummer, \u00e4h, lautet 0721 470 46 487."},{"speaker":null,"startTime":356.04,"endTime":358.9,"body":" Ich wiederhole, 0721."},{"speaker":null,"startTime":359.28,"endTime":362.78,"body":" 0721 470 46 487."},{"speaker":null,"startTime":362.78,"endTime":364.7,"body":" Schickt uns ein Fax."},{"speaker":null,"startTime":364.7,"endTime":367.8,"body":" Kosten nat\u00fcrlich zu eurem, \u00e4h, ganz normalen, \u00e4h, Telefon-Torif."},{"speaker":null,"startTime":367.8,"endTime":368.42,"body":" Ach so."},{"speaker":null,"startTime":368.42,"endTime":371.72,"body":" Wei\u00df nicht, muss man das, muss man in das Klima."},{"speaker":null,"startTime":371.72,"endTime":374.12,"body":" Und wir brauchen, wir m\u00fcssen das als Jingle irgendwann machen."},{"speaker":null,"startTime":374.12,"endTime":379.22,"body":" Das haben wir im Stream auch schon mal gesagt, irgendwie so 0721 470 46 487."},{"speaker":null,"startTime":379.22,"endTime":380.22,"body":" Oder irgendwie sowas, ne?"},{"speaker":null,"startTime":380.22,"endTime":382.4,"body":" Die faxigste Nummer Deutschlands."},{"speaker":null,"startTime":382.4,"endTime":386.3,"body":" Frontend-Faxen, \u00e4h, Frotzelein."},{"speaker":null,"startTime":386.3,"endTime":388.58,"body":" So genau, wir haben ja \u00fcberlegt, ob wir uns umbenennen."},{"speaker":null,"startTime":388.72,"endTime":393.08,"body":" Frontend-Faxen-Frotzelein, dann w\u00e4re es wenigstens ehrlich, weil Fakten gibt es ja eher selten bei uns."},{"speaker":null,"startTime":393.08,"endTime":394.44,"body":" Aber Faxen gibt es \u00f6fter."},{"speaker":null,"startTime":394.44,"endTime":399.42,"body":" Ja, die Faxen, \u00e4h, haben wir, \u00e4h, dicke, wir haben die Faxen faustdicke hinter den Ohren."},{"speaker":null,"startTime":399.42,"endTime":400.4,"body":" Oder wie war das?"},{"speaker":null,"startTime":400.4,"endTime":401.56,"body":" Okay."},{"speaker":null,"startTime":401.56,"endTime":403.78,"body":" Brauchen wir gar kein Bier, geht alles auch so."},{"speaker":null,"startTime":403.78,"endTime":407.42,"body":" Bevor es noch bl\u00f6der wird, \u00e4hm, \u00e4h, fange ich mal an."},{"speaker":null,"startTime":407.42,"endTime":408.3,"body":" \u00c4hm."},{"speaker":null,"startTime":408.3,"endTime":410.9,"body":" Was ist los?"},{"speaker":null,"startTime":410.9,"endTime":411.96,"body":" Was hei\u00dft denn das jetzt?"},{"speaker":null,"startTime":411.96,"endTime":412.3,"body":" Ach so?"},{"speaker":null,"startTime":412.3,"endTime":412.86,"body":" Nein."},{"speaker":null,"startTime":412.86,"endTime":415.92,"body":" Ja, also, nee, also ich meine, mach ich mal weiter."},{"speaker":null,"startTime":415.92,"endTime":416.68,"body":" Fangen wir mal an."},{"speaker":null,"startTime":416.68,"endTime":418.9,"body":" Fangen wir mal an, bevor es noch bl\u00f6der wird."},{"speaker":null,"startTime":418.9,"endTime":425.02,"body":" \u00c4h, und zwar hab ich, \u00e4h, diese Woche, nee, war es diese Woche oder war es letzte Woche?"},{"speaker":null,"startTime":425.4,"endTime":440.18,"body":" Jedenfalls seit der letzten Podcast-Folge, \u00e4hm, mit einem neuen Tool gearbeitet, \u00e4h, und das hatte der Michael, unser Micha van Engelshoven in der Folge, oh geht, oh Gott, Folge 25, \u00e4hm, auch mal kurz angesprochen."},{"speaker":null,"startTime":441.1,"endTime":455.7,"body":" Und das kam jetzt bei mir zum Einsatz, weil ich f\u00fcr ein, \u00e4h, jetzt \u00fcberlege ich, hol ich soweit aus, \u00e4h, oder, ich wollte Dinge automatisieren, m\u00f6glichst bevor ich, \u00e4h, sie in das Repository committe."},{"speaker":null,"startTime":455.7,"endTime":469.6,"body":" \u00c4hm, und ich h\u00e4tte das mit Git-Actions machen k\u00f6nnen, dann halt schon im Repository, aber ich wollte das halt, wie gesagt, m\u00f6glichst schon abfr\u00fchst\u00fccken, w\u00e4hrend es noch bei mir lokal ist und dann \u00fcberhaupt gar keinen Commit erst erstellen, wenn irgendwas nicht, nicht, nicht passt."},{"speaker":null,"startTime":470.34,"endTime":499.58,"body":" Und, \u00e4h, und dann hab ich kurz gegoogelt und bin direkt gesto\u00dfen auf Husky und das ist ein NPM-Package, das man installieren kann und dann kann man sich f\u00fcr, f\u00fcr jeden Git-Hook, \u00e4hm, so ein, so ein, \u00e4h, File anlegen einfach nur, also das konfiguriert sich alles da von, von selbst mit, mit Git zusammen und, \u00e4hm, dann kann man da drin beliebige Skripte ausf\u00fchren, also irgendwie sagen, before commit oder before push, \u00e4hm, wird dann irgendwas ausgef\u00fchrt, in dem Fall wollte ich eine Versionsnummer bumpen,"},{"speaker":null,"startTime":499.58,"endTime":520.2,"body":" \u00e4hm, und, \u00e4h, und noch irgendwas anderes machen und, genau, das hab ich jetzt mal ausprobiert und das find ich ziemlich cool, also da kann man so ein bisschen noch mehr automatisieren, ohne dass man jetzt irgendwie, \u00e4h, da online dieses Bildzeugs konfigurieren muss und dann vielleicht noch zahlen muss, wenn man da diese freien Minuten \u00fcberschreitet und, \u00e4hm, ja, fand ich ganz cool."},{"speaker":null,"startTime":521.58,"endTime":523.62,"body":" Cool. Einfach mal angucken."},{"speaker":null,"startTime":523.62,"endTime":524.64,"body":" Genau."},{"speaker":null,"startTime":524.64,"endTime":537.84,"body":" \u00c4hm, ja, mein n\u00e4chster Retro-Punkt, \u00e4h, ist Feedback, Podcast-Feedback haben wir bekommen, \u00e4hm, wahrscheinlich kriegen wir das h\u00e4ufiger als, als wir denken, wir, wir schauen immer nur auf bestimmten Plattformen nach,"},{"speaker":null,"startTime":537.92,"endTime":550.42,"body":" also falls ihr uns irgendwo mal Feedback geschrieben habt, \u00e4h, was nicht Apple Podcasts ist, dann haben wir es wahrscheinlich noch nicht gelesen, also dann, \u00e4h, sagt uns mal Bescheid, wo ihr das geschrieben habt, \u00e4hm,"},{"speaker":null,"startTime":550.42,"endTime":579.5,"body":" Ich mein jetzt so die Feedback-Funktion von, \u00e4h, von Podcast-Programmen und bei Apple Podcasts kann man ja Feedback schreiben und, \u00e4h, wir sind immer noch ein F\u00fcnf-Sterne-Podcast da, also wir haben bisher immer noch F\u00fcnf-Sterne-Bewertungen bekommen, aber es waren auch ein paar, \u00e4h, ein paar nette Texte jetzt dabei, die ich jetzt zum ersten Mal gelesen hab und es, \u00e4h, es reicht ein bisschen weiter in die Vergangenheit tats\u00e4chlich zur\u00fcck, \u00e4hm, das, ich trau mich die kaum vorzulesen, eigentlich, also schaut mal selbst nach bei Apple Podcasts, \u00e4h, wo wir sind, ist vorne, \u00e4hm, und schreibt uns nat\u00fcrlich auch Feedback."},{"speaker":null,"startTime":579.5,"endTime":581.4,"body":" Also, \u00e4h, wir w\u00fcrden uns sehr freuen."},{"speaker":null,"startTime":581.4,"endTime":583.88,"body":" Wir haben uns auch sehr gefreut schon \u00fcber das, was da kam."},{"speaker":null,"startTime":583.88,"endTime":596.54,"body":" Also extrem gefreut, wie gesagt, es gibt so Sachen, die sagt man \u00fcber sich selbst nicht, die sind einfach zu nett, die kann ich jetzt nicht hier vorlesen, im Stream hab ich mich das getraut, hier mach ich das lieber nicht, \u00e4h, nee, das, \u00e4h, genau, k\u00f6nnt ihr ja mal reingucken."},{"speaker":null,"startTime":596.54,"endTime":601.18,"body":" Das ist nicht schlimm, aber es ist so sehr beweihr\u00e4uchernd und das ist, da f\u00fchlt man sich dann irgendwie, ja, genau."},{"speaker":null,"startTime":601.18,"endTime":609.4,"body":" Es ist zu nett, dass man sowas \u00fcber sich selbst sagen w\u00fcrde, aber es hat uns extrem gefreut, das k\u00f6nnen wir auf jeden Fall schon mal sagen und da war einiges dabei, \u00e4hm, und,"},{"speaker":null,"startTime":609.5,"endTime":633.64,"body":" \u00e4h, wir w\u00fcrden uns sehr freuen, wenn auch ihr, falls ihr es noch nicht gemacht habt, uns auch Feedback schicken w\u00fcrdet, \u00e4h, gerne \u00fcber Podcast-Apps und falls es nicht Apple Podcasts ist, dann gerne mal auch irgendwie uns \u00fcber Twitter oder Mastodon mal anschreiben und sagen, hey, guck mal, ich hab hier Feedback gegeben, weil dann gucken wir da dann auch mal regelm\u00e4\u00dfig, weil es gibt so viele Plattformen, \u00e4hm, so, so viele kleinere, wo wir das gar nicht mitkriegen, weil wir nicht dar\u00fcber notifiziert werden, wenn da Feedback geschrieben wird."},{"speaker":null,"startTime":633.64,"endTime":637.18,"body":" Also bei Apple Podcasts werden wir dar\u00fcber auch nicht notifiziert, aber da gucke ich halt ab und zu mal rein."},{"speaker":null,"startTime":637.18,"endTime":647.64,"body":" Und wie bin ich \u00fcberhaupt da drauf gekommen, \u00e4hm, dass da Feedback ist, \u00e4hm, oder dass da neues Feedback ist, \u00e4h, \u00fcber ein Feature, was ich, \u00e4h, entdeckt habe, was, was ich,"},{"speaker":null,"startTime":648.04,"endTime":677.86,"body":" was wahrscheinlich irgendwie alle schon kannten, aber was ich jetzt erst vor kurzem entdeckt habe, n\u00e4mlich, \u00e4h, kann man \u00fcber ein Meta-Tag auf der Seite, \u00e4h, sich auf, \u00e4h, Apple Podcasts f\u00e4higen Ger\u00e4ten, nee, das ist eigentlich falsch, ich w\u00fcrde sagen, iOS-Ger\u00e4te, wahrscheinlich auch iPadOS, da bin ich mir jetzt nicht sicher, \u00e4hm, auf solchen Ger\u00e4ten, wenn man Meta-Tag in die Seite einf\u00fcgt, \u00e4h, wo die, \u00e4hm, App-ID, Schr\u00e4gstrich Podcast-ID hinterlegt ist, also das Meta-Name Apple iTunes App hei\u00dft das,"},{"speaker":null,"startTime":677.86,"endTime":707.68,"body":" \u00e4h, und, \u00e4h, Content App-ID und dann kommt eine Nummer, \u00e4hm, kann man sich so ein Podcast-Banner einblenden lassen auf der Seite, man kennt das auch von anderen Seiten f\u00fcr Apps, also gibt's, \u00e4h, es gibt auch so App-Banner, aber das gibt's auch f\u00fcr Podcasts, \u00e4h, und, \u00e4h, das hab ich bei uns eingebaut und bin dar\u00fcber dann auf die Apple Podcasts-Seite unseres Podcasts gekommen und hab dann da gesehen, ah, das ist ja neues Feedback da, was ich noch gar nicht kannte, aber das ist vielleicht so ein kleiner Tipp f\u00fcr die, \u00e4h, Podcastenden unter euch, \u00e4hm, das k\u00f6nntet ihr euch mal anschauen, wenn das, wenn ihr das noch nicht auf eurer Seite habt, das ist eine"},{"speaker":null,"startTime":707.68,"endTime":719.32,"body":" eine Zeile da einzubauen, man muss nur irgendwie seine ID mal rausfinden, die h\u00e4ngt man dann da hinten dran und dann, \u00e4h, kriegt jeder, der mit dem iPhone da vorbeisurft, direkt so einen sch\u00f6nen Banner angezeigt und kann dann direkt das, \u00e4h, den Podcast in der Podcasts-App \u00f6ffnen"},{"speaker":null,"startTime":719.32,"endTime":729,"body":" Und, \u00e4h, das find ich mal wieder ein sehr cooles Feature, also das ist so einfach so, man droppt das da rein und das sieht aber halt gleich irgendwie cool aus und, \u00e4h, ja, sch\u00f6ne Sache"},{"speaker":null,"startTime":729,"endTime":730.54,"body":" Genau"},{"speaker":null,"startTime":730.54,"endTime":735.12,"body":" Dann komm jetzt, kommt dein Punkt, dein n\u00e4chster"},{"speaker":null,"startTime":735.12,"endTime":742.18,"body":" Genau, \u00e4h, und zwar hatten wir es vor einer Weile mal, wir beide dr\u00fcber, erinnerst du dich vielleicht \u00fcber, \u00e4hm, if-Statements"},{"speaker":null,"startTime":742.18,"endTime":753.3,"body":" \u00c4hm, und da drin dann, also wenn ich jetzt irgendwie, ich \u00fcberpr\u00fcfe eine Variable, \u00e4h, auf ihren Inhalt halt, also, \u00e4hm, und mach aber nicht, \u00e4h, if-Variable"},{"speaker":null,"startTime":753.3,"endTime":783.28,"body":" \u00c4h, ist gleich, gleich, \u00e4h, true, sondern ich mach true gleich gleich gleich Variable oder eben, \u00e4h, String gleich gleich Variable und dass man das h\u00e4ufig im PHP-Kontext, \u00e4hm, \u00e4h, sieht, dass das so ein Coding-Style ist und dass sich dar\u00fcber so ein bisschen die Geister scheiden, dass ich aber durchaus das Positive auch sehen kann, weil man halt das, was wichtig ist, wenn ich was \u00fcberpr\u00fcfen will, gleich am Anfang sieht und dann irgendwie in, in, in, wenn man so mehrere If-Else-Geschichten hat, \u00e4hm,"},{"speaker":null,"startTime":783.28,"endTime":804.26,"body":" Dann halt gleich am Anfang sieht, ohne jetzt die ganze Zeile zu erfassen, was da \u00fcberpr\u00fcft wird und, \u00e4hm, m\u00f6chte jetzt aber nicht sagen, mach das oder lass das, aber ich wusste nicht, dass es einen eigenen Namen hat und jetzt bin ich letztens, \u00e4h, durch einen Linter, \u00e4hm, in einem Projekt drauf gesto\u00dfen, der dann gesagt hat, \u00e4h, ja, Anne, laut Yoda-Condition"},{"speaker":null,"startTime":804.26,"endTime":819.34,"body":" Ich dachte, Yoda-Condition und dann war mir gleich klar, ja, ja, nat\u00fcrlich ist das mit gemeint, ne, weil Satzstellung, Satzstellung umgedreht und deswegen, \u00e4hm, ja, man nennt diese Dinge Yoda-Conditions, also, \u00e4h, jetzt wissen wir das auch"},{"speaker":null,"startTime":819.34,"endTime":822.58,"body":" Also, was, was, was f\u00fcr ein, \u00e4h, kannst du mal ein Beispiel geben?"},{"speaker":null,"startTime":822.58,"endTime":830.5,"body":" Naja, eben, also, dass ich nicht, nicht sag, if, \u00e4hm, do this gleich true, sondern eben if true gleich do this."},{"speaker":null,"startTime":830.5,"endTime":831.34,"body":" Ja."},{"speaker":null,"startTime":831.34,"endTime":837.7,"body":" Dann, \u00e4h, genau, das ist eine Yoda-Condition, also, wenn ich das, \u00e4h, den Wert an den Anfang stelle und dann die Variable."},{"speaker":null,"startTime":837.82,"endTime":842.64,"body":" Ja, sehr gut. \u00c4hm, was, wei\u00dft du noch, was f\u00fcr ein Linter das war? Das w\u00fcrde mich mal interessieren."},{"speaker":null,"startTime":842.64,"endTime":846.88,"body":" \u00c4hm, hm, das war entweder, warte mal, das kann ich dir sagen."},{"speaker":null,"startTime":846.88,"endTime":848.54,"body":" Ich kannte das Wort n\u00e4mlich noch nicht."},{"speaker":null,"startTime":848.54,"endTime":861.46,"body":" Es war, \u00e4h, wo ist es denn? Hier. Entweder war es, \u00e4h, JSHINT oder es war JSCS. JSCS."},{"speaker":null,"startTime":861.46,"endTime":864.42,"body":" Eins von beidem."},{"speaker":null,"startTime":866.42,"endTime":871.06,"body":" All right. Gut, nee, ist auch nicht so wichtig, war jetzt nur so, war jetzt so reine, reine Neugierde."},{"speaker":null,"startTime":871.06,"endTime":873.8,"body":" Ja, cool, jetzt wissen wir das auch."},{"speaker":null,"startTime":873.8,"endTime":875.8,"body":" Yoda-Conditions."},{"speaker":null,"startTime":875.8,"endTime":876.32,"body":" Yoda-Conditions."},{"speaker":null,"startTime":876.32,"endTime":884.26,"body":" Ich hab, ich hab gefragt, weil es klang so ein bisschen nach, nach was, was, \u00e4h, Sonar Cube sagen w\u00fcrde, f\u00fcr, \u00e4h, f\u00fcr die, die das kennen."},{"speaker":null,"startTime":884.26,"endTime":892.2,"body":" Weil das ist oft sehr pingelig bei ganz vielen Sachen, \u00e4hm, und sagt dann irgendwie auch sowas wie, ja, das ist irgendwie clumsy."},{"speaker":null,"startTime":892.2,"endTime":893.16,"body":" Clumsy."},{"speaker":null,"startTime":893.16,"endTime":900.46,"body":" Es gibt tats\u00e4chlich eine, eine, eine, eine Fehlerkategorie, die nennt sich clumsy, \u00e4h, bei, bei Sonar Cube. Das ist, \u00e4h, das ist ganz witzig."},{"speaker":null,"startTime":900.46,"endTime":919.32,"body":" \u00c4hm, die, die definieren zum Beispiel auch, \u00e4hm, Komplexit\u00e4t, Brain, Brain Overload hei\u00dft es dann, glaube ich, Komplexit\u00e4tswert von Funktionen, wenn die zu tief sich verschachteln, dann sagen die, ey, \u00e4h, du hast aber doch irgendwie festgelegt, der Komplexit\u00e4tswert von dieser Funktion, der darf nur maximal so und so viel sein."},{"speaker":null,"startTime":919.42,"endTime":920.5,"body":" Das wird irgendwie zusammengerechnet, der wird irgendwie zusammengerechnet."},{"speaker":null,"startTime":920.5,"endTime":920.7,"body":" Okay."},{"speaker":null,"startTime":920.7,"endTime":921.92,"body":" Ja, aber ist nicht schlecht."},{"speaker":null,"startTime":921.92,"endTime":922.56,"body":" Wie tief, also."},{"speaker":null,"startTime":922.56,"endTime":932.78,"body":" Es ist super, es ist tats\u00e4chlich super. Es ist pingelig, aber es hat halt meistens recht. \u00c4h, okay, haben wir Yoda Conditions gelernt, \u00e4h, bist du damit, dann damit fertig?"},{"speaker":null,"startTime":932.78,"endTime":933.4,"body":" Genau, ja."},{"speaker":null,"startTime":934.2,"endTime":963.44,"body":" Gut. \u00c4hm, ich hatte, \u00e4h, nachdem ich ein bisschen frustriert war, ein gutes Erlebnis mit Solarstrom jetzt. Wir hatten ja schon mal dr\u00fcber gesprochen, \u00e4hm, dass ich mir ja mal so ein, \u00e4h, so ein 100 Watt Solarpanel, \u00e4h, gekauft hab und hab versucht, damit irgendwie Powerbanks zu laden und, \u00e4h, war damit so, jetzt im Winter so, \u00e4h, gut, wir hab ja schon mal gesagt, irgendwie, \u00e4h, Erdgeschoss, \u00e4hm, H\u00e4user drumherum, wenig Sonnen, direkte Sonneneinstrahlung und dann auch noch hinter einer Fensterscheibe."},{"speaker":null,"startTime":963.44,"endTime":980.72,"body":" \u00c4h, ist nat\u00fcrlich, ist nat\u00fcrlich sehr schlechte Bedingungen und, \u00e4h, ich hatte lange Zeit so den Eindruck, diese Powerbank, die ich da hinten dran h\u00e4ngen habe, das ist eine relativ gro\u00dfe, irgendwie 28.000, \u00e4h, 26.800 Milliampere, \u00e4hm, \u00e4hm, die, da l\u00e4dt sich gar nichts."},{"speaker":null,"startTime":980.72,"endTime":991.56,"body":" Ich hab dann auch mal irgendwie nach, nach ein, zwei Tagen die da weggenommen und hab gedacht, so, jetzt guck ich mal, wie viel drin ist und dann halt noch f\u00fcnf Minuten, \u00e4h, hat mein iPhone gesagt, ah ja, \u00e4h, ich bin jetzt fertig mit Laden, es kommt jetzt nichts mehr."},{"speaker":null,"startTime":992.68,"endTime":994.22,"body":" Gar nicht, da kommt ja gar nichts an."},{"speaker":null,"startTime":994.22,"endTime":1000.1,"body":" Und jetzt die letzten Tage war \u00f6fter mal ein bisschen Sonne und das war doch erstaunlich, jetzt war die pl\u00f6tzlich voll."},{"speaker":null,"startTime":1000.1,"endTime":1015.06,"body":" Ich wei\u00df jetzt nicht, \u00fcber wie viele Tage, \u00fcber wie viele Tage das jetzt gedauert hat, aber jetzt war sie pl\u00f6tzlich voll und ich hab dann noch mal gemerkt, was f\u00fcr eine krasse Kapazit\u00e4t die hat, \u00e4hm, weil ich n\u00e4mlich dann mein iPhone einmal komplett vollgeladen hab, also von, von, \u00e4h, von 25 Prozent oder so vollgeladen."},{"speaker":null,"startTime":1015.84,"endTime":1017.7,"body":" Und dann hatte die immer noch vier von vier Strichen."},{"speaker":null,"startTime":1017.7,"endTime":1018.48,"body":" Ja, cool."},{"speaker":null,"startTime":1018.48,"endTime":1021.66,"body":" So, und dann hab ich gedacht, okay, da hat's jetzt doch ordentlich Solarpower rein, reingepumpt."},{"speaker":null,"startTime":1021.66,"endTime":1024.7,"body":" Und die war komplett leer und ist dann von der Sonne aufgeladen worden?"},{"speaker":null,"startTime":1024.7,"endTime":1027.46,"body":" Die war komplett leer und ist von der Sonne ganz aufgeladen worden."},{"speaker":null,"startTime":1027.46,"endTime":1027.88,"body":" In welchem Zeitraum?"},{"speaker":null,"startTime":1027.88,"endTime":1029.94,"body":" Das wei\u00df ich halt nicht genau."},{"speaker":null,"startTime":1029.94,"endTime":1033.74,"body":" Ich hab, ich hab, war frustriert, hab aufgegeben, hab nicht mehr geguckt f\u00fcr eine Zeit."},{"speaker":null,"startTime":1033.74,"endTime":1035.3,"body":" Aber die hingen einfach jetzt die ganze Zeit da."},{"speaker":null,"startTime":1035.3,"endTime":1036.84,"body":" Hingen einfach jetzt die ganze Zeit da dran."},{"speaker":null,"startTime":1036.84,"endTime":1040.64,"body":" Ich wei\u00df jetzt tats\u00e4chlich nicht, das m\u00f6chte ich jetzt aber mal genauer beobachten."},{"speaker":null,"startTime":1040.64,"endTime":1042.12,"body":" Daf\u00fcr muss ich sie aber noch mal leer machen."},{"speaker":null,"startTime":1042.12,"endTime":1049.1,"body":" \u00c4hm, ich will jetzt aber erst mal, \u00e4h, meinen ganzen Solarstrom verladen, weil mich das total freut, dass ich den jetzt da habe."},{"speaker":null,"startTime":1049.1,"endTime":1050.84,"body":" \u00c4hm, genau."},{"speaker":null,"startTime":1050.84,"endTime":1051.98,"body":" Von der Natur geschenkt."},{"speaker":null,"startTime":1051.98,"endTime":1059.18,"body":" Von der Natur geschenkt und, und mit, also ich hab ja, wie gesagt, ich hab ja gar nichts Baulicht da jetzt irgendwie ver\u00e4ndert oder irgendwie,"},{"speaker":null,"startTime":1059.72,"endTime":1064.78,"body":" die h\u00e4ngt jetzt wirklich einfach nur an, an der Innenseite von einem Fenster h\u00e4ngt dieses eine Panel."},{"speaker":null,"startTime":1064.78,"endTime":1070.88,"body":" Und es ist nicht mal komplett, \u00e4h, also der, der Sonne ausgesetzt, weil es ein bisschen zu hoch ist."},{"speaker":null,"startTime":1070.88,"endTime":1074.32,"body":" Das hei\u00dft, es ist auch ein St\u00fcck hinter dem, hinter dem Kunststoffrahmen vom Fenster."},{"speaker":null,"startTime":1074.32,"endTime":1077.6,"body":" Aber das wollte ich einfach nur mal erz\u00e4hlen, weil es irgendwie dann doch ein ganz gutes Erlebnis war."},{"speaker":null,"startTime":1077.6,"endTime":1079.5,"body":" Dachte erst schon, das war, ist jetzt irgendwie so ein Reinfall."},{"speaker":null,"startTime":1079.5,"endTime":1087.56,"body":" \u00c4hm, oder so nach dem Motto, das Ding funktioniert nur dann, wenn man es tats\u00e4chlich in die pralle Sonne ohne irgendwas dazwischen und im perfekten Winkel."},{"speaker":null,"startTime":1087.56,"endTime":1096.02,"body":" Ja, aber wenn es tats\u00e4chlich jetzt schon in dieser dunkleren Jahreszeit so funktioniert, also dann, dann scheint es, muss das ja im Sommer erst recht richtig gut zu laden sein."},{"speaker":null,"startTime":1096.02,"endTime":1103.6,"body":" Das war, das war, das hat mich gefreut und dachte ich, da wir hier schon mal dr\u00fcber gesprochen haben, greife ich das jetzt nochmal auf und sage, hey, ich hatte jetzt so ein kleines Erfolgserlebnis."},{"speaker":null,"startTime":1103.6,"endTime":1109.36,"body":" Allerdings muss ich jetzt tats\u00e4chlich mal die Parameter genauer festzonen und dann gucken, wie lange dauert es denn jetzt wirklich."},{"speaker":null,"startTime":1109.36,"endTime":1111.9,"body":" Und dann vielleicht nochmal so ein Messger\u00e4t zwischen reinh\u00e4ngen."},{"speaker":null,"startTime":1111.9,"endTime":1120.6,"body":" Ich habe mir mal so ein USB-Messger\u00e4t, ich glaube, das habe ich auch mal gezeigt, so ein USB-Strom-Durchfluss-Messger\u00e4t gekauft und dann mal gucken, wie viel denn da jetzt wirklich reinkommt."},{"speaker":null,"startTime":1120.6,"endTime":1121.28,"body":" Cool."},{"speaker":null,"startTime":1121.28,"endTime":1123.7,"body":" Jo, das zum Solarstrom."},{"speaker":null,"startTime":1124.96,"endTime":1128.14,"body":" Gut, dann habe ich noch eine Kleinigkeit zum Aufgreifen."},{"speaker":null,"startTime":1128.14,"endTime":1133.9,"body":" Wir haben vor einer Weile mal uns gefragt, wie lange es wohl noch dauert, bis IE11 bei Canary Use rausfliegt."},{"speaker":null,"startTime":1133.9,"endTime":1144.78,"body":" Und jetzt habe ich gerade vorhin beim Vorbereiten f\u00fcr die Sendung gesehen, dass jetzt bei IE11 auf Canary Use, wenn man irgendwo drauf geht, so ein Ausrufezeichen-Icon ist."},{"speaker":null,"startTime":1145.52,"endTime":1146.7,"body":" Das habe ich vorhin auch gesehen, ja."},{"speaker":null,"startTime":1146.7,"endTime":1156.36,"body":" Und da steht dann, wenn man dr\u00fcber havert, dass die Support-Daten f\u00fcr Internet Explorer nicht mehr aktualisiert werden und eventuell nicht mehr korrekt sein k\u00f6nnen."},{"speaker":null,"startTime":1156.36,"endTime":1162.32,"body":" Genau, das hei\u00dft, das ist jetzt schon deprecated und wird vermutlich irgendwann mal rausfliegen."},{"speaker":null,"startTime":1162.32,"endTime":1165.7,"body":" Genau."},{"speaker":null,"startTime":1166.16,"endTime":1169.36,"body":" Was hatten wir vor kurzem, dass man ihn nicht mal mehr runterladen kann?"},{"speaker":null,"startTime":1169.36,"endTime":1172.3,"body":" Das war jetzt der aktuelle Schritt von Microsoft, ne?"},{"speaker":null,"startTime":1172.3,"endTime":1179.44,"body":" Genau, und dann hatten wir es dr\u00fcber halt, ob der jetzt \u00fcberhaupt noch relevant ist, weil der in Statistiken da halt immer noch auftaucht und aber eigentlich weg kann."},{"speaker":null,"startTime":1179.44,"endTime":1185.54,"body":" Weil aber jedes Mal, wenn wir halt irgendwie was sagen, so, wenn wir ein Feature-Forscher sagen, wir sagen, elefant."},{"speaker":null,"startTime":1185.54,"endTime":1187.98,"body":" Oh Gott, jetzt habe ich nicht erfunden."},{"speaker":null,"startTime":1187.98,"endTime":1189.5,"body":" Ein wichtiger Elefant ist relevant."},{"speaker":null,"startTime":1189.5,"endTime":1192,"body":" Nein, nein, aber das kommt von B\u00f6hmermann."},{"speaker":null,"startTime":1192,"endTime":1192.5,"body":" Okay."},{"speaker":null,"startTime":1192.5,"endTime":1193.82,"body":" Ist das eigentlich noch relevant?"},{"speaker":null,"startTime":1195.8,"endTime":1196.36,"body":" Eventuell."},{"speaker":null,"startTime":1196.36,"endTime":1197.86,"body":" Eventuell."},{"speaker":null,"startTime":1197.86,"endTime":1201.26,"body":" Jawohl."},{"speaker":null,"startTime":1201.26,"endTime":1203.18,"body":" Du merkst, wir brauchen \u00fcberhaupt gar kein Bier."},{"speaker":null,"startTime":1203.18,"endTime":1204.92,"body":" Das klappt auch so."},{"speaker":null,"startTime":1204.92,"endTime":1205.82,"body":" Wir reden einfach immer so komisch."},{"speaker":null,"startTime":1205.82,"endTime":1206.32,"body":" Das geht auch so."},{"speaker":null,"startTime":1206.32,"endTime":1207.16,"body":" Ganz n\u00fcchtern."},{"speaker":null,"startTime":1207.16,"endTime":1208.66,"body":" Ganz n\u00fcchtern betrachtet."},{"speaker":null,"startTime":1208.66,"endTime":1216.8,"body":" Wenn wir keiner Jus irgendwas sagen, so ein Feature vorstellen, dann sagen wir halt immer so, ja, geht \u00fcberall inzwischen, naja, au\u00dfer IE, aber das ist eigentlich, kann man sich sparen."},{"speaker":null,"startTime":1216.8,"endTime":1221.06,"body":" Ich glaube, wir reden jetzt einfach, wir machen jetzt aus, wir reden nicht mehr \u00fcber den IE."},{"speaker":null,"startTime":1221.06,"endTime":1222.04,"body":" Spart's euch einfach."},{"speaker":null,"startTime":1222.04,"endTime":1227.48,"body":" Also, wir sagen jetzt in dem Fall, auch wenn die Spalte knallrot ist, es geht in allen Browsern, wenn sie \u00fcberall gr\u00fcn ist."},{"speaker":null,"startTime":1227.82,"endTime":1236.62,"body":" Und ich w\u00fcrde auch sagen, ich w\u00fcrde noch ein Disclaimer hinten dranh\u00e4ngen, der alte Edge vor Chromium Edge z\u00e4hlt f\u00fcr mich auch nicht mehr."},{"speaker":null,"startTime":1236.62,"endTime":1240.66,"body":" Der ist f\u00fcr mich auch, den gibt's nicht mehr in meinem Kopf."},{"speaker":null,"startTime":1240.66,"endTime":1243.12,"body":" Hat sich aber auch automatisch aktualisiert eh, oder?"},{"speaker":null,"startTime":1243.12,"endTime":1246.38,"body":" Also, da gibt's den jetzt theoretisch noch."},{"speaker":null,"startTime":1246.58,"endTime":1251.96,"body":" Ich hab schon lang, ich hab ehrlich gesagt schon lang keine internationalen Browser-Statistiken mehr angeguckt, um sowas zu sehen."},{"speaker":null,"startTime":1251.96,"endTime":1254.48,"body":" Wenn ihr's wisst, schreibt's in die Kommentare."},{"speaker":null,"startTime":1254.48,"endTime":1258.96,"body":" Ja, schreibt's in die Kommentare und dr\u00fcckt die Glocke, ihr wisst ja, und so."},{"speaker":null,"startTime":1258.96,"endTime":1259.9,"body":" Gut."},{"speaker":null,"startTime":1261.18,"endTime":1266.56,"body":" Okay, dann bleibt zu Retro nur noch ein Punkt, n\u00e4mlich, ich wollte noch mal Danke sagen."},{"speaker":null,"startTime":1266.56,"endTime":1271.58,"body":" Danke, ich hab ja vorhin schon Danke gesagt f\u00fcr das sch\u00f6ne Feedback und jetzt noch mal Danke f\u00fcr Spenden."},{"speaker":null,"startTime":1271.58,"endTime":1273.7,"body":" In letzter Zeit sind auch noch mal ein paar Spenden reingekommen."},{"speaker":null,"startTime":1273.7,"endTime":1283.6,"body":" Hat uns sehr gefreut und unterst\u00fctzt uns in dem, was wir hier machen und organisiert uns Domain-Name, Hardware und so weiter."},{"speaker":null,"startTime":1283.68,"endTime":1285.98,"body":" Was man so braucht zum Podcasten."},{"speaker":null,"startTime":1285.98,"endTime":1293.28,"body":" Ja, finde ich, ist mal der sehr kurze, aber sehr intensiver Applaus."},{"speaker":null,"startTime":1293.28,"endTime":1300.9,"body":" Okay, dann passend dazu kommt jetzt Werbung."},{"speaker":null,"startTime":1300.9,"endTime":1303.94,"body":" Achso, dann muss ich aufs Kn\u00f6pfen dran."},{"speaker":null,"startTime":1303.94,"endTime":1304.58,"body":" So, ich kann."},{"speaker":null,"startTime":1304.58,"endTime":1306.38,"body":" Warte mal, warte mal, ich hab's."},{"speaker":null,"startTime":1307.68,"endTime":1311.46,"body":" Hey, hey du, sch\u00f6n, dass du da bist."},{"speaker":null,"startTime":1311.46,"endTime":1313.88,"body":" Na, \u00f6fter hier?"},{"speaker":null,"startTime":1313.88,"endTime":1321.44,"body":" Dir gef\u00e4llt, was du h\u00f6rst und du magst es am liebsten werbefrei und unabh\u00e4ngig?"},{"speaker":null,"startTime":1321.44,"endTime":1330.52,"body":" Dann freuen wir uns sehr \u00fcber ein paar Euro in unserem digitalen Strumpfband unter www.siv.de"},{"speaker":null,"startTime":1330.52,"endTime":1341.68,"body":" slash Spende auf www.siv.de slash unterst\u00fctzen findest du noch ca. 69 weitere Wege, uns zu supporten."},{"speaker":null,"startTime":1341.68,"endTime":1343.46,"body":" Wir danken dir."},{"speaker":null,"startTime":1343.46,"endTime":1354.84,"body":" Ja, einfach mal machen, was der nette Herr euch gesagt hat."},{"speaker":null,"startTime":1354.84,"endTime":1363.3,"body":" Gut, dann geht's jetzt weiter und wir kommen direkt zu, ah, okay, nee, das passt jetzt wieder so nicht."},{"speaker":null,"startTime":1363.3,"endTime":1365.18,"body":" Wer ist denn da?"},{"speaker":null,"startTime":1365.18,"endTime":1369.68,"body":" Hier ist www.siv.de mit dem Tagesthema."},{"speaker":null,"startTime":1369.68,"endTime":1376.4,"body":" Der war jetzt sehr n\u00fcchtern im Vergleich zu dem anderen da."},{"speaker":null,"startTime":1376.4,"endTime":1377.42,"body":" N\u00fcchtern?"},{"speaker":null,"startTime":1377.42,"endTime":1381.36,"body":" Dieser Herr, der da jetzt gerade gesprochen hat, der war so n\u00fcchtern wie wir."},{"speaker":null,"startTime":1382.04,"endTime":1396.82,"body":" Ja, weil, also ihr h\u00e4ttet jetzt vielleicht die Property der Woche erwartet, aber heute machen wir mal wieder Properties als Thema, aber daf\u00fcr gibt es heute ganze vier St\u00fcck hintereinander weg."},{"speaker":null,"startTime":1396.82,"endTime":1402.06,"body":" Etwas kleinere und etwas gr\u00f6\u00dfere und deswegen kommt jetzt auch noch der andere Jingle."},{"speaker":null,"startTime":1402.06,"endTime":1406.08,"body":" Die Property der Woche."},{"speaker":null,"startTime":1406.08,"endTime":1408.46,"body":" Teil 1."},{"speaker":null,"startTime":1408.46,"endTime":1411.36,"body":" Ah, sehr gut."},{"speaker":null,"startTime":1412.04,"endTime":1415.12,"body":" F\u00e4ngst du an?"},{"speaker":null,"startTime":1415.12,"endTime":1416.58,"body":" Ja, ich fang an."},{"speaker":null,"startTime":1416.58,"endTime":1426.42,"body":" Und zwar hab ich, ich arbeite zur Zeit so nebenher ein bisschen an OpenType.js, das hab ich glaube ich auch schon erw\u00e4hnt, dass ich da jetzt so mit Maintainer bin."},{"speaker":null,"startTime":1427.18,"endTime":1438.92,"body":" Und da sto\u00dfe ich auch immer wieder im Code oder durch andere, die da mitmachen, deswegen auch nochmal Shoutout an die OpenSource Community, weil das auch wirklich die Mitarbeiter einem selber auch als EntwicklerIn hilft."},{"speaker":null,"startTime":1439.92,"endTime":1443.16,"body":" Da st\u00f6\u00dft man immer wieder auf interessante Dinge, die man so noch nicht gesehen hat."},{"speaker":null,"startTime":1443.16,"endTime":1454.46,"body":" Und jetzt hat vor ein paar Tagen jemand, das war nicht mal jetzt in der Codebase, wo das aufgekommen ist, sondern das hat jemand ein Issue erstellt, so, ja, kann OpenType.js denn die Systemstandard-Fonts anzapfen?"},{"speaker":null,"startTime":1455.4,"endTime":1461.62,"body":" Mein erster Impuls war gleich irgendwie so, ja, gleich mal schlie\u00dfen und sagen, nee, das geht nicht im Browser, der Browser kann das nicht."},{"speaker":null,"startTime":1461.62,"endTime":1464.4,"body":" Da dachte ich, bevor ich das mache, google ich aber doch nochmal."},{"speaker":null,"startTime":1465.14,"endTime":1468.9,"body":" Und hab rausgefunden, es gibt tats\u00e4chlich eine Local Font Access API."},{"speaker":null,"startTime":1468.9,"endTime":1473.8,"body":" Und das fand ich ziemlich verr\u00fcckt, dass es das gibt."},{"speaker":null,"startTime":1473.8,"endTime":1481.76,"body":" Weil eigentlich ist der Zugriff auf die Systemfonts aus gutem Grund eingeschr\u00e4nkt, also dass man die auch nicht querien kann."},{"speaker":null,"startTime":1481.76,"endTime":1488.5,"body":" Das wurde fr\u00fcher ganz gerne mal mit Flash gemacht, weil mit Flash konnte man sich auch irgendwie die Systemfonts anzapfen."},{"speaker":null,"startTime":1489.28,"endTime":1498.14,"body":" Und das ist insofern gef\u00e4hrlich, dass man diese Liste installierter Fonts als Angriffsvektor nutzen kann."},{"speaker":null,"startTime":1498.14,"endTime":1499.66,"body":" Oder zum Fingerprinting."},{"speaker":null,"startTime":1499.66,"endTime":1511.34,"body":" Also Fingerprinting deswegen, weil die Konstellation an Fonts, die in einem System installiert sind, wenn es jetzt nicht gerade komplett jungfr\u00e4ulich ist, doch sehr individuell ist."},{"speaker":null,"startTime":1511.34,"endTime":1524.2,"body":" Also da kann man schon mit einer relativ gro\u00dfen Wahrscheinlichkeit dann hinterher rausschlie\u00dfen, ist das die gleiche Person, wenn man das nochmal hat, also Fingerprint."},{"speaker":null,"startTime":1524.74,"endTime":1531.74,"body":" Was man aber auch machen kann, und das habe ich in einem interessanten Artikel zu dieser API gelesen, auf dem Chrome Developers Blog, verlinke ich nat\u00fcrlich auch."},{"speaker":null,"startTime":1531.74,"endTime":1542.72,"body":" Man kann zum Beispiel gucken, oder k\u00f6nnte das gucken, \u00fcber CSS zum Beispiel, kann man ja auch mit dem Local Keyword Fonts anzapfen vom System."},{"speaker":null,"startTime":1542.86,"endTime":1552.14,"body":" Und dann k\u00f6nnte man daraus schlie\u00dfen, wie gro\u00df ist ein Element und hat das wahrscheinlich die Font installiert."},{"speaker":null,"startTime":1552.14,"endTime":1559.02,"body":" Beziehungsweise, wenn ich es direkt anzapfen k\u00f6nnte, kann ich nat\u00fcrlich wirklich auslesen, ist diese Schrift auf dem System installiert."},{"speaker":null,"startTime":1559.36,"endTime":1564.42,"body":" Und es gibt ja gewisse sogenannte Hausschriften, die nur firmenintern eigentlich genutzt werden."},{"speaker":null,"startTime":1564.42,"endTime":1570.42,"body":" Also Google hat irgendwie seine eigene, Google Suns, IBM hat glaube ich eine eigene."},{"speaker":null,"startTime":1570.42,"endTime":1577.22,"body":" Also ganz viele Firmen lassen sich wirklich von Frontdesignern eine eigene Hausschrift machen, die sie dann im Schriftverkehr benutzen oder f\u00fcr Werbung."},{"speaker":null,"startTime":1577.22,"endTime":1580.74,"body":" Ikea hatte bis vor einer Weile auch eine, ist inzwischen glaube ich auf Notruhe umgestiegen."},{"speaker":null,"startTime":1580.74,"endTime":1588.46,"body":" Aber das ist nur am Rande, also man kann daraus vielleicht sogar schlie\u00dfen, wo arbeitet die Person, die das gerade aufruft."},{"speaker":null,"startTime":1588.46,"endTime":1595.48,"body":" Und kann dann halt gezielt targeten, so ich will bei Google irgendwie rein oder ich will bei Meta rein und ich gucke dann aufgrund der Hausfond,"},{"speaker":null,"startTime":1595.48,"endTime":1604.96,"body":" sodass ich einfach den Personenkreis einenge und meine Energie nicht darauf verschwende, irgendwie Spam-Mails oder Social Engineering irgendwie bei 10.000 Menschen anzuwenden,"},{"speaker":null,"startTime":1605.34,"endTime":1612.24,"body":" wo dann irgendwie nur eine davon bei der Firma arbeitet, die ich hacken will, sondern kann dann dar\u00fcber die Leute wirklich ausfindig machen."},{"speaker":null,"startTime":1612.24,"endTime":1622.5,"body":" Aber es gibt tats\u00e4chlich, und zwar hinter einer Permission versteckt, eine API wie gesagt, mit der ich diese Fonts anzapfen kann."},{"speaker":null,"startTime":1622.5,"endTime":1634.36,"body":" Warum sollte ich das wollen? Ich will zum Beispiel irgendwelche interaktiven Grafiken machen mit WebGL oder ich will auf dem Canvas was zeichnen."},{"speaker":null,"startTime":1634.52,"endTime":1644.12,"body":" Ich kann zum Beispiel mit Web-Fonts, wie waren das, also lokal eingebundene Fonts, kann ich glaube ich nicht in dem Canvas verwenden."},{"speaker":null,"startTime":1644.12,"endTime":1650.92,"body":" Eben genau aus dem Grund, dass ich nicht dann irgendwie versuchen kann, dann anhand der Pixel rauszufinden, ob diese Fonts anzapfen sind."},{"speaker":null,"startTime":1650.92,"endTime":1662.52,"body":" Ich habe noch einen Use Case f\u00fcr dich, wo ich gerade sofort dran denken musste und jetzt habe ich kurz gegoogelt und habe tats\u00e4chlich gefunden, dass es sogar dazu zu der Local Font Access API in Eintrag gibt."},{"speaker":null,"startTime":1662.52,"endTime":1674.92,"body":" Und zwar habe ich hier auch schon mal erw\u00e4hnt, ich benutze Boxy SVG als SVG-Editierprogramm oder so als Design-Tool f\u00fcr mich, um SVGs zu bauen."},{"speaker":null,"startTime":1674.92,"endTime":1677.82,"body":" Also irgendwie Logos und Kram, alles was Vektorgrafik ist."},{"speaker":null,"startTime":1678.82,"endTime":1685.4,"body":" Und das gibt es sowohl als Electron-App zum Installieren als auch als Web-App im Browser."},{"speaker":null,"startTime":1685.4,"endTime":1691.36,"body":" Und ich habe jetzt gerade mal geguckt und das m\u00f6chte nat\u00fcrlich Fonts, da m\u00f6chtest du nat\u00fcrlich die Fonts, die du auf deinem System hast, benutzen k\u00f6nnen."},{"speaker":null,"startTime":1691.88,"endTime":1700.44,"body":" Und das funktioniert so lala, also selbst in der Electron-App funktioniert das mal, wer findet mal die Fonts, mal findet er sie nicht."},{"speaker":null,"startTime":1700.44,"endTime":1711.52,"body":" Das ist so ein bisschen flaky, aber es gibt tats\u00e4chlich hier in der Doku dazu einen Eintrag, der sagt, wie ich das einstellen kann, dass es funktioniert, auch wenn ich die Web-App verwende."},{"speaker":null,"startTime":1711.52,"endTime":1719.54,"body":" Und da wird genau das gesagt, ich soll die Web-Local-Font-Axis-AP einschalten."},{"speaker":null,"startTime":1719.54,"endTime":1726.98,"body":" Vielleicht packe ich das auch mal in die Shownotes, diesen Link, weil das finde ich tats\u00e4chlich interessant, weil das genau so ein Anwendungsfall ist."},{"speaker":null,"startTime":1726.98,"endTime":1731.58,"body":" Ich habe hier eine App, mit der m\u00f6chte ich Grafiken erstellen, da m\u00f6chte ich nat\u00fcrlich meine Fonts verwenden."},{"speaker":null,"startTime":1731.58,"endTime":1736.78,"body":" Daran habe ich auch gedacht, dass man das in der Electron-App dann tats\u00e4chlich anzapfen kann."},{"speaker":null,"startTime":1736.78,"endTime":1739.02,"body":" Wahrscheinlich muss man da nicht mal die Permission best\u00e4tigen."},{"speaker":null,"startTime":1739.68,"endTime":1746.24,"body":" Das wei\u00df ich nicht, vielleicht m\u00fcsste ich da mal gucken, weil bei mir geht es n\u00e4mlich nie, das mit den lokalen Fonts."},{"speaker":null,"startTime":1746.24,"endTime":1747.74,"body":" Und das w\u00fcrde jetzt erkl\u00e4ren, warum."},{"speaker":null,"startTime":1747.74,"endTime":1751.54,"body":" Vielleicht ist da irgendeine Einschr\u00e4nkung, die man irgendwie umgehen muss."},{"speaker":null,"startTime":1751.54,"endTime":1763.02,"body":" Es steht aber eigentlich, wenn man die App-Store-App nimmt, steht hier, sollte das funktionieren, aber es funktioniert trotzdem oft nicht."},{"speaker":null,"startTime":1763.02,"endTime":1768.74,"body":" Vielleicht, da bin ich mal gespannt, ob meine Demo bei dir funktioniert, die ich gleich noch zeige."},{"speaker":null,"startTime":1769.28,"endTime":1782.22,"body":" Genau, also das mit diesem Tracking zu verhindern, das geht sogar so weit, dass WebKit das eingebaut hat, dass man \u00fcber local, \u00fcber diese CSS-Funktion, nur die Fonts einbinden kann, die mit dem Betriebssystem kommen."},{"speaker":null,"startTime":1782.98,"endTime":1793.92,"body":" Also alles, was ich zus\u00e4tzlich installiere, wird da nicht angezeigt, sondern nur die, die tats\u00e4chlich mit dem System kommen und dadurch wird eben verhindert, dass man da irgendwie Schindel mit treiben kann."},{"speaker":null,"startTime":1795.68,"endTime":1804.1,"body":" Umso interessanter wird in dem Fall nat\u00fcrlich dann diese API, wenn sie dann unterst\u00fctzt wird, weil aktuell funktioniert das nur in Chromium-Browsern und dort auch nur auf Desktop."},{"speaker":null,"startTime":1806.56,"endTime":1819.98,"body":" Genau, und ich habe jetzt eine Demo gebaut, die hat in CodePen nicht funktioniert, weil da aufgrund von CSP-Sicherheitsged\u00f6ns, das, wo wir ja auch dar\u00fcber schon mal gesprochen haben,"},{"speaker":null,"startTime":1820.54,"endTime":1826.1,"body":" vielleicht verlinke ich auch noch die Folge, wenn wir da, wir haben es jetzt schon \u00f6fter mal immer wieder genannt, dieses Keyword CSP."},{"speaker":null,"startTime":1826.1,"endTime":1831.7,"body":" Gucken wir mal hier, Policy, das war die Folge 48, die kommt dann auch noch in die Shownotes."},{"speaker":null,"startTime":1833.76,"endTime":1847.44,"body":" Dementsprechend musst du jetzt eine Demo bauen, die ich bei uns jetzt auf dem Server gehostet habe, aber ihr d\u00fcrft mir da vertrauen und ihr d\u00fcrft einfach mal, trust me, bro, ja, draufklicken und das best\u00e4tigen."},{"speaker":null,"startTime":1847.44,"endTime":1849.06,"body":" Das hat sich jetzt sogar gemerkt."},{"speaker":null,"startTime":1849.06,"endTime":1851.62,"body":" Ich bin mal gespannt, was du siehst, wenn du draufgehst."},{"speaker":null,"startTime":1851.62,"endTime":1856.96,"body":" Du hast den, ah, du hast die, okay, das ist die Demo, die bei uns auf der Seite, okay."},{"speaker":null,"startTime":1856.96,"endTime":1862.22,"body":" Also entweder geht in die Shownotes oder wo wir sind, vorne.show slash demo slash ..."},{"speaker":null,"startTime":1862.22,"endTime":1867.1,"body":" Die Schriftarten auf deinem Computer, bla, bla, bla, damit ich, ja, und jetzt lass ich mal zu."},{"speaker":null,"startTime":1867.1,"endTime":1875.2,"body":" Und, ah ja, und jetzt krieg ich 1326 Fonds, hab ich installiert."},{"speaker":null,"startTime":1875.2,"endTime":1876.36,"body":" Ah, 1403 sticht."},{"speaker":null,"startTime":1876.36,"endTime":1879.64,"body":" Comic Sans is one of them."},{"speaker":null,"startTime":1879.64,"endTime":1882.44,"body":" Ah, okay, sehr gut. Die wird ja auch in Comic Sans angezeigt, ne?"},{"speaker":null,"startTime":1882.44,"endTime":1887.06,"body":" Ja, die wird mir auch in Comic Sans angezeigt, \u00e4h, und so weiter. Ah ja, cool."},{"speaker":null,"startTime":1887.06,"endTime":1891.78,"body":" Ja, und dann lese ich hier aus, ich hab ja noch gar nicht dr\u00fcber gesprochen, was die eigentlich, ne, was ich genau damit machen kann."},{"speaker":null,"startTime":1892.22,"endTime":1897.4,"body":" Aber ich, einfach mal die Demo und dann, dann, dann, dann, \u00e4h, kannst du ja vorlesen, was da steht und dann erkl\u00e4r ich was."},{"speaker":null,"startTime":1897.4,"endTime":1902.84,"body":" Genau. Did you know that it was designed by Vincent, \u00e4h, Connare? Keine Ahnung."},{"speaker":null,"startTime":1902.84,"endTime":1905.64,"body":" It consists of 587 Glyphs."},{"speaker":null,"startTime":1905.64,"endTime":1907.1,"body":" Ach, bei mir sind's 1106."},{"speaker":null,"startTime":1907.1,"endTime":1910.16,"body":" Dann hab ich eine bessere Version, weil ich einen Microsoft-Computer hab."},{"speaker":null,"startTime":1913.04,"endTime":1914.46,"body":" Willst du dieses Thema jetzt starten?"},{"speaker":null,"startTime":1914.46,"endTime":1916.8,"body":" Wahrscheinlich hab ich tolle Ligaturen bei Comic Sans."},{"speaker":null,"startTime":1916.8,"endTime":1918.22,"body":" Ja, wir haben uns im letzten Stream gezoffen."},{"speaker":null,"startTime":1918.22,"endTime":1920.88,"body":" Wir haben uns im letzten Stream schon schlimm, schlimm gefetzt, deswegen."},{"speaker":null,"startTime":1920.88,"endTime":1923.36,"body":" Das will ich gar nicht, wollte ich gar nicht triggern."},{"speaker":null,"startTime":1923.36,"endTime":1923.7,"body":" Nee, nee."},{"speaker":null,"startTime":1923.7,"endTime":1924.36,"body":" Ich glaube, diese Stra\u00dfe ..."},{"speaker":null,"startTime":1924.36,"endTime":1928.96,"body":" Aber es ist interessant, also es scheint wirklich, das Font-File, dass ich hab, ich k\u00f6nnte jetzt noch die Versionsnummer einblenden."},{"speaker":null,"startTime":1928.96,"endTime":1935.64,"body":" Ich habe keine Comic Sans selbst installiert, ich habe die, also ich glaube, das muss nur vorinstalliert sein, ich glaube nicht, dass ich die installiert hab bei mir."},{"speaker":null,"startTime":1935.64,"endTime":1938.2,"body":" Also, offenbar hast du eine andere Version tats\u00e4chlich."},{"speaker":null,"startTime":1938.2,"endTime":1941.18,"body":" Oder es wird anders gez\u00e4hlt bei mir, das kann auch sein."},{"speaker":null,"startTime":1941.18,"endTime":1944.02,"body":" D\u00fcrfte eigentlich nicht, weil es wird n\u00e4mlich mit OpenType.js gepasst."},{"speaker":null,"startTime":1944.02,"endTime":1951.46,"body":" Anyway, anyway, the first font I found on your device is called Academy Engraved LetPlane 1.0."},{"speaker":null,"startTime":1951.46,"endTime":1954.96,"body":" Hier ist der Text, wo wir sind, ist vorne, in that font SNSVG."},{"speaker":null,"startTime":1954.96,"endTime":1957.06,"body":" Und dann sehe ich da tats\u00e4chlich eine ..."},{"speaker":null,"startTime":1957.06,"endTime":1963.34,"body":" Gut, ich h\u00e4tte jetzt nicht sagen k\u00f6nnen, dass es die Schrift ist, aber so vom Aussehen her k\u00f6nnte man annehmen, dass das so eine ..."},{"speaker":null,"startTime":1963.34,"endTime":1967.6,"body":" Es ist halt so eine sch\u00f6ne Serifenschrift, das ergibt schon irgendwie Sinn."},{"speaker":null,"startTime":1967.6,"endTime":1969.4,"body":" But why? Stop at that."},{"speaker":null,"startTime":1969.4,"endTime":1971.5,"body":" Here is it, \u00e4h ..."},{"speaker":null,"startTime":1971.5,"endTime":1972.9,"body":" Here it ..."},{"speaker":null,"startTime":1972.9,"endTime":1975.78,"body":" Ah, sch\u00f6n, dass du Schreibfehler gefunden hast."},{"speaker":null,"startTime":1975.78,"endTime":1977.56,"body":" Okay, gleich nochmal ein bisschen QS gemacht."},{"speaker":null,"startTime":1977.56,"endTime":1980.56,"body":" Here it is fully editable text, enjoy."},{"speaker":null,"startTime":1980.56,"endTime":1988.16,"body":" Okay, und da kann ich jetzt reinklicken und rumtippern und dann krieg ich tats\u00e4chlich Buchstaben in dieser Schriftart angezeigt."},{"speaker":null,"startTime":1988.16,"endTime":1988.64,"body":" Okay, cool."},{"speaker":null,"startTime":1988.64,"endTime":1991.78,"body":" This does not come from a font face."},{"speaker":null,"startTime":1993.34,"endTime":1998.44,"body":" But it is actually loaded dynamically directly from the binary code of the font file on your device."},{"speaker":null,"startTime":1998.44,"endTime":2000,"body":" Okay."},{"speaker":null,"startTime":2000,"endTime":2003.18,"body":" Genau, also, ich kann mit dieser API ..."},{"speaker":null,"startTime":2003.18,"endTime":2004.34,"body":" Ah, das ist ein Content Editor, ne?"},{"speaker":null,"startTime":2004.34,"endTime":2004.96,"body":" Genau."},{"speaker":null,"startTime":2004.96,"endTime":2007.68,"body":" Kann ich ..."},{"speaker":null,"startTime":2007.68,"endTime":2010.68,"body":" Jetzt muss ich gerade hier selber nochmal aufmachen, weil ich es nat\u00fcrlich nicht auswendig wei\u00df."},{"speaker":null,"startTime":2010.68,"endTime":2012.3,"body":" Ist das die verk\u00fcnstelte Demo?"},{"speaker":null,"startTime":2012.68,"endTime":2014.7,"body":" Genau, da hab ich, da hab ich vorhin noch dr\u00fcber gebaut."},{"speaker":null,"startTime":2014.7,"endTime":2020.44,"body":" \u00c4hm, da kann ich window.queryLocalFonts ausf\u00fchren."},{"speaker":null,"startTime":2020.44,"endTime":2021.54,"body":" Dann krieg ich ein Promise zur\u00fcck."},{"speaker":null,"startTime":2021.54,"endTime":2027.04,"body":" \u00c4hm, und in dem Promise krieg ich dann ein Array von FontData-Objekten zur\u00fcck."},{"speaker":null,"startTime":2027.04,"endTime":2034.22,"body":" \u00c4hm, also ein spezielles, \u00e4h, ja, Objekt, ein globales Objekt, FontData oder ein Objekttyp, \u00e4hm, nur daf\u00fcr."},{"speaker":null,"startTime":2035.02,"endTime":2041.18,"body":" Und, \u00e4h, da gibt's dann Properties wie Family, Fullname, Postscriptname und Style, die ich abfragen kann."},{"speaker":null,"startTime":2041.18,"endTime":2046.5,"body":" \u00c4hm, das hei\u00dft, damit hab ich dann dieses, \u00e4h, die erste Schriftart ist die und die."},{"speaker":null,"startTime":2046.5,"endTime":2056.48,"body":" \u00c4hm, aber wie hab ich das gemacht mit dem, \u00e4h, mit dem Gr\u00fcfenz\u00e4hlen oder dass ich bei, \u00e4h, ComicSuns schreibe, wer der Designer ist, das kann ich dann wirklich aus den Bin\u00e4rdaten auslesen."},{"speaker":null,"startTime":2056.54,"endTime":2065.52,"body":" Also, \u00e4hm, wenn ich mir eine Library wie OpenType.js, das ist nat\u00fcrlich nicht die einzige, die OpenType-Schriften lesen kann und auswerten kann, \u00e4hm, aber da ich da mitarbeite, hab ich die genommen, \u00e4h, kann ich dann die reinladen."},{"speaker":null,"startTime":2065.52,"endTime":2070.74,"body":" Also, das ist ein, \u00e4h, die kann ich mir als, dieses Font-Objekt kann ich mir dann auch als, als Blob, \u00e4h, zur\u00fcckgeben lassen."},{"speaker":null,"startTime":2070.74,"endTime":2074.38,"body":" Das lade ich in Array-Buffer und mit dem Array-Buffer f\u00fctter ich dann eben OpenType.js."},{"speaker":null,"startTime":2074.38,"endTime":2077.84,"body":" Und dann hab ich wirklich Zugriff auf diese Tabellen, die in den Font-Files drin sind."},{"speaker":null,"startTime":2077.84,"endTime":2086.32,"body":" Also, \u00e4hm, zum Beispiel die Name-Tabelle und da stehen dann so Sachen drin, halt wie das Copyright, \u00e4hm, wer der Designer ist, \u00e4h, Nutzungsbedingungen und so weiter."},{"speaker":null,"startTime":2086.54,"endTime":2096.24,"body":" Und das kann ich dann alles auslesen und kann theoretisch mir die, \u00e4hm, die Glyph-Daten halt rausziehen und, \u00e4h, die, die eigenen, einzigen, \u00e4h, die einzelnen Vektorpunkte und so weiter."},{"speaker":null,"startTime":2096.24,"endTime":2108.64,"body":" Und kann das eben dann in SVG rendern oder, was ich jetzt da gemacht hab, ich lass mir das Ganze wieder als Blob-URL, \u00e4hm, oder ich h\u00e4tt's auch als BS64-encodete URL mir umwandeln lassen k\u00f6nnen."},{"speaker":null,"startTime":2108.64,"endTime":2112.14,"body":" Und lade das dann wieder dynamisch als, als Font rein und kann damit arbeiten."},{"speaker":null,"startTime":2112.14,"endTime":2114.48,"body":" Ja, genau."},{"speaker":null,"startTime":2114.66,"endTime":2119.52,"body":" Ziemlich coole Demo, muss ich sagen, also, die solltet ihr euch auf jeden Fall mal anschauen und euch von Konstantin tracken lassen."},{"speaker":null,"startTime":2119.52,"endTime":2125.34,"body":" Getrackt wird nichts, das wird nicht an den Server \u00fcbertragen, wer mit welchen Fonts da drauf zugegriffen hat, das ist alles im Browser."},{"speaker":null,"startTime":2125.34,"endTime":2129.12,"body":" Ich h\u00e4tt's, wie gesagt, gern auf CodePen gemacht, aber das, das ging nicht."},{"speaker":null,"startTime":2129.12,"endTime":2136.66,"body":" \u00c4hm, auf jeden Fall kann ich jetzt noch mal nach der Experience, die ich jetzt hier gemacht hab, sagen, dass das, was ich vorhin gesagt hab, mit, \u00e4hm,"},{"speaker":null,"startTime":2137.2,"endTime":2149.72,"body":" dass der Browser, dass der Browser, dass man im Browser das als Feature einschalten kann, das scheint veraltet, was ich grad vorhin gesagt hab, sondern, man wird tats\u00e4chlich gefragt, also, wenn dieser Access, wenn ich nach diesem Access gefragt werde, \u00e4h, genau."},{"speaker":null,"startTime":2150.02,"endTime":2156.36,"body":" Ich muss es aber vorher nicht einschalten, ich hab auch in den, \u00e4h, Chrome-Flags nichts gefunden, was so hei\u00dft, wie angeblich, \u00e4h, in dieser Seite."},{"speaker":null,"startTime":2156.36,"endTime":2166.24,"body":" Was ich auch interessant fand, also, man kann das auch, man kann diese, diese Anfrage, \u00e4hm, auch nicht von sich aus starten, sondern man muss erst eine User-Interaktion haben."},{"speaker":null,"startTime":2166.5,"endTime":2177.06,"body":" Ah, also, deswegen musste ich diesen Button erst einblenden und erst dann kann ich \u00fcberhaupt diese Permission anfragen, also, ich kann schon nicht mal die Permission anfragen, bevor der User nicht irgendwie zumindest irgendwo geklickt hat."},{"speaker":null,"startTime":2177.06,"endTime":2184.46,"body":" Da haben wir wieder diese, \u00e4h, API, welche ich jetzt schon wieder vergessen hab, wie sie hei\u00dft, \u00e4h, \u00fcber die wir im Stream gesprochen haben."},{"speaker":null,"startTime":2184.46,"endTime":2194.14,"body":" Ja, diese Permission, \u00e4hm, ja, wo man, wo man sehen kann, welche Permission, \u00e4h, angefragt wurde und, und ob die noch in diesem zug, \u00e4h, zul\u00e4ssigen Zeitraum liegt, ne, das meinst du, ja?"},{"speaker":null,"startTime":2194.14,"endTime":2195.64,"body":" Genau, genau, das mein ich."},{"speaker":null,"startTime":2196.5,"endTime":2198.96,"body":" Ja, liefern wir nach, irgendwann vielleicht auch nicht."},{"speaker":null,"startTime":2198.96,"endTime":2203.48,"body":" \u00c4hm, auf jeden Fall sehr, sehr coole Demo, \u00e4hm, gef\u00e4llt mir sehr gut."},{"speaker":null,"startTime":2203.48,"endTime":2204.8,"body":" Das freut mich."},{"speaker":null,"startTime":2204.8,"endTime":2206.2,"body":" Vor allem wegen Comic Sans, ne?"},{"speaker":null,"startTime":2206.2,"endTime":2208.18,"body":" Nur deswegen."},{"speaker":null,"startTime":2208.18,"endTime":2210.86,"body":" Ich find Comic Sans gar nicht so schlecht."},{"speaker":null,"startTime":2210.86,"endTime":2211.38,"body":" Nee, ich auch nicht."},{"speaker":null,"startTime":2211.38,"endTime":2225.48,"body":" Ich, ich muss sagen, es gibt, es gibt so Leute, die f\u00fchren so, \u00e4h, Kreuzz\u00fcge gegen bestimmte Typefaces, ganz wichtig, hab ich irgendwie vor kurzem gelernt, \u00e4hm, das, das, was wir als Font, \u00e4h, bezeichnen oft ist, meistens meint man damit Typeface."},{"speaker":null,"startTime":2225.48,"endTime":2228.78,"body":" Also, Font ist n\u00e4mlich nur die Datei, Typeface ist n\u00e4mlich die Schriftart."},{"speaker":null,"startTime":2228.78,"endTime":2239.9,"body":" \u00c4hm, es gibt Leute, die, die Kreuzz\u00fcge gegen bestimmte Typefaces fahren, \u00e4hm, ganz beliebt ist Comic Sans, Bashing, das hat bestimmt jeder schon mal geh\u00f6rt, dass Comic Sans so b\u00f6se sein soll."},{"speaker":null,"startTime":2240.06,"endTime":2243.94,"body":" Wobei man nat\u00fcrlich halt schon sagen muss, also f\u00fcr Gesch\u00e4ftskommunikation eignet sich's halt nicht."},{"speaker":null,"startTime":2244,"endTime":2261.42,"body":" Das hat ja aber, ja, aber, aber, aber, aber ich find, ich find, sie ist nicht allgemein zu verdammen, \u00e4hm, weil sie n\u00e4mlich zum Beispiel eine Schriftart ist, und das hat, das hat Anwendungsf\u00e4lle, hatten wir's glaube ich auch schon mal dr\u00fcber, \u00e4hm, die ein normales Schreibschrift A hat, so wie man's schreiben w\u00fcrde, mit der Hand."},{"speaker":null,"startTime":2261.96,"endTime":2266.14,"body":" Das, \u00e4h, macht sie geeigneter zum Beispiel f\u00fcr Sachen in Schulen."},{"speaker":null,"startTime":2266.42,"endTime":2271.76,"body":" Genau, okay, alles was mit Kindern zu tun hat, oder wenn ich tats\u00e4chlich einen Comic schreibe, warum sollte ich nicht Comic Sans nehmen, ne, also."},{"speaker":null,"startTime":2272.1,"endTime":2284.1,"body":" Genau, deswegen diese Schriftart ist nicht zu verdammen generell, nat\u00fcrlich, wenn jetzt, wenn ich jetzt von einer Bank irgendwie einen Brief, eine E-Mail in Comic Sans krieg oder so, das find ich jetzt schon ein bisschen weird, aber ich glaub, das haben die mittlerweile auch alle verstanden."},{"speaker":null,"startTime":2284.1,"endTime":2301.16,"body":" Ich glaub, dieses Problem, das gibt es gar nicht mehr, das gab es mal, das gibt es aber eigentlich gar nicht mehr, behaupte ich jetzt, aber ich nehm auch nat\u00fcrlich gerne Beispiele entgegen, wenn ihr irgendwas habt, wo ihr irgendwas in der v\u00f6llig falschen Schriftart irgendwie habt, zum Beispiel ein Wahlplakat von der Linken in der gebrochenen Schrift oder sowas."},{"speaker":null,"startTime":2301.16,"endTime":2309.74,"body":" Ja, das find ich sehr hot. Also irgendwas, wo die v\u00f6llig falsche Schriftart verwendet wurde f\u00fcr irgendeinen Fall. Bitte, bitte, bitte, da freuen wir uns \u00fcber Zuschriften."},{"speaker":null,"startTime":2309.74,"endTime":2319.98,"body":" Ich m\u00f6chte jetzt nicht \u00fcber Kunden hier herziehen, aber ich schick dir nachher privat mal noch ein Logo, das jemand unbedingt haben m\u00f6chte und sich nicht umstimmen l\u00e4sst."},{"speaker":null,"startTime":2320.28,"endTime":2333.96,"body":" Okay, ich bin sehr gespannt. Ich hab da schon lange nichts mehr Schlimmes gesehen. Von daher glaube ich, dass dieser Rant oder dieser Kreuzzug, dass das irgendwie so ein bisschen, so ein Scheinkonflikt ist."},{"speaker":null,"startTime":2333.96,"endTime":2340.98,"body":" Es gibt auch eine Person im Internet, die total die Schriftart Lobster \u00fcberhaupt nicht leiden kann."},{"speaker":null,"startTime":2340.98,"endTime":2341.72,"body":" Okay, echt."},{"speaker":null,"startTime":2341.8,"endTime":2348.24,"body":" Also nicht nur, es gibt wohl nicht nur eine, es gibt so eine Person, die immer wieder in meinem Feed auftaucht und da hat er ja schon wieder hier Lobster, Lobster."},{"speaker":null,"startTime":2348.24,"endTime":2354,"body":" Und ich denk so, ja, nat\u00fcrlich, wenn du, wenn du, wenn du die suchst, die Schriftart, dann wirst du sie auch oft finden."},{"speaker":null,"startTime":2354.1,"endTime":2359.7,"body":" Aber ich find die an sich gar nicht so schlecht. Die ist schon ein bisschen, die ist eigen, ja, aber ich kann verstehen, dass es Menschen gibt, die die gut finden."},{"speaker":null,"startTime":2359.7,"endTime":2367.68,"body":" Es ist halt wirklich die Schreibschrift, so, und es erinnert so an so amerikanische Restaurants oder irgendwie sowas, ne? Also, ja, warum nicht? Mein Gott."},{"speaker":null,"startTime":2367.68,"endTime":2374.28,"body":" Ich find die nicht so schlecht. Also, ja, so, there I said it."},{"speaker":null,"startTime":2374.28,"endTime":2378.98,"body":" Also, wer noch mehr \u00fcber Webtypographie h\u00f6ren will, der h\u00f6rt sich unsere Folge 14 an."},{"speaker":null,"startTime":2378.98,"endTime":2381.28,"body":" Webtypographie mit Gerrit van Aken."},{"speaker":null,"startTime":2382.96,"endTime":2391.04,"body":" Genau. Das war's dann schon zu diesem Thema. Ich hab gedacht, bei so vielen Links und so vielen Notizen hab ich gedacht, dass das l\u00e4nger dauert."},{"speaker":null,"startTime":2391.04,"endTime":2392.3,"body":" Ich sag doch, das geht ganz schnell."},{"speaker":null,"startTime":2392.3,"endTime":2394.36,"body":" So, jetzt, jetzt geht's noch schneller."},{"speaker":null,"startTime":2394.36,"endTime":2396.98,"body":" Genau, weil jetzt kommt ..."},{"speaker":null,"startTime":2396.98,"endTime":2399.4,"body":" Die Property der Woche."},{"speaker":null,"startTime":2399.4,"endTime":2402.76,"body":" Teil 2."},{"speaker":null,"startTime":2402.76,"endTime":2404.88,"body":" Sehr gut."},{"speaker":null,"startTime":2404.88,"endTime":2408.84,"body":" Wer hat das, wo, wer, was, wer hat das gesagt?"},{"speaker":null,"startTime":2408.84,"endTime":2410.06,"body":" Vorproduziert nat\u00fcrlich."},{"speaker":null,"startTime":2410.06,"endTime":2411.78,"body":" Selbstverst\u00e4ndlich."},{"speaker":null,"startTime":2411.82,"endTime":2413.34,"body":" Wir haben hier Live-Effekte."},{"speaker":null,"startTime":2413.34,"endTime":2418.28,"body":" So, ja, dann m\u00fcssen wir das eigentlich noch mal machen."},{"speaker":null,"startTime":2418.28,"endTime":2422.56,"body":" Ich hab vorhin noch gesagt, so zum Spa\u00df, ja, das machen wir zweimal, den Jingle, und dann geht er uns auf die Erde."},{"speaker":null,"startTime":2422.56,"endTime":2425.9,"body":" Ich hab eigentlich jetzt, ich hab schon Bock jetzt auf noch ein drittes Mal mindestens."},{"speaker":null,"startTime":2425.9,"endTime":2431.34,"body":" Gut, die n\u00e4chste Property ist Margin Trim."},{"speaker":null,"startTime":2433.28,"endTime":2436.74,"body":" Und die ist auch relativ schnell abgehandelt."},{"speaker":null,"startTime":2436.74,"endTime":2451.38,"body":" Tut die, sie ist daf\u00fcr so ein altes Problem, wenn ich Elemente in einer Box habe und zum Beispiel am Ende, also ein klassisches Beispiel w\u00e4re eine Liste."},{"speaker":null,"startTime":2451.78,"endTime":2458.56,"body":" Ich hab eine Liste mit lauter List-Items und die kriegen zum Beispiel Margin unten, damit die immer einen gewissen Abstand voneinander haben."},{"speaker":null,"startTime":2458.56,"endTime":2472.36,"body":" Und jetzt ist ja so das klassische Problem, was man mittlerweile mit anderen Mitteln auch l\u00f6sen kann, aber das klassische Problem ist, dass ich vielleicht trotzdem nicht m\u00f6chte, dass der letzte Listenpunkt auch den Margin unten hat, weil dann ist das nicht mehr so sch\u00f6n stimmig."},{"speaker":null,"startTime":2472.42,"endTime":2477.38,"body":" Unten m\u00f6chte man vielleicht irgendwie mit, was anderen bestimmt, wie da der Abstand ist, dann m\u00f6chte man dieses Margin nicht haben."},{"speaker":null,"startTime":2477.38,"endTime":2480.16,"body":" Es gibt F\u00e4lle, wo das okay ist und es gibt F\u00e4lle, wo es st\u00f6rt."},{"speaker":null,"startTime":2480.16,"endTime":2487.2,"body":" Und daf\u00fcr gibt es die Margin Trim Property, beziehungsweise wird es geben vielleicht."},{"speaker":null,"startTime":2487.2,"endTime":2489.92,"body":" Wir sind hier hart an der blutigen Kante unterwegs."},{"speaker":null,"startTime":2489.92,"endTime":2494.02,"body":" Immerhin gibt es dazu schon einen Can-I-Use-Eintrag."},{"speaker":null,"startTime":2494.9,"endTime":2498.54,"body":" Jetzt muss ich, warte mal, ich hab den jetzt, warte mal, da, da, da, da, da, da, da, da, da, da, da, da, da, da."},{"speaker":null,"startTime":2498.54,"endTime":2501.04,"body":" Muss ich nochmal draufdr\u00fccken, damit ich ihn auch \u00f6ffnen kann."},{"speaker":null,"startTime":2501.04,"endTime":2502.98,"body":" Sieht aber noch ziemlich rot aus."},{"speaker":null,"startTime":2502.98,"endTime":2507.88,"body":" Der einzige Browser, der das derzeit unterst\u00fctzt, ist Safari Technology Preview."},{"speaker":null,"startTime":2507.88,"endTime":2509.14,"body":" Habe ich aber."},{"speaker":null,"startTime":2509.14,"endTime":2510.86,"body":" Und deswegen konnte ich es damit ausprobieren."},{"speaker":null,"startTime":2510.86,"endTime":2520.08,"body":" Deswegen kann es nur, nur Menschen, ich habe auch eine Demo, eine Konto, eine Demo gebaut, nur Menschen, die Safari Technology Preview haben, also nur die mit einem Mac, k\u00f6nnen es derzeit ausprobieren."},{"speaker":null,"startTime":2520.08,"endTime":2522.82,"body":" Das hei\u00dft auch, es ist nicht unbedingt sicher, dass es dann kommt."},{"speaker":null,"startTime":2523.26,"endTime":2528.36,"body":" Aber interessanterweise ist es auf Can-I-Use, ist die Technology Preview noch grau."},{"speaker":null,"startTime":2528.36,"endTime":2530.12,"body":" Die ist noch grau, ja."},{"speaker":null,"startTime":2530.12,"endTime":2531.3,"body":" Super unknown, aber ist drin."},{"speaker":null,"startTime":2531.3,"endTime":2533.62,"body":" Da m\u00fcsstest du ja fast ein Ticket er\u00f6ffnen, ne?"},{"speaker":null,"startTime":2533.62,"endTime":2536.46,"body":" Ja, ja, es funktioniert."},{"speaker":null,"startTime":2536.46,"endTime":2541.3,"body":" Ich habe aber eine merkw\u00fcrdige Eigenheit gefunden, wo ich gerne h\u00e4tte, dass die mir jemand erkl\u00e4rt hat."},{"speaker":null,"startTime":2541.3,"endTime":2542.3,"body":" Das ist vielleicht auch ein Bug."},{"speaker":null,"startTime":2542.3,"endTime":2545.3,"body":" Also, ich habe in meiner Demo, ich versuche sie mal zu beschreiben."},{"speaker":null,"startTime":2545.3,"endTime":2552.56,"body":" In meiner Demo, du kannst sie jetzt leider auch nicht sehen und auch nicht ausprobieren, beziehungsweise du wirst es nicht richtig sehen, ist es so, dass ich, \u00e4hm,"},{"speaker":null,"startTime":2553.16,"endTime":2565.56,"body":" ich habe immer eine Liste genommen, also ein UL mit drei Listen-Elementen drin, \u00e4hm, und die, \u00e4h, das UL hat einen roten Rahmen und die Listen-Elemente haben einen gepunkteten gelben Rahmen."},{"speaker":null,"startTime":2565.56,"endTime":2568.3,"body":" Damit man sieht, wo was anf\u00e4ngt und aufh\u00f6rt."},{"speaker":null,"startTime":2568.3,"endTime":2578.58,"body":" Und standardm\u00e4\u00dfig haben die LI-Elemente darin Margin 1rem, also auf allen Seiten 1rem Margin Abstand."},{"speaker":null,"startTime":2579.72,"endTime":2595.72,"body":" So, und wenn ich jetzt, \u00e4h, jetzt kann ich noch sagen, Margin Trim hat verschiedene Werte, \u00e4hm, zum Beispiel Margin Trim Block, dann, \u00e4hm, wird, werden die Block an den Block Grenzen, wer die, wer, \u00e4h, wer Logical, CSS Logical Properties kennt, der wei\u00df, was damit gemeint ist."},{"speaker":null,"startTime":2595.74,"endTime":2605.94,"body":" Da gibt es jetzt kein Top, \u00e4h, \u00e4h, oder Bottom oder Left oder Right mehr, sondern es gibt Block und Inline, beziehungsweise Block Start, Inline Start, \u00e4h, Block End, Inline End."},{"speaker":null,"startTime":2606.3,"endTime":2615.22,"body":" Und in unserem Left to Right Layout, \u00e4h, wo nichts irgendwie verschoben oder, oder ver\u00e4ndert wurde, ist Block oben und unten und Inline ist links und rechts."},{"speaker":null,"startTime":2615.22,"endTime":2618.74,"body":" \u00c4h, \u00e4h, und Block Start ist oben und Block End ist unten."},{"speaker":null,"startTime":2618.74,"endTime":2620.32,"body":" Nur, nur das nochmal zur Erkl\u00e4rung."},{"speaker":null,"startTime":2620.32,"endTime":2626.26,"body":" Das hei\u00dft, Margin Trim Block nimmt dann den Margin weg auf oben und unten."},{"speaker":null,"startTime":2626.26,"endTime":2634.66,"body":" Von, also von dem ersten Element innerhalb der Liste wird der Margin oben weg, ab, weggeschnitten und von dem letzten Element unten der Margin."},{"speaker":null,"startTime":2634.66,"endTime":2640.22,"body":" Also, wenn da, wenn da einer vergeben ist, ich ja bei Margin Trim Block angegeben hab, verschwindet dieser Margin."},{"speaker":null,"startTime":2640.22,"endTime":2641.52,"body":" So weit, so gut, das funktioniert."},{"speaker":null,"startTime":2641.52,"endTime":2644.06,"body":" Und Block Start funktioniert, dass es dann nur oben weg ist."},{"speaker":null,"startTime":2644.06,"endTime":2646.04,"body":" Und Block End funktioniert, dass es dann nur unten weg ist."},{"speaker":null,"startTime":2646.04,"endTime":2650.12,"body":" Aber bei Margin Trim Inline, ich wei\u00df nicht, ob ich in meiner Demo einen Fehler hab."},{"speaker":null,"startTime":2650.12,"endTime":2654.48,"body":" \u00c4h, ich glaube nicht, aber bitte gern mal reinschauen, Leute, mit Safari."},{"speaker":null,"startTime":2654.48,"endTime":2655.58,"body":" Kannst du mir einen Screenshot schicken?"},{"speaker":null,"startTime":2655.58,"endTime":2657.62,"body":" Ich kann dir einen Screenshot schicken."},{"speaker":null,"startTime":2657.62,"endTime":2659.22,"body":" Warte mal, das kann ich vielleicht sogar auch jetzt machen."},{"speaker":null,"startTime":2659.22,"endTime":2664.64,"body":" \u00c4hm, ich, ich schick dir aber jetzt nur mal den Screenshot von dem, von dem,"},{"speaker":null,"startTime":2664.66,"endTime":2665.86,"body":" einen Teil, der merkw\u00fcrdig ist."},{"speaker":null,"startTime":2665.86,"endTime":2665.98,"body":" Ja."},{"speaker":null,"startTime":2665.98,"endTime":2668.86,"body":" \u00c4hm, und zwar, warte, Moment."},{"speaker":null,"startTime":2668.86,"endTime":2673.58,"body":" Mach ich mal, damit du mitreden kannst."},{"speaker":null,"startTime":2673.58,"endTime":2675.52,"body":" So, hier ist er."},{"speaker":null,"startTime":2675.52,"endTime":2679.06,"body":" \u00c4hm, da passiert was Interessantes."},{"speaker":null,"startTime":2679.22,"endTime":2681.3,"body":" Also, ich h\u00e4tte jetzt erwartet."},{"speaker":null,"startTime":2681.3,"endTime":2683.1,"body":" Ja, genau."},{"speaker":null,"startTime":2683.1,"endTime":2685.82,"body":" So, ich h\u00e4tte jetzt erwartet."},{"speaker":null,"startTime":2685.82,"endTime":2688.5,"body":" Warte mal, ich muss es nochmal nach."},{"speaker":null,"startTime":2688.5,"endTime":2690.2,"body":" Also, was, was ich jetzt sehe hier ist."},{"speaker":null,"startTime":2690.2,"endTime":2697.26,"body":" Also, ich h\u00e4tte jetzt, also, \u00e4hm, Margin Trim Inline, \u00e4hm, macht ja dann links und rechts."},{"speaker":null,"startTime":2698.68,"endTime":2699.74,"body":" Nee, es stimmt."},{"speaker":null,"startTime":2699.74,"endTime":2700.96,"body":" Es stimmt."},{"speaker":null,"startTime":2700.96,"endTime":2702.04,"body":" Ich bin ja so doof."},{"speaker":null,"startTime":2702.04,"endTime":2703.46,"body":" Es stimmt."},{"speaker":null,"startTime":2703.46,"endTime":2705.1,"body":" Jetzt habe ich es, ich glaube, jetzt habe ich es geblickt."},{"speaker":null,"startTime":2705.1,"endTime":2708.56,"body":" Das nimmt aber nur das, interessanterweise nur das unterste Element."},{"speaker":null,"startTime":2708.56,"endTime":2709.7,"body":" Warum auch immer."},{"speaker":null,"startTime":2709.7,"endTime":2711.22,"body":" Nee, das ist eigentlich nicht richtig, oder?"},{"speaker":null,"startTime":2711.22,"endTime":2712.22,"body":" Ist das richtig?"},{"speaker":null,"startTime":2712.22,"endTime":2714.4,"body":" Ist das nur das unterste Element?"},{"speaker":null,"startTime":2714.4,"endTime":2719,"body":" Ja, gut, weil es nicht automatisch erkennt, dass die untereinander angeordnet sind."},{"speaker":null,"startTime":2720.14,"endTime":2724.58,"body":" Weil, wenn die jetzt tats\u00e4chlich Inline angeordnet w\u00e4ren, dann w\u00e4re es ja richtig."},{"speaker":null,"startTime":2724.58,"endTime":2724.9,"body":" Ah."},{"speaker":null,"startTime":2724.9,"endTime":2730.66,"body":" Also, wenn die jetzt irgendwie quasi floaten w\u00fcrden oder in einem Grid oder so."},{"speaker":null,"startTime":2730.66,"endTime":2732.82,"body":" Vielleicht muss ich noch kurz erkl\u00e4ren, was wir sehen."},{"speaker":null,"startTime":2732.82,"endTime":2738.24,"body":" Also, \u00e4h, bei dem Element, \u00e4h, wo ich der Liste Margin Trim Inline gegeben habe,"},{"speaker":null,"startTime":2738.24,"endTime":2743.34,"body":" dass nur das dritte Listen-Element hat links und rechts dann kein Margin mehr, die anderen haben es."},{"speaker":null,"startTime":2743.34,"endTime":2743.94,"body":" Ja."},{"speaker":null,"startTime":2743.94,"endTime":2748.92,"body":" \u00c4hm, bei Inline Start ist nur links nicht und bei Inline End ist es nur rechts nicht,"},{"speaker":null,"startTime":2748.92,"endTime":2750.04,"body":" aber immer nur das dritte Element."},{"speaker":null,"startTime":2750.04,"endTime":2752.2,"body":" Und ich habe mich gefragt, wieso eigentlich nur das dritte Element?"},{"speaker":null,"startTime":2752.2,"endTime":2754.78,"body":" \u00c4hm, genau."},{"speaker":null,"startTime":2754.78,"endTime":2758.66,"body":" Das, das, das, das, zu 100 Prozent erschlie\u00dft sich es mir immer noch nicht."},{"speaker":null,"startTime":2758.66,"endTime":2764.92,"body":" \u00c4hm, aber wenn sie, wenn sie, wenn sie nebeneinander w\u00e4ren, wenn sie nebeneinander w\u00e4ren, dann w\u00e4re das."},{"speaker":null,"startTime":2764.92,"endTime":2768.98,"body":" Also, ich sage jetzt floaten, aber ich meine nat\u00fcrlich nicht unbedingt nur float, sondern."},{"speaker":null,"startTime":2768.98,"endTime":2772.84,"body":" Dann w\u00e4re aber, dann m\u00fcsste Start-up aber beim ersten Element sein und nicht beim dritten."},{"speaker":null,"startTime":2772.84,"endTime":2773.84,"body":" Oder?"},{"speaker":null,"startTime":2773.84,"endTime":2777.16,"body":" Wenn sie nebeneinander w\u00e4ren."},{"speaker":null,"startTime":2778.66,"endTime":2784.06,"body":" Also, dieses Verhalten, da, da bin ich mir noch nicht so ganz schl\u00fcssig, warum das so ist."},{"speaker":null,"startTime":2784.06,"endTime":2786.26,"body":" Das kann mir ja mal jemand erkl\u00e4ren."},{"speaker":null,"startTime":2786.26,"endTime":2790.18,"body":" \u00c4h, dieser Podcast soll ja auch, \u00e4h, mich weiterbilden, nicht nur euch."},{"speaker":null,"startTime":2790.18,"endTime":2791.3,"body":" So."},{"speaker":null,"startTime":2791.54,"endTime":2792.74,"body":" Da gebe ich dir recht, ja."},{"speaker":null,"startTime":2792.74,"endTime":2796.86,"body":" Also, dass es, dass es bei End das Letzte ist, okay, das macht Sinn."},{"speaker":null,"startTime":2799.56,"endTime":2805.22,"body":" Aber tats\u00e4chlich, ja, ja, wei\u00df ich nicht, vielleicht ist da die Speck noch nicht so ganz ausgereift."},{"speaker":null,"startTime":2805.22,"endTime":2811.52,"body":" Vielleicht habe ich auch ein Fehler in meinem Code, ich will es nicht ausschlie\u00dfen, ich habe vorhin noch zwei, dreimal dr\u00fcber geguckt und dachte so, das ergibt irgendwie keinen Sinn f\u00fcr mich."},{"speaker":null,"startTime":2811.74,"endTime":2813.7,"body":" Ich finde nichts, was jetzt falsch aussieht bei dir."},{"speaker":null,"startTime":2813.7,"endTime":2818.78,"body":" Aber, \u00e4hm, ich habe jetzt den Code, \u00e4h, genau, du siehst jetzt, ach doch, du hast den Code, ja, ich habe ja \u00fcber die Demo."},{"speaker":null,"startTime":2818.78,"endTime":2819.8,"body":" \u00c4hm, genau."},{"speaker":null,"startTime":2820.3,"endTime":2825.1,"body":" Auf jeden Fall aber eine interessante Property, \u00e4h, das, das war es aber im Prinzip auch schon dazu."},{"speaker":null,"startTime":2825.1,"endTime":2827.86,"body":" Also, viel mehr gibt es da nicht so zu sagen, finde ich, finde ich nett."},{"speaker":null,"startTime":2827.86,"endTime":2833.86,"body":" \u00c4hm, man kann das ganze Problem meistens auch, \u00e4hm, per Last Child l\u00f6sen, \u00e4hm, heutzutage."},{"speaker":null,"startTime":2833.86,"endTime":2837.72,"body":" Das hei\u00dft, es gibt schon eine L\u00f6sung daf\u00fcr, fr\u00fcher war das ein bisschen nerviger, da musste man dann rumtricksen."},{"speaker":null,"startTime":2837.72,"endTime":2840.7,"body":" \u00c4hm, aber mittlerweile kann man das eigentlich mit Last Child l\u00f6sen."},{"speaker":null,"startTime":2840.7,"endTime":2845.32,"body":" \u00c4hm, ich frage mich jetzt, warum braucht man das jetzt noch zus\u00e4tzlich?"},{"speaker":null,"startTime":2845.32,"endTime":2847.38,"body":" Gibt es jetzt noch irgendeinen Use Case?"},{"speaker":null,"startTime":2847.38,"endTime":2859.64,"body":" Wenn du mit Start und End abgefr\u00fchst\u00fcckt hast, dass das auch Left to Right funktioniert, w\u00e4hrend du mit, \u00e4h, First Child und Last Child ja dann immer selber noch wissen musst, in welchem Kontext du dich bewegst."},{"speaker":null,"startTime":2859.64,"endTime":2864.26,"body":" Und Inline k\u00f6nnte ich damit, nee, doch, k\u00f6nnte ich auch machen, links und rechts, aber nur."},{"speaker":null,"startTime":2864.26,"endTime":2872.58,"body":" K\u00f6nntest du auch, aber du wei\u00dft halt eben nicht, ne, also das ist immer Margin Start und Margin End, Block End, Block Start, ja, das ist ja immer, ne, von der, von der Schreibrichtung abh\u00e4ngig."},{"speaker":null,"startTime":2872.8,"endTime":2877.22,"body":" W\u00e4hrend halt First und Last wirklich sagt, das, die Reihenfolge im Dom."},{"speaker":null,"startTime":2877.22,"endTime":2877.92,"body":" Ja, ja."},{"speaker":null,"startTime":2877.92,"endTime":2881.9,"body":" Und dementsprechend macht es vielleicht schon Sinn, das zu machen, ja, das zu haben."},{"speaker":null,"startTime":2881.9,"endTime":2886.66,"body":" Also bin gespannt, ob's kommt und wann, \u00e4h, jetzt habt ihr's geh\u00f6rt, dass es das vielleicht geben wird."},{"speaker":null,"startTime":2886.66,"endTime":2896.5,"body":" Aber interessant auch wieder, ne, wir sagen ja oft so, Safari h\u00e4ngt da bei vielem hinten dran, aber so Design-Geschichten, da sind sie halt dann doch oft vorne mit dabei, ne?"},{"speaker":null,"startTime":2896.5,"endTime":2902.62,"body":" Ja, und, \u00e4h, die sind momentan eh auf der \u00dcberholspur unterwegs, muss man sagen."},{"speaker":null,"startTime":2902.62,"endTime":2910.62,"body":" Also, die waren lange, lange, lange hinten dran und, \u00e4h, man hatte so das Gef\u00fchl, \u00e4h, die, die holen das nie wieder auf."},{"speaker":null,"startTime":2910.62,"endTime":2921.34,"body":" Aber ich hab den Eindruck, seit Jen Simmons, \u00e4h, da mit dabei ist, \u00e4h, bei, \u00e4h, bei Apple und, \u00e4h, dieses Team da leitet, oder zumindest glaube ich, dass sie das, ein Team da auf jeden Fall leitet."},{"speaker":null,"startTime":2921.34,"endTime":2930.22,"body":" Und die stellt auch immer wieder, \u00e4h, Umfragen, \u00e4h, ins, \u00e4h, in Mastodon oder, oder Twitter, wo sie fragt, hey, \u00e4h, wie w\u00fcrdet ihr denn diese Property erwarten oder so?"},{"speaker":null,"startTime":2930.28,"endTime":2940.62,"body":" Was ist denn bei euch dabei wichtig und, \u00e4h, find ich sehr interessant und seitdem hab ich's Gef\u00fchl, die shippen st\u00e4ndig neue Features, also die, die ballern da raus ohne Ende und holen da krass auf gerade."},{"speaker":null,"startTime":2940.62,"endTime":2956.22,"body":" Die haben wahrscheinlich gemerkt, \u00e4hm, jetzt, jetzt ist, \u00e4h, jetzt ist allerh\u00f6chste Eisenbahn, sie m\u00fcssen jetzt, vor allem auch, wenn jetzt irgendwann, \u00e4hm, gesetzlich verabschiedet wird, dass, \u00e4h, auf iOS und iPadOS-Plattformen, \u00e4hm, nicht mehr nur Safari sein darf, sondern andere Browser-Engines auch sein d\u00fcrfen."},{"speaker":null,"startTime":2956.22,"endTime":2958.32,"body":" Ist das tats\u00e4chlich, soll das kommen?"},{"speaker":null,"startTime":2958.8,"endTime":2972.52,"body":" Das ist, das steht so ein bisschen, \u00e4h, grade im Raum, \u00e4hm, und was ich geh\u00f6rt hab, ist auch, dass Google momentan schon dran arbeitet, \u00e4h, ein echt, also ein Browser mit ihrer eigenen Engine, \u00e4hm, auf, \u00e4h, iPhone und iPad zu bringen."},{"speaker":null,"startTime":2972.52,"endTime":2982.72,"body":" Ja, sehr gut. \u00c4hm, naja, es ist nur gerecht, ne, also Microsoft, \u00e4h, also Microsoft, \u00e4h, musste ja auch hier mit, mit Standardsuchmaschine und sowas, \u00e4h, haben die ja auch eher richtig \u00c4rger bekommen, sondern wenn dann, wenn dann alle, also, \u00e4h, ja."},{"speaker":null,"startTime":2982.72,"endTime":2985.66,"body":" Und generelle Auswahl ist immer gut, also ..."},{"speaker":null,"startTime":2985.66,"endTime":2988.78,"body":" Ich hab's im Stream schon gesagt, \u00e4hm, mein, mein, mein Userherr,"},{"speaker":null,"startTime":2988.8,"endTime":3004.76,"body":" Das Developerherz findet das super, das Developerherz sagt, \u00e4h, \u00e4h, weniger, \u00e4h, weniger M\u00f6glichkeiten, die man testen muss, ist besser, aber, \u00e4hm, aber ich sehe da schon den gr\u00f6\u00dferen Zusammenhang und sage, \u00e4hm, doch, mehr Engines sind besser an der Stelle, die Wahl sollte man haben."},{"speaker":null,"startTime":3004.84,"endTime":3027.6,"body":" Ja, das ist immer gut. Das ist immer gut. Und, \u00e4h, ich glaub, wir sind uns auch einig, \u00e4h, so eine neue Browser-Engine, \u00e4h, so eine neue Browser-Engine, \u00e4h, so eine neue Browser-Engine, \u00e4h, so eine neue Browser-Engine, \u00e4h, aber inklusive, \u00e4h, in, in Rust bitte sehr, sehr schnell und nat\u00fcrlich inklusive Kompatibilit\u00e4t und aller Features, die in Blink drin sind."},{"speaker":null,"startTime":3027.84,"endTime":3031.28,"body":" Ah, da h\u00e4tt ich fast sogar vielleicht noch quasi jetzt eine, eine Retro."},{"speaker":null,"startTime":3031.28,"endTime":3032.2,"body":" Ja."},{"speaker":null,"startTime":3032.84,"endTime":3051,"body":" Zu, zu, zu, zu, oder vielleicht als kleinen Einschub, \u00e4h, apropos schnell. Und zwar auch wieder bei OpenType.js, \u00e4h, und da auch meine n\u00e4chste, \u00e4hm, Property ist gleich OpenType.js inspiriert. \u00c4hm, und zwar gibt's da jetzt Bestrebungen, das Build-System umzustellen, um alles ein bisschen moderner zu machen mit Modulen und so."},{"speaker":null,"startTime":3051,"endTime":3059.28,"body":" Und da wird jetzt nicht mehr, oder soll in Zukunft nicht mehr gesetzt werden auf Roll-Up und Babel, sondern auf, \u00e4hm, ES-Build."},{"speaker":null,"startTime":3059.28,"endTime":3077.32,"body":" Und das ist in, jetzt wei\u00df ich gar nicht, ist das in Go oder in Rust geschrieben, eins von beidem. Und es ist halt so anscheinend ein bisschen so gerade der Trend hin, \u00e4h, diese ganzen Build-Systeme zu entkoppeln von diesem ganzen, wir machen alles mit JavaScript und alles, \u00e4h, sind irgendwie tausend MPM-Pakete mit, mit gegenseitigen Abh\u00e4ngigkeiten."},{"speaker":null,"startTime":3077.72,"endTime":3085.32,"body":" Was ja, wenn man ein Webpack oder sowas mal aktualisieren will, jedes Mal eine Pain in the Ass ist, ne? Da hatten wir's hier, glaub ich, auch schon ein paar Mal dr\u00fcber."},{"speaker":null,"startTime":3085.32,"endTime":3097.52,"body":" \u00c4hm, und da geht's halt jetzt eher so dahin zu sagen, okay, wir haben das, der Build-Prozess ist ein eigenst\u00e4ndiges Ding und das hei\u00dft, der kann auch in einer anderen Programmiersprache laufen und der, die Geschwindigkeit ist der Hammer."},{"speaker":null,"startTime":3098.06,"endTime":3107.04,"body":" Also, ich war ja schon von Veed begeistert im Vergleich, \u00e4h, zu, \u00e4hm, jetzt Webpack. \u00c4hm, und auch Roll-Up ist relativ schnell, aber es sind halt trotzdem noch, ne?"},{"speaker":null,"startTime":3107.04,"endTime":3113.8,"body":" So, vier bis zehn Sekunden oder so, oder vielleicht noch l\u00e4nger, wenn das ein richtig umfangreiches Projekt ist, dauert's halt trotzdem."},{"speaker":null,"startTime":3114.46,"endTime":3124.58,"body":" Und bei, \u00e4hm, \u00e4hm, ES-Build, da sind's bei OpenType.js waren's gleich 24 Millisekunden. Und dann ist das Ding gebundelt. Fertig."},{"speaker":null,"startTime":3124.58,"endTime":3127.84,"body":" Ja, \u00e4h, ich wei\u00df jetzt nicht, OpenType.js hat jetzt auch nicht so viele Abh\u00e4ngigkeiten."},{"speaker":null,"startTime":3127.84,"endTime":3128.94,"body":" Ich hab da auch noch ein Beispiel."},{"speaker":null,"startTime":3128.94,"endTime":3135.7,"body":" Aber es ist einfach so ultraschnell und es ist einfach, ja, es f\u00fchlt sich, f\u00fchlt sich gut an."},{"speaker":null,"startTime":3135.7,"endTime":3141.02,"body":" Ich hab da auch noch ein Beispiel, wenn wir, wenn wir uns da, da auch auf die Ausschweifung jetzt mal einlassen."},{"speaker":null,"startTime":3141.02,"endTime":3150.96,"body":" \u00c4hm, und zwar hab ich vor kurzem, \u00e4h, hat sich ein, hat sich ein Kollege beschwert, ja, das, das CSS, das baut so langsam und das ist Sass in unserem Fall, also, \u00e4h, CSS-Dateien."},{"speaker":null,"startTime":3150.96,"endTime":3157.3,"body":" \u00c4hm, und ich w\u00fcrde sagen, es ist eigentlich gar nicht so extrem viel oder komplex, da passiert gar nicht so extrem viel."},{"speaker":null,"startTime":3157.68,"endTime":3162.4,"body":" Aber bei ihm hat's halt irgendwie, keine Ahnung, 30 Sekunden gedauert, bis der Schei\u00df durchgebaut war."},{"speaker":null,"startTime":3162.4,"endTime":3167.04,"body":" Und das ist einfach, jedes Mal, wenn du irgendwo was im CSS erinnerst, 30 Sekunden warten m\u00fcssen."},{"speaker":null,"startTime":3167.04,"endTime":3167.82,"body":" Ja, nee, das geht gar nicht."},{"speaker":null,"startTime":3167.82,"endTime":3174.2,"body":" So, und dann hab ich geguckt, hm, wie, wie, wie ist denn das, wie ist denn da jetzt grad so der Markt? Was, was kann ich denn da jetzt machen?"},{"speaker":null,"startTime":3174.2,"endTime":3180.08,"body":" Und, \u00e4hm, dann hab ich was Interessantes rausgefunden."},{"speaker":null,"startTime":3180.08,"endTime":3185.16,"body":" Also, es gibt das NPM-Paket, das Node-SUS hei\u00dft."},{"speaker":null,"startTime":3186.52,"endTime":3188.18,"body":" \u00c4hm, das ist aber veraltet."},{"speaker":null,"startTime":3188.18,"endTime":3191.14,"body":" Moment, jetzt muss ich grad noch mal, \u00e4h, gucken."},{"speaker":null,"startTime":3191.14,"endTime":3192.98,"body":" \u00c4hm, Node-SUS."},{"speaker":null,"startTime":3192.98,"endTime":3198.18,"body":" \u00c4h, das ist aber veraltet und soll nicht mehr verwendet werden."},{"speaker":null,"startTime":3198.18,"endTime":3211.72,"body":" \u00c4hm, das ist ein Rapper um Lips-SUS drumherum und das wird aber nicht mehr weiterentwickelt, weil da, SUS ja hinten dran jetzt eigentlich in Dart geschrieben ist, glaube ich, von diese komische, genau, Dart-SUS, genau."},{"speaker":null,"startTime":3211.82,"endTime":3214.48,"body":" Das ist die, \u00e4h, diese komische Google-Sprache."},{"speaker":null,"startTime":3214.48,"endTime":3225.54,"body":" \u00c4hm, also, Node-SUS, was eigentlich JavaScript, wo man eigentlich JavaScript vermutet, \u00e4hm, ist eigentlich nur ein Rapper um dieses Lips-SUS."},{"speaker":null,"startTime":3225.6,"endTime":3230.32,"body":" Und Lips-SUS war, glaube ich, Ruby, bin ich da ganz falsch? Ich wei\u00df es nicht."},{"speaker":null,"startTime":3230.38,"endTime":3233.96,"body":" Auf jeden Fall, das geht relativ schnell, aber das soll man nicht mehr verwenden. Das ist relativ flott."},{"speaker":null,"startTime":3235.22,"endTime":3244.66,"body":" Das Paket, das einfach nur SUS hei\u00dft, bei NPM, ist ein JavaScript-Rewrite von Dart-SUS, von dem Eigentlichen."},{"speaker":null,"startTime":3244.66,"endTime":3248.02,"body":" Das ist schweinelangsam, das ist unglaublich lahm."},{"speaker":null,"startTime":3248.02,"endTime":3250.16,"body":" Er hat aber alle neuen Features."},{"speaker":null,"startTime":3251,"endTime":3260.98,"body":" Wenn man jetzt allerdings das echte Dart-SUS verwenden will, dann muss man irgendwie diese Dart-Laufzeit-Umgebung haben, irgendwie so ein, so ein virtueller Container, irgendwas."},{"speaker":null,"startTime":3260.98,"endTime":3266.1,"body":" Ich hab's, ich hab ganz kurz mal, \u00e4hm, versucht zu installieren bei mir."},{"speaker":null,"startTime":3267.08,"endTime":3275.34,"body":" \u00c4hm, in unseren Bildprozess hab ich nicht integriert, aber die Zeit, das war, also, ich hab ja vorhin gesagt, 30 Sekunden, \u00e4hm, mit SUS, mit diesem JavaScript-Rewrite."},{"speaker":null,"startTime":3275.34,"endTime":3282.92,"body":" \u00c4hm, Node-SUS hat irgendwie so, war es so f\u00fcnf bis zehn Sekunden, je nachdem."},{"speaker":null,"startTime":3282.92,"endTime":3290.26,"body":" Und bei Dart-SUS, bei dem echten Dart-SUS, das hab ich dann mal ausprobiert, da waren's auch nur noch Millisekunden."},{"speaker":null,"startTime":3290.26,"endTime":3292.72,"body":" Und ich hab gedacht, wie kann denn das sein?"},{"speaker":null,"startTime":3292.72,"endTime":3295.22,"body":" Ja, weil halt alles direkt \u00fcber das System l\u00e4uft."},{"speaker":null,"startTime":3296,"endTime":3299.2,"body":" Passbar, es wiegt von 30 Sekunden auf unter eine Sekunde."},{"speaker":null,"startTime":3299.2,"endTime":3300.16,"body":" Boah!"},{"speaker":null,"startTime":3300.16,"endTime":3301.78,"body":" Krass."},{"speaker":null,"startTime":3301.78,"endTime":3308.74,"body":" Nur ist es halt, ich frag mich, ob's irgendjemand mal schafft, dieses Dart-SUS irgendwie in ein NPM-Package zu packen, oder?"},{"speaker":null,"startTime":3308.74,"endTime":3310.54,"body":" Ja, ja, wollte ich grad sagen."},{"speaker":null,"startTime":3310.54,"endTime":3312.22,"body":" Das ist das Sch\u00f6ne bei AS-Bild."},{"speaker":null,"startTime":3312.22,"endTime":3315.88,"body":" AS-Bild installierst du trotzdem ganz normal als NPM-Package."},{"speaker":null,"startTime":3315.88,"endTime":3319.4,"body":" Und hast entsprechend auch, ne, kannst es updaten, wenn's Updates gibt."},{"speaker":null,"startTime":3319.4,"endTime":3325.22,"body":" Aber es ist halt an sich eine Binary, die halt auf den verschiedenen Systemen, Plattformen begreifend trotzdem l\u00e4uft."},{"speaker":null,"startTime":3325.92,"endTime":3328.42,"body":" Und dadurch ist es halt einfach \u00fcberall schnell."},{"speaker":null,"startTime":3328.42,"endTime":3333.24,"body":" Und trotzdem hast du den Vorteil von der Versionsverwaltung, aber du hast nicht diese ganzen krassen Abh\u00e4ngigkeiten."},{"speaker":null,"startTime":3333.24,"endTime":3336.98,"body":" Gut, wahrscheinlich hast du Rust-Abh\u00e4ngigkeiten, aber da musst du dich dann halt nicht drum k\u00fcmmern."},{"speaker":null,"startTime":3337.42,"endTime":3343.54,"body":" Es scheint gute Gr\u00fcnde zu geben, warum's das nicht gibt, aber ich hab halt gedacht, so Binaries, das geht doch normal immer."},{"speaker":null,"startTime":3343.54,"endTime":3349.78,"body":" Kann man da nicht einfach, also das sag ich jetzt so, \u00e4h, so hemms\u00e4rmelig, ohne genau zu wissen, was dahinter passiert."},{"speaker":null,"startTime":3349.78,"endTime":3355.48,"body":" Aber kann man da nicht irgendwie so ein Binary rauslassen, das ins NPM-Package packen und dann werfen wir das da dagegen und gut ist?"},{"speaker":null,"startTime":3356.32,"endTime":3357.64,"body":" \u00c4hm, m\u00fcsste doch dann auch flott sein."},{"speaker":null,"startTime":3357.64,"endTime":3360.46,"body":" Aber, \u00e4h, das erkl\u00e4rt ihr mir bestimmt in den Kommentaren."},{"speaker":null,"startTime":3360.46,"endTime":3362.46,"body":" Wie gesagt, ich m\u00f6ge den auch hier, um was zu lernen."},{"speaker":null,"startTime":3362.46,"endTime":3367.86,"body":" Erz\u00e4hlt mir, warum, \u00e4h, warum gibt es kein schnelles, \u00e4h, SaaS-Paket bei NPM?"},{"speaker":null,"startTime":3368.82,"endTime":3375.4,"body":" Was man noch sagen muss zu, zu ES-Build, \u00e4hm, ist leider, dass Hot-Module-Reloading nicht funktioniert."},{"speaker":null,"startTime":3375.4,"endTime":3387.02,"body":" Das ist f\u00fcr viele sicherlich ein Breaking-Dings, ne, also, \u00e4hm, bei OpenType geht's jetzt, weil da haben wir nur so ein kleines, so ein paar Dev-Seiten, wo man so die Fonts reinladen kann."},{"speaker":null,"startTime":3387.02,"endTime":3394.46,"body":" Und da muss man eh immer neu laden, das hei\u00dft, \u00e4hm, ich brauch kein Hot-Module-Reloading, weil wir jetzt kein, kein React oder View oder sowas benutzen."},{"speaker":null,"startTime":3394.46,"endTime":3397.76,"body":" Und ich da nicht wirklich einen State hab, den ich, den ich \u00fcbernehmen kann."},{"speaker":null,"startTime":3398.44,"endTime":3413.3,"body":" \u00c4hm, und man kann es \u00fcber Umwege so ein bisschen, man kann, \u00e4h, Watch aktivieren \u00fcber einen Flag und dann kann man, \u00e4h, das Ganze, \u00e4h, kann man noch ein Event registrieren und dar\u00fcber kann man dann zumindest die Seite neu laden lassen, sobald das neu ge, \u00e4h, gebildet wird."},{"speaker":null,"startTime":3413.3,"endTime":3418.08,"body":" \u00c4hm, und damit hat man so ein Page-Reloading, zumindest ein automatisches."},{"speaker":null,"startTime":3418.08,"endTime":3428.3,"body":" Aber das ist tats\u00e4chlich so ein Punkt, f\u00fcr andere Projekte w\u00fcrde ich es nicht einsetzen wollen aus dem Grund, weil ich m\u00f6chte mich nicht in der App erst irgendwie durch tausend Zust\u00e4nde klicken m\u00fcssen, jedes Mal, wenn ich was ge\u00e4ndert hab, weil das ist ja gerade der Vorteil."},{"speaker":null,"startTime":3428.3,"endTime":3432.68,"body":" Eigentlich von solchen Bildsystemen, dass ich wirklich ein Live-Preview hab und live da dran arbeiten kann, ne."},{"speaker":null,"startTime":3432.68,"endTime":3444.56,"body":" \u00c4hm, so wie du es auch letztens, \u00e4h, gesagt hast, \u00e4hm, bei, bei diesem, \u00e4hm, Mastodon-Client, \u00e4hm, wo man diese geile Entwicklungsumgebung hat und halt wirklich direkt Strings \u00e4ndern kann und zack, alles ist da, sofort."},{"speaker":null,"startTime":3445.1,"endTime":3455.78,"body":" \u00c4hm, und sowas m\u00f6chte man ja eigentlich haben und es gibt da auch ein Ticket dazu, aber es hie\u00df irgendwie, ja, das ist zu komplex und, \u00e4h, Hot-Module-Reloading richtig zu machen ist echt schwer und dann machen wir's lieber gar nicht."},{"speaker":null,"startTime":3455.78,"endTime":3463.46,"body":" \u00c4hm, was ich ja auch irgendwie verstehen kann und es ist halt einfach sehr kompliziert, aber es ist halt ein bisschen schade, ja, dass das, dass das nicht funktioniert."},{"speaker":null,"startTime":3464.1,"endTime":3466.6,"body":" \u00c4hm, aber ansonsten ist das echt ganz cool, ja."},{"speaker":null,"startTime":3466.6,"endTime":3472.02,"body":" Genau, der Mastodon-Client hei\u00dft \u00fcbrigens Elk, falls denn jemand mal sich anschauen will."},{"speaker":null,"startTime":3472.02,"endTime":3482.8,"body":" Der sieht sehr aus wie Twitter. \u00c4hm, und es lohnt sich auch, das GitHub-Projekt dazu mal anzuschauen, \u00e4hm, weil man da eben tats\u00e4chlich irgendwie so fancy im Browser editieren kann mit so, alles l\u00e4uft sofort."},{"speaker":null,"startTime":3482.8,"endTime":3486.16,"body":" \u00c4hm, kann ich auf jeden Fall empfehlen, sich mal anzuschauen."},{"speaker":null,"startTime":3486.16,"endTime":3490.16,"body":" Jo, \u00e4hm, dein zweites Thema."},{"speaker":null,"startTime":3490.16,"endTime":3491.98,"body":" Dann so, \u00e4hm, mit dem, mit dem Einwurf, \u00e4h, Ende."},{"speaker":null,"startTime":3491.98,"endTime":3494.7,"body":" Achso, stimmt, wir brauchen jetzt ja mal eine Schiene, ne?"},{"speaker":null,"startTime":3494.7,"endTime":3495.8,"body":" Ja, eigentlich bei was ganz anderem."},{"speaker":null,"startTime":3495.8,"endTime":3501.06,"body":" Genau, Einwurf, Ende. Genau, okay, also, dann komm ich nochmal zu einem, \u00e4h, Property."},{"speaker":null,"startTime":3501.06,"endTime":3503.02,"body":" Warte, warte, warte, warte, Moment."},{"speaker":null,"startTime":3503.02,"endTime":3505.6,"body":" Achso, \u00e4h, ja, ja, ja, ja, ja, ja, ja, nee, klar, ich kann das nicht einfach."},{"speaker":null,"startTime":3505.6,"endTime":3506.68,"body":" Ich kann das nicht einfach, ja."},{"speaker":null,"startTime":3506.68,"endTime":3510.02,"body":" Die Property der Woche."},{"speaker":null,"startTime":3512.1,"endTime":3512.82,"body":" Teil 3."},{"speaker":null,"startTime":3512.82,"endTime":3527.3,"body":" Und, \u00e4h, ja, das ist ein, ein Bestandteil von, also, es ist wirklich eine Property von einer globalen, \u00e4hm, und zwar die Intel, \u00e4h, globale, dieses Intel-Objekt."},{"speaker":null,"startTime":3527.3,"endTime":3539.9,"body":" Da haben wir es auch schon mal, also nicht Intel, also nicht Intel, nein, nein, Intel, wie Internationalization, Intel, da haben wir es in Folge 4 und in Folge 19 auch mal dr\u00fcber, wer das nachh\u00f6ren m\u00f6chte."},{"speaker":null,"startTime":3541.4,"endTime":3564.9,"body":" Und, \u00e4hm, was, was, wo ich jetzt, \u00e4h, draufgeschossen bin bei Intel, ist der Intel-Segmenter, also Segmentierung, Zerteilung, \u00e4hm, und bei OpenType.js war das eben auch, hab ich ja gesagt, \u00e4hm, und da war ein Ticket irgendwie, ja, \u00e4hm, dass man Probleme hat, den Text in, in, in, in Glyphs, \u00e4h, zu parsen."},{"speaker":null,"startTime":3564.9,"endTime":3574.06,"body":" Also, die, \u00e4hm, die einzelnen, \u00e4h, die einzelnen Glyphen, \u00e4hm, sich aus dem Text zu suchen, wenn da drin diese kombinierten Multi-Character-Emojis enthalten sind."},{"speaker":null,"startTime":3574.46,"endTime":3585.22,"body":" Also, es gibt ja Emojis, die werden da mit so einem Zero-Width-Nonspacing-Joyner-Things, Z-W-N-J, Zero-Width-Non-Joyner, genau, so."},{"speaker":null,"startTime":3585.22,"endTime":3594.7,"body":" Zero-Width-Non-Joyner, also ein, ein, ein Leerzeichen ohne, ohne Breite quasi, \u00e4hm, werden die erstellt."},{"speaker":null,"startTime":3594.7,"endTime":3607.12,"body":" Und da kann ich dann halt so Sachen wie, ja, dieses, dieses Gesicht, aber mit Hautfarbe, \u00e4h, schwarz oder mittel, \u00e4hm, und in weiblich, so, ne, oder m\u00e4nnlich, das kann man ja kombinieren."},{"speaker":null,"startTime":3607.12,"endTime":3615.08,"body":" Und das aufzuteilen, also generell Emojis und einfach ein String in Emojis aufteilen, \u00e4h, das ist gar nicht so einfach."},{"speaker":null,"startTime":3615.08,"endTime":3621.7,"body":" Und ich hab da auch eine, eine Demo dazu gebaut, wo ich da verschiedene M\u00f6glichkeiten vorstelle und nat\u00fcrlich auch den Segmente an sich vorstelle."},{"speaker":null,"startTime":3621.7,"endTime":3625.32,"body":" Und als erstes k\u00f6nnte man vielleicht denken, naja, String-Split."},{"speaker":null,"startTime":3625.32,"endTime":3638.74,"body":" Aber das Problem ist, da krieg ich dann, \u00e4h, lauter, \u00e4hm, UTF-8-enkodierte Zeichen zur\u00fcck, ne, weil so ein, also die, \u00e4hm, die Emojis sind ja auch schon Multibyte-Strings."},{"speaker":null,"startTime":3638.74,"endTime":3646.86,"body":" Und dementsprechend, \u00e4hm, jetzt krieg ich hier in der Konsole, krieg ich jetzt lauter so Fragezeichen-K\u00e4stchen, beziehungsweise beim Herz kriegt man tats\u00e4chlich ein Herz zur\u00fcck."},{"speaker":null,"startTime":3646.86,"endTime":3653.04,"body":" Und das Weiblich-Zeichen ist wirklich so ein ASCII-Weiblich-Zeichen, \u00e4hm, aber es sind halt, \u00e4hm, eigentlich Multibyte-Strings, okay."},{"speaker":null,"startTime":3653.04,"endTime":3654.88,"body":" Das hei\u00dft, mit String-Split komm ich nicht weit."},{"speaker":null,"startTime":3654.88,"endTime":3657.08,"body":" Diese ganzen Familien-Dinger sind da krass."},{"speaker":null,"startTime":3657.08,"endTime":3658.98,"body":" Genau, genau. Da gibt's richtig viele."},{"speaker":null,"startTime":3658.98,"endTime":3668.78,"body":" Also, ne, Frau mit der und der Farbe und Frau mit der und der Farbe und Kind, \u00e4h, in m\u00e4nnlich, \u00e4h, in weiblich und ein Kind in m\u00e4nnlich, ne, das kann man so kombinieren."},{"speaker":null,"startTime":3668.78,"endTime":3669.96,"body":" Gibt alle Kombinationen, ja."},{"speaker":null,"startTime":3669.96,"endTime":3677.56,"body":" Genau. Und, \u00e4hm, was kann ich noch machen? Ich kann den Spread-Operator nutzen und, \u00e4h, also Ziel ist, ein Array zu haben am Schluss."},{"speaker":null,"startTime":3677.56,"endTime":3685.9,"body":" Ich hab hier ein String, da sind vier, \u00e4h, Emojis drin. Das vorletzte, der Regenbogen, das ist nur ein normales, das hab ich nur einfach, \u00e4hm, um das auch zu zeigen."},{"speaker":null,"startTime":3685.9,"endTime":3689.3,"body":" \u00c4hm, genau. Und die anderen sind alle so ein bisschen komplexer."},{"speaker":null,"startTime":3690.16,"endTime":3697.5,"body":" Und, \u00e4h, mit diesem, \u00e4hm, also ich mach ein empty Array und da drinnen, \u00e4h, Spread-Operator und den String."},{"speaker":null,"startTime":3697.5,"endTime":3701.58,"body":" Und dann hab ich schon mal so ein bisschen was. Also, dann krieg ich tats\u00e4chlich die einzelnen Bestandteile."},{"speaker":null,"startTime":3701.58,"endTime":3709.1,"body":" Also, ich seh, \u00e4h, ne Frau, ich seh ein K\u00e4stchen, ich seh den Zero-Width-Non-Joyner, dann kommt die n\u00e4chste Frau, K\u00e4stchen und so weiter."},{"speaker":null,"startTime":3709.1,"endTime":3715.68,"body":" Dann Kind-Weiblich, Kind-M\u00e4nnlich. \u00c4h, dann hab ich hier das, das, das Herz noch irgendwie."},{"speaker":null,"startTime":3715.68,"endTime":3720.46,"body":" \u00c4hm, dann hab ich hier noch einen, ach, noch einen Mann, seh ich jetzt gerade. Und dann kommt der Regenbogen."},{"speaker":null,"startTime":3720.46,"endTime":3723.22,"body":" Also, keine Ahnung, warum dieser Mann da \u00fcberhaupt, \u00e4h, an der Stelle ist."},{"speaker":null,"startTime":3723.22,"endTime":3729.04,"body":" Weil der d\u00fcrfte ja eigentlich, \u00e4h, naja. Also, irgendwie ist das sehr, sehr komplex, aber es bringt mich auch nicht weiter."},{"speaker":null,"startTime":3729.04,"endTime":3733.68,"body":" Und dann gibt's jetzt eben, relativ neuerdings, \u00e4hm, den Segmenter."},{"speaker":null,"startTime":3733.68,"endTime":3742.74,"body":" Und, \u00e4h, ne, da ist die, das ist jetzt alles, unsere JavaScript entwickelt sich ja immer so, \u00e4h, hin Richtung, \u00e4hm, Asynchron-Geschichten."},{"speaker":null,"startTime":3742.74,"endTime":3748.64,"body":" Und, \u00e4h, ja, ich krieg dann irgendwie irgendwelche Objekte zur\u00fcck, die ich dann erst noch parsen muss."},{"speaker":null,"startTime":3748.64,"endTime":3751,"body":" Also, es ist dann, ich wei\u00df gar nicht, ob's ein Iterator ist."},{"speaker":null,"startTime":3751,"endTime":3755.74,"body":" Nee, ich glaub, es ist wieder ein eigenes, ein eigener, \u00e4h, Objekttyp, \u00e4hm, was ich da zur\u00fcckbekomme."},{"speaker":null,"startTime":3755.74,"endTime":3759.66,"body":" Das hei\u00dft, ich hab nicht durch den Segmenter dann schon automatisch einfach ein Array, wo die drin sind."},{"speaker":null,"startTime":3760.08,"endTime":3766.9,"body":" Sondern ich muss, \u00e4h, muss das dann wieder \u00fcber Array from und dann mit Reduce kann ich mir das dann zusammenpassen."},{"speaker":null,"startTime":3766.9,"endTime":3770.1,"body":" Das ist alles ein bisschen, ja, es wird alles ein bisschen komplexer daf\u00fcr."},{"speaker":null,"startTime":3770.1,"endTime":3774.4,"body":" Halt auch, \u00e4hm, \u00e4h, ja, ein bisschen, \u00e4h, ja."},{"speaker":null,"startTime":3774.4,"endTime":3776.44,"body":" Flexibler wahrscheinlich, aber trotzdem."},{"speaker":null,"startTime":3776.44,"endTime":3781.22,"body":" Also, ich kann, ich hab, das, was ich dann sehe, ist dann, ich hab Objekte, also ein Array aus Objekten."},{"speaker":null,"startTime":3781.3,"endTime":3789.18,"body":" Und da drin hab ich dann Segment, Index, also den Index im String, \u00e4hm, und nochmal den Input, \u00e4h, als, \u00e4h, als String."},{"speaker":null,"startTime":3789.18,"endTime":3799.8,"body":" Was ich interessant finde, ist, \u00e4h, ein ganz kleiner Einwurf nur, \u00e4hm, dass die CodePen-Demo die Konsole in CodePen auf Fullscreen ge\u00f6ffnet hat, also volle H\u00f6he."},{"speaker":null,"startTime":3799.8,"endTime":3804.1,"body":" Das hab ich so, nee, wusste ich gar nicht, dass man das so eins, dass man das irgendwie mit reinpacken kann, dass das geht."},{"speaker":null,"startTime":3804.1,"endTime":3807.18,"body":" Ja, wenn man hinten eine Zwei hat, dann ist die Konsole Fullscreen, dann ist der Vorschaubereich weg."},{"speaker":null,"startTime":3807.18,"endTime":3809.88,"body":" Ja, genau, das fand ich echt, \u00e4h, ja, cool."},{"speaker":null,"startTime":3810.56,"endTime":3814.02,"body":" Genau, und wenn ich das mit Reduce mach, dann hab ich tats\u00e4chlich am Schluss mein, mein Array."},{"speaker":null,"startTime":3814.02,"endTime":3828.16,"body":" Jetzt ist nat\u00fcrlich, \u00e4hm, das ist unwahrscheinlich, dass sowas eingebaut wird, nur um jetzt Emojis irgendwie richtig splitten zu k\u00f6nnen, \u00e4h, sondern das ganze Ding hatte, das, und da deutet ja Intel auch schon, \u00e4h, drauf, also nicht Intel, sondern Intel, \u00e4h, deutet da schon auch drauf hin."},{"speaker":null,"startTime":3828.16,"endTime":3832.68,"body":" \u00c4hm, es geht eigentlich um Sprachen und, und, \u00e4h, Locale-Unterst\u00fctzung."},{"speaker":null,"startTime":3832.82,"endTime":3843.28,"body":" Deswegen hab ich auch noch der Vollst\u00e4ndigkeit halber dann unten noch ein Beispiel mit, \u00e4h, chinesischen Schriftzeichen, \u00e4hm, um auch zu, zu demonstrieren, was es da noch f\u00fcr, f\u00fcr Optionen gibt, die ich da \u00fcbergeben kann."},{"speaker":null,"startTime":3843.36,"endTime":3851.36,"body":" Also ich kann so ein, ich erstelle mir so ein Segmenter, \u00e4h, so eine Instanz, also New Intel Segmenter, und dann \u00fcbergebe ich die, das Locale, das ich benutzen will."},{"speaker":null,"startTime":3851.62,"endTime":3862.94,"body":" Das kann ich \u00fcbrigens mit einer anderen Property, aber das k\u00f6nnt ihr auch dann selber nachlesen im MDL-Artikel, kann ich mir ausgeben lassen, welche Locales unterst\u00fctzt werden, beziehungsweise \u00fcbergeben Array an Locales und kann dann gucken, ah, wird das unterst\u00fctzt."},{"speaker":null,"startTime":3862.94,"endTime":3878.12,"body":" Und dann kann ich als n\u00e4chstes noch ein Objekt \u00fcbergeben und da kann ich dann zum Beispiel Granularity und dann kann ich da Word oder Sentence und ich glaub Grapheme gibt's noch f\u00fcr, also Grapheme w\u00e4re Buchstabe oder, oder Zeichen, \u00e4hm, und dann eben Word oder Sentence kann ich das aufteilen lassen."},{"speaker":null,"startTime":3878.12,"endTime":3889.88,"body":" Jetzt hab ich da auf Chinesisch was getippt und lass das einmal nach Word und einmal nach Sentence aufteilen und dann hab ich halt, \u00e4h, solche Zweiergruppierungen an Schriftzeichen, was, was einem Wort entspricht."},{"speaker":null,"startTime":3889.88,"endTime":3905.32,"body":" Es ist nicht ganz, \u00e4hm, also, dass man merkt, da steht jetzt nicht irgendwie ein W\u00f6rterbuch dahinter und das wei\u00df dann wirklich, was ist ein Wort im Chinesischen, weil es ja tats\u00e4chlich, da, ne, geh\u00f6ren ja manche Zeichen zusammen, sondern es gruppiert nach einer bestimmten Logik."},{"speaker":null,"startTime":3905.32,"endTime":3928.16,"body":" \u00c4hm, nach welcher hab ich jetzt noch nicht ganz rausgefunden, also zum Beispiel, \u00e4h, bei Nihao Ma, \u00e4h, ne, das Ma ist so ein Fragepartikel, da gruppiert's dann Nihao, also die ersten beiden, im n\u00e4chsten Satz gruppiert's, \u00e4h, aber dann War und Henhao, das sind, ja, also War hei\u00dft ich und Henhao hei\u00dft sehr gut, ja, also, ne, das macht eigentlich auch keinen Sinn, dann das zu, zu gruppieren."},{"speaker":null,"startTime":3928.16,"endTime":3934.3,"body":" Aber da steht, da steht irgendwas dahinter, aber es ist, es sind nicht wirklich die, die Worte im eigentlichen Sinne."},{"speaker":null,"startTime":3934.3,"endTime":3936.18,"body":" \u00c4hm, genau."},{"speaker":null,"startTime":3936.18,"endTime":3938.62,"body":" Aber es wird irgendwie, du k\u00f6nntest mir jetzt alles erz\u00e4hlen."},{"speaker":null,"startTime":3938.62,"endTime":3943.52,"body":" Ja, in dem Fall, \u00e4h, k\u00f6nntest du sogar verifizieren, dass es stimmt."},{"speaker":null,"startTime":3943.52,"endTime":3950.1,"body":" Genau, und unten dann als Satz, ne, ich kann einfach jetzt ein String, \u00e4hm, da durchjagen und bekomme automatisch das nach S\u00e4tzen."},{"speaker":null,"startTime":3950.16,"endTime":3960.58,"body":" Ich muss jetzt nicht mehr eine RegEx irgendwie machen, wo dann drin ist, ah, welche Satzzeichen, Fragezeichen, \u00e4hm, dann vergesse ich vielleicht, dass, dass ich, \u00e4h, einen Doppelpunkt auch, dass ich dann doch mittrenne oder nicht."},{"speaker":null,"startTime":3960.58,"endTime":3975.84,"body":" Oder eben, also gerade chinesisch oder japanisch ist da auch ein, \u00e4hm, \u00e4h, ein gutes Beispiel, weil die haben eigene Zeichen f\u00fcr, f\u00fcr, \u00e4h, Satzzeichen, ne, man sieht das, dass die, also das ist nicht nur im, \u00e4h, nicht nur die Font, sondern das ist wirklich ein eigenes Zeichen."},{"speaker":null,"startTime":3975.84,"endTime":3982.2,"body":" Und du siehst, dass da hinter dem Fragezeichen ein bisschen mehr Space ist hinter dem Ausrufezeichen und dass die auch so ein bisschen, die sehen fast wie Monospace so ein bisschen aus."},{"speaker":null,"startTime":3982.2,"endTime":3991.2,"body":" Aber die, das ist nicht, nicht, dass, \u00e4h, dass die Schriftart das nicht anders kann, \u00e4hm, sondern die Schriftart kann auch ein ganz normales Ausrufezeichen, sondern das sind wirklich andere Satzzeichen."},{"speaker":null,"startTime":3991.2,"endTime":3995.44,"body":" Und auch, \u00e4hm, Anf\u00fchrungszeichen, sowas sind da in den Sprachen ein bisschen, ein bisschen anders."},{"speaker":null,"startTime":3995.44,"endTime":3996.9,"body":" Und das erkennt es also auch."},{"speaker":null,"startTime":3996.9,"endTime":4011.66,"body":" Das hei\u00dft, das w\u00fcrde jemand, ne, dieses typische, ich gucke auf Stack Overflow, wie trenne ich, \u00e4h, einen Text nach S\u00e4tzen, sondern kriege ich eine Regex und, \u00e4h, ich w\u00fcrde fast meine Hand daf\u00fcr ins Feuer legen, dass da dann halt unsere lateinischen Symbole f\u00fcr Satzzeichen drin sind, ne."},{"speaker":null,"startTime":4011.66,"endTime":4016.24,"body":" Also das, was man halt in Nordamerika und Europa vielleicht, \u00e4hm, was man da so gebraucht."},{"speaker":null,"startTime":4016.5,"endTime":4021.42,"body":" Und die meisten w\u00fcrden halt wahrscheinlich nicht ber\u00fccksichtigen, dass es in anderen Sprachen vielleicht andere Zeichen gibt, weil man es einfach gar nicht wei\u00df."},{"speaker":null,"startTime":4021.42,"endTime":4023.24,"body":" H\u00e4tte ich jetzt auch nicht gewusst, soll kein Vorwurf sein, ne."},{"speaker":null,"startTime":4023.24,"endTime":4032.1,"body":" Aber dadurch, dass das halt jetzt einfach damit eingebaut ist, die Browserhersteller, die das implementieren, die machen sich da halt nat\u00fcrlich mehr Gedanken und, und ber\u00fccksichtigen sowas."},{"speaker":null,"startTime":4032.1,"endTime":4038.42,"body":" Gerade wenn es um eine Schnittstelle geht, die f\u00fcr Sprachunterst\u00fctzung ist, \u00e4hm, das hei\u00dft, da funktioniert das dann einfach out of the box."},{"speaker":null,"startTime":4039.6,"endTime":4056.02,"body":" W\u00fcrde mich aber echt mal interessieren, wie viele, \u00e4hm, potenzielle Webseitenbetreiber es so gibt, die Portale betreiben oder die Seiten betreiben, die in mehreren Sprachen so \u00fcbergreifend, \u00e4h, angeboten werden."},{"speaker":null,"startTime":4056.02,"endTime":4068.54,"body":" Also, \u00e4hm, gibt's, gibt's mit Sicherheit einige, aber habe ich jetzt gar nicht so richtig auf dem Schirm, also keine Ahnung, sowas wie Facebook und Twitter wahrscheinlich, die haben wahrscheinlich auch irgendwie chinesische Varianten und kyrillisch und keine Ahnung was, da wird es dann interessant."},{"speaker":null,"startTime":4068.54,"endTime":4078.08,"body":" Aber so, wenn man jetzt so 0815 Webseiten baut, dann kommt man halt mit hier jetzt mit Deutsch und Englisch eigentlich schon ganz gut hin und dann reicht die RegEx auch, die du gerade angesprochen hast, ne."},{"speaker":null,"startTime":4078.08,"endTime":4085.64,"body":" Also, in der Regel schon, ja, ja, tats\u00e4chlich. Also, gerade wenn es jetzt irgendwie um die Unterscheidung geht, asiatisch oder, \u00e4h, oder nicht, ne, ja, das schon."},{"speaker":null,"startTime":4085.64,"endTime":4104.14,"body":" \u00c4hm, tats\u00e4chlich, wenn wir Plugins machen, \u00e4h, WordPress, dann bieten wir die schon auch auf Englisch und Deutsch an und da habe ich auch schon mal bei unserem Corona-Testergebnis-Ding, \u00e4hm, habe ich tats\u00e4chlich auch die International, Internationalization, \u00e4h, Geschichte eingesetzt an der Stelle."},{"speaker":null,"startTime":4104.42,"endTime":4105.96,"body":" Sagst du jetzt nochmal Spezifit\u00e4t?"},{"speaker":null,"startTime":4105.96,"endTime":4107.38,"body":" Spezifit\u00e4t."},{"speaker":null,"startTime":4107.38,"endTime":4109.32,"body":" Und jetzt auf Englisch?"},{"speaker":null,"startTime":4109.32,"endTime":4110.34,"body":" Specificity."},{"speaker":null,"startTime":4110.34,"endTime":4112.38,"body":" Ah, sehr gut. Ja, auf Englisch geht besser."},{"speaker":null,"startTime":4112.38,"endTime":4127.96,"body":" Genau, und jedenfalls genau Datumsformat war das, glaube ich, ne, was, so Datumsformatierung und sowas, das habe ich dann mit Intel gemacht und, \u00e4h, ja, auch dieses List-Feature finde ich eigentlich ganz cool, dass man, dass das automatisch dann Kommata und, und in der entsprechenden Sprache einf\u00fcgt und so."},{"speaker":null,"startTime":4128.44,"endTime":4135.38,"body":" Also, das ist schon, schon ganz cool, die, klar, die Frage, wer braucht's, wie viele Leute brauchen's, aber danach muss man ja nicht unbedingt gehen."},{"speaker":null,"startTime":4135.38,"endTime":4149.2,"body":" Ne, \u00e4h, gerade, gerade bei Browser-Features oder Features, die in Browsern eingebaut werden, \u00e4h, da ist mehr immer besser und, \u00e4h, im Zweifelsfall, \u00e4h, ne, und im Zweifelsfall, \u00e4h, ne, es ist ja wichtig, dass es da ist."},{"speaker":null,"startTime":4149.32,"endTime":4155.38,"body":" Ich meine, wenn ich's dann mal brauche, dann ist ja gut, also, dann m\u00f6chte ich's nicht erst irgendwie selbst implementieren m\u00fcssen, das ist ja immer gut."},{"speaker":null,"startTime":4155.38,"endTime":4158.02,"body":" Gut."},{"speaker":null,"startTime":4158.02,"endTime":4160.54,"body":" Das war's von mir."},{"speaker":null,"startTime":4160.54,"endTime":4162.92,"body":" Das war's von dir, dann kommt jetzt."},{"speaker":null,"startTime":4162.92,"endTime":4163.9,"body":" Und dementsprechend kommt jetzt die letzte."},{"speaker":null,"startTime":4163.9,"endTime":4167.34,"body":" Die Property der Woche."},{"speaker":null,"startTime":4167.34,"endTime":4170.58,"body":" Teil 4."},{"speaker":null,"startTime":4170.58,"endTime":4172.24,"body":" Die letzte, die."},{"speaker":null,"startTime":4172.24,"endTime":4175.84,"body":" Er wei\u00df, jetzt kommt das Letzte."},{"speaker":null,"startTime":4176.86,"endTime":4188.26,"body":" So, \u00e4hm, die letzte, \u00e4h, Property der Woche sind eigentlich zwei, hab ich dann gemerkt, weil die eine geht nicht ohne die andere, aber ich will mich eigentlich haupts\u00e4chlich mit der einen besch\u00e4ftigen."},{"speaker":null,"startTime":4188.26,"endTime":4195.1,"body":" Und die ist auch, der Artikel, auf den ich mich jetzt berufe, der ist von Medium und der ist tats\u00e4chlich vom 18. August 2020."},{"speaker":null,"startTime":4195.1,"endTime":4199.76,"body":" Man k\u00f6nnte das also eigentlich schon eine Weile kennen oder wissen, aber es ist komplett an mir vorbeigegangen."},{"speaker":null,"startTime":4199.76,"endTime":4205.32,"body":" Es liegt vielleicht aber auch daran, dass es echt noch nirgends, meines Wissens nach, noch nirgends implementiert ist."},{"speaker":null,"startTime":4206.2,"endTime":4211.22,"body":" Trotzdem w\u00fcrde es viele Probleme l\u00f6sen, die man so in der Vergangenheit hatte."},{"speaker":null,"startTime":4211.22,"endTime":4215.52,"body":" So, jetzt hab ich viel um den hei\u00dfen Breitraum rumgeredet, jetzt gibt's einen L\u00f6ffel Brei."},{"speaker":null,"startTime":4215.52,"endTime":4221.52,"body":" Und zwar geht es um Leading Trim, das ist die Hauptproperie, um die es jetzt geht, \u00e4h, und Text Edge."},{"speaker":null,"startTime":4221.52,"endTime":4226.3,"body":" Ich konnte jetzt auch keine Demo bauen, weil wie gesagt, ich wei\u00df nicht, ob es \u00fcberhaupt einen Browser gibt, der das schon eingebaut hat."},{"speaker":null,"startTime":4226.3,"endTime":4229.8,"body":" \u00c4hm, worum geht es?"},{"speaker":null,"startTime":4229.8,"endTime":4243.4,"body":" Es geht generell um das Problem, dass, \u00e4h, Text oft, also gerade so der klassische Standardfall f\u00fcr sowas ist Text, \u00e4hm, hat so seine eigene Leinheit mit eingebaut, so seine eigene Boxh\u00f6he."},{"speaker":null,"startTime":4243.52,"endTime":4261.22,"body":" Wer schon mal einen Button gestylt hat mit CSS und den Text mittig darin ausrichten wollte, sodass er auch mittig aussieht, der hat wahrscheinlich irgendwelche komischen Paddings oben und unten vergeben."},{"speaker":null,"startTime":4261.34,"endTime":4265.22,"body":" Nicht dieselbe Zahl, damit der Text mittig aussah. Das Problem, das kennt man vielleicht."},{"speaker":null,"startTime":4265.22,"endTime":4273.78,"body":" \u00c4hm, und vielleicht noch so ein bisschen, \u00e4h, zur, \u00e4h, zur Theorie, dass man so ein bisschen versteht, wo es herkommt und wo es hingeht."},{"speaker":null,"startTime":4273.78,"endTime":4290.58,"body":" \u00c4hm, \u00e4h, die Leinheit, das kennt man den Begriff, ist bei uns normalerweise, \u00e4h, oder, nee, ist historischerweise die Box des Buchstabens, \u00e4hm, die kann auch gr\u00f6\u00dfer sein als der Buchstabe selbst,"},{"speaker":null,"startTime":4290.58,"endTime":4297.28,"body":" als zum Gro\u00dfbuchstabe selbst, plus Leading, \u00e4h, in Klammern Durchschuss, das kennen vielleicht die Typografen."},{"speaker":null,"startTime":4297.28,"endTime":4306.08,"body":" Der Durchschuss ist, \u00e4h, dann so der, der Bereich zwischen den Zeilen, wo gar nichts von, von, \u00e4h, Buchstaben, \u00e4hm, auftaucht."},{"speaker":null,"startTime":4306.08,"endTime":4314.58,"body":" Genau, das, das ist tats\u00e4chlich, \u00e4h, fr\u00fcher im Bleisatz, \u00e4h, extra hinzugef\u00fcgt worden in einer bestimmten H\u00f6he."},{"speaker":null,"startTime":4314.58,"endTime":4319.82,"body":" \u00c4hm, genau, so, und jetzt ist die Buchstabenbox tats\u00e4chlich aber noch oft geholfen."},{"speaker":null,"startTime":4319.82,"endTime":4326.26,"body":" Die Buchstaben sind aber noch oft gr\u00f6\u00dfer als der, als der Gro\u00dfbuchstabe, der standardm\u00e4\u00dfige, zum Beispiel wegen den Punkten \u00fcber dem \u00dc."},{"speaker":null,"startTime":4326.62,"endTime":4330.2,"body":" Aber manchmal ist es auch noch h\u00f6her und ich wei\u00df auch gar nicht immer, warum das so hoch ist."},{"speaker":null,"startTime":4330.2,"endTime":4339.54,"body":" Also, so, so, so, Schriftarten im Web, die haben oft so ihre eigene, so ihre eigene H\u00f6he, \u00e4hm, und das ist, das ist von Schriftart zu Schriftart auch unterschiedlich."},{"speaker":null,"startTime":4339.62,"endTime":4345.94,"body":" Das hei\u00dft, wenn du irgendwie das sch\u00f6n designt hast in einer Schriftart und tauschst sie dann aus, dann kann es komplett in die Binsen gehen, alles, was du da gemacht hast."},{"speaker":null,"startTime":4347.22,"endTime":4354.38,"body":" \u00c4hm, und in CSS gibt es noch eine Eigenheit, die ich jetzt noch dann gelernt habe, weil ich habe gedacht, ich will es jetzt dann doch irgendwie verstehen, was da passiert und warum man es braucht."},{"speaker":null,"startTime":4354.38,"endTime":4361.88,"body":" \u00c4hm, ich habe vorhin von Leading gesprochen, also von dem Durchschuss, aber in CSS hat man sich irgendwann mal darauf geeinigt, dass es ein sogenanntes Half-Leading gibt."},{"speaker":null,"startTime":4362.32,"endTime":4373.96,"body":" Dass das n\u00e4mlich aufgeteilt wird, der Standard-Durchschuss, der normalerweise unter der Zeile ist, ja, in einen, in einen Bereich oben dr\u00fcber und einen Bereich unten drunter wird das aufgeteilt."},{"speaker":null,"startTime":4373.96,"endTime":4378.92,"body":" \u00c4hm, das macht die Textboxen dann irgendwie noch ein bisschen ungleichm\u00e4\u00dfiger."},{"speaker":null,"startTime":4379.58,"endTime":4395.62,"body":" So, man hat das gemacht, nee, das sollte sie gleichm\u00e4\u00dfiger machen, aber, \u00e4hm, naja, die haben, dadurch, dass die Textboxen selbst irgendwie so und die Positionierung des einzelnen Glyphen darin, \u00e4h, immer von Schriftart zu Schriftart ein bisschen unterschiedlich sind, \u00e4h, ist es ein komplettes Chaos."},{"speaker":null,"startTime":4395.62,"endTime":4409.42,"body":" \u00c4hm, so, und, Moment, jetzt muss ich gerade mal in meine Notiz nochmal kurz gucken, \u00e4hm, genau, Leinheit heutzutage ist also, wenn man es jetzt versucht, sich in dem Bild vorzustellen und ist in dem Artikel, den wir auch verlinken,"},{"speaker":null,"startTime":4409.42,"endTime":4415.56,"body":" \u00e4hm, also, da, \u00e4h, empfehle ich euch, dass ihr den euch nochmal selbst durchlest, das ist jetzt quasi nur so die Management-Zusammenfassung von mir."},{"speaker":null,"startTime":4415.56,"endTime":4437.96,"body":" Da sind sehr, sehr, sehr, sehr gute Bilder drin, die das verdeutlichen, \u00e4hm, was da jetzt genau gemeint ist. Ich versuche es trotzdem jetzt, \u00e4h, auditiv mal, \u00e4hm, zu erkl\u00e4ren, also, Leinheit heutzutage ist halt ein Half-Leading oben, ne, also, wenn man von oben nach unten geht, \u00e4hm, plus Font-Family-Abstand oben, \u00e4hm, das ist quasi die Leinheit, die die Font-Family selbst mitbringt,"},{"speaker":null,"startTime":4439.26,"endTime":4456.82,"body":" Exth\u00f6he selbst, plus Unterl\u00e4nge, plus Half-Leading unten, also, es ist kompliziert, \u00e4hm, und wenn man da jetzt sowas, \u00e4h, innerhalb, wenn man sowas jetzt vertikal irgendwie zentrieren m\u00f6chte, beispielsweise in einem Button, \u00e4hm, dann, dann kann man sich vorstellen, dass da ein komplettes Chaos entsteht."},{"speaker":null,"startTime":4457.02,"endTime":4466.08,"body":" Jetzt gibt es die neue Leading-Trim-Eigenschaft, die was macht, n\u00e4mlich oben und unten abschneiden, so lang, so lang, bis man wirklich zum eigentlichen Text kommt."},{"speaker":null,"startTime":4467.1,"endTime":4479.64,"body":" Und zwar, je nachdem, und da kommt jetzt die andere, \u00e4hm, die andere Eigenschaft noch mit ins Spiel, Text Edge, da wird n\u00e4mlich, die bestimmt, an welcher Stelle abgeschnitten werden soll."},{"speaker":null,"startTime":4479.64,"endTime":4489.96,"body":" \u00c4hm, also in dem Beispiel hier zum Beispiel steht da, \u00e4hm, Cap-Alphabetic, bei Text Edge als Eigenschaft und bei Cap bedeutet Gro\u00dfbuchstabe."},{"speaker":null,"startTime":4490.04,"endTime":4498.22,"body":" Das bedeutet in dem Fall zum Beispiel, dass die Unterl\u00e4nge, also der, der untere Teil von einem kleinen G abgeschnitten wird, dass der nicht zu der H\u00f6he hinzugez\u00e4hlt wird."},{"speaker":null,"startTime":4498.3,"endTime":4501.8,"body":" Genau, also nicht abgeschnitten, visuell abgeschnitten, sondern nur, was den Abstand angeht."},{"speaker":null,"startTime":4501.8,"endTime":4507.12,"body":" Genau, genau, nur was den Abstand angeht, von wo die Linie, von der aus der Abstand berechnet wird, dazu."},{"speaker":null,"startTime":4507.12,"endTime":4514.42,"body":" \u00c4hm, visuell bleibt das alles immer trotzdem sichtbar, also wenn du da jetzt irgendwie Overflow-Hitten oder sowas drauf hast, bleibt es trotzdem, bleibt es trotzdem sichtbar."},{"speaker":null,"startTime":4514.42,"endTime":4516.28,"body":" \u00c4hm, zumindest so die Idee."},{"speaker":null,"startTime":4516.28,"endTime":4525.16,"body":" \u00c4hm, genau, und es gibt dann auch noch, man kann auch zum Beispiel an der X-Height abschneiden lassen, das erspare ich euch jetzt allerdings, da k\u00f6nnt ihr euch gerne mal die Spec durchlesen."},{"speaker":null,"startTime":4525.16,"endTime":4531.02,"body":" Es gibt tats\u00e4chlich, \u00e4hm, Specs, das ist das CSS-Inline-Layout-Module-Level-3, da sind diese beiden Eigenschaften drin."},{"speaker":null,"startTime":4531.02,"endTime":4539.72,"body":" \u00c4hm, genau, das hei\u00dft, ich lege erstmal fest, wo wird, \u00e4h, abgeschnitten und dann sage ich, dass abgeschnitten wird."},{"speaker":null,"startTime":4539.72,"endTime":4548.2,"body":" \u00c4hm, in dem Fall Leading-Trim-Text-Box, \u00e4h, Leading-Trim-Both, man kann auch tats\u00e4chlich oben oder unten abschneiden."},{"speaker":null,"startTime":4548.2,"endTime":4550.04,"body":" \u00c4hm, genau."},{"speaker":null,"startTime":4550.6,"endTime":4562.74,"body":" Und dann, \u00e4h, wird die Box quasi, an der man sich ausrichtet, vom Text, \u00e4h, beschnitten und kleiner gemacht und man kann dann tats\u00e4chlich, wenn ich dann oben und unten f\u00fcnf Pixel Abstand mache, dann sollte das auch vertikal zentriert aussehen."},{"speaker":null,"startTime":4564.4,"endTime":4572.84,"body":" So, genau, das hab ich, das hab ich, das hab ich, \u00e4h, das hab ich auch, genau, die Specs hab ich auch, eigentlich bin ich schon durch damit, hast du noch Fragen?"},{"speaker":null,"startTime":4572.88,"endTime":4587.5,"body":" \u00c4hm, dieses, \u00e4h, dieses eine Beispiel, wo man richtig sch\u00f6n sieht, dass da mehrere Abs\u00e4tze, \u00e4h, \u00dcberschrift, eine Unter\u00fcberschrift und ein Textblock, \u00e4hm, und wo man dann genau sieht, so, da sollen dann 32 Pixel, 12 Pixel, 32, 32 sein, und dass das dann eben mit dem Font-Spacing dann nicht mehr passt."},{"speaker":null,"startTime":4587.96,"endTime":4593.98,"body":" Das erinnert mich an eine Zeit, \u00e4h, wo ich sehr viele HTML-E-Mails gebaut habe."},{"speaker":null,"startTime":4593.98,"endTime":4594.3,"body":" Oh ja."},{"speaker":null,"startTime":4594.44,"endTime":4622.64,"body":" Und wo ich dann von GrafikerInnen genau eben Screenshots bekommen habe, wo genau eingezeichnet war, \u00e4hm, ne, Textabst\u00e4nde da und da, und die haben halt eben dann ganz oft, die haben so K\u00e4stchen dann gezogen und da stand dann auch wirklich Pixelwerte drin und das war halt, das sollte alles nach CI-Vorgaben, ne, die haben da wirklich Wert drauf gelegt, ne, da war halt nicht so, naja, muss jetzt nicht pixelgenau sein, sondern das war schon da, also da wurde dann auch dann, wenn dann Abstand zu gro\u00df war dann und das wurde zur Abgabe gegeben, \u00e4h, zur Abnahme gegeben, dann hie\u00df das dann ja, aber die Textabst\u00e4nde passen noch nicht und so."},{"speaker":null,"startTime":4622.64,"endTime":4652.48,"body":" Und dann musste man wirklich gucken, \u00e4hm, also da wurde schon drauf geachtet, dass entsprechend nur Schriftarten verwendet werden, die halt safe sind, \u00e4hm, und dann musste man das eben mit einrechnen, dann musste man gucken, okay, dann darf ich aber halt eben nicht zw\u00f6lf Pixel nehmen, sondern dann muss ich halt ein bisschen was abziehen, damit es dann mit dem Font-Abstand passt und so, \u00e4hm, und schwierig wurde es dann, als es dann darum ging, das irgendwie, \u00e4h, in ein Design-System zu \u00fcberf\u00fchren, \u00e4h, wo dann wirklich Module sein sollen und dann war halt irgendwie, du konntest halt nicht sagen, okay, der vorgegebene Abstand ist 32 und da 12"},{"speaker":null,"startTime":4652.48,"endTime":4674.66,"body":" und so, sondern du musstest dann halt die Abst\u00e4nde \u00e4ndern, was dann halt irgendwie wieder bl\u00f6d war und gerade bei Stellen, wo dann halt vielleicht, \u00e4h, ja, die \u00dcberl\u00e4ngen dann besonders hervorgestochen sind oder so, also, ja, das ist schon, ne, wenn man richtig sch\u00f6n Grafik, also wenn man einen hohen Anspruch hat und das richtig gut aussehen soll, dann kann das schon den entscheidenden Unterschied machen, weil sonst w\u00fcrde man sich vielleicht denken, naja, braucht man das jetzt wirklich?"},{"speaker":null,"startTime":4675.04,"endTime":4678.34,"body":" Aber es ist schon so, ja, wenn ich's richtig haben will und sch\u00f6n haben will."},{"speaker":null,"startTime":4678.34,"endTime":4693.02,"body":" Das wurde in diesem Medium-Artikel auch, \u00e4h, da gibt's einen extra, \u00e4hm, Absatz dazu, was jetzt da, wo die Motivation herkommt und das geht da halt vor allem, und das wird da sehr, sehr oft erw\u00e4hnt, um Designer-Developer-Handoff."},{"speaker":null,"startTime":4693.16,"endTime":4704.36,"body":" Also genau das, was du gerade gesagt hast, der Designer denkt sich was aus und m\u00f6chte das, \u00e4h, \u00e4h, dem Developer geben und, \u00e4h, dann, da, da gibt's dann Missverst\u00e4ndnisse, was wie gro\u00df jetzt sein soll."},{"speaker":null,"startTime":4704.44,"endTime":4712.5,"body":" Und das ist dann teilweise echt, \u00e4h, ich kann ja verstehen, dass man sich das, also, es gibt ja gute Gr\u00fcnde daf\u00fcr, dass man genau so viel Pixel jetzt Abstand von da nach da macht."},{"speaker":null,"startTime":4712.5,"endTime":4717.38,"body":" Also, ich wei\u00df, \u00e4h, do websites need to exactly the same in every Browser?"},{"speaker":null,"startTime":4717.38,"endTime":4724.44,"body":" Nein, nat\u00fcrlich nicht und es muss auch nicht alles mal auf dem Pixel perfekt sein, aber es gibt schon gute Gr\u00fcnde, warum da mal noch, also, die, die Designer, die denken sich da was dabei."},{"speaker":null,"startTime":4724.44,"endTime":4725.72,"body":" Das ist nicht irgendwie nur ..."},{"speaker":null,"startTime":4725.72,"endTime":4736.86,"body":" Und gerade bei so, bei Badmas, also, das kann ich halt echt verstehen, weil ich bin da auch, ich reagier da allergisch drauf, wenn, wenn Sachen halt dann optisch irgendwie nicht so zentriert aussehen, das ist halt irgendwie so, ah, h\u00e4tte man das nicht."},{"speaker":null,"startTime":4736.86,"endTime":4748.88,"body":" Und das w\u00fcrde diese Sache deutlich einfacher machen, was in dem Artikel auch noch aufgegriffen wird, wo ich jetzt nicht, nicht tiefer drauf eingehe, ist, \u00e4hm, dass man damit dann auch, \u00e4h, viel besser irgendwie so ein Spacing-System aufsetzen kann f\u00fcr ein Design-System."},{"speaker":null,"startTime":4748.88,"endTime":4749.04,"body":" Ja."},{"speaker":null,"startTime":4749.04,"endTime":4755.66,"body":" \u00c4hm, wie gesagt, lese den Artikel durch, das lohnt sich echt und was ich jetzt gar nicht wusste, vielleicht noch als kleines Detail,"},{"speaker":null,"startTime":4755.72,"endTime":4760.02,"body":" am Rande, man kann sich bei Medium, \u00e4h, mittlerweile, \u00e4h, Artikel auch vorlesen lassen."},{"speaker":null,"startTime":4760.02,"endTime":4760.3,"body":" Ach."},{"speaker":null,"startTime":4760.3,"endTime":4776.08,"body":" Also, man braucht daf\u00fcr gar keinen Screenreader oder sowas und ich hab das jetzt heute mal gemacht und das war eine echt gute Stimme und ich hab jetzt auch keine Stelle, trotz dass es jetzt ein technischer Text war, ich hab jetzt keine Stelle gehabt, \u00e4h, doch, eine Stelle, \u00e4h, Lead wurde einmal Let ausgesprochen."},{"speaker":null,"startTime":4776.08,"endTime":4778.32,"body":" Ach, Englisch, \u00e4hm, Mensch."},{"speaker":null,"startTime":4778.78,"endTime":4788.78,"body":" Aber ansonsten war das wirklich, \u00e4h, eigentlich so gut wie perfekt aus meiner Sicht, soweit ich jetzt diese Sprache verstehe und, und die Aussprache verstehe, war das wirklich extrem gut vorgelesen."},{"speaker":null,"startTime":4788.78,"endTime":4795.7,"body":" Das ist auch cool gemacht, weil das so highlightet, also das highlightet den ganzen Absatz, wo es gerade ist und dann aber auch jedes einzelne Wort, wo es gerade ist."},{"speaker":null,"startTime":4796,"endTime":4805.42,"body":" Es ist so \u00e4hnlich wie die, \u00e4h, Lautvorlesen-Funktion in Edge, die ist auch \u00e4hnlich gut, vielleicht ist das tats\u00e4chlich sogar, \u00e4h, eine \u00e4hnliche technische Basis, weil da passiert genau das."},{"speaker":null,"startTime":4805.42,"endTime":4808.62,"body":" Mich erinnert sich ein bisschen an TikTok-Videos, die einfach Reddit-Threads vorlesen."},{"speaker":null,"startTime":4808.62,"endTime":4809.36,"body":" Ja."},{"speaker":null,"startTime":4809.36,"endTime":4810.58,"body":" Da klingt's genauso."},{"speaker":null,"startTime":4811.02,"endTime":4822.8,"body":" Also wer, wer, \u00e4h, wer das, wer das bei sich, bei anderen Seiten auch immer haben will, so eine Experience, \u00e4h, in Edge gibt's die Lautvorlesen-Funktion, und da gibt's mittlerweile auch sehr, sehr, sehr gute Stimmen, die fast, \u00e4h, H\u00f6rbuch-Qualit\u00e4t-artig vorlesen."},{"speaker":null,"startTime":4822.8,"endTime":4825.94,"body":" Und das macht auch genau das, das highlightet das aktuelle Wort."},{"speaker":null,"startTime":4825.94,"endTime":4826.46,"body":" Ja, cool."},{"speaker":null,"startTime":4826.46,"endTime":4836.16,"body":" Und man kann da auch noch so folgen. Also ich find's eine sehr angenehme Art, Artikel zu konsumieren, weil ich's gleichzeitig noch mitlese, dann, \u00e4h, dann hab ich's quasi gleich auf zwei Kan\u00e4len, \u00e4h, irgendwie drin."},{"speaker":null,"startTime":4836.16,"endTime":4837.2,"body":" Also das ist nur so am Rand."},{"speaker":null,"startTime":4837.42,"endTime":4847.2,"body":" Genau, \u00e4h, erz\u00e4hlt uns, wof\u00fcr ihr Leading-Trim verwenden wollt, \u00e4h, au\u00dfer den Sachen, die wir jetzt schon angemerkt haben, w\u00fcrde ich mich, \u00e4h, sehr daf\u00fcr interessieren."},{"speaker":null,"startTime":4847.2,"endTime":4862.92,"body":" Ich bin auch sehr gespannt, wann und ob das kommt, weil das w\u00e4re echt schon eine sehr coole Sache, weil ich achte auch immer sehr auf Typografie, ich mag das, wenn's irgendwie sch\u00f6n, \u00e4hm, sch\u00f6n pixelgenau designt ist, und, \u00e4h, ich w\u00fcrde mich sehr freuen, wenn das irgendwann kommt, aber wie gesagt, da, \u00e4h, gibt's noch nicht mal einen Can-I-Use-Eintrag dazu."},{"speaker":null,"startTime":4863.52,"endTime":4874.98,"body":" Da gibt's nur die Spec, \u00e4hm, die wir euch verlinken werden in den Shownotes, da k\u00f6nnt ihr auch mal reingucken, \u00e4hm, aber das ist, \u00e4h, ich wei\u00df auch nicht genau, k\u00f6nnte man in der Spec eigentlich, da m\u00fcsste doch irgendwie auch stehen, wann, wie weit und so."},{"speaker":null,"startTime":4875.3,"endTime":4891.36,"body":" Also, das ist jetzt der, der, \u00e4h, der Stand von dieser Spec ist 14. November 2022 von, von dieser Version, die ich, von der neuesten Version, die ich da gefunden hab, \u00e4hm, nat\u00fcrlich ist die Spec auch nicht, \u00e4h, irgendwie eine Gesetzgebung, sondern es m\u00fcssen nat\u00fcrlich die Browser-Hersteller auch noch implementieren."},{"speaker":null,"startTime":4891.36,"endTime":4898.06,"body":" Ich hab jetzt nicht nachgeguckt, ob das irgendwie in diesem Interop, \u00e4h, 2023 drin ist, das k\u00f6nnte ich aber noch gucken."},{"speaker":null,"startTime":4899.4,"endTime":4914.16,"body":" Ja, aber sch\u00f6n zu sehen, dass sich alles so ein bisschen, so, so, so, so kleine, feine Stellschrauben, um die wir uns jetzt endlich k\u00fcmmern k\u00f6nnen, nachdem die gro\u00dfen Baustellen, \u00e4h, im, im CSS-Bereich oder generell im Webdesign, \u00e4hm, jetzt eigentlich so, \u00e4h, mal langsam durch sind."},{"speaker":null,"startTime":4914.28,"endTime":4923.1,"body":" Und Sachen, wo wir echt lange drauf gewartet haben und die lange irgendwie komisch waren oder unzufriedenstellend und jetzt kann man sich wirklich um so, so Kleinigkeiten, vermeintliche Kleinigkeiten k\u00fcmmern."},{"speaker":null,"startTime":4923.1,"endTime":4933.44,"body":" Ja, es wird, es wird immer besser und, \u00e4hm, ja, wie gesagt, wer wei\u00df, ob das jemals kommt, \u00e4hm, weil das ist noch so in so einem Zustand, wo man es nicht, nicht so genau, \u00e4h, absehen kann, aber ich w\u00fcrde mich freuen."},{"speaker":null,"startTime":4933.44,"endTime":4933.82,"body":" Ja."},{"speaker":null,"startTime":4933.82,"endTime":4936.34,"body":" Genau, das dazu."},{"speaker":null,"startTime":4936.34,"endTime":4937.02,"body":" Mensch, dann war's das."},{"speaker":null,"startTime":4937.02,"endTime":4938.04,"body":" Dann sind wir fertig mit dem Thema."},{"speaker":null,"startTime":4938.04,"endTime":4939,"body":" Gut."},{"speaker":null,"startTime":4939,"endTime":4942.28,"body":" Dann kommt jetzt ..."},{"speaker":null,"startTime":4942.28,"endTime":4944.16,"body":" Das Geil-Teil."},{"speaker":null,"startTime":4944.16,"endTime":4947.34,"body":" Geil-Teil."},{"speaker":null,"startTime":4947.34,"endTime":4949.7,"body":" Ja, langsam hab ich's drauf."},{"speaker":null,"startTime":4949.7,"endTime":4950.24,"body":" Ja."},{"speaker":null,"startTime":4950.24,"endTime":4952.28,"body":" Hat ja auch nur drei Jahre gedauert."},{"speaker":null,"startTime":4952.28,"endTime":4961.24,"body":" Das Geil-Teil heute ist eine Seite, wo ich vorhin festgestellt hab, das muss es schon seit sechs oder sieben Jahren geben."},{"speaker":null,"startTime":4961.24,"endTime":4963,"body":" Oder hab ich sogar gesagt acht?"},{"speaker":null,"startTime":4963,"endTime":4964.02,"body":" Ich muss nochmal auf so eine Demo rausklicken."},{"speaker":null,"startTime":4964.02,"endTime":4964.8,"body":" Ich glaube acht, ja."},{"speaker":null,"startTime":4964.8,"endTime":4971.22,"body":" Und zwar, Moment, ich guck nochmal, \u00e4h, ist das tats\u00e4chlich, oh, tats\u00e4chlich acht Jahre, tats\u00e4chlich acht Jahre alt."},{"speaker":null,"startTime":4971.22,"endTime":4973.28,"body":" Okay, das ist komplett an mir vorbeigegangen."},{"speaker":null,"startTime":4973.28,"endTime":4977.06,"body":" Und zwar hei\u00dft die Seite Particle-Love.com."},{"speaker":null,"startTime":4977.06,"endTime":4978.36,"body":" Jetzt darfst du auch mal draufklicken."},{"speaker":null,"startTime":4978.36,"endTime":4979.72,"body":" \u00c4hm."},{"speaker":null,"startTime":4979.72,"endTime":4982.36,"body":" Darf ich auf High klicken oder ist dann der Street dann unsere Aufnahme kaputt?"},{"speaker":null,"startTime":4982.36,"endTime":4983.82,"body":" Das wei\u00df ich nicht."},{"speaker":null,"startTime":4983.82,"endTime":4986.2,"body":" Ich hab jetzt zur Sicherheit mal auf Low geklickt."},{"speaker":null,"startTime":4986.2,"endTime":4986.84,"body":" Okay, ich mach auch mal Low."},{"speaker":null,"startTime":4986.84,"endTime":4990.44,"body":" Aber ich glaube, du kannst die einzelnen Parameter sp\u00e4ter nochmal selbst hochsetzen."},{"speaker":null,"startTime":4990.44,"endTime":4997.16,"body":" Es ist eine Seite, wo so verschiedene Partikel-Systeme, die total fancy aussehen, ja genau, gezeigt werden."},{"speaker":null,"startTime":4997.16,"endTime":4998.6,"body":" Man kann da verschiedene ausw\u00e4hlen."},{"speaker":null,"startTime":4998.72,"endTime":5001.34,"body":" Also das Erste, was ich jetzt ausgew\u00e4hlt habe, warte mal, ich muss gerade mal gucken, wie es hei\u00dft."},{"speaker":null,"startTime":5001.34,"endTime":5002.96,"body":" The Spirit, das ist auch das Erste."},{"speaker":null,"startTime":5002.96,"endTime":5006.74,"body":" \u00c4hm, das sind, \u00e4h, ich versuch's jetzt mal zu beschreiben."},{"speaker":null,"startTime":5006.74,"endTime":5012.94,"body":" Der Maus folgen so ganz viele wei\u00dfe Blobs, \u00e4hm, in so einem wilden Muster."},{"speaker":null,"startTime":5012.94,"endTime":5014.54,"body":" Die sind aber sehr wild animiert drumherum."},{"speaker":null,"startTime":5014.54,"endTime":5017.52,"body":" Und es erinnert sehr stark, ich hab's vorhin schon mal gesagt, es erinnert sehr stark."},{"speaker":null,"startTime":5017.8,"endTime":5028.36,"body":" Und es kommt sp\u00e4ter noch was, was mich \u00e4hnlich stark daran erinnert, an, \u00e4hm, \u00e4h, fantastische Tierwesen von, \u00e4h, J.K. Rowling, diese Filme."},{"speaker":null,"startTime":5028.36,"endTime":5033.8,"body":" Und zwar gibt es da diesen, ich habe vergessen, wie dieses Vieh hei\u00dft."},{"speaker":null,"startTime":5033.8,"endTime":5041.52,"body":" \u00c4hm, da gibt's so einen, einen Charakter, um den sich da viel dreht, der dann aber irgendwie so, \u00e4h, so eine, so eine besondere Form annehmen kann."},{"speaker":null,"startTime":5041.52,"endTime":5044.24,"body":" Und so morft und so durch die Gegend fliegt und irgendwie durchdreht."},{"speaker":null,"startTime":5044.24,"endTime":5045.54,"body":" Immer dann, wenn er gereizt wird."},{"speaker":null,"startTime":5045.54,"endTime":5046.82,"body":" Das ist irgendwie so ein Junge."},{"speaker":null,"startTime":5047.42,"endTime":5049.44,"body":" \u00c4hm, und das sieht sehr \u00e4hnlich danach aus."},{"speaker":null,"startTime":5049.44,"endTime":5051.3,"body":" Also ich w\u00fcrde sagen, die haben sich da inspirieren lassen."},{"speaker":null,"startTime":5051.3,"endTime":5053.82,"body":" Der Film hat sich da inspirieren lassen, weil das gab's ja vor acht Jahren schon."},{"speaker":null,"startTime":5053.82,"endTime":5056.18,"body":" So, also es ist, es sind so Partikel, die rumanimieren."},{"speaker":null,"startTime":5056.18,"endTime":5057.1,"body":" Das sieht sehr abgefahren aus."},{"speaker":null,"startTime":5057.1,"endTime":5059,"body":" Folgt jetzt in diesem Fall der Maus, dieses Beispiel."},{"speaker":null,"startTime":5059,"endTime":5061.68,"body":" \u00c4hm, es ist tats\u00e4chlich doch recht performant."},{"speaker":null,"startTime":5061.68,"endTime":5065.28,"body":" Und dann kann man aber, das ist das Coole daran, also erstens gibt's den Code dazu auf GitHub."},{"speaker":null,"startTime":5065.28,"endTime":5067.44,"body":" Und man kann sich das angucken."},{"speaker":null,"startTime":5067.44,"endTime":5069.38,"body":" Aber man kann die Parameter auch \u00e4ndern."},{"speaker":null,"startTime":5069.38,"endTime":5074.88,"body":" Rechts oben, \u00e4hm, gibt es zu jeder Demo Parameter, die man in dieser einzelnen Demo \u00e4ndern kann."},{"speaker":null,"startTime":5074.88,"endTime":5077.4,"body":" Also zum Beispiel kann ich jetzt die Menge der Partikel \u00e4ndern."},{"speaker":null,"startTime":5077.42,"endTime":5079.72,"body":" Ich lass die jetzt mal bei 65.000, muss man sagen."},{"speaker":null,"startTime":5079.72,"endTime":5082.04,"body":" Standard 65.000 Partikel, ja."},{"speaker":null,"startTime":5082.04,"endTime":5083.88,"body":" Die Geschwindigkeit kann ich \u00e4ndern."},{"speaker":null,"startTime":5083.88,"endTime":5085.46,"body":" \u00c4hm, den Radius kann ich \u00e4ndern."},{"speaker":null,"startTime":5085.46,"endTime":5087.92,"body":" Und dann sieht das Ding jedes Mal irgendwie ein bisschen anders aus."},{"speaker":null,"startTime":5088.04,"endTime":5092.06,"body":" Attraction, ich nehme an, dass das was mit der Gravitation zu tun hat, wie schnell das wohin fliegt."},{"speaker":null,"startTime":5092.06,"endTime":5094.68,"body":" Follow-Mouse kann ich ein- und ausschalten."},{"speaker":null,"startTime":5094.68,"endTime":5097.64,"body":" \u00c4h, wenn ich's ausschalte, dann fliegt's ganz wild durch die Gegend."},{"speaker":null,"startTime":5097.64,"endTime":5098.48,"body":" Das ist ja echt krass."},{"speaker":null,"startTime":5098.48,"endTime":5102.52,"body":" Also es ist wie so eine Wolke an wei\u00dfen Partikeln, die der Maus folgen."},{"speaker":null,"startTime":5102.52,"endTime":5103.42,"body":" Das ist ganz abgefahren."},{"speaker":null,"startTime":5103.42,"endTime":5104.6,"body":" Muss man sich angucken unbedingt."},{"speaker":null,"startTime":5104.6,"endTime":5108.1,"body":" \u00c4hm, ich geh mal noch auf eine andere Demo davon."},{"speaker":null,"startTime":5108.26,"endTime":5110.3,"body":" Also du kannst es auch nicht, so wie du das gerade klingst."},{"speaker":null,"startTime":5110.3,"endTime":5111.18,"body":" Ja, ich finde das krass."},{"speaker":null,"startTime":5111.18,"endTime":5112.22,"body":" Deswegen wie so still."},{"speaker":null,"startTime":5112.22,"endTime":5116.22,"body":" \u00c4hm, und das ist, glaube ich, irgendwie mit Canvas gebaut."},{"speaker":null,"startTime":5116.22,"endTime":5117.9,"body":" K\u00f6nnen wir gleich mal noch gucken."},{"speaker":null,"startTime":5117.9,"endTime":5119.52,"body":" Ja, ja, das muss Canvas sein."},{"speaker":null,"startTime":5119.52,"endTime":5120.22,"body":" Wahrscheinlich irgendwas."},{"speaker":null,"startTime":5120.22,"endTime":5123.92,"body":" \u00c4hm, dann gibt's hier die Demo, \u00e4h, was war die zweite?"},{"speaker":null,"startTime":5123.92,"endTime":5125.12,"body":" Icicle Bubbles."},{"speaker":null,"startTime":5125.22,"endTime":5127.46,"body":" Da gibt's auch noch schlimme Spooky-Sound-Effekte dazu."},{"speaker":null,"startTime":5127.46,"endTime":5130.6,"body":" \u00c4hm, das ist dann das Ganze."},{"speaker":null,"startTime":5130.6,"endTime":5133,"body":" Das sieht so ein bisschen mehr aus wie eine Fl\u00fcssigkeit."},{"speaker":null,"startTime":5133,"endTime":5136.48,"body":" \u00c4h, aber in, in dunkelgrau bis hell."},{"speaker":null,"startTime":5136.48,"endTime":5138.18,"body":" Das ist ja hier mit der Hand."},{"speaker":null,"startTime":5138.18,"endTime":5138.88,"body":" Ist ja krass."},{"speaker":null,"startTime":5138.88,"endTime":5140.28,"body":" Und das, ja genau."},{"speaker":null,"startTime":5140.28,"endTime":5142.04,"body":" So, gehen wir, gehen wir mal noch weiter."},{"speaker":null,"startTime":5142.04,"endTime":5142.98,"body":" Gehen wir mal noch weiter."},{"speaker":null,"startTime":5142.98,"endTime":5144.86,"body":" \u00c4h, ich hab hier jetzt noch Hypermix."},{"speaker":null,"startTime":5144.86,"endTime":5150.2,"body":" \u00c4hm, das sieht aus wie so Zellen, die sich irgendwie reproduzieren."},{"speaker":null,"startTime":5150.2,"endTime":5153.56,"body":" Das sind auch so, so, so B\u00e4lle, aber die sind blau und rot."},{"speaker":null,"startTime":5153.56,"endTime":5156.4,"body":" Und man kann da wohl auch die Farben einstellen und alles."},{"speaker":null,"startTime":5156.4,"endTime":5159.76,"body":" Und, und, es ist, ja, es ist alles sehr, sehr, sehr wild."},{"speaker":null,"startTime":5159.76,"endTime":5164.38,"body":" \u00c4hm, und du hast, \u00e4h, Constraint, glaub ich, offen, gell?"},{"speaker":null,"startTime":5164.38,"endTime":5166.8,"body":" Nee, Constraint, Constraint ist so ein, \u00e4h, ist so wie so eine Art ..."},{"speaker":null,"startTime":5166.8,"endTime":5167.86,"body":" Ist eins danach noch."},{"speaker":null,"startTime":5167.86,"endTime":5173.1,"body":" Ist wie so eine Art, \u00e4h, Spinnennetz in 3D, was sich bewegt."},{"speaker":null,"startTime":5173.1,"endTime":5173.94,"body":" Ganz verr\u00fcckt."},{"speaker":null,"startTime":5173.94,"endTime":5177.58,"body":" Also, es ist alles auf jeden Fall Material f\u00fcr Horrorfilme oder Horrorspiele."},{"speaker":null,"startTime":5177.58,"endTime":5181.18,"body":" Ja, genau, Touch with Leap Motion."},{"speaker":null,"startTime":5181.52,"endTime":5184.38,"body":" Da f\u00e4llt wie so Sand von oben nach unten."},{"speaker":null,"startTime":5184.38,"endTime":5189.6,"body":" Und man kann mit der Maus eine 3D-Hand bewegen, die man da in den Weg tut."},{"speaker":null,"startTime":5189.6,"endTime":5192.6,"body":" Und dann fallen diese Sandk\u00f6rner anders nach unten."},{"speaker":null,"startTime":5192.6,"endTime":5193.48,"body":" N\u00e4mlich \u00fcber die Hand."},{"speaker":null,"startTime":5193.48,"endTime":5196.1,"body":" Oder manche bleiben halt auf der Hand oder fallen prallen von der Hand wieder ab."},{"speaker":null,"startTime":5196.1,"endTime":5198.94,"body":" Es ist total abgefahren."},{"speaker":null,"startTime":5198.94,"endTime":5202.64,"body":" \u00c4hm, und, \u00e4h, ich wei\u00df nicht genau, unter was f\u00fcr einer Lizenz das steht,"},{"speaker":null,"startTime":5202.64,"endTime":5205.58,"body":" ob man irgendwie sowas auch auf seiner eigenen Webseite dann irgendwie einbinden kann."},{"speaker":null,"startTime":5205.58,"endTime":5209.48,"body":" \u00c4hm, ich finde ja alleine schon die Startseite davon total faszinierend."},{"speaker":null,"startTime":5209.48,"endTime":5214.6,"body":" Ich wollte gerade sagen, der Auswahlbildschirm, also der sich ver\u00e4ndert auch, je nachdem, was ich ausw\u00e4hle."},{"speaker":null,"startTime":5214.6,"endTime":5215.6,"body":" Das fand ich schon geil."},{"speaker":null,"startTime":5215.6,"endTime":5219.12,"body":" Also, ich h\u00e4tte gar nicht mal erwartet, dass man da noch klicken kann und dann passiert noch was Geileres."},{"speaker":null,"startTime":5219.12,"endTime":5220.12,"body":" Also, das ist ja echt Hammer."},{"speaker":null,"startTime":5220.12,"endTime":5221.84,"body":" Das sieht so Science-Fiction-m\u00e4\u00dfig aus."},{"speaker":null,"startTime":5221.84,"endTime":5224.14,"body":" Und das ist tats\u00e4chlich MIT-License."},{"speaker":null,"startTime":5224.14,"endTime":5227.16,"body":" Du kannst das, \u00e4h, benutzen, wenn du's m\u00f6chtest."},{"speaker":null,"startTime":5227.16,"endTime":5230.32,"body":" Vielleicht noch sagen, von Aaron Kwan w\u00fcrde ich das jetzt mal aussprechen."},{"speaker":null,"startTime":5230.32,"endTime":5232.52,"body":" Ich wei\u00df nicht, ob ich den Namen, wahrscheinlich hab ich ihn falsch gesagt."},{"speaker":null,"startTime":5233.16,"endTime":5237.4,"body":" \u00c4hm, auf jeden Fall wei\u00df ich, dass ich da auch schon Demos gesehen hab bei CodePen."},{"speaker":null,"startTime":5237.4,"endTime":5240.84,"body":" \u00c4hm, die gibt es, also, es gibt auf jeden Fall auch CodePens davon."},{"speaker":null,"startTime":5240.84,"endTime":5246,"body":" Ich wei\u00df jetzt nicht, ob die irgendjemand da rauskopiert hat oder ob das die Person, die das selbst erstellt hat, bei CodePen reinhat."},{"speaker":null,"startTime":5246,"endTime":5249.84,"body":" Da bin ich n\u00e4mlich urspr\u00fcnglich drauf gesto\u00dfen und hab dann gedacht, hey, da muss ich jetzt irgendwie nochmal nachgoogeln."},{"speaker":null,"startTime":5249.94,"endTime":5252.4,"body":" Dann hab ich diese Seite gefunden und die ist eigentlich fast noch cooler."},{"speaker":null,"startTime":5252.4,"endTime":5258.02,"body":" \u00c4hm, geil ist halt echt, dass man an diesen Parametern rumspielen kann und das komplett ver\u00e4ndern kann, wie es aussieht."},{"speaker":null,"startTime":5258.02,"endTime":5260.14,"body":" Also, es ist echt sehr abgefahren."},{"speaker":null,"startTime":5260.14,"endTime":5264.02,"body":" \u00c4h, geile Sache, die uralt ist offenbar, die komplett an mir vorbeigegangen ist."},{"speaker":null,"startTime":5264.02,"endTime":5264.84,"body":" \u00c4h, sehr h\u00fcbsch."},{"speaker":null,"startTime":5264.84,"endTime":5270.7,"body":" Und ich glaube, wenn man so ein bisschen \u00fcber Partikelsysteme, \u00e4hm, auf Webseiten was lernen will, dann sollte man sich das mal angucken."},{"speaker":null,"startTime":5270.7,"endTime":5272,"body":" Ich glaub, da kann man einiges lernen."},{"speaker":null,"startTime":5272,"endTime":5272.46,"body":" Cool."},{"speaker":null,"startTime":5272.46,"endTime":5278.52,"body":" Und ich glaub, damit kann man, wenn man m\u00f6chte und die Parameter richtig einstellt, seinen Rechner auch richtig sch\u00f6n in die Knie zu gehen oder mal den L\u00fcfter anmachen oder so."},{"speaker":null,"startTime":5279.24,"endTime":5285.8,"body":" Kann man mal gucken, ob die, was die Grafikkarte so drauf hat, wenn du halt mal auf so und so viele Millionen Partikel dann gehst und dann mal schauen, was geht."},{"speaker":null,"startTime":5285.8,"endTime":5288.82,"body":" Jo, das war das Geilteil heute."},{"speaker":null,"startTime":5288.82,"endTime":5290.18,"body":" Cool."},{"speaker":null,"startTime":5290.18,"endTime":5291.8,"body":" Sehr sch\u00f6n."},{"speaker":null,"startTime":5291.8,"endTime":5294.38,"body":" Dann kommt."},{"speaker":null,"startTime":5294.38,"endTime":5298.56,"body":" Das Ende."},{"speaker":null,"startTime":5298.56,"endTime":5302.28,"body":" Schafft."},{"speaker":null,"startTime":5302.28,"endTime":5308.02,"body":" Mensch, ich bin echt nicht so m\u00fcde wie mit Bier, muss ich sagen."},{"speaker":null,"startTime":5308.54,"endTime":5315.98,"body":" Und wir haben auch jetzt uns tats\u00e4chlich trotz vier Properties, \u00e4h, sind wir relativ flott jetzt durchgekommen hier durch den ganzen Schlammhersel."},{"speaker":null,"startTime":5315.98,"endTime":5320.76,"body":" Ist ja fast eine kurze Sendung f\u00fcr unsere Verh\u00e4ltnisse, muss ich sagen, ja."},{"speaker":null,"startTime":5320.76,"endTime":5323.46,"body":" Ja, wir hatten schon, es ist nicht die k\u00fcrzeste, aber."},{"speaker":null,"startTime":5323.46,"endTime":5324.24,"body":" Nee, nee, nee, wir hatten schon."},{"speaker":null,"startTime":5324.24,"endTime":5326.6,"body":" Aber, ja, es ist schon eine der k\u00fcrzesten."},{"speaker":null,"startTime":5326.6,"endTime":5327.8,"body":" War so ein bisschen zu verschnaufen."},{"speaker":null,"startTime":5327.8,"endTime":5329.66,"body":" Au\u00dfer wir verplabbern uns jetzt noch."},{"speaker":null,"startTime":5329.92,"endTime":5333.8,"body":" Nee, das machen wir nicht, aber wir, \u00e4hm, sagen wir euch nochmal kurz unsere Faxnummer."},{"speaker":null,"startTime":5333.8,"endTime":5337.36,"body":" 072147046487."},{"speaker":null,"startTime":5340.34,"endTime":5341,"body":" Fax uns."},{"speaker":null,"startTime":5341,"endTime":5346,"body":" Wo wir sind, ist vorne Frontend-Faxen-Frotzelein."},{"speaker":null,"startTime":5346,"endTime":5347.78,"body":" Ihr k\u00f6nnt unseren Merch auch per Fax bestellen."},{"speaker":null,"startTime":5348.78,"endTime":5354.32,"body":" Ach so, unser Merch, genau, wir k\u00f6nnten auf unser Merch, genau, genau, wwwsev.de slash Merch."},{"speaker":null,"startTime":5354.32,"endTime":5359,"body":" Da k\u00f6nnt ihr, da k\u00f6nnt ihr T-Shirts und Tassen bestellen oder auch Hoodies und sowas."},{"speaker":null,"startTime":5359,"endTime":5362.5,"body":" \u00c4hm, genau, da k\u00f6nnen wir noch auf ein paar Sachen hinweisen hier."},{"speaker":null,"startTime":5362.5,"endTime":5364.08,"body":" Das ist ja eigentlich gut, schon lange nicht mehr."},{"speaker":null,"startTime":5364.38,"endTime":5367.14,"body":" Da gibt's auch jetzt ja ein neues Motiv, das haben wir ja schon mal gesagt."},{"speaker":null,"startTime":5367.14,"endTime":5373.04,"body":" \u00c4hm, und ihr braucht nat\u00fcrlich, \u00e4h, wenn, wenn ihr uns, wenn wir uns irgendwann mal sehen,"},{"speaker":null,"startTime":5373.04,"endTime":5377.44,"body":" dann erwarten wir nat\u00fcrlich, dass ihr in einem WWSEV-Hoodie auftaucht."},{"speaker":null,"startTime":5377.44,"endTime":5378.44,"body":" Das geht ja gar nicht anders."},{"speaker":null,"startTime":5378.44,"endTime":5380.42,"body":" Also anders ist eigentlich ja gar nicht erlaubt, ne?"},{"speaker":null,"startTime":5380.42,"endTime":5386.06,"body":" So, genau, schaut euch mal unser Merch an, wwwsev.de slash Merch."},{"speaker":null,"startTime":5386.06,"endTime":5387,"body":" Okay."},{"speaker":null,"startTime":5387,"endTime":5393.3,"body":" Und damit w\u00e4ren wir am Ende, glaube ich, jetzt, das war's jetzt, genau, verabschieden wir uns."},{"speaker":null,"startTime":5393.3,"endTime":5397.26,"body":" Und, \u00e4h, ja, vielleicht machen wir n\u00e4chstes Mal mit den, mit den HTML-Elementen weiter."},{"speaker":null,"startTime":5397.26,"endTime":5398.6,"body":" Und dann danke f\u00fcrs Zuh\u00f6ren."},{"speaker":null,"startTime":5398.6,"endTime":5400.48,"body":" Und bis zum n\u00e4chsten Mal."},{"speaker":null,"startTime":5400.48,"endTime":5401.46,"body":" Bis dann."},{"speaker":null,"startTime":5422.22,"endTime":5427.48,"body":" Bis dann."}]}