{"version":"1.0.0","segments":[{"speaker":null,"startTime":0,"endTime":5.18,"body":" Wo wir sind, ist vorne, Folge 57, heute live von der Gulasch-Programmier-Nacht in Karlsruhe."},{"speaker":null,"startTime":5.18,"endTime":23.84,"body":" Herzlich willkommen bei Wo wir sind, ist vorne, Frontend-Fakten-Frotzelein,"},{"speaker":null,"startTime":23.84,"endTime":27.86,"body":" der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung."},{"speaker":null,"startTime":30,"endTime":39.58,"body":" Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gie\u00dfmann und JavaScript-Jongleur Konstantin Gro\u00df."},{"speaker":null,"startTime":57.58,"endTime":66.1,"body":" Ja, herzlich willkommen, sch\u00f6n, dass ihr alle hier seid und sch\u00f6n, dass ihr auch da seid an den Empfangsger\u00e4ten zu Hause."},{"speaker":null,"startTime":66.1,"endTime":71.46,"body":" Ja, man kann uns n\u00e4mlich auch, wenn man das jetzt im Podcast h\u00f6rt, man kann uns auch live sehen, also nicht live,"},{"speaker":null,"startTime":71.46,"endTime":74.74,"body":" aber man kann die Folge, die wir jetzt gerade live aufnehmen, kann man dann im Nachhinein auch sehen."},{"speaker":null,"startTime":74.74,"endTime":77.32,"body":" Die UL kommt nat\u00fcrlich in die Shownotes."},{"speaker":null,"startTime":77.32,"endTime":78.78,"body":" Genau."},{"speaker":null,"startTime":79.42,"endTime":84.4,"body":" Ja, ein paar Menschen haben sich gefunden, ist aber nett, dass wir nicht allein hier sind."},{"speaker":null,"startTime":84.4,"endTime":89.26,"body":" Wir machen mal hier so Show of Hands, wer kennt uns denn noch \u00fcberhaupt nicht?"},{"speaker":null,"startTime":89.26,"endTime":92.08,"body":" Oh, okay."},{"speaker":null,"startTime":92.08,"endTime":92.86,"body":" Fast alle."},{"speaker":null,"startTime":92.86,"endTime":94.32,"body":" Also wir m\u00fcssen uns benehmen."},{"speaker":null,"startTime":95.38,"endTime":97.26,"body":" Und wer h\u00f6rt den Podcast ab und zu?"},{"speaker":null,"startTime":97.26,"endTime":98.4,"body":" Wahrscheinlich die vordere Reihe nur."},{"speaker":null,"startTime":98.4,"endTime":99.1,"body":" Ja, okay."},{"speaker":null,"startTime":99.1,"endTime":100,"body":" Ah, okay."},{"speaker":null,"startTime":100,"endTime":102.8,"body":" Wer schaut den Stream ab und zu?"},{"speaker":null,"startTime":102.8,"endTime":104.46,"body":" Okay, auch nur die vordere Reihe."},{"speaker":null,"startTime":104.46,"endTime":106.06,"body":" Gut, hab ich mir fast gedacht."},{"speaker":null,"startTime":106.06,"endTime":107.48,"body":" Und wer ist nicht freiwillig hier?"},{"speaker":null,"startTime":107.48,"endTime":108.88,"body":" Okay."},{"speaker":null,"startTime":108.88,"endTime":109.56,"body":" Okay."},{"speaker":null,"startTime":109.56,"endTime":112.36,"body":" Das ganze Bock ist nicht freiwillig hier."},{"speaker":null,"startTime":112.36,"endTime":113.04,"body":" Okay, alles klar."},{"speaker":null,"startTime":113.04,"endTime":115.78,"body":" Ja, aber ihr macht das doch, weil es Freude macht, oder?"},{"speaker":null,"startTime":116.46,"endTime":118.34,"body":" Ja, ja, ja, genau."},{"speaker":null,"startTime":118.34,"endTime":122.64,"body":" Ja, genau."},{"speaker":null,"startTime":122.64,"endTime":127.08,"body":" Jetzt, glaube ich, da m\u00fcssen wir uns kurz vorstellen, wer wir sind und was wir so machen."},{"speaker":null,"startTime":127.08,"endTime":132.88,"body":" Weil, wenn die meisten hier uns nicht kennen, gut in unserem Podcast, wenn wir es dann sp\u00e4ter ver\u00f6ffentlichen, dann..."},{"speaker":null,"startTime":132.88,"endTime":133.92,"body":" Das ist halt langweilig, oder?"},{"speaker":null,"startTime":133.92,"endTime":140.46,"body":" Ja, egal, aber das sind ja vielleicht dann auch der eine oder die andere dabei, die das dann zum ersten Mal h\u00f6rt."},{"speaker":null,"startTime":140.46,"endTime":141.24,"body":" Genau."},{"speaker":null,"startTime":141.24,"endTime":143.3,"body":" Ja, ich bin Moritz."},{"speaker":null,"startTime":143.3,"endTime":144.28,"body":" Ich bin Konstantin."},{"speaker":null,"startTime":144.62,"endTime":148.32,"body":" Wir machen Frontend-Development und wir reden viel dr\u00fcber, wir reden gerne dr\u00fcber."},{"speaker":null,"startTime":148.32,"endTime":151.5,"body":" Wir machen das jetzt auch schon relativ lange, also wir haben was zu erz\u00e4hlen, glaube ich, oder?"},{"speaker":null,"startTime":151.5,"endTime":153.62,"body":" Ja, wir erz\u00e4hlen halt was."},{"speaker":null,"startTime":153.62,"endTime":160,"body":" Also, die Wahrheit ist, also wir haben halt irgendwann mal gesagt, der Unterschied zwischen Podcaster und Nicht-Podcaster ist halt, dass wir halt podcasten."},{"speaker":null,"startTime":160,"endTime":166.7,"body":" Also, das hat nicht unbedingt jetzt was mit, dass wir schlauer sind als andere zu tun, sondern wir reden halt im Mikrofon statt irgendwo..."},{"speaker":null,"startTime":166.7,"endTime":171.18,"body":" Genau, wir sa\u00dfen oft zusammen irgendwie bei einem Bier und haben gesagt, Mensch, eigentlich k\u00f6nnte man da fast einen Podcast draus machen."},{"speaker":null,"startTime":171.18,"endTime":173.18,"body":" Und dann haben wir irgendwann zwei Mikros hingestellt und haben das gemacht."},{"speaker":null,"startTime":173.84,"endTime":174.88,"body":" Genau, so ist es entstanden."},{"speaker":null,"startTime":174.88,"endTime":177.66,"body":" Also, so dieses, ich glaube, viele Podcasts sind so entstanden."},{"speaker":null,"startTime":177.66,"endTime":180.92,"body":" So, hey, warum haben wir jetzt nicht gerade ein Mikrofon nebendran gestellt und beim n\u00e4chsten Mal haben wir es dann gemacht."},{"speaker":null,"startTime":180.92,"endTime":184.56,"body":" Haben dann zwischendurch noch ein halbes Jahr damit verbracht, die Webseite zu programmieren."},{"speaker":null,"startTime":184.56,"endTime":185.68,"body":" Ungef\u00e4hr."},{"speaker":null,"startTime":186.38,"endTime":190.08,"body":" Weil wir halt Frontendler sind, das muss dann halt irgendwie halbwegs fein aussehen."},{"speaker":null,"startTime":190.08,"endTime":191.7,"body":" Genau, vier Jahre machen wir das jetzt, glaube ich schon, ne?"},{"speaker":null,"startTime":191.7,"endTime":192.72,"body":" Dieses Jahr."},{"speaker":null,"startTime":192.72,"endTime":193.74,"body":" So lange, oh Gott."},{"speaker":null,"startTime":193.74,"endTime":197.98,"body":" Ja, \u00e4hm, ja, was machen wir so im Podcast?"},{"speaker":null,"startTime":197.98,"endTime":201.64,"body":" Wir erz\u00e4hlen aus unserem Development-Alltag."},{"speaker":null,"startTime":201.64,"endTime":205.28,"body":" Wir schauen uns immer mal wieder neue Sachen an."},{"speaker":null,"startTime":205.28,"endTime":208.92,"body":" Kommen wir auch nachher gleich noch zu verschiedenen Kategorien, die wir da haben."},{"speaker":null,"startTime":208.92,"endTime":211.12,"body":" Sollen wir mit was zu trinken?"},{"speaker":null,"startTime":211.18,"endTime":211.78,"body":" Wir sitzen auf dem Trocknen."},{"speaker":null,"startTime":211.78,"endTime":212.72,"body":" Ja, wir m\u00fcssen, wir m\u00fcssen jetzt."},{"speaker":null,"startTime":212.72,"endTime":217.72,"body":" Genau, wir haben n\u00e4mlich immer traditionell, beginnen wir jede Folge mit einem Kaltgetr\u00e4nk."},{"speaker":null,"startTime":217.72,"endTime":220,"body":" Fr\u00fcher war es immer Bier."},{"speaker":null,"startTime":220,"endTime":222.94,"body":" Aber irgendwann haben wir irgendwann gesagt, wir werden schon zu Podcast-Alkoholikern."},{"speaker":null,"startTime":223.56,"endTime":226.72,"body":" Deswegen ist es jetzt oft was Alkoholfreies, aber heute habe ich tats\u00e4chlich auch wieder"},{"speaker":null,"startTime":226.72,"endTime":227.24,"body":" was Alkoholik."},{"speaker":null,"startTime":227.24,"endTime":228.02,"body":" Aber das ist serious."},{"speaker":null,"startTime":228.02,"endTime":231.32,"body":" Wenn man dann irgendwann einmal die Woche streamt und einmal die Woche podcastet, dann trinkt"},{"speaker":null,"startTime":231.32,"endTime":233.52,"body":" man mindestens zwei Flaschen Bier pro Woche."},{"speaker":null,"startTime":233.52,"endTime":234.24,"body":" Und das ist schon regelm\u00e4\u00dfig."},{"speaker":null,"startTime":234.24,"endTime":234.64,"body":" Das ist regelm\u00e4\u00dfig."},{"speaker":null,"startTime":234.64,"endTime":236.88,"body":" Das ist auch so Frageb\u00f6gen, so trinken Sie regelm\u00e4\u00dfig Alkohol."},{"speaker":null,"startTime":236.88,"endTime":241.96,"body":" Aber ich habe heute also tats\u00e4chlich ausnahmsweise zur Feier des Tages, \u00e4hm, ich hatte, ich"},{"speaker":null,"startTime":241.96,"endTime":244.28,"body":" hatte, ich hatte, nee, wo ist mein Becher?"},{"speaker":null,"startTime":244.28,"endTime":245.22,"body":" Ah, das ist mein Becher."},{"speaker":null,"startTime":245.22,"endTime":245.58,"body":" Sehr gut."},{"speaker":null,"startTime":245.58,"endTime":250.32,"body":" Ich war ja im Urlaub in \u00d6sterreich oder an der Grenze zu \u00d6sterreich und habe dir was mitgebracht."},{"speaker":null,"startTime":250.32,"endTime":252.64,"body":" Und zwar einmal vom Stiegelbr\u00e4u in Salzburg."},{"speaker":null,"startTime":252.74,"endTime":253.44,"body":" Das ist jetzt wie, ja."},{"speaker":null,"startTime":253.44,"endTime":254.94,"body":" Das ist eigentlich f\u00fcr jetzt hier."},{"speaker":null,"startTime":254.94,"endTime":257.42,"body":" Schneewei\u00dfchen und Orangenrot hei\u00dft das, so ein Bier."},{"speaker":null,"startTime":257.42,"endTime":260.76,"body":" Und Almdudler, Marte, Guarana."},{"speaker":null,"startTime":260.76,"endTime":262.46,"body":" Das ist auch ein sehr h\u00fcbsches Etikett."},{"speaker":null,"startTime":262.46,"endTime":265.24,"body":" Almdudler, Marte, Guarana."},{"speaker":null,"startTime":265.24,"endTime":269.34,"body":" Und hier den guten alten Flaschen, Dosen\u00f6ffner, universell von der Oma, Erbst\u00fcck."},{"speaker":null,"startTime":269.34,"endTime":269.84,"body":" Sehr gut."},{"speaker":null,"startTime":269.84,"endTime":275.06,"body":" Das ist, ja, in der Zeit, als man noch Sachen so produziert hat, dass sie 100 Jahre halten."},{"speaker":null,"startTime":275.06,"endTime":281.06,"body":" Aber hier, Marte, Guarana, Almdudler, das klingt so ein bisschen wie Bio-Brause-Pastinake oder so."},{"speaker":null,"startTime":281.92,"endTime":283.96,"body":" Der eine oder andere kennt es vielleicht vom K\u00e4nguru."},{"speaker":null,"startTime":283.96,"endTime":284.8,"body":" Ich habe es leider nicht erfunden."},{"speaker":null,"startTime":284.8,"endTime":287.62,"body":" So, was, wie, achso, Moment."},{"speaker":null,"startTime":287.62,"endTime":288.64,"body":" Muss ich jetzt entscheiden, was du..."},{"speaker":null,"startTime":288.64,"endTime":288.98,"body":" Das ist ja gar nicht."},{"speaker":null,"startTime":288.98,"endTime":291.02,"body":" Achso, wir fangen hier mit, ich will das jetzt mal probieren."},{"speaker":null,"startTime":291.02,"endTime":291.96,"body":" Achtung, das sch\u00e4umt ein bisschen."},{"speaker":null,"startTime":291.96,"endTime":293.84,"body":" Das ist von dem Rad durchgesch\u00fcttelt worden."},{"speaker":null,"startTime":293.84,"endTime":295.74,"body":" Achso, du hast auch eine."},{"speaker":null,"startTime":295.74,"endTime":295.98,"body":" Perfekt."},{"speaker":null,"startTime":295.98,"endTime":296.94,"body":" Ja, ja, ich habe, \u00e4h, so."},{"speaker":null,"startTime":296.94,"endTime":299.7,"body":" Okay, und dann, aber warte mal, das ist gleich auch noch aufmachen."},{"speaker":null,"startTime":299.7,"endTime":301.12,"body":" Achso, hier f\u00fcr ASMR."},{"speaker":null,"startTime":301.12,"endTime":306.38,"body":" Das machen wir in unserem Podcast und Stream immer, dass wir alle mith\u00f6ren d\u00fcrfen, wie"},{"speaker":null,"startTime":306.38,"endTime":307.46,"body":" sie unsere Getr\u00e4nke anh\u00f6ren."},{"speaker":null,"startTime":307.46,"endTime":310.1,"body":" Ihr wartet auf Technik und so, gell?"},{"speaker":null,"startTime":310.1,"endTime":311.86,"body":" Tja, da k\u00f6nnt ihr lange warten."},{"speaker":null,"startTime":313.34,"endTime":316.48,"body":" Also es ist oft so, dass wir irgendwie eine Dreiviertelstunde brauchen in der Folge, bis"},{"speaker":null,"startTime":316.48,"endTime":317.76,"body":" wir dann zum Technikteil kommen."},{"speaker":null,"startTime":317.76,"endTime":320.44,"body":" Aber die Folgen sind auch manchmal vier Stunden lang, also."},{"speaker":null,"startTime":320.44,"endTime":323.06,"body":" Genau, heute haben wir nur eine, also wir m\u00fcssen uns, glaube ich, ein bisschen ranhalten."},{"speaker":null,"startTime":323.06,"endTime":324.46,"body":" Jetzt k\u00f6nnen wir echt mal in echt Ansto\u00df."},{"speaker":null,"startTime":324.68,"endTime":328.44,"body":" Normalerweise sto\u00dfen wir immer durch ein Portal an, weil jeder bei sich zu Hause sitzt."},{"speaker":null,"startTime":328.44,"endTime":330.46,"body":" Aber, mhm."},{"speaker":null,"startTime":330.46,"endTime":334.86,"body":" Man muss dazu sagen, vielleicht f\u00fcr die, die es jetzt nicht sehen k\u00f6nnen, es ist eine"},{"speaker":null,"startTime":334.86,"endTime":335.9,"body":" sehr, sehr kleine Flasche."},{"speaker":null,"startTime":335.9,"endTime":337.88,"body":" \u00c4hm, null."},{"speaker":null,"startTime":337.88,"endTime":338.48,"body":" Nee, wei\u00df ich nicht."},{"speaker":null,"startTime":338.48,"endTime":339.52,"body":" Orangenrot, wer ist noch?"},{"speaker":null,"startTime":339.52,"endTime":340.44,"body":" Der ist da drauf gekommen."},{"speaker":null,"startTime":340.44,"endTime":343.04,"body":" Kostnotiz des Braumeisters."},{"speaker":null,"startTime":343.04,"endTime":343.84,"body":" Ich lese kurz vor."},{"speaker":null,"startTime":343.84,"endTime":349.72,"body":" Strohblond, schaumgekr\u00f6nt, fruchtig, runde, Zitrusorangenaromatik, schlank und mild,"},{"speaker":null,"startTime":349.72,"endTime":352.2,"body":" angenehm, spritzig und belebend, trockener Abgang."},{"speaker":null,"startTime":352.2,"endTime":353.02,"body":" Also eigentlich alles."},{"speaker":null,"startTime":353.1,"endTime":353.92,"body":" Habe ich jetzt nicht gemerkt."},{"speaker":null,"startTime":353.92,"endTime":354.78,"body":" Schmeckt halt nach Bier."},{"speaker":null,"startTime":354.78,"endTime":355.36,"body":" Ja."},{"speaker":null,"startTime":355.36,"endTime":356.26,"body":" So."},{"speaker":null,"startTime":356.26,"endTime":357.4,"body":" \u00c4h, genau."},{"speaker":null,"startTime":357.4,"endTime":357.92,"body":" Also wir machen..."},{"speaker":null,"startTime":357.92,"endTime":359.32,"body":" Der Biersummel hier spricht aus dir."},{"speaker":null,"startTime":359.32,"endTime":360.24,"body":" Du hast richtig Ahnung."},{"speaker":null,"startTime":360.24,"endTime":363.68,"body":" \u00c4hm, wir, \u00e4h, genau, wir machen den Podcast, wir haben aber auch seit, glaube ich, zwei"},{"speaker":null,"startTime":363.68,"endTime":366.46,"body":" Jahren jetzt einen Stream, wo wir dann ein bisschen mehr, weil Podcast ist immer schwierig,"},{"speaker":null,"startTime":366.46,"endTime":371.02,"body":" Technikthemen, Programmierung beibringen durch nur H\u00f6ren, \u00e4hm, und dann haben wir"},{"speaker":null,"startTime":371.02,"endTime":373.4,"body":" gesagt, wir machen einfach, oder ich habe gesagt, wir machen einen Stream, ich musste dann"},{"speaker":null,"startTime":373.4,"endTime":375,"body":" morgens ein bisschen, \u00e4h, \u00fcberrumpeln."},{"speaker":null,"startTime":375,"endTime":376.1,"body":" Stimmt, das war komisch."},{"speaker":null,"startTime":376.1,"endTime":380.02,"body":" Ich musste Konstantin dazu \u00fcberreden, dass, was wir Podcast machen, und er musste mich dazu"},{"speaker":null,"startTime":380.02,"endTime":383.16,"body":" \u00fcberreden, mein Radiogesicht, \u00e4h, ins Fernsehen zu halten."},{"speaker":null,"startTime":383.16,"endTime":386.82,"body":" war eigentlich, hey, cool, dann k\u00f6nnen wir mehr Technik zeigen, und, \u00e4h, manchmal klappt"},{"speaker":null,"startTime":386.82,"endTime":389.28,"body":" das, und manchmal machen wir auch andere Dinge."},{"speaker":null,"startTime":389.28,"endTime":392.94,"body":" Ja, oft ist es so, auch so gemeinsam mit der Community, wir, wir, wir wissen nicht, ob"},{"speaker":null,"startTime":392.94,"endTime":395.94,"body":" das stimmt, aber wir, wir behaupten einfach, wir sind Deutschlands einziger Stream mit"},{"speaker":null,"startTime":395.94,"endTime":397.4,"body":" Faxnummer, also man kann uns einen Fax schicken."},{"speaker":null,"startTime":397.4,"endTime":401.2,"body":" Genau, k\u00f6nnt ihr rechts oben sehen, also, \u00e4h, Faxnummer k\u00f6nnt ihr uns wirklich schicken,"},{"speaker":null,"startTime":401.2,"endTime":402.96,"body":" ihr k\u00f6nnt uns auch jetzt einen Fax schicken, wenn ihr Lust habt."},{"speaker":null,"startTime":402.96,"endTime":405.72,"body":" Genau, wenn, wenn, wenn das reinkommt, lesen wir es am Ende der Sendung vor."},{"speaker":null,"startTime":405.72,"endTime":408.36,"body":" Gucken wir mal, gucken wir mal kurz rein, ob wir einen Fax gekriegt haben, und dann w\u00fcrden"},{"speaker":null,"startTime":408.36,"endTime":409.18,"body":" wir das vielleicht auch zeigen."},{"speaker":null,"startTime":409.18,"endTime":414.72,"body":" \u00c4h, genau, und Hot Hub Stream, lasst euch davon nicht irritieren, dann m\u00fcsst ihr bei Twitch"},{"speaker":null,"startTime":414.72,"endTime":417.76,"body":" mal dazu kommen, dann erkl\u00e4ren wir das genauer, was es damit auf sich hat."},{"speaker":null,"startTime":417.76,"endTime":421.54,"body":" Genau, also, da produzieren wir auf immer so vorteilhafte Bilder wie das hier, oder ich"},{"speaker":null,"startTime":421.54,"endTime":426.56,"body":" spring nochmal irgendwo anders hin, also, ist immer, ist immer sehr, manchmal, manchmal"},{"speaker":null,"startTime":426.56,"endTime":431.38,"body":" spielen wir auch am Ende noch eine Runde, \u00e4hm, aber wir sehen vor allem immer sehr vorteilhaft"},{"speaker":null,"startTime":431.38,"endTime":432.38,"body":" aus dabei."},{"speaker":null,"startTime":432.38,"endTime":434.38,"body":" Immer in jedem Frame, jeder Frame eintreffer."},{"speaker":null,"startTime":434.38,"endTime":438.52,"body":" Ist eigentlich egal, was f\u00fcr ein Video man von sich macht, wenn man sich l\u00e4nger filmt,"},{"speaker":null,"startTime":438.52,"endTime":442.2,"body":" es ist eine sehr hohe Wahrscheinlichkeit, dass der einzelne Frame, den man dabei rauszieht,"},{"speaker":null,"startTime":442.2,"endTime":443.2,"body":" dass der f\u00fcrchterlich aussieht."},{"speaker":null,"startTime":443.2,"endTime":447.14,"body":" Also, ich habe jetzt wirklich nur wild rumgeklickt und irgendjemand sieht immer bl\u00f6d dabei aus."},{"speaker":null,"startTime":447.14,"endTime":449.14,"body":" Vielleicht liegt es an uns."},{"speaker":null,"startTime":449.14,"endTime":450.78,"body":" So, \u00e4h, warte mal, ich muss hier grad mal..."},{"speaker":null,"startTime":450.78,"endTime":455.94,"body":" Ja, also, ich glaube, dann sind wir jetzt mit dem Intro-Teil fertig und kommen zum ersten"},{"speaker":null,"startTime":455.94,"endTime":456.94,"body":" Programmpunkt."},{"speaker":null,"startTime":456.94,"endTime":469.22,"body":" Wenn wir da dieses Bild stehen lassen, ist das ein bisschen verwirrend."},{"speaker":null,"startTime":469.22,"endTime":470.8,"body":" Ja, machen wir was sch\u00f6neres."},{"speaker":null,"startTime":470.8,"endTime":475.18,"body":" Genau, am Anfang von unserem Stream kann man \u00fcbrigens 2048 im Chat spielen."},{"speaker":null,"startTime":475.18,"endTime":477.34,"body":" Wer das Spiel kennt, ist so ein bisschen nerdig."},{"speaker":null,"startTime":477.34,"endTime":479.38,"body":" Man kann da so Zahlen zusammenschieben, bis man..."},{"speaker":null,"startTime":479.38,"endTime":482.18,"body":" Bei uns muss man nur auf 64 kommen, das ist die einfache Variante."},{"speaker":null,"startTime":482.4,"endTime":486.96,"body":" Wir haben nat\u00fcrlich auch alles selber entwickelt und auch im Stream teilweise gezeigt."},{"speaker":null,"startTime":486.96,"endTime":489.9,"body":" Wir haben so ein Soundboard, also das, was wir jetzt hier haben, k\u00f6nnen wir auch im"},{"speaker":null,"startTime":489.9,"endTime":490.9,"body":" Stream."},{"speaker":null,"startTime":490.9,"endTime":496.9,"body":" Und da wir remote sitzen, habe ich da ein Node-Skript gebastelt, was da beziehungsweise NWJS ist,"},{"speaker":null,"startTime":496.9,"endTime":501.7,"body":" das ist so ein kleines Programmchen, das da l\u00e4uft und geht nach drau\u00dfen durch die Firewall"},{"speaker":null,"startTime":501.7,"endTime":504.92,"body":" und der Moritz kann dann auf den Knopf dr\u00fccken und dann spielt das im Stream."},{"speaker":null,"startTime":504.92,"endTime":506.42,"body":" Oder im Podcast."},{"speaker":null,"startTime":506.42,"endTime":507.42,"body":" Ach, du hast es noch."},{"speaker":null,"startTime":507.42,"endTime":508.42,"body":" Ich habe noch ein bisschen..."},{"speaker":null,"startTime":508.42,"endTime":509.42,"body":" Gesch\u00fctze aufgefallen."},{"speaker":null,"startTime":509.42,"endTime":510.42,"body":" Genau."},{"speaker":null,"startTime":510.42,"endTime":514.04,"body":" Aber es sieht jetzt aus, als ob ich der Superalkoholiker w\u00e4re, aber das ist eigentlich f\u00fcr"},{"speaker":null,"startTime":514.04,"endTime":515.04,"body":" euch."},{"speaker":null,"startTime":515.04,"endTime":517.04,"body":" Wenn jemand ein Bier will, k\u00f6nnt ihr es euch hier abholen."},{"speaker":null,"startTime":517.04,"endTime":518.04,"body":" Ja, hier."},{"speaker":null,"startTime":518.04,"endTime":519.04,"body":" Da."},{"speaker":null,"startTime":519.04,"endTime":521.3,"body":" Das ist das gute W\u00f6lfe aus Karlsruhe."},{"speaker":null,"startTime":521.3,"endTime":523.3,"body":" Aber den will ich wieder zur\u00fcck."},{"speaker":null,"startTime":523.3,"endTime":524.3,"body":" Noch jemand?"},{"speaker":null,"startTime":524.3,"endTime":525.3,"body":" Ah."},{"speaker":null,"startTime":525.3,"endTime":526.3,"body":" Sehr gut."},{"speaker":null,"startTime":526.3,"endTime":527.3,"body":" Bittesch\u00f6n."},{"speaker":null,"startTime":527.3,"endTime":528.3,"body":" Hahaha."},{"speaker":null,"startTime":528.3,"endTime":532.88,"body":" Eins brauche ich vielleicht noch f\u00fcr sp\u00e4ter, aber eins w\u00e4re noch, wenn..."},{"speaker":null,"startTime":532.88,"endTime":535.94,"body":" Ich lasse es mal hier stehen, es ist nicht besonders kalt leider."},{"speaker":null,"startTime":535.94,"endTime":540.12,"body":" Also Retro ist bei uns, eigentlich reden wir am Anfang da immer so ein bisschen, was seit"},{"speaker":null,"startTime":540.12,"endTime":541.8,"body":" der letzten Podcast-Folge passiert ist bei uns."},{"speaker":null,"startTime":541.8,"endTime":546,"body":" Also irgendwelche Dinge, die wir auf der Arbeit getan haben, die uns irgendwie ge\u00e4rgert"},{"speaker":null,"startTime":546,"endTime":547.82,"body":" haben oder erfreut haben, mit denen wir uns besch\u00e4ftigt haben."},{"speaker":null,"startTime":547.82,"endTime":554,"body":" Und heute, der Titel, also der Talk kann man ja gar nicht sagen, ihr erwartet das vielleicht"},{"speaker":null,"startTime":554,"endTime":558.66,"body":" irgendwas, wenn ihr \u00fcberhaupt einen technischen Hintergrund habt, Programmierhintergrund, Web, was"},{"speaker":null,"startTime":558.66,"endTime":561.74,"body":" mit Scoping, Hoisting, Kunst, was das war."},{"speaker":null,"startTime":561.74,"endTime":562.74,"body":" Ne."},{"speaker":null,"startTime":562.74,"endTime":563.74,"body":" Ne."},{"speaker":null,"startTime":563.74,"endTime":564.74,"body":" \u00c4hm."},{"speaker":null,"startTime":564.74,"endTime":565.74,"body":" Der Titel ist einfach nur Quatsch."},{"speaker":null,"startTime":565.74,"endTime":566.74,"body":" \u00c4hm."},{"speaker":null,"startTime":566.74,"endTime":567.74,"body":" Ja."},{"speaker":null,"startTime":567.74,"endTime":571.86,"body":" Was passt zu einem Chaos-Event, irgendeine Tech-Anspielung auf Star Wars."},{"speaker":null,"startTime":571.86,"endTime":572.86,"body":" Auf Star Wars."},{"speaker":null,"startTime":572.86,"endTime":573.86,"body":" Genau."},{"speaker":null,"startTime":573.86,"endTime":576.92,"body":" Und wir haben uns nat\u00fcrlich langweiligerweise von Chat-GPT verschiedene Sachen generieren"},{"speaker":null,"startTime":576.92,"endTime":577.92,"body":" lassen."},{"speaker":null,"startTime":577.92,"endTime":580.66,"body":" Und unter anderem kamen da auch noch ein paar andere Titel raus, die nicht so gut waren"},{"speaker":null,"startTime":580.66,"endTime":585.66,"body":" wie der, wie zum Beispiel die R\u00fcckkehr des JSX-E."},{"speaker":null,"startTime":585.66,"endTime":586.66,"body":" I."},{"speaker":null,"startTime":586.66,"endTime":587.66,"body":" Ich hab keine Ahnung, was das ist."},{"speaker":null,"startTime":587.66,"endTime":588.66,"body":" JSX?"},{"speaker":null,"startTime":588.66,"endTime":589.66,"body":" Ne."},{"speaker":null,"startTime":589.66,"endTime":590.66,"body":" Aber minus I."},{"speaker":null,"startTime":590.66,"endTime":592.66,"body":" Achso, damit es mit Jedi passt."},{"speaker":null,"startTime":592.66,"endTime":594.66,"body":" Damit es mit die R\u00fcckkehr der Jedi reicht."},{"speaker":null,"startTime":594.66,"endTime":595.66,"body":" Egal."},{"speaker":null,"startTime":595.66,"endTime":597.66,"body":" Oder das HTML schl\u00e4gt zur\u00fcck."},{"speaker":null,"startTime":597.66,"endTime":600.66,"body":" Also Chat-GPT war da nicht sehr kreativ."},{"speaker":null,"startTime":600.66,"endTime":603.66,"body":" Aber du hast tats\u00e4chlich was zu erz\u00e4hlen."},{"speaker":null,"startTime":603.66,"endTime":605.66,"body":" Naja, das ist nur ganz kurz."},{"speaker":null,"startTime":605.66,"endTime":610.66,"body":" Ich hab am Donnerstag erfolglos die Essensschlange beschallen d\u00fcrfen."},{"speaker":null,"startTime":610.66,"endTime":612.66,"body":" Und dann hat es angefangen zu regnen."},{"speaker":null,"startTime":612.66,"endTime":616.66,"body":" Das war glaube ich der einzige Regen, der \u00fcberhaupt jetzt hier war w\u00e4hrend der GPN,"},{"speaker":null,"startTime":616.66,"endTime":617.66,"body":" war w\u00e4hrend meines DJ-Sets."},{"speaker":null,"startTime":617.66,"endTime":618.66,"body":" Also, danke."},{"speaker":null,"startTime":618.66,"endTime":621.66,"body":" Hattest du \"Why does it always rain on me\" in deiner Playlist?"},{"speaker":null,"startTime":621.66,"endTime":623.66,"body":" Nee, aber \"It's raining men\"."},{"speaker":null,"startTime":623.66,"endTime":624.66,"body":" Ah ja."},{"speaker":null,"startTime":624.66,"endTime":626.66,"body":" Aber das hab ich tats\u00e4chlich erst spontan dann..."},{"speaker":null,"startTime":626.66,"endTime":628.66,"body":" Ja, da m\u00fcssen wir nicht mehr dr\u00fcber reden."},{"speaker":null,"startTime":628.66,"endTime":629.66,"body":" Das haken wir ab."},{"speaker":null,"startTime":629.66,"endTime":632.66,"body":" Wir m\u00fcssen jetzt schnell zu was anderem kommen."},{"speaker":null,"startTime":632.66,"endTime":635.66,"body":" Ja, GPN, Highlights."},{"speaker":null,"startTime":635.66,"endTime":636.66,"body":" Achso, ja, Highlights bislang."},{"speaker":null,"startTime":636.66,"endTime":640.66,"body":" Ich hab zum Beispiel den Talk gesehen \u00fcber das Karlsruher Modell."},{"speaker":null,"startTime":640.66,"endTime":643.66,"body":" Also, wir wohnen zwar schon lange in Karlsruher, wusste ich gar nicht."},{"speaker":null,"startTime":643.66,"endTime":645.66,"body":" Also, nicht so in der Tiefe Bescheid."},{"speaker":null,"startTime":645.66,"endTime":647.66,"body":" Hat das noch jemand gesehen, den Talk \u00fcber das Karlsruher Modell?"},{"speaker":null,"startTime":647.66,"endTime":649.66,"body":" Wei\u00df jemand, was das Karlsruher Modell ist?"},{"speaker":null,"startTime":649.66,"endTime":652.66,"body":" Da geht es darum, dass..."},{"speaker":null,"startTime":652.66,"endTime":654.66,"body":" Das ist, glaube ich, so f\u00fcr Trainsport."},{"speaker":null,"startTime":654.66,"endTime":657.66,"body":" Da bin ich eigentlich, geh\u00f6re ich nicht dazu, aber ist trotzdem super interessant."},{"speaker":null,"startTime":657.66,"endTime":660.66,"body":" Die Stra\u00dfenbahnen in Karlsruher fahren auf der gleichen Spurbreite wie Deutsche Bahn."},{"speaker":null,"startTime":660.66,"endTime":662.66,"body":" Das ist f\u00fcr Stra\u00dfenbahnen eher ungew\u00f6hnlich."},{"speaker":null,"startTime":662.66,"endTime":664.66,"body":" Die haben normalerweise schmalere Spur."},{"speaker":null,"startTime":664.66,"endTime":667.66,"body":" Und deswegen k\u00f6nnen mit entsprechend ausgestatteter Technik"},{"speaker":null,"startTime":667.66,"endTime":670.66,"body":" die Z\u00fcge auch auf normale Deutsche Bahnstrecken fahren."},{"speaker":null,"startTime":670.66,"endTime":673.66,"body":" F\u00e4hrt das eine Strom links runter, das andere f\u00e4hrt hoch und dann k\u00f6nnen die da weiterfahren."},{"speaker":null,"startTime":673.66,"endTime":677.66,"body":" Deswegen kann man von der Innenstadt aus quasi extrem weit fahren mit dem Zug,"},{"speaker":null,"startTime":677.66,"endTime":679.66,"body":" ohne dass man irgendwie an den Hauptbahnhof muss."},{"speaker":null,"startTime":679.66,"endTime":680.66,"body":" Egal."},{"speaker":null,"startTime":680.66,"endTime":685.66,"body":" Das zeigt halt sehr so den Querschnitt und die Vielfalt hier bei der GPN."},{"speaker":null,"startTime":685.66,"endTime":691.66,"body":" Gut, ich meine die Schnittmenge aus Technik-Nerds und Bahn-Nerds ist, glaube ich, eben auch nicht sehr gering."},{"speaker":null,"startTime":691.66,"endTime":694.66,"body":" Aber es zeigt halt ja, um was es hier alles geht."},{"speaker":null,"startTime":694.66,"endTime":695.66,"body":" Also kann man nur empfehlen."},{"speaker":null,"startTime":695.66,"endTime":697.66,"body":" Es ist meine erste GPN auch dieses Jahr."},{"speaker":null,"startTime":697.66,"endTime":699.66,"body":" Aber ich finde es echt cool, was hier geboten wird."},{"speaker":null,"startTime":699.66,"endTime":702.66,"body":" Ich habe leider nicht geschafft, hier mir wirklich Talks vor Ort anzuschauen."},{"speaker":null,"startTime":702.66,"endTime":703.66,"body":" Aus famili\u00e4ren Gr\u00fcnden."},{"speaker":null,"startTime":703.66,"endTime":704.66,"body":" Aber ich habe dann zu Hause die auch nachgeschaut."},{"speaker":null,"startTime":704.66,"endTime":706.66,"body":" Auch das finde ich cool, dass man da wirklich..."},{"speaker":null,"startTime":706.66,"endTime":710.66,"body":" Erstens, dass es hier nichts kostet und du kannst dann auch noch zu Hause das spenden."},{"speaker":null,"startTime":710.66,"endTime":711.66,"body":" Spenden nat\u00fcrlich."},{"speaker":null,"startTime":711.66,"endTime":712.66,"body":" Spenden."},{"speaker":null,"startTime":712.66,"endTime":715.66,"body":" Aber dass man hier einfach reinmarschieren kann, sich das angucken kann, aber auch von zu Hause"},{"speaker":null,"startTime":715.66,"endTime":716.66,"body":" alles nachverfolgen kann."},{"speaker":null,"startTime":716.66,"endTime":717.66,"body":" Sehr cool."},{"speaker":null,"startTime":717.66,"endTime":718.66,"body":" Sehr cooles Konzept."},{"speaker":null,"startTime":718.66,"endTime":719.66,"body":" Ja, sehr geiles Event."},{"speaker":null,"startTime":719.66,"endTime":720.66,"body":" Und sch\u00f6n, dass wir auch hier sein d\u00fcrfen."},{"speaker":null,"startTime":720.66,"endTime":721.66,"body":" Hier nochmal vielleicht..."},{"speaker":null,"startTime":721.66,"endTime":722.66,"body":" Danke, falls er zu..."},{"speaker":null,"startTime":722.66,"endTime":725.66,"body":" Nee, der ist bestimmt schon besch\u00e4ftigt mit seinem Talk sp\u00e4ter."},{"speaker":null,"startTime":725.66,"endTime":728.66,"body":" Danke an Madonius, der uns gefragt hat, ob wir das hier machen wollen."},{"speaker":null,"startTime":728.66,"endTime":729.66,"body":" Genau."},{"speaker":null,"startTime":729.66,"endTime":730.66,"body":" Das ist f\u00fcr uns auch was Neues."},{"speaker":null,"startTime":730.66,"endTime":731.66,"body":" Also deswegen auch..."},{"speaker":null,"startTime":731.66,"endTime":733.66,"body":" Also ein bisschen hat der Titel schon was damit zu tun."},{"speaker":null,"startTime":733.66,"endTime":734.66,"body":" A New Scope."},{"speaker":null,"startTime":734.66,"endTime":735.66,"body":" F\u00fcr uns ist das hier eine neue Scope."},{"speaker":null,"startTime":735.66,"endTime":737.66,"body":" Also wir haben noch nie live auf einer B\u00fchne gesendet."},{"speaker":null,"startTime":737.66,"endTime":739.66,"body":" Aber es kommt noch ein bisschen Technikgesprochen."},{"speaker":null,"startTime":739.66,"endTime":740.66,"body":" Ja, ein bisschen kommt auch noch."},{"speaker":null,"startTime":740.66,"endTime":741.66,"body":" Ein bisschen."},{"speaker":null,"startTime":741.66,"endTime":743.66,"body":" Ihr d\u00fcrft auch rausgehen, wenn es hei\u00dft..."},{"speaker":null,"startTime":743.66,"endTime":747.66,"body":" Achso, ich glaube, du hast nicht mehr geupdatet, aber das macht nichts."},{"speaker":null,"startTime":747.66,"endTime":748.66,"body":" Du wei\u00dft..."},{"speaker":null,"startTime":748.66,"endTime":749.66,"body":" Achso, ja."},{"speaker":null,"startTime":749.66,"endTime":750.66,"body":" Okay."},{"speaker":null,"startTime":750.66,"endTime":751.66,"body":" Genau."},{"speaker":null,"startTime":751.66,"endTime":752.66,"body":" So."},{"speaker":null,"startTime":752.66,"endTime":753.66,"body":" Sollte das nicht automatisch updaten."},{"speaker":null,"startTime":753.66,"endTime":754.66,"body":" Achso, ja."},{"speaker":null,"startTime":754.66,"endTime":755.66,"body":" Tut es aber nicht."},{"speaker":null,"startTime":755.66,"endTime":756.66,"body":" Trello updatet nicht immer automatisch."},{"speaker":null,"startTime":756.66,"endTime":757.66,"body":" Das wissen wir jetzt auch."},{"speaker":null,"startTime":757.66,"endTime":758.66,"body":" Aber vielleicht, weil du..."},{"speaker":null,"startTime":758.66,"endTime":759.66,"body":" Nee, du bist hier nicht im WLAN."},{"speaker":null,"startTime":759.66,"endTime":760.66,"body":" Deswegen."},{"speaker":null,"startTime":760.66,"endTime":761.66,"body":" Achso."},{"speaker":null,"startTime":761.66,"endTime":762.66,"body":" Egal."},{"speaker":null,"startTime":762.66,"endTime":763.66,"body":" Lass es."},{"speaker":null,"startTime":763.66,"endTime":764.66,"body":" Passt schon."},{"speaker":null,"startTime":764.66,"endTime":765.66,"body":" Dann kommt jetzt eigentlich die n\u00e4chste..."},{"speaker":null,"startTime":765.66,"endTime":766.66,"body":" Also ich fahr einfach mal ab."},{"speaker":null,"startTime":766.66,"endTime":767.66,"body":" Ja, mach das."},{"speaker":null,"startTime":767.66,"endTime":770.66,"body":" Die Property der Woche."},{"speaker":null,"startTime":770.66,"endTime":775.66,"body":" Das ist eine Rubrik, die wir normalerweise im Podcast haben."},{"speaker":null,"startTime":775.66,"endTime":781.66,"body":" Und da wir aber heute sehr, sehr, sehr viele Properties haben, die quasi das Thema sind,"},{"speaker":null,"startTime":781.66,"endTime":786.66,"body":" \u00fcberspringen wir das im Prinzip und kommen eigentlich dann direkt zur n\u00e4chsten Rubrik."},{"speaker":null,"startTime":786.66,"endTime":787.66,"body":" Achso, das ist dann..."},{"speaker":null,"startTime":787.66,"endTime":788.66,"body":" Also du musst aber jetzt umstecken, oder?"},{"speaker":null,"startTime":788.66,"endTime":789.66,"body":" Nee, aber erst mal noch ein Jingle."},{"speaker":null,"startTime":789.66,"endTime":791.66,"body":" Ja, das ist eben die Frage, was..."},{"speaker":null,"startTime":791.66,"endTime":792.66,"body":" Oh Gott, wer f\u00e4ngt denn da jetzt an?"},{"speaker":null,"startTime":792.66,"endTime":793.66,"body":" Na ja, egal."},{"speaker":null,"startTime":793.66,"endTime":794.66,"body":" \u00c4hm, dann..."},{"speaker":null,"startTime":794.66,"endTime":795.66,"body":" \u00c4hm, ja."},{"speaker":null,"startTime":795.66,"endTime":806.66,"body":" Das ist ein kleines Spielchen, das wir mit unseren G\u00e4sten, G\u00e4st*innen gerne spielen."},{"speaker":null,"startTime":806.66,"endTime":809.66,"body":" So zum Aufw\u00e4rmen reinkommen, die G\u00e4st*innen kennenlernen."},{"speaker":null,"startTime":809.66,"endTime":810.66,"body":" \u00c4hm, entscheide dich."},{"speaker":null,"startTime":810.66,"endTime":813.66,"body":" Es werden Fragen gestellt \u00e0 la Katze oder Hund."},{"speaker":null,"startTime":813.66,"endTime":815.66,"body":" Und dann muss man aus der Pistole sagen..."},{"speaker":null,"startTime":815.66,"endTime":816.66,"body":" Banane."},{"speaker":null,"startTime":816.66,"endTime":817.66,"body":" Ja, genau."},{"speaker":null,"startTime":817.66,"endTime":818.66,"body":" Nein, nat\u00fcrlich nicht."},{"speaker":null,"startTime":818.66,"endTime":819.66,"body":" Katze."},{"speaker":null,"startTime":819.66,"endTime":823.66,"body":" Wir dachten jetzt, w\u00e4re vielleicht mal ganz nett, so f\u00fcr die, die uns nicht kennen, also f\u00fcr"},{"speaker":null,"startTime":823.66,"endTime":826.66,"body":" die meisten hier und auch f\u00fcr die Leute, die uns regelm\u00e4\u00dfig h\u00f6ren, aber so \u00fcber uns"},{"speaker":null,"startTime":826.66,"endTime":829.66,"body":" noch nicht so wirklich privat, \u00e4h, was wir sind."},{"speaker":null,"startTime":829.66,"endTime":831.66,"body":" Wir spielen das mal mit, mit uns."},{"speaker":null,"startTime":831.66,"endTime":833.66,"body":" Und es ist immer ganz, ganz, \u00e4h, ganz lustig."},{"speaker":null,"startTime":833.66,"endTime":834.66,"body":" Ja."},{"speaker":null,"startTime":834.66,"endTime":837.66,"body":" Es ist ganz lustig, immer den, den, \u00e4h, sich da Fragen auszudenken f\u00fcr die, f\u00fcr die G\u00e4st*innen."},{"speaker":null,"startTime":837.66,"endTime":839.66,"body":" \u00c4hm, aber dass wir selber machen, das w\u00e4re lustig."},{"speaker":null,"startTime":839.66,"endTime":842.66,"body":" Das klang witzig beim Ausdenken, aber ich halte sich mal vor, das war nichts."},{"speaker":null,"startTime":842.66,"endTime":844.66,"body":" Also, magst du anfangen oder soll ich anfangen?"},{"speaker":null,"startTime":844.66,"endTime":846.66,"body":" \u00c4h, ich h\u00e4tt, ich h\u00e4tt's hier."},{"speaker":null,"startTime":846.66,"endTime":848.66,"body":" Du hast es da, aber du hast es auf dem gro\u00dfen Display, dann kann ich es ja sehen."},{"speaker":null,"startTime":848.66,"endTime":849.66,"body":" Dann fang, dann fang ich an."},{"speaker":null,"startTime":849.66,"endTime":850.66,"body":" Achso, achso, ja."},{"speaker":null,"startTime":850.66,"endTime":851.66,"body":" Nee, stimmt."},{"speaker":null,"startTime":851.66,"endTime":852.66,"body":" Ja, dann..."},{"speaker":null,"startTime":852.66,"endTime":854.66,"body":" Ja, wir brauchen aber noch, warte mal hier, \u00e4h..."},{"speaker":null,"startTime":854.66,"endTime":856.66,"body":" \u00c4hm, \u00e4h..."},{"speaker":null,"startTime":856.66,"endTime":858.66,"body":" Bisschen Spannung reinbringen."},{"speaker":null,"startTime":858.66,"endTime":859.66,"body":" Wo ist er denn?"},{"speaker":null,"startTime":859.66,"endTime":861.66,"body":" Achso, das hei\u00dft so, das hat..."},{"speaker":null,"startTime":861.66,"endTime":865.66,"body":" So, das ist echt schon stressig f\u00fcr mich jetzt, allein, wenn ich mich losse."},{"speaker":null,"startTime":865.66,"endTime":869.66,"body":" Okay, \u00e4hm, Red Bull Cola oder Pale Ale?"},{"speaker":null,"startTime":869.66,"endTime":870.66,"body":" Red Bull Cola."},{"speaker":null,"startTime":870.66,"endTime":871.66,"body":" Pizza oder Sushi?"},{"speaker":null,"startTime":871.66,"endTime":872.66,"body":" Sushi."},{"speaker":null,"startTime":872.66,"endTime":873.66,"body":" Pink oder Glitzer?"},{"speaker":null,"startTime":873.66,"endTime":876.66,"body":" \u00c4h, Pink oder Glitzer."},{"speaker":null,"startTime":876.66,"endTime":877.66,"body":" Was jetzt?"},{"speaker":null,"startTime":877.66,"endTime":878.66,"body":" Glitzer."},{"speaker":null,"startTime":878.66,"endTime":880.66,"body":" RGB oder Monochrom?"},{"speaker":null,"startTime":880.66,"endTime":881.66,"body":" RGB."},{"speaker":null,"startTime":881.66,"endTime":883.66,"body":" Schnell oder Perfekt?"},{"speaker":null,"startTime":883.66,"endTime":884.66,"body":" Perfekt."},{"speaker":null,"startTime":884.66,"endTime":887.66,"body":" Vue.js oder Open5.js?"},{"speaker":null,"startTime":887.66,"endTime":889.66,"body":" \u00c4h, Vue.js."},{"speaker":null,"startTime":889.66,"endTime":892.66,"body":" Corona-Warn-App-Anbindung oder OBS-Bugs?"},{"speaker":null,"startTime":892.66,"endTime":894.66,"body":" OBS-Bugs."},{"speaker":null,"startTime":894.66,"endTime":897.66,"body":" 24 Stunden Hot-Hub-Stream oder zwei Wochen Subathon?"},{"speaker":null,"startTime":897.66,"endTime":899.66,"body":" Hot-Hub-Stream."},{"speaker":null,"startTime":899.66,"endTime":902.66,"body":" Worms-Armageddon oder Worms-WMD?"},{"speaker":null,"startTime":902.66,"endTime":903.66,"body":" Worms-WMD."},{"speaker":null,"startTime":903.66,"endTime":905.66,"body":" L\u00fcfter oder kein L\u00fcfter?"},{"speaker":null,"startTime":905.66,"endTime":907.66,"body":" Kein L\u00fcfter."},{"speaker":null,"startTime":907.66,"endTime":909.66,"body":" Blue Screen oder Beach Ball of Death?"},{"speaker":null,"startTime":909.66,"endTime":911.66,"body":" Blue Screen."},{"speaker":null,"startTime":911.66,"endTime":913.66,"body":" GPN oder Beyond Tellerrand?"},{"speaker":null,"startTime":913.66,"endTime":916.66,"body":" Das ist ja gemein jetzt."},{"speaker":null,"startTime":916.66,"endTime":917.66,"body":" Beyond Tellerrand?"},{"speaker":null,"startTime":917.66,"endTime":918.66,"body":" Okay."},{"speaker":null,"startTime":918.66,"endTime":919.66,"body":" Oh, oh, oh, oh."},{"speaker":null,"startTime":919.66,"endTime":921.66,"body":" Okay."},{"speaker":null,"startTime":921.66,"endTime":922.66,"body":" Okay."},{"speaker":null,"startTime":922.66,"endTime":923.66,"body":" Du kannst es laufen lassen."},{"speaker":null,"startTime":923.66,"endTime":924.66,"body":" Achso."},{"speaker":null,"startTime":924.66,"endTime":925.66,"body":" Mach ich erst weiter mit dir."},{"speaker":null,"startTime":925.66,"endTime":926.66,"body":" Okay, dann, ja."},{"speaker":null,"startTime":926.66,"endTime":927.66,"body":" Oh je."},{"speaker":null,"startTime":927.66,"endTime":928.66,"body":" Safari oder Chrome?"},{"speaker":null,"startTime":928.66,"endTime":929.66,"body":" Safari."},{"speaker":null,"startTime":929.66,"endTime":931.66,"body":" Accessibility oder Usability?"},{"speaker":null,"startTime":931.66,"endTime":933.66,"body":" Accessibility."},{"speaker":null,"startTime":933.66,"endTime":935.66,"body":" Regeln folgen oder Folgenregeln?"},{"speaker":null,"startTime":935.66,"endTime":936.66,"body":" Folgenregeln."},{"speaker":null,"startTime":936.66,"endTime":938.66,"body":" Dream Theater oder Fun and Plus?"},{"speaker":null,"startTime":938.66,"endTime":939.66,"body":" Dream Theater."},{"speaker":null,"startTime":939.66,"endTime":941.66,"body":" Han oder Guido?"},{"speaker":null,"startTime":941.66,"endTime":943.66,"body":" Han oder was?"},{"speaker":null,"startTime":943.66,"endTime":944.66,"body":" Han oder Greedo."},{"speaker":null,"startTime":944.66,"endTime":945.66,"body":" Greedo."},{"speaker":null,"startTime":945.66,"endTime":947.66,"body":" Star Wars oder Star Trek?"},{"speaker":null,"startTime":947.66,"endTime":948.66,"body":" Star Trek."},{"speaker":null,"startTime":948.66,"endTime":949.66,"body":" Original Series oder Next Generation?"},{"speaker":null,"startTime":949.66,"endTime":950.66,"body":" Next Generation."},{"speaker":null,"startTime":950.66,"endTime":952.66,"body":" Discovery oder Enterprise?"},{"speaker":null,"startTime":952.66,"endTime":955.66,"body":" Discovery."},{"speaker":null,"startTime":955.66,"endTime":957.66,"body":" Vegan oder Vegan."},{"speaker":null,"startTime":957.66,"endTime":958.66,"body":" Vegan."},{"speaker":null,"startTime":958.66,"endTime":959.66,"body":" Vegan."},{"speaker":null,"startTime":959.66,"endTime":961.66,"body":" Gulasch oder Waffel?"},{"speaker":null,"startTime":961.66,"endTime":962.66,"body":" Gaffel."},{"speaker":null,"startTime":962.66,"endTime":964.66,"body":" Gulasch."},{"speaker":null,"startTime":964.66,"endTime":965.66,"body":" Gulasch."},{"speaker":null,"startTime":965.66,"endTime":966.66,"body":" Gulasch."},{"speaker":null,"startTime":966.66,"endTime":968.66,"body":" Flora oder Club?"},{"speaker":null,"startTime":968.66,"endTime":970.66,"body":" Club."},{"speaker":null,"startTime":970.66,"endTime":971.66,"body":" Gpn oder Congress."},{"speaker":null,"startTime":971.66,"endTime":972.66,"body":" Gpn."},{"speaker":null,"startTime":972.66,"endTime":973.66,"body":" Gpn."},{"speaker":null,"startTime":973.66,"endTime":974.66,"body":" Hey."},{"speaker":null,"startTime":974.66,"endTime":975.66,"body":" Okay."},{"speaker":null,"startTime":975.66,"endTime":976.66,"body":" Oh Gott."},{"speaker":null,"startTime":976.66,"endTime":977.66,"body":" Du hast dir aber auch M\u00fche gegeben."},{"speaker":null,"startTime":977.66,"endTime":978.66,"body":" Ja."},{"speaker":null,"startTime":978.66,"endTime":979.66,"body":" Das \u00fcberrascht dich jetzt."},{"speaker":null,"startTime":979.66,"endTime":980.66,"body":" Dass ich mir mal M\u00fche gegeben habe."},{"speaker":null,"startTime":980.66,"endTime":993.66,"body":" Wahrscheinlich h\u00e4tte ich nicht ank\u00fcndigen sollen, dass ich dich ein bisschen qu\u00e4len will mit den Fragen."},{"speaker":null,"startTime":993.66,"endTime":994.66,"body":" Ja."},{"speaker":null,"startTime":994.66,"endTime":995.66,"body":" Und naja."},{"speaker":null,"startTime":995.66,"endTime":996.66,"body":" So."},{"speaker":null,"startTime":996.66,"endTime":997.66,"body":" Aber jetzt."},{"speaker":null,"startTime":997.66,"endTime":998.66,"body":" Endlich."},{"speaker":null,"startTime":998.66,"endTime":1002.66,"body":" Hier ist WWS IV mit dem Tagesthema."},{"speaker":null,"startTime":1002.66,"endTime":1007.66,"body":" Zu schnell."},{"speaker":null,"startTime":1007.66,"endTime":1008.66,"body":" Wir sind nicht zu schnell."},{"speaker":null,"startTime":1008.66,"endTime":1010.66,"body":" Wir sind zusammen ein bisschen schnell."},{"speaker":null,"startTime":1010.66,"endTime":1011.66,"body":" So."},{"speaker":null,"startTime":1011.66,"endTime":1012.66,"body":" Okay."},{"speaker":null,"startTime":1012.66,"endTime":1013.66,"body":" Dann gehe ich hier mal weiter."},{"speaker":null,"startTime":1013.66,"endTime":1016.66,"body":" Also unsere Slides sind heute ein Browser, weil wir machen ja Frontend."},{"speaker":null,"startTime":1016.66,"endTime":1018.66,"body":" Also wir brauchen kein Keynote oder sowas."},{"speaker":null,"startTime":1018.66,"endTime":1019.66,"body":" oder sowas."},{"speaker":null,"startTime":1019.66,"endTime":1020.66,"body":" Wir nutzen einfach Browser Tabs."},{"speaker":null,"startTime":1020.66,"endTime":1024.66,"body":" Und vielleicht h\u00e4tte ich mir jetzt noch merken sollen, wie der Shortcut war mit zum n\u00e4chsten Tab springen."},{"speaker":null,"startTime":1024.66,"endTime":1025.66,"body":" Aber ich muss es jetzt von Hand machen."},{"speaker":null,"startTime":1025.66,"endTime":1027.66,"body":" PC k\u00f6nnte ich ja sagen."},{"speaker":null,"startTime":1027.66,"endTime":1028.66,"body":" Apple wei\u00df ich nicht."},{"speaker":null,"startTime":1028.66,"endTime":1029.66,"body":" Ja."},{"speaker":null,"startTime":1029.66,"endTime":1031.66,"body":" Es ist aber Chrome."},{"speaker":null,"startTime":1031.66,"endTime":1032.66,"body":" Es ist total egal."},{"speaker":null,"startTime":1032.66,"endTime":1033.66,"body":" Was?"},{"speaker":null,"startTime":1033.66,"endTime":1037.66,"body":" Ja auf Windows ist es schon mal Tab."},{"speaker":null,"startTime":1037.66,"endTime":1039.66,"body":" Nee."},{"speaker":null,"startTime":1039.66,"endTime":1040.66,"body":" Alles geht kaputt."},{"speaker":null,"startTime":1040.66,"endTime":1041.66,"body":" Oh."},{"speaker":null,"startTime":1041.66,"endTime":1043.66,"body":" Jetzt leaken wir noch irgendwelche Sachen hier sch\u00f6n."},{"speaker":null,"startTime":1043.66,"endTime":1044.66,"body":" Ja."},{"speaker":null,"startTime":1044.66,"endTime":1045.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1045.66,"endTime":1046.66,"body":" Nein."},{"speaker":null,"startTime":1046.66,"endTime":1047.66,"body":" Das ist es nicht."},{"speaker":null,"startTime":1047.66,"endTime":1050.66,"body":" Tats\u00e4chlich vergessen hier auf Dings da."},{"speaker":null,"startTime":1050.66,"endTime":1051.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1051.66,"endTime":1052.66,"body":" Notifications."},{"speaker":null,"startTime":1052.66,"endTime":1053.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1053.66,"endTime":1054.66,"body":" Nicht st\u00f6ren zu stellen."},{"speaker":null,"startTime":1054.66,"endTime":1055.66,"body":" Das h\u00e4tte ich vielleicht noch machen sollen."},{"speaker":null,"startTime":1055.66,"endTime":1056.66,"body":" \u00dcbrigens dieses kleine Icon da oben."},{"speaker":null,"startTime":1056.66,"endTime":1058.66,"body":" Das ist eine App, die hei\u00dft Amphetamin."},{"speaker":null,"startTime":1058.66,"endTime":1059.66,"body":" \u00c4h."},{"speaker":null,"startTime":1059.66,"endTime":1060.66,"body":" Und die h\u00e4lt den Rechner wach."},{"speaker":null,"startTime":1060.66,"endTime":1062.66,"body":" Ist mir gerade noch eingefallen, was ich da gerade gesehen habe."},{"speaker":null,"startTime":1062.66,"endTime":1063.66,"body":" Ah ja."},{"speaker":null,"startTime":1063.66,"endTime":1064.66,"body":" Ist klar."},{"speaker":null,"startTime":1064.66,"endTime":1065.66,"body":" Ja."},{"speaker":null,"startTime":1065.66,"endTime":1066.66,"body":" Ist klar."},{"speaker":null,"startTime":1066.66,"endTime":1067.66,"body":" So."},{"speaker":null,"startTime":1067.66,"endTime":1068.66,"body":" \u00c4h."},{"speaker":null,"startTime":1068.66,"endTime":1069.66,"body":" Wir fangen an."},{"speaker":null,"startTime":1069.66,"endTime":1070.66,"body":" Also wir haben uns \u00fcberlegt f\u00fcr die GPN mit so."},{"speaker":null,"startTime":1070.66,"endTime":1071.66,"body":" \u00c4h."},{"speaker":null,"startTime":1071.66,"endTime":1073.66,"body":" Was waren denn in unseren vergangenen Podcast-Folgen oder Streams?"},{"speaker":null,"startTime":1073.66,"endTime":1074.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1074.66,"endTime":1076.66,"body":" Dinge, die wir so ein bisschen kaputt gespielt haben."},{"speaker":null,"startTime":1076.66,"endTime":1077.66,"body":" Weil das ist ja irgendwie schon so ein bisschen."},{"speaker":null,"startTime":1077.66,"endTime":1078.66,"body":" \u00c4h."},{"speaker":null,"startTime":1078.66,"endTime":1079.66,"body":" Das Thema ist generell so."},{"speaker":null,"startTime":1079.66,"endTime":1081.66,"body":" Wie kann man denn Dinge benutzen?"},{"speaker":null,"startTime":1081.66,"endTime":1082.66,"body":" \u00c4h."},{"speaker":null,"startTime":1082.66,"endTime":1083.66,"body":" Anders als die eigentlich gedacht sind."},{"speaker":null,"startTime":1083.66,"endTime":1085.66,"body":" Oder wo sind denn die Grenzen davon?"},{"speaker":null,"startTime":1085.66,"endTime":1086.66,"body":" Ja."},{"speaker":null,"startTime":1086.66,"endTime":1087.66,"body":" Das ist nicht alles."},{"speaker":null,"startTime":1087.66,"endTime":1088.66,"body":" Wir haben auch ein paar coole Sachen dabei."},{"speaker":null,"startTime":1088.66,"endTime":1089.66,"body":" Die einfach nur nett sind."},{"speaker":null,"startTime":1089.66,"endTime":1091.66,"body":" Wo wir nicht wissen, ob die jeder so wei\u00df."},{"speaker":null,"startTime":1091.66,"endTime":1092.66,"body":" Wo man vielleicht noch was lernen kann."},{"speaker":null,"startTime":1092.66,"endTime":1093.66,"body":" Hoffentlich."},{"speaker":null,"startTime":1093.66,"endTime":1094.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1094.66,"endTime":1096.66,"body":" Aber wir haben angefangen mit Grenzen ausloten hier."},{"speaker":null,"startTime":1096.66,"endTime":1097.66,"body":" Und zwar."},{"speaker":null,"startTime":1097.66,"endTime":1098.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1098.66,"endTime":1099.66,"body":" Wei\u00df nicht."},{"speaker":null,"startTime":1099.66,"endTime":1100.66,"body":" Wer von euch schreibt HTML ab und zu mal?"},{"speaker":null,"startTime":1100.66,"endTime":1101.66,"body":" Ja."},{"speaker":null,"startTime":1101.66,"endTime":1102.66,"body":" Doch."},{"speaker":null,"startTime":1102.66,"endTime":1103.66,"body":" Schon ein paar."},{"speaker":null,"startTime":1103.66,"endTime":1104.66,"body":" Sehr gut."},{"speaker":null,"startTime":1104.66,"endTime":1105.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1105.66,"endTime":1106.66,"body":" Dann kennt ihr wahrscheinlich die Ordered List."},{"speaker":null,"startTime":1106.66,"endTime":1107.66,"body":" OL."},{"speaker":null,"startTime":1107.66,"endTime":1108.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1108.66,"endTime":1109.66,"body":" Genau."},{"speaker":null,"startTime":1109.66,"endTime":1112.66,"body":" Also das ist einfach nur eine Auflistung von Dingen, die dann eben durchnummeriert"},{"speaker":null,"startTime":1112.66,"endTime":1113.66,"body":" wird automatisch vom System."},{"speaker":null,"startTime":1113.66,"endTime":1116.66,"body":" Also OL Tag mit LI Elementen \u00fcblicherweise."},{"speaker":null,"startTime":1116.66,"endTime":1119.66,"body":" Darin kann man auch verschachteln, wie ihr hier sehen k\u00f6nnt."},{"speaker":null,"startTime":1119.66,"endTime":1120.66,"body":" Vielleicht mach ich's noch mal gucken."},{"speaker":null,"startTime":1120.66,"endTime":1121.66,"body":" Kann man das gut lesen?"},{"speaker":null,"startTime":1121.66,"endTime":1122.66,"body":" Ich mach's vielleicht noch mal ein bisschen gr\u00f6\u00dfer."},{"speaker":null,"startTime":1122.66,"endTime":1124.66,"body":" Ist das irgendwie okay so?"},{"speaker":null,"startTime":1124.66,"endTime":1125.66,"body":" Kann man das halbwegs lesen?"},{"speaker":null,"startTime":1125.66,"endTime":1126.66,"body":" Auch den Code rechts?"},{"speaker":null,"startTime":1126.66,"endTime":1127.66,"body":" Ja."},{"speaker":null,"startTime":1127.66,"endTime":1128.66,"body":" Nicken."},{"speaker":null,"startTime":1128.66,"endTime":1129.66,"body":" Auch in der letzten."},{"speaker":null,"startTime":1129.66,"endTime":1130.66,"body":" Ah."},{"speaker":null,"startTime":1130.66,"endTime":1131.66,"body":" Da hinten nicht."},{"speaker":null,"startTime":1131.66,"endTime":1132.66,"body":" Ich mach noch."},{"speaker":null,"startTime":1132.66,"endTime":1133.66,"body":" Dann mach ich gern noch eins gr\u00f6\u00dfer."},{"speaker":null,"startTime":1133.66,"endTime":1134.66,"body":" Gucken wir mal."},{"speaker":null,"startTime":1134.66,"endTime":1135.66,"body":" Besser?"},{"speaker":null,"startTime":1135.66,"endTime":1136.66,"body":" Okay."},{"speaker":null,"startTime":1136.66,"endTime":1137.66,"body":" Sehr gut."},{"speaker":null,"startTime":1137.66,"endTime":1138.66,"body":" Genau."},{"speaker":null,"startTime":1138.66,"endTime":1139.66,"body":" Wir m\u00fcssen mal gucken."},{"speaker":null,"startTime":1139.66,"endTime":1140.66,"body":" Wir m\u00fcssen wahrscheinlich noch ein paar mal hin und her."},{"speaker":null,"startTime":1140.66,"endTime":1141.66,"body":" Weil es geht nicht bei allen Demos so gut."},{"speaker":null,"startTime":1141.66,"endTime":1142.66,"body":" Genau."},{"speaker":null,"startTime":1142.66,"endTime":1143.66,"body":" Also das ist so eine ganz normale Ordered List."},{"speaker":null,"startTime":1143.66,"endTime":1144.66,"body":" \u00c4h."},{"speaker":null,"startTime":1144.66,"endTime":1145.66,"body":" Die Section da, die muss euch nicht k\u00fcmmern."},{"speaker":null,"startTime":1145.66,"endTime":1146.66,"body":" Oder das H2 auch nicht."},{"speaker":null,"startTime":1146.66,"endTime":1148.66,"body":" Es geht tats\u00e4chlich nur um dieses OL."},{"speaker":null,"startTime":1148.66,"endTime":1149.66,"body":" Mit LI drin."},{"speaker":null,"startTime":1149.66,"endTime":1150.66,"body":" Und dann noch mal verschachtelt."},{"speaker":null,"startTime":1150.66,"endTime":1151.66,"body":" OL, LI."},{"speaker":null,"startTime":1151.66,"endTime":1152.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1152.66,"endTime":1154.66,"body":" Das ist jetzt erst mal relativ unspektakul\u00e4r."},{"speaker":null,"startTime":1154.66,"endTime":1156.66,"body":" Die Zahlen kommen da einfach automatisch hin."},{"speaker":null,"startTime":1156.66,"endTime":1157.66,"body":" Das macht, das macht der Browser."},{"speaker":null,"startTime":1157.66,"endTime":1158.66,"body":" Ah."},{"speaker":null,"startTime":1158.66,"endTime":1159.66,"body":" Ich sehe grad CTRL-Tab."},{"speaker":null,"startTime":1159.66,"endTime":1160.66,"body":" Das, \u00e4h."},{"speaker":null,"startTime":1160.66,"endTime":1161.66,"body":" Das kann ich gleich mal ausprobieren."},{"speaker":null,"startTime":1161.66,"endTime":1162.66,"body":" \u00c4h."},{"speaker":null,"startTime":1162.66,"endTime":1163.66,"body":" Dann beim n\u00e4chsten."},{"speaker":null,"startTime":1163.66,"endTime":1164.66,"body":" Ja."},{"speaker":null,"startTime":1164.66,"endTime":1165.66,"body":" Okay."},{"speaker":null,"startTime":1165.66,"endTime":1166.66,"body":" Genau."},{"speaker":null,"startTime":1166.66,"endTime":1167.66,"body":" Muss ich mir..."},{"speaker":null,"startTime":1167.66,"endTime":1168.66,"body":" Halt mal so lange hoch, bis ich zum n\u00e4chsten springe."},{"speaker":null,"startTime":1168.66,"endTime":1169.66,"body":" Danke."},{"speaker":null,"startTime":1169.66,"endTime":1170.66,"body":" Okay."},{"speaker":null,"startTime":1170.66,"endTime":1171.66,"body":" Genau."},{"speaker":null,"startTime":1171.66,"endTime":1172.66,"body":" Also soweit so gut."},{"speaker":null,"startTime":1172.66,"endTime":1173.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1173.66,"endTime":1176.66,"body":" Und dann findet man raus, dass es da so ein paar Attribute gibt, die man den Listen"},{"speaker":null,"startTime":1176.66,"endTime":1177.66,"body":" geben kann."},{"speaker":null,"startTime":1177.66,"endTime":1180.66,"body":" Die zumindest ich nicht so kannte."},{"speaker":null,"startTime":1180.66,"endTime":1182.66,"body":" Das ist also, geht so ein bisschen \u00fcber die Standard..."},{"speaker":null,"startTime":1182.66,"endTime":1184.66,"body":" K\u00f6nnen wir auch gleich mal hier schon auf Hands machen, ne?"},{"speaker":null,"startTime":1184.66,"endTime":1185.66,"body":" Wenn wir schon mal die M\u00f6glichkeit haben, Feedback einzuholen."},{"speaker":null,"startTime":1185.66,"endTime":1186.66,"body":" Genau."},{"speaker":null,"startTime":1186.66,"endTime":1188.66,"body":" Kennt jemand Attribute, die man dem OL geben kann?"},{"speaker":null,"startTime":1188.66,"endTime":1189.66,"body":" Da hinten?"},{"speaker":null,"startTime":1189.66,"endTime":1190.66,"body":" Okay."},{"speaker":null,"startTime":1190.66,"endTime":1191.66,"body":" \u00c4hm."},{"speaker":null,"startTime":1191.66,"endTime":1192.66,"body":" Ah, ja."},{"speaker":null,"startTime":1192.66,"endTime":1193.66,"body":" Genau."},{"speaker":null,"startTime":1193.66,"endTime":1194.66,"body":" Das kommt auf jeden Fall noch."},{"speaker":null,"startTime":1194.66,"endTime":1195.66,"body":" Ich glaub, wir m\u00fcssen das wiederholen, ne?"},{"speaker":null,"startTime":1195.66,"endTime":1196.66,"body":" Weil das h\u00f6rt man wahrscheinlich auf."},{"speaker":null,"startTime":1196.66,"endTime":1197.66,"body":" Genau."},{"speaker":null,"startTime":1197.66,"endTime":1198.66,"body":" Also es kam..."},{"speaker":null,"startTime":1198.66,"endTime":1199.66,"body":" Es kam die Antwort, es gibt das Nummernsystem."},{"speaker":null,"startTime":1199.66,"endTime":1200.66,"body":" Genau."},{"speaker":null,"startTime":1200.66,"endTime":1201.66,"body":" Das kommt auf jeden Fall noch."},{"speaker":null,"startTime":1201.66,"endTime":1202.66,"body":" Aber ich zeig jetzt mal was."},{"speaker":null,"startTime":1202.66,"endTime":1205.66,"body":" Also es gibt zum Beispiel, man kann zum Beispiel den Start festlegen."},{"speaker":null,"startTime":1205.66,"endTime":1208.66,"body":" Ich kann zum Beispiel sagen, starte mir mit dem vierten Punkt."},{"speaker":null,"startTime":1208.66,"endTime":1209.66,"body":" Also mit der Nummer vier."},{"speaker":null,"startTime":1209.66,"endTime":1210.66,"body":" Dann schreib ich einfach hier Start vier."},{"speaker":null,"startTime":1210.66,"endTime":1211.66,"body":" Wer kennt das?"},{"speaker":null,"startTime":1211.66,"endTime":1212.66,"body":" Wer wei\u00df das?"},{"speaker":null,"startTime":1212.66,"endTime":1213.66,"body":" Aha."},{"speaker":null,"startTime":1213.66,"endTime":1214.66,"body":" Okay."},{"speaker":null,"startTime":1214.66,"endTime":1215.66,"body":" Schon mal gesehen, immerhin."},{"speaker":null,"startTime":1215.66,"endTime":1216.66,"body":" Ah, so ein bisschen unsicher auch hier."},{"speaker":null,"startTime":1216.66,"endTime":1217.66,"body":" Man kann das auch mit negativen Werten nehmen."},{"speaker":null,"startTime":1217.66,"endTime":1219.66,"body":" Also das ist jetzt eine ganz normale OL ohne weitere Attribute."},{"speaker":null,"startTime":1219.66,"endTime":1222.66,"body":" Das hei\u00dft, das sind einfach nur ganz normale arabische Ziffern."},{"speaker":null,"startTime":1222.66,"endTime":1225.66,"body":" Kann also auch zum Beispiel bei minus drei starten und geht dann bis zu null."},{"speaker":null,"startTime":1225.66,"endTime":1229.66,"body":" Oder man kann zwischendurch nochmal sagen, ja, ich m\u00f6chte gern bei 42.235 starten oder so."},{"speaker":null,"startTime":1229.66,"endTime":1230.66,"body":" \u00e4hm, das geht auch."},{"speaker":null,"startTime":1230.66,"endTime":1231.66,"body":" \u00c4hm, das geht auch."},{"speaker":null,"startTime":1231.66,"endTime":1232.66,"body":" Genau."},{"speaker":null,"startTime":1232.66,"endTime":1233.66,"body":" So."},{"speaker":null,"startTime":1233.66,"endTime":1249.66,"body":" Was aber auch geht, und da wird's jetzt schon ein bisschen, da wurde ich schon ein bisschen"},{"speaker":null,"startTime":1249.66,"endTime":1251.66,"body":" unsicherer, reversed, \u00e4h, kann man auch sagen."},{"speaker":null,"startTime":1251.66,"endTime":1253.66,"body":" Dann dreht sich das ganze Ding rum."},{"speaker":null,"startTime":1253.66,"endTime":1256.66,"body":" Das ist tats\u00e4chlich einfach nur das reversed Attribut, was da mit reingegeben wird."},{"speaker":null,"startTime":1256.66,"endTime":1261.66,"body":" Und dann starte ich halt, \u00e4h, bei einer Liste, die, \u00e4hm, und hier ist auch noch Start,"},{"speaker":null,"startTime":1261.66,"endTime":1262.66,"body":" ist auch noch vier."},{"speaker":null,"startTime":1262.66,"endTime":1265.66,"body":" Also das hei\u00dft, \u00e4h, es geht dann quasi r\u00fcckw\u00e4rts von vier."},{"speaker":null,"startTime":1265.66,"endTime":1270.66,"body":" Man startet dann, \u00e4h, ja, vier, drei, zwei, eins und dann null minus eins."},{"speaker":null,"startTime":1270.66,"endTime":1272.66,"body":" Also das wird dann schon irgendwie ein bisschen funky."},{"speaker":null,"startTime":1272.66,"endTime":1275.66,"body":" Ich wei\u00df nicht, wof\u00fcr man das braucht, \u00e4h, aber es geht immerhin."},{"speaker":null,"startTime":1275.66,"endTime":1278.66,"body":" Und das verh\u00e4lt sich, finde ich, \u00e4h, erwartungsgem\u00e4\u00df, w\u00fcrde ich jetzt sagen."},{"speaker":null,"startTime":1278.66,"endTime":1284.66,"body":" \u00c4hm, nat\u00fcrlich immer auch nur, in Kombination macht's nat\u00fcrlich erst richtig Spa\u00df,"},{"speaker":null,"startTime":1284.66,"endTime":1286.66,"body":" weil es jetzt einfach nur reversed w\u00e4re, w\u00e4re es langweilig."},{"speaker":null,"startTime":1286.66,"endTime":1289.66,"body":" Aber ich wollte halt einfach auch wissen, geht es auch, dass es tats\u00e4chlich dann ins Negative geht."},{"speaker":null,"startTime":1289.66,"endTime":1291.66,"body":" So."},{"speaker":null,"startTime":1291.66,"endTime":1296.66,"body":" Dann den Type, das hatten wir gerade, das, das Attribut hei\u00dft Type."},{"speaker":null,"startTime":1296.66,"endTime":1302.66,"body":" Da kann man dann, \u00e4hm, zum Beispiel, \u00e4h, Type Gro\u00df I, w\u00e4ren gro\u00dfe, \u00e4h, r\u00f6mische Ziffern."},{"speaker":null,"startTime":1302.66,"endTime":1308.66,"body":" \u00c4h, man kann auch klein i nehmen, das sind dann kleine r\u00f6mische Ziffern, auch das kann man reversen."},{"speaker":null,"startTime":1308.66,"endTime":1320.66,"body":" Es gibt auch Type A, dann wird mit Buchstaben durchgez\u00e4hlt, \u00e4h, und in dem Fall war der Startjahr 42.235 und das ist die Buchstaben, das sind die Buchstabenrepr\u00e4sentationen davon, also reversed."},{"speaker":null,"startTime":1320.66,"endTime":1329.66,"body":" Das w\u00e4re jetzt tats\u00e4chlich die, \u00e4hm, B, J, L, K, ist, \u00e4h, 42, \u00e4h, 42.235 in Buchstabenrepr\u00e4sentation, okay."},{"speaker":null,"startTime":1329.66,"endTime":1336.22,"body":" \u00c4h, also von A weiter und dann geht es halt weiter und dann, das, das, hast du gesagt, weiter die Demo, das war doch in der urspr\u00fcnglichen nicht drin, oder?"},{"speaker":null,"startTime":1336.22,"endTime":1337.22,"body":" Nee."},{"speaker":null,"startTime":1337.22,"endTime":1339.22,"body":" Weil ich hab's ja nochmal mehr kaputt gespielt, egal."},{"speaker":null,"startTime":1339.22,"endTime":1342.66,"body":" Egal, da kommen wir gleich noch zu, Konstantin hat noch, noch andere schlimme Sachen da mitgemacht."},{"speaker":null,"startTime":1342.66,"endTime":1359.62,"body":" \u00c4hm, so, und dann gibt's noch ein paar Sachen, die nicht gehen, \u00e4hm, wo, wo das ganze System dann aussteigt, \u00e4h, n\u00e4mlich zum Beispiel, \u00e4h, negativer Start bei r\u00f6mischen Ziffern, keine Ahnung, warum man das braucht, aber das geht auf jeden Fall nicht, weil es gibt ja auch bei r\u00f6mischen Zahlensystemen auch"},{"speaker":null,"startTime":1359.62,"endTime":1389.58,"body":" keine Null, also es gibt auch dem, dem, dem Folge keine Minus Eins oder sowas. \u00c4hm, gut, Roman lowercase, also kleine r\u00f6mische Ziffern logischerweise, \u00e4hm, lowercase letters und negativer, also mit, mit Buchstaben kann ich auch nicht ins Minus gehen, weil, was ist Minus A, ich hab keine Ahnung, wie das dann weitergehen w\u00fcrde, aber das ist auf jeden Fall nicht spezifiziert, also, was hier, hier vorne steht immer Minus Eins, weil das einfach nicht geht, das haben wir ja ausprobiert, Moment, die Demo ist hier, \u00e4hm, also ich hab's versucht, bei Minus Eins zu starten mit"},{"speaker":null,"startTime":1389.58,"endTime":1401.66,"body":" Roman und dann kommt halt einfach trotzdem die Minus Eins, das ist dann offenbar der Fallback, der immer auf die, \u00e4h, Gesundheit, genau, Gesundheit zur\u00fcckgeht, oder so. \u00c4hm, dann hab ich jetzt hier was, \u00e4h, ich hab mal geguckt, wie weit"},{"speaker":null,"startTime":1401.66,"endTime":1407.7,"body":" kann man denn mit r\u00f6mischen Ziffern gehen, ich wei\u00df nicht, ob sich damit jemand auskennt, ich hab auch erst dann mich ein bisschen damit"},{"speaker":null,"startTime":1407.7,"endTime":1415.48,"body":" besch\u00e4ftigt, das ist n\u00e4mlich die, in, in, in dem normalen r\u00f6mischen Zahlensystem, das sagt, du darfst nur maximal drei, wir haben's vorhin nochmal nachgeschaut,"},{"speaker":null,"startTime":1415.48,"endTime":1423.48,"body":" du darfst maximal drei, \u00e4h, gleiche. Genau, weil die Pr\u00e4sentation der Buchstaben entscheidet ja, ob du abziehst oder, oder addierst, ne. Und deswegen ist die gr\u00f6\u00dfte"},{"speaker":null,"startTime":1423.48,"endTime":1439.48,"body":" Zahl, die man in diesem System machen kann, 3999. Ich wei\u00df nicht, ob man oft eine Liste braucht, die l\u00e4nger ist als das mit r\u00f6mischen Zahlen, \u00e4hm, aber wenn ich jetzt bei der 4000, \u00e4h, zu 4000 gehe, \u00e4hm, dann wird die tats\u00e4chlich wieder als arabische Ziffer dargestellt, was ich irgendwie schon, \u00e4h,"},{"speaker":null,"startTime":1439.48,"endTime":1448.14,"body":" interessant fand, das geht nicht und lowercase geht nat\u00fcrlich dann auch nicht. Und da haben wir n\u00e4mlich dann vorher noch in den Standard, \u00e4h, mal geschaut, weil wir dachten, das ist doch komisch, dass es bei 4000 einfach stehen bleibt."},{"speaker":null,"startTime":1448.48,"endTime":1456.48,"body":" Also ich h\u00e4tte jetzt erwartet, dass es dann irgendwie 4001 halt in, in arabischen Zahlen, \u00e4h, weitermacht. Und, \u00e4h, genau, da haben wir geguckt, was, was sagt denn der Standard? Und es gibt da tats\u00e4chlich"},{"speaker":null,"startTime":1456.48,"endTime":1464.48,"body":" eigentlich eine L\u00f6sung. Da ist was Interessantes, also es ist so, man ist sich nicht so richtig einig, geh\u00f6rt das jetzt so richtig dazu oder nicht, aber es gibt wohl so eine M\u00f6glichkeit, \u00e4h, da nochmal so einen Strich"},{"speaker":null,"startTime":1464.48,"endTime":1470.48,"body":" dr\u00fcber zu machen und dann wird das mal 1000 genommen, glaub ich, was da steht. \u00c4hm, ist, \u00e4h, schon irgendwie, oh."},{"speaker":null,"startTime":1470.48,"endTime":1475.68,"body":" Oh, das ist sch\u00f6n, wir haben Post gekriegt."},{"speaker":null,"startTime":1475.68,"endTime":1478.46,"body":" Ich, ich wollte nur kurz st\u00f6ren, weitermachen."},{"speaker":null,"startTime":1478.46,"endTime":1481.9,"body":" An einen Speaker in einem Saal, ja, ist gelungen."},{"speaker":null,"startTime":1481.9,"endTime":1483.46,"body":" An einen Speaker, okay, gut."},{"speaker":null,"startTime":1483.46,"endTime":1488.64,"body":" Vielen, vielen Dank an die Chaos Post. Ich hab mich schon gefragt, wann wir die erste, \u00e4h, die erste Chaos Post kriegen."},{"speaker":null,"startTime":1488.64,"endTime":1491.56,"body":" Also schickt uns jetzt alle Chaos Post, kann man auch online machen, glaub ich, gell?"},{"speaker":null,"startTime":1491.56,"endTime":1498.42,"body":" Genau, also, \u00e4hm, diese Schreibweise, gut, ich, ich glaub, ich brauch's nie, aber es ist auf jeden Fall interessant, dass es das offenbar gibt."},{"speaker":null,"startTime":1498.42,"endTime":1503.64,"body":" Es ist im, also, ihr seht hier, das ist die HTML-Spec, es ist offenbar spezifiziert, aber kein Browser macht das."},{"speaker":null,"startTime":1503.64,"endTime":1506.62,"body":" Also weder Firefox noch Chromium, \u00e4h, ja, hat das irgendwie umgesetzt."},{"speaker":null,"startTime":1506.62,"endTime":1511.56,"body":" Safari hab ich's nicht ausprobiert, aber, ja, egal, \u00e4h, fand ich, fand ich irgendwie, \u00e4h, trotzdem interessant."},{"speaker":null,"startTime":1511.56,"endTime":1520.38,"body":" \u00c4h, es gibt was, ich glaube, ich hab mal einen Standard gefunden, wo stand, danach kommt halt nix mehr, und, \u00e4hm, aber offenbar ist es spezifiziert jetzt aktuell, \u00e4hm, aber, jo, ja."},{"speaker":null,"startTime":1520.38,"endTime":1524.92,"body":" Das ist das, was wir gerne machen, \u00e4h, die Grenzen der Standards und der Implementierung und Austest."},{"speaker":null,"startTime":1524.92,"endTime":1527.8,"body":" So, und das auch jetzt, \u00e4h, hier geht's n\u00e4mlich noch weiter."},{"speaker":null,"startTime":1527.98,"endTime":1550.88,"body":" War das n\u00e4mlich noch nicht kaputt genug, und dann hab ich gedacht, was passiert denn, wenn ich's, \u00e4h, mit Buchstaben durchnummerieren lasse, aber, \u00e4h, den Start so setze, \u00e4h, genau, also das ist, \u00e4h, reversed, umgedreht, mit, \u00e4h, Buchstaben, \u00e4h, und noch den Start so gesetzt, dass ich dann irgendwann auf A zulaufe, und dann, was es dann macht, interessanterweise f\u00e4ngt's an mit 0, minus 1, \u00e4h, minus 2 weiter durchzunummerieren."},{"speaker":null,"startTime":1550.88,"endTime":1551.8,"body":" Ist halt immer der Fall weg."},{"speaker":null,"startTime":1551.8,"endTime":1553.18,"body":" Also, ist halt immer der Fall weg."},{"speaker":null,"startTime":1553.18,"endTime":1573.6,"body":" \u00c4hm, und, \u00e4h, mit, mit Start 24, genau, das haben wir jetzt vorhin schon gesehen, deswegen, ich glaub, du hast da nochmal an der Demo, du hast dich nochmal erweitert, weil das war n\u00e4mlich urspr\u00fcnglich nicht drin, und da hab ich gedacht, was passiert denn, aber wenn ich bei Z bin, und ich hab aber mehr als irgendwie 26, \u00e4h, Punkte, \u00e4h, und dann macht's eben weiter mit A, A, A, B, A, C, und so weiter, und das geht immer weiter, bis man dann diese komischen Buchstabenkombinationen hat, die, \u00e4h, die du vorhin gezeigt hast."},{"speaker":null,"startTime":1574.16,"endTime":1577.78,"body":" Genau, also, weird stuff, man braucht's wahrscheinlich nie, aber, ist interessant."},{"speaker":null,"startTime":1577.78,"endTime":1581.7,"body":" Ja, aber sag mal, einfach, bei uns geht's ja nicht drum, braucht man das, oder? Haben ist besser als brauchen."},{"speaker":null,"startTime":1581.7,"endTime":1582.24,"body":" Ja, genau."},{"speaker":null,"startTime":1582.24,"endTime":1593.08,"body":" \u00c4h, so, ich wei\u00df nicht, wie gerne, \u00e4h, es gibt, wir haben noch hier den Wikipedia-Artikel zu den, \u00e4h, Roman Numerals, \u00e4hm, wo genau das irgendwie erkl\u00e4rt wird, und wie das hei\u00dft."},{"speaker":null,"startTime":1593.08,"endTime":1598.96,"body":" Das geht n\u00e4mlich noch weiter, man kann n\u00e4mlich statt einem Strich auch eine Box drumrum machen, und dann wird's mit, \u00e4h, mit 10.000 multipliziert."},{"speaker":null,"startTime":1599.68,"endTime":1600.18,"body":" Ja, verr\u00fcckt."},{"speaker":null,"startTime":1600.18,"endTime":1604.1,"body":" Ich glaub, ja. Nur, dass man's mal geh\u00f6rt hat, ne?"},{"speaker":null,"startTime":1604.1,"endTime":1607.94,"body":" So, machen wir das N\u00e4chste, machen wir jetzt, machen wir jetzt ein bisschen bunt."},{"speaker":null,"startTime":1607.94,"endTime":1629.04,"body":" Okay, also, ihr kennt ja Scrollbars, ne? Also, ihr seht das hier auch rechts am Rand, \u00e4h, Scrollbars, \u00e4h, fr\u00fcher, ganz, ganz, ganz fr\u00fcher durfte man Scrollbars im Internet Explorer mal stylen, und, \u00e4h, dann wurde das irgendwie ausgebaut mit dem Grund, \u00e4h, es ist nicht so gut mit User-Interface-Elementen die Leute rumspielen zu lassen, sondern dann wei\u00df halt keiner mehr, was damit zu tun ist."},{"speaker":null,"startTime":1629.04,"endTime":1631.72,"body":" Aber ich glaube, damals konnte man nur einf\u00e4rben. Man konnte, glaub ich, sonst nicht."},{"speaker":null,"startTime":1631.72,"endTime":1634.5,"body":" Ich glaub, man konnte eine Farbe geben, ja, f\u00fcr die komplette Scrollbar."},{"speaker":null,"startTime":1634.5,"endTime":1640.3,"body":" Ja, genau. \u00c4h, das wurde irgendwann wieder, \u00e4h, wurde halt nicht \u00fcbernommen, das war halt nur so ein Internet Explorer-Ding, die \u00c4lteren werden sich erinnern an den Internet Explorer."},{"speaker":null,"startTime":1640.3,"endTime":1642.72,"body":" Wenn ihr euch nicht an den Internet Explorer erinnert, dann ist das gut."},{"speaker":null,"startTime":1643.36,"endTime":1647.18,"body":" Also, den, den, den, der, das ist, das ist, das ist total okay."},{"speaker":null,"startTime":1647.18,"endTime":1655.94,"body":" So, und, \u00e4hm, es geht aber jetzt wieder, es gibt in WebKit wieder eine M\u00f6glichkeit, \u00e4hm, also in WebKit-basierten Browsern, ich wei\u00df gar nicht, ob ich, ich hab Safari, hab ich, glaub ich, gar nicht getestet."},{"speaker":null,"startTime":1655.94,"endTime":1657.96,"body":" Also, Chrome und alles, was da so dazugeh\u00f6rt."},{"speaker":null,"startTime":1658.04,"endTime":1662.22,"body":" In Firefox geht's meines Wissens nach nicht, aber die wollten das, glaub ich, \u00e4h, das ist verhaltetes Wissen, egal."},{"speaker":null,"startTime":1662.22,"endTime":1669.36,"body":" \u00c4hm, und dann kann man, wenn man m\u00f6chte, das sind Scrollbalken."},{"speaker":null,"startTime":1669.52,"endTime":1677.9,"body":" Also, man kann, ich sag auch nicht, dass es sinnvoll ist, ihr sollt es nicht machen, wir sagen euch hier, was ihr nicht machen sollt, auf jeden Fall."},{"speaker":null,"startTime":1677.9,"endTime":1689.04,"body":" \u00c4h, ja genau, das Ding ist so mit so einem komischen, \u00e4h, WebKit-Prefix, \u00e4h, Scrollbar, das ist tats\u00e4chlich jetzt in dem Fall die, \u00e4h, die Breite und, \u00e4h, die Minimalbreite und die Minimalh\u00f6he, deswegen wird das Ding so fett."},{"speaker":null,"startTime":1689.04,"endTime":1699.48,"body":" \u00c4hm, dann haben wir Scrollbar-Track, das ist der Hintergrund, \u00e4hm, dann seht ihr hier so Repeating Radial Gradient, das ist jetzt so, das Muster hab ich nicht selbst gebaut, aber man kann halt mit, \u00e4h, mit Radial Gradients oder mit verschiedenen,"},{"speaker":null,"startTime":1699.48,"endTime":1713.04,"body":" Gradients, \u00e4h, in CSS kann man halt so kleine Totenk\u00f6pfe bauen und eben auch, \u00e4hm, wie ihr seht, dieses Biohazard-Symbol, was auf diesem, \u00e4hm, so genannten Scrollbar-Thump, genau, das ist das Ding, was man anfasst, was man hin und her schiebt."},{"speaker":null,"startTime":1713.04,"endTime":1722.46,"body":" \u00c4hm, das kann man damit machen, wenn man m\u00f6chte und ich hab gestern, oder, nee, vorgestern, als wir vorbereitet haben, \u00e4hm, den Konstantin gefragt, sag mal, kann man das vielleicht auch animieren?"},{"speaker":null,"startTime":1722.46,"endTime":1727.32,"body":" Und das konnten wir nat\u00fcrlich nicht entgehen lassen, dass dann, \u00e4h, genau."},{"speaker":null,"startTime":1727.82,"endTime":1730.3,"body":" Ja, was hei\u00dft kaputt, aber es war noch nicht, da muss noch mehr, da geht noch mehr."},{"speaker":null,"startTime":1730.3,"endTime":1731.76,"body":" Also das ist so, und, ja."},{"speaker":null,"startTime":1731.76,"endTime":1734.2,"body":" Genau, kannst du mal, \u00e4h, weiter schalten."},{"speaker":null,"startTime":1734.2,"endTime":1739.3,"body":" Achso, was, was war, \u00e4h, achso, okay, ja, Bier, kann ich, kann ich gerne weitergeben, bittesch\u00f6n."},{"speaker":null,"startTime":1739.3,"endTime":1740.1,"body":" Habt ihr den \u00d6ffner?"},{"speaker":null,"startTime":1740.1,"endTime":1741.68,"body":" Okay, sehr gut."},{"speaker":null,"startTime":1741.68,"endTime":1743.62,"body":" Hoppla."},{"speaker":null,"startTime":1744.46,"endTime":1746.72,"body":" Also, jetzt ist das der, das ist der Moment f\u00fcr einen Applaus, oder?"},{"speaker":null,"startTime":1746.72,"endTime":1750.68,"body":" Also, hab ich, hab ich gelernt, ja."},{"speaker":null,"startTime":1750.68,"endTime":1753.84,"body":" Also, zur Erkl\u00e4rung f\u00fcr den Podcast ist gerade jemand vom Stuhl gefallen."},{"speaker":null,"startTime":1753.84,"endTime":1756.16,"body":" Und Flasche umwerfen, hab ich, hab ich gelernt."},{"speaker":null,"startTime":1756.16,"endTime":1758.08,"body":" Genau, wenn's drau\u00dfen kleppert, dann wird geklatscht."},{"speaker":null,"startTime":1758.08,"endTime":1759.42,"body":" Genau, es wird, es wird geklatscht."},{"speaker":null,"startTime":1761.42,"endTime":1765.42,"body":" Sehr gut, sehr gut."},{"speaker":null,"startTime":1765.42,"endTime":1768.1,"body":" Genau, also meine erste Intention war, \u00e4h, okay, dann machen wir halt irgendwie Keyframes"},{"speaker":null,"startTime":1768.1,"endTime":1770.82,"body":" und eine CSS-Animation und animieren den Hintergrund."},{"speaker":null,"startTime":1770.82,"endTime":1774.34,"body":" Aber da haben sich die Browser-Hersteller wohl irgendwie gedacht, das ist zu viel des Guten,"},{"speaker":null,"startTime":1774.34,"endTime":1775.14,"body":" das verhindern wir."},{"speaker":null,"startTime":1775.86,"endTime":1778.74,"body":" Aber wir w\u00e4ren nicht wir, wenn wir nicht ein bisschen weiter versucht h\u00e4tten."},{"speaker":null,"startTime":1778.74,"endTime":1784.14,"body":" Und es geht, indem man die Hintergrundfarbe, oder die Animation der Hintergrundfarbe"},{"speaker":null,"startTime":1784.14,"endTime":1788.7,"body":" nicht auf diese, diese Pseudo-Elemente setzt, sondern auf den Container, zu dem die Scrollbars"},{"speaker":null,"startTime":1788.7,"endTime":1789.14,"body":" geh\u00f6ren."},{"speaker":null,"startTime":1789.14,"endTime":1793.36,"body":" Und dann kann ich Background Inherit setzen und dann funktioniert das auch mit der Animation."},{"speaker":null,"startTime":1793.36,"endTime":1796.18,"body":" Achso, ist das hier, ja, man sieht's so ein bisschen."},{"speaker":null,"startTime":1796.18,"endTime":1798.04,"body":" Genau, das ist ein, \u00e4h, das ist relativ dezent da unten."},{"speaker":null,"startTime":1798.04,"endTime":1802.26,"body":" Das ist ein CSS-Gradient, der halt durchwandert, der sich gr\u00f6\u00dfer aufspannt, als das Element"},{"speaker":null,"startTime":1802.26,"endTime":1804.5,"body":" ist und dann durchanimiert wird mit einer Transition."},{"speaker":null,"startTime":1805.3,"endTime":1806.02,"body":" Ja, mit einer Transform."},{"speaker":null,"startTime":1806.02,"endTime":1808.22,"body":" Und, \u00e4h, ja."},{"speaker":null,"startTime":1808.22,"endTime":1809.66,"body":" Kann man machen."},{"speaker":null,"startTime":1809.66,"endTime":1812.34,"body":" Kann man machen, aber Konstantin hat da noch nicht aufgeh\u00f6rt."},{"speaker":null,"startTime":1812.34,"endTime":1814.64,"body":" Ich hab dann auch gemeint, es blinkt zu wenig, es war seine Idee."},{"speaker":null,"startTime":1814.64,"endTime":1816.8,"body":" Er meinte, ja, vielleicht kriegen wir noch was anderes hin."},{"speaker":null,"startTime":1816.8,"endTime":1819.72,"body":" Und dann ist mir eingefallen, ja klar, es gibt animierte SVGs."},{"speaker":null,"startTime":1819.72,"endTime":1829.1,"body":" Ja, es gibt animierte SVGs und, \u00e4h, ja, das geht offenbar, wie wir dann gelernt haben."},{"speaker":null,"startTime":1829.1,"endTime":1832.48,"body":" Also, hier tats\u00e4chlich Hotlinking auf andere Seiten, das ist immer erw\u00fcnscht."},{"speaker":null,"startTime":1832.6,"endTime":1836.48,"body":" Immer eine gute Idee, das zu machen, sich die Grafiken von anderen Seiten zu ziehen."},{"speaker":null,"startTime":1836.48,"endTime":1839.4,"body":" In dem Fall nat\u00fcrlich sch\u00f6n, was ist das eigentlich, das ist so ein Android?"},{"speaker":null,"startTime":1839.4,"endTime":1843.26,"body":" Das ist so ein Android mit aufgeklapptem Mund, der irgendwie verschiedene Browser ist."},{"speaker":null,"startTime":1843.26,"endTime":1847.4,"body":" Ja, ist auf jeden Fall, ne, das ist das Edge-Logo, ist gar nicht mal Internet Explorer."},{"speaker":null,"startTime":1847.4,"endTime":1850.46,"body":" Edge, Firefox und ein gr\u00fcner Apfel, sehe ich das richtig?"},{"speaker":null,"startTime":1850.46,"endTime":1851.92,"body":" Rot-Gr\u00fcn-Schw\u00e4che oder ist er orange?"},{"speaker":null,"startTime":1851.92,"endTime":1852.52,"body":" Ist gr\u00fcn."},{"speaker":null,"startTime":1852.64,"endTime":1853.76,"body":" Okay, dann, immerhin."},{"speaker":null,"startTime":1853.76,"endTime":1863.86,"body":" \u00c4h, ja, sehr sch\u00f6n, \u00e4h, unbedingt nachmachen, auf eurer Seite so einbauen, die CodePen, die Demos, \u00e4h, keine Ahnung, k\u00f6nnt ihr, k\u00f6nnt ihr, k\u00f6nnt ihr Konum auf CodePen, \u00e4h, folgen und angucken."},{"speaker":null,"startTime":1863.94,"endTime":1867.9,"body":" Die sind alle \u00f6ffentlich, oder halt, \u00e4h, wenn die Demos von mir sind, Show Notes angucken, genau."},{"speaker":null,"startTime":1867.9,"endTime":1870.8,"body":" \u00c4hm, oder halt die Demos von mir, das ist, \u00e4h, mein Name ist ..."},{"speaker":null,"startTime":1870.8,"endTime":1877.66,"body":" Also, normalerweise w\u00fcrde man vielleicht einfach eine, eine Schmuckfarbe w\u00e4hlen oder zwei f\u00fcr den, f\u00fcr den Anfasser noch und damit arbeiten."},{"speaker":null,"startTime":1877.66,"endTime":1889.66,"body":" Also, man k\u00f6nnte das zum Beispiel so machen, wie auf unserer Podcast-Seite, das ist ja eher dezent, sag ich mal, ja, so sich an die Farben ann\u00e4hern und, \u00e4h, aber ich find eigentlich, ich find's schon sch\u00f6ner."},{"speaker":null,"startTime":1889.66,"endTime":1891.06,"body":" Ich find's eigentlich schon so sch\u00f6ner."},{"speaker":null,"startTime":1891.06,"endTime":1892.36,"body":" Sollten wir eigentlich bei uns auch einbauen."},{"speaker":null,"startTime":1892.36,"endTime":1892.74,"body":" Ja."},{"speaker":null,"startTime":1893.7,"endTime":1902.1,"body":" Aber vielleicht, mir ist es noch nicht hektisch genug, ehrlich gesagt, aber das, wir haben jetzt nichts Hektischeres, keine Ahnung, also das, doch, wir haben noch eine hektischere, nee, haben wir, ich wei\u00df gar nicht genau."},{"speaker":null,"startTime":1902.1,"endTime":1911.44,"body":" \u00c4hm, okay, dann kommen wir jetzt, warte mal, Moment, ach so, das Carrot ist da hinten, okay, gut, die Reihenfolge ist, glaub ich, ein bisschen anders, als ich es im Kopf hatte, egal."},{"speaker":null,"startTime":1911.44,"endTime":1923.68,"body":" Dann kommen wir jetzt noch zu was, \u00e4h, zu was Sch\u00f6nem, \u00e4hm, was irgendwann kommen wird, hoffentlich, aber wir haben vorhin festgestellt, oder ich hab vorhin sieben Teils festgestellt, dass die Demo, die ich daf\u00fcr mal gebaut hab, komplett kaputt gegangen ist, weil die Browser-Hersteller mittlerweile,"},{"speaker":null,"startTime":1923.7,"endTime":1953.68,"body":" irgendwie, also das ist ein Standard im Entstehen, ich zeig dann gleich mal, um was es geht, \u00e4hm, \u00e4h, wenn ihr Webseiten baut, \u00e4h, dann seid ihr bestimmt schon mal auf das Problem gesto\u00dfen, dass ihr so eine Select-Box, dass jemand so euch sagt, die w\u00fcrde ich jetzt gern stylen, also auf dem Mac sieht das so aus, das ist so ein ganz Standard, ich hab hier so ein Auswahlfeld, ich dr\u00fcck da drauf und dann hab ich verschiedene Optionen, die ich ausw\u00e4hlen kann, das ist so eine Standard, \u00e4h, Select-Box, so, \u00e4hm, das ist schon immer ein Schmerz gewesen, wenn Grafiker dann kommen, \u00e4h, oder, oder UX-Designer und sagen,"},{"speaker":null,"startTime":1953.68,"endTime":1963.6,"body":" hey, \u00e4h, style das mal, und da, man kann ein bisschen was machen, man kann ein bisschen was machen, \u00e4hm, das hier ist zum Beispiel, \u00e4h, eine Demo von Chris Coyer, der hat die Seite CSS-Tricks gegr\u00fcndet,"},{"speaker":null,"startTime":1963.6,"endTime":1969.76,"body":" ich behaupte, der hat das ganz gut verstanden, was man so alles machen kann, aber was man, das Einzige, was man machen konnte, bislang, eigentlich war"},{"speaker":null,"startTime":1969.76,"endTime":1977.4,"body":" immer nur, die Box selbst stylen, aber nicht den Content, also ihr seht, da ist jetzt irgendwie ein sch\u00f6ner blauer Rahmen drum, da ist irgendwie so ein Pfeil,"},{"speaker":null,"startTime":1977.4,"endTime":1983.5,"body":" das sieht jetzt irgendwie ganz anders aus als vorher, das ist immer noch, ihr k\u00f6nnt es hier sehen, tats\u00e4chlich ein echtes Select-Element, nicht irgendwas anderes,"},{"speaker":null,"startTime":1983.66,"endTime":1990.44,"body":" \u00e4hm, und man m\u00f6chte das, \u00e4h, aus vielen verschiedenen Gr\u00fcnden, m\u00f6chte man eigentlich immer die nativen, \u00e4hm, \u00e4hm, \u00e4h, Browser, \u00e4h,"},{"speaker":null,"startTime":1990.44,"endTime":1995.82,"body":" UI-Elemente verwenden, man m\u00f6chte das nicht von Hand irgendwie mit JavaScript und irgendwelchen Layern nachbauen, \u00e4hm,"},{"speaker":null,"startTime":1995.82,"endTime":1999.88,"body":" weil es ist einfach so, es ist barrierefrei, es funktioniert immer mit der Tastatur und so weiter, also,"},{"speaker":null,"startTime":1999.88,"endTime":2005.44,"body":" kann ich hier mal zeigen, \u00e4h, ich hab's jetzt mal angetappt, ich kann jetzt hier mit, mit Leertaste \u00f6ffnen, mit den Pfeiltasten hin und her,"},{"speaker":null,"startTime":2005.44,"endTime":2009.18,"body":" das ist das Verhalten, was ich eigentlich von der Select-Box immer haben will, genau."},{"speaker":null,"startTime":2009.76,"endTime":2015.48,"body":" Also, das ist so ziemlich alles, was, was die, was die l\u00e4ngste, was die meiste Zeit jetzt irgendwie ging und lange ging ja auch gar nix."},{"speaker":null,"startTime":2015.48,"endTime":2015.88,"body":" Ja."},{"speaker":null,"startTime":2015.88,"endTime":2019.82,"body":" Also, da hat man sich fr\u00fcher aufgeh\u00e4ufen, irgendwie vielleicht noch, aber auch nicht in allen Browsern."},{"speaker":null,"startTime":2019.82,"endTime":2025.96,"body":" Also, fr\u00fcher, fr\u00fcher hat man sich damit ausgeholfen, dass man die Teile tats\u00e4chlich komplett transparent gemacht hat, \u00e4h,"},{"speaker":null,"startTime":2025.96,"endTime":2034.84,"body":" und was drunter gelegt hat, was so aussehen soll, \u00e4h, wie die Select-Box, die man haben will und dass man trotzdem das native Element irgendwie verwenden kann, aber das ist irgendwie eklig."},{"speaker":null,"startTime":2034.84,"endTime":2044.48,"body":" So, aber, \u00e4h, es wissen die Browser-Hersteller und, und diverse Interessengruppen schon sehr, sehr lange, dass das, \u00e4h, keinen Spa\u00df macht, \u00e4h, das zu stylen und dass es diese Anforderungen immer mal wieder gibt."},{"speaker":null,"startTime":2044.48,"endTime":2051.64,"body":" \u00c4hm, und, \u00e4h, viele Leute bauen dann sowas, also, \u00e4h, das sieht jetzt erstmal gut aus, da sieht man hier irgendwie Select und so."},{"speaker":null,"startTime":2051.64,"endTime":2054.96,"body":" \u00c4hm, ich kann mal zeigen, wie es aussieht, wenn man es bedient."},{"speaker":null,"startTime":2054.96,"endTime":2058.8,"body":" Ja, sch\u00f6n, schick, ist komplett anders, ist komplett umgestylt."},{"speaker":null,"startTime":2058.8,"endTime":2066.94,"body":" So, und jetzt zeige ich euch einfach mal, was da wirklich dahinter tickt, weil der Code hier, der ist ein bisschen misleading, weil da passiert eine Menge JavaScript im Hintergrund."},{"speaker":null,"startTime":2067.74,"endTime":2069.66,"body":" Das ist tats\u00e4chlich nur auf jQuery basierend."},{"speaker":null,"startTime":2069.66,"endTime":2069.86,"body":" Oh."},{"speaker":null,"startTime":2069.86,"endTime":2072.84,"body":" Die, kennt vielleicht auch der eine oder andere noch."},{"speaker":null,"startTime":2072.84,"endTime":2078.58,"body":" So, was aber hier in Wirklichkeit passiert ist, ups, sie, ah, jetzt, \u00e4h, jetzt hat sich's rumgedreht, interessant."},{"speaker":null,"startTime":2078.58,"endTime":2080.28,"body":" So, aber ist vielleicht gar nicht so schlecht."},{"speaker":null,"startTime":2080.28,"endTime":2083.36,"body":" So, was ist hier denn eigentlich wirklich?"},{"speaker":null,"startTime":2083.36,"endTime":2091.14,"body":" Sorry, Nippon Paratka, dass wir dein Demo als, \u00e4h, als Negativbeispiel zeigen, tut mir leid."},{"speaker":null,"startTime":2091.14,"endTime":2096.88,"body":" \u00c4hm, genau, was hier n\u00e4mlich eigentlich sichtbar ist, da unten ist das Select noch, aber das hat Display None bekommen."},{"speaker":null,"startTime":2097.74,"endTime":2105.26,"body":" Und wenn ein, \u00e4h, ein Eingabefeld, egal, wenn irgendein HTML-Element, \u00e4h, Display None bekommt, dann wird das komplett entfernt aus dem DOM-Tree."},{"speaker":null,"startTime":2105.26,"endTime":2110.72,"body":" Das bedeutet auch zum Beispiel Screenreader oder irgendwelche Technologien, \u00e4h, das wird, ist, ist weg, es ist verschwunden dann."},{"speaker":null,"startTime":2110.72,"endTime":2113.96,"body":" Das hei\u00dft, es ist, \u00e4h, nicht mehr bedienbar, auch nicht mehr mit der Tastatur."},{"speaker":null,"startTime":2113.96,"endTime":2126.46,"body":" So, was jetzt, was wir jetzt hier eigentlich sehen, ist ein Span mit irgendwas drin, mit irgendwelchen, \u00e4h, CSS-Klassen, \u00e4hm, und dann irgendwie auch nochmal ein Diff mit, mit, das ist jetzt der Inhalt."},{"speaker":null,"startTime":2126.46,"endTime":2131.06,"body":" Und das wird alles per JavaScript auf und, \u00e4h, also die ganze Funktionalit\u00e4t ist mit JavaScript nachimplementiert worden."},{"speaker":null,"startTime":2131.06,"endTime":2136.3,"body":" Nat\u00fcrlich aber nicht alles, weil wenn ich jetzt da versuche reinzutabben, dann habe ich \u00fcberhaupt gar kein fokussierbares Element."},{"speaker":null,"startTime":2136.3,"endTime":2142.14,"body":" Also, ihr seht, es ist irgendwie nach unten gesprungen, ich gehe nochmal nach oben, also ich klicke hier rein, es ist einfach nichts."},{"speaker":null,"startTime":2142.14,"endTime":2146.38,"body":" \u00c4h, ich kann gar nichts mit der Tastatur machen und Screenreader sehen, das Element \u00fcberhaupt nicht."},{"speaker":null,"startTime":2146.46,"endTime":2150.74,"body":" Also, das ist nicht so die, die beste Idee, sowas zu l\u00f6sen, wenn man jetzt irgendwie so Designanforderungen hat."},{"speaker":null,"startTime":2150.74,"endTime":2159.06,"body":" Deswegen, \u00e4h, sind Menschen auf die Idee gekommen, da muss man was dran \u00e4ndern und das ist jetzt so ein Standard, den haben wir ja, glaube ich, vor einem Jahr oder eineinhalb mal vorgestellt."},{"speaker":null,"startTime":2159.2,"endTime":2165.8,"body":" Und seitdem hat sich leider nicht so extrem viel getan, aber es gab dann Leute, die gesagt haben, hey, wir brauchen was Neues und was irgendwie barrierefrei ist und was richtig gut funktioniert."},{"speaker":null,"startTime":2165.8,"endTime":2171.2,"body":" Das ist, glaube ich, nach wie vor immer noch nur, \u00e4h, Chromium, \u00e4h, \u00e4h, \u00e4h."},{"speaker":null,"startTime":2172.2,"endTime":2175.88,"body":" Das steht auch hier, genau, Experimental Web-Plattform-Feature, das muss man daf\u00fcr anschalten."},{"speaker":null,"startTime":2175.88,"endTime":2177.62,"body":" Und der Flag, das man extra aktivieren muss, hat sich auch nicht ge\u00e4ndert."},{"speaker":null,"startTime":2177.62,"endTime":2180.62,"body":" Deswegen habe ich jetzt hier extra einen ganz neuen Chrome mit dem, mit dem Kram an."},{"speaker":null,"startTime":2180.62,"endTime":2185.54,"body":" \u00dcbrigens, \u00e4h, wenn man immer damit browset, dann passieren manchmal komische Dinge, \u00e4h, wenn man das immer anhat."},{"speaker":null,"startTime":2185.54,"endTime":2188.1,"body":" Ich hatte da schon sehr merkw\u00fcrdige Effekte, dass Bilder nicht mehr geladen haben und so."},{"speaker":null,"startTime":2188.1,"endTime":2193.9,"body":" Sollte man nicht als Standard-Browser verwenden, in diesem Zustand, \u00e4h, w\u00fcrde ich, \u00e4h, w\u00fcrde ich, ja, von abraten."},{"speaker":null,"startTime":2193.9,"endTime":2200.9,"body":" Aber, was die erfunden haben, ist, die haben gesagt, naja, Select, wir wollen das Web nicht kaputt machen, \u00e4h, wir erfinden jetzt was Neues."},{"speaker":null,"startTime":2200.9,"endTime":2204.08,"body":" Wir, wir, wir, nehmen nicht das Alte und ver\u00e4ndern, sondern wir erfinden was Neues."},{"speaker":null,"startTime":2204.08,"endTime":2207.18,"body":" Das hei\u00dft jetzt Select Menu, kann mehr, klingt, klingt ja schon mal super."},{"speaker":null,"startTime":2207.18,"endTime":2212.44,"body":" \u00c4hm, aber seitdem die die Seite hier aufgesetzt haben, hat sich die Implementierung im Browser schon so ver\u00e4ndert,"},{"speaker":null,"startTime":2212.44,"endTime":2214.1,"body":" dass die Demos leider nicht mehr alle funktionieren."},{"speaker":null,"startTime":2214.1,"endTime":2216.18,"body":" Aber mich hat das hier schon extrem \u00fcberzeugt."},{"speaker":null,"startTime":2216.18,"endTime":2220,"body":" Das ist n\u00e4mlich, \u00e4h, ein rundes Emoji-Button, auf das ich draufklicken kann."},{"speaker":null,"startTime":2220,"endTime":2222.98,"body":" Und dann habe ich eine runde Select-Box, in der ich Sachen ausw\u00e4hlen kann."},{"speaker":null,"startTime":2222.98,"endTime":2226.46,"body":" Und das kann ich tats\u00e4chlich auch hier mit der Tastatur machen."},{"speaker":null,"startTime":2226.6,"endTime":2231.94,"body":" Also, das ist tats\u00e4chlich ein echtes Browser-Element, was der Browser unterst\u00fctzt mit allem Pipapo."},{"speaker":null,"startTime":2231.94,"endTime":2235.14,"body":" Aber ich kann halt zum Beispiel das ganze Ding rund designen, was vorher halt nicht ging."},{"speaker":null,"startTime":2235.14,"endTime":2237.18,"body":" Das Betriebssystem hat entschieden, wie es aussehen soll."},{"speaker":null,"startTime":2237.18,"endTime":2238.46,"body":" Man kann es aber auch noch ganz anders machen."},{"speaker":null,"startTime":2238.98,"endTime":2246.88,"body":" Also, zum Beispiel auch so irgendwie so Material-Design-artig, irgendwie so mit Schatten geht so ein Ding auf, das wei\u00df ist und das wird so grau hinterlegt."},{"speaker":null,"startTime":2246.88,"endTime":2248.78,"body":" Also, ich kann tats\u00e4chlich auch den Inhalt irgendwie ver\u00e4ndern."},{"speaker":null,"startTime":2248.78,"endTime":2251,"body":" \u00c4hm, die Demo geht, glaube ich, nicht mehr."},{"speaker":null,"startTime":2251,"endTime":2253.74,"body":" \u00c4hm, die geht auch nicht, wie ihr seht."},{"speaker":null,"startTime":2253.74,"endTime":2256.88,"body":" \u00c4h, es gibt hier diesen ... Das finde ich noch ganz nett."},{"speaker":null,"startTime":2257.04,"endTime":2260.06,"body":" Also, das sind genau so diese Design-Anforderungen, die man gerne bekommt."},{"speaker":null,"startTime":2260.06,"endTime":2262.24,"body":" Ja, mach das Ding nochmal gr\u00f6\u00dfer, ich will da noch einen Text unten drunter haben."},{"speaker":null,"startTime":2262.24,"endTime":2263.2,"body":" Geht alles mit Select nicht."},{"speaker":null,"startTime":2263.2,"endTime":2264.42,"body":" Ich kann da drin gar nichts designen."},{"speaker":null,"startTime":2264.42,"endTime":2265.38,"body":" Da ist einfach nur Text drin."},{"speaker":null,"startTime":2265.38,"endTime":2267.38,"body":" Und vielleicht kann ich noch ein Emoji reinpacken."},{"speaker":null,"startTime":2267.38,"endTime":2268.16,"body":" Und das war's dann auch."},{"speaker":null,"startTime":2268.16,"endTime":2270.08,"body":" Bild ist schon, ist schon G\u00fclle geht nicht."},{"speaker":null,"startTime":2270.08,"endTime":2275.3,"body":" Und, \u00e4hm, hier also auch so was ein bisschen komplexer mit so einer, mit verschiedenen Gruppierungen."},{"speaker":null,"startTime":2275.3,"endTime":2278.6,"body":" Und dann habe ich unten Emojis und, \u00e4hm, genau."},{"speaker":null,"startTime":2279.94,"endTime":2281.34,"body":" Oder zum Beispiel auch Color-Picker."},{"speaker":null,"startTime":2281.34,"endTime":2283.08,"body":" Es gibt nat\u00fcrlich auch nativen Color-Picker."},{"speaker":null,"startTime":2283.08,"endTime":2285.38,"body":" Es gibt ja Input-Type-Color, glaube ich, wenn ich's richtig wei\u00df."},{"speaker":null,"startTime":2285.38,"endTime":2287.2,"body":" Aber dann habe ich nicht so vorausgew\u00e4hlte Farben."},{"speaker":null,"startTime":2287.2,"endTime":2288.3,"body":" Das Ding ist tats\u00e4chlich komplett ..."},{"speaker":null,"startTime":2288.3,"endTime":2290.98,"body":" Genau, das ist keine Palette, sondern du hast halt ein Farbfeld, ja."},{"speaker":null,"startTime":2290.98,"endTime":2292.34,"body":" So, und das, \u00e4h, ja gut."},{"speaker":null,"startTime":2292.34,"endTime":2294.54,"body":" Habe ich jetzt nat\u00fcrlich wieder was sehr H\u00fcbsches ausgew\u00e4hlt."},{"speaker":null,"startTime":2294.54,"endTime":2299.18,"body":" So, \u00e4hm, aber wir haben nat\u00fcrlich ja versucht, das kaputt zu machen."},{"speaker":null,"startTime":2299.18,"endTime":2304.52,"body":" \u00c4hm, weil ich hab mich dann gefragt, \u00e4h, wenn man da schon so viel verr\u00fccktes Zeug mitmachen kann,"},{"speaker":null,"startTime":2304.52,"endTime":2305.8,"body":" was kann man denn da alles reinpacken?"},{"speaker":null,"startTime":2305.8,"endTime":2307.04,"body":" Wie, wie, wie geht denn das?"},{"speaker":null,"startTime":2307.04,"endTime":2309.52,"body":" Und, \u00e4h, nat\u00fcrlich wieder eine kleine Demo gebaut."},{"speaker":null,"startTime":2309.74,"endTime":2312.7,"body":" \u00c4hm, also das hier ist, Moment, m\u00fcssen wir da ganz nach oben scrollen."},{"speaker":null,"startTime":2312.7,"endTime":2314.68,"body":" Nicht, nicht gleich mit dem Stranger-Stuff beginnen."},{"speaker":null,"startTime":2314.68,"endTime":2316.5,"body":" Also das ist jetzt Select-Menu-Plane."},{"speaker":null,"startTime":2316.5,"endTime":2320.96,"body":" Wenn ich einfach gar nichts damit mache, kein Style, nichts damit ver\u00e4ndere."},{"speaker":null,"startTime":2320.96,"endTime":2322.84,"body":" Also das, ich zeig nochmal im HTML."},{"speaker":null,"startTime":2322.84,"endTime":2325.92,"body":" \u00c4hm, genau."},{"speaker":null,"startTime":2325.92,"endTime":2330.76,"body":" Statt Select einfach nur steht da jetzt Select-Menu und Opt-Group und Option."},{"speaker":null,"startTime":2330.76,"endTime":2332.94,"body":" Das gibt's bei Select auch schon, also eine Gruppierung."},{"speaker":null,"startTime":2332.94,"endTime":2336.12,"body":" \u00c4hm, und das sieht dann so aus."},{"speaker":null,"startTime":2336.12,"endTime":2337.68,"body":" Das sieht schon ein bisschen anders aus."},{"speaker":null,"startTime":2337.68,"endTime":2342.34,"body":" Das ist jetzt schon irgendwie mit wei\u00dfem Hintergrund und sieht schon, aber daran hab ich am Style jetzt tats\u00e4chlich gar nichts ge\u00e4ndert."},{"speaker":null,"startTime":2342.34,"endTime":2343.56,"body":" Das macht der Browser irgendwie so."},{"speaker":null,"startTime":2343.56,"endTime":2350.58,"body":" \u00c4hm, dann hab ich mir gedacht, okay, \u00e4h, Regenb\u00f6gen w\u00e4ren doch irgendwie mal, w\u00e4ren mal versucht wert."},{"speaker":null,"startTime":2350.58,"endTime":2352.92,"body":" Ihr seht schon, \u00e4h, das Ding sieht schon ein bisschen anders aus."},{"speaker":null,"startTime":2353.02,"endTime":2355.8,"body":" Das Teil hier ist irgendwie rot und das ist farblich hinterlegt mit dem Pfeil."},{"speaker":null,"startTime":2355.8,"endTime":2359.76,"body":" Das h\u00e4tte man vielleicht mit CSS noch so, ah, ich glaube, den dicken roten Rahmen h\u00e4tte man, glaube ich, nicht hingekriegt."},{"speaker":null,"startTime":2359.76,"endTime":2368.78,"body":" Aber man kann halt die Options auch, \u00e4h, mit Regenb\u00f6gen hinterlegen, sehr, sehr h\u00fcbsch, nicht mehr lesbar eigentlich und man kann da drin auch sch\u00f6n scrollen."},{"speaker":null,"startTime":2368.78,"endTime":2374.18,"body":" Ist das aber, okay, da sieht man schon, \u00e4hm, die Implementierung ist ein bisschen komisch, weil wenn ich jetzt, \u00e4hm, ist es gr\u00f6\u00dfer geworden beim Scrollen."},{"speaker":null,"startTime":2374.18,"endTime":2377.76,"body":" Es ist, \u00e4hm, nee, also an meinem Code liegt's auf keinen Fall."},{"speaker":null,"startTime":2378,"endTime":2382.22,"body":" Nein, das liegt definitiv am Browser. Das hat schon mal funktioniert. Works on my machine, ihr wisst ja, ne?"},{"speaker":null,"startTime":2382.22,"endTime":2388.34,"body":" So, genau, und das ist das, \u00e4h, Moment, ist das das? Ne, das ist das hier."},{"speaker":null,"startTime":2388.34,"endTime":2396.62,"body":" Hab ich eigentlich nur, da gibt's eigentlich nur eine CSS-Klasse, die ich da draufgelegt hab, \u00e4h, die hei\u00dft styled und dann hab ich halt, genau, da k\u00f6nnte ich vielleicht noch erkl\u00e4ren, wie das generell gestylt wird."},{"speaker":null,"startTime":2396.62,"endTime":2403.98,"body":" \u00c4hm, es gibt, \u00e4hm, da gibt's ein Pseudo-Element mit Doppelpunkt, Doppelpunkt, Part, das ist irgendwie, glaube ich, daf\u00fcr erfunden worden."},{"speaker":null,"startTime":2403.98,"endTime":2405.32,"body":" Das hab ich sonst noch nirgends gesehen."},{"speaker":null,"startTime":2405.32,"endTime":2407.84,"body":" Ist das nicht f\u00fcr Web-Components auch, ne?"},{"speaker":null,"startTime":2407.92,"endTime":2417.68,"body":" Ist, ja, ich glaube, ist auch f\u00fcr Web-Components, \u00e4h, in diesem Fall, \u00e4h, gibt's da fertige, \u00e4h, fertige, in dem Select-Box, \u00e4h, Select-Menu gibt's da fertige Werte, die da reingef\u00fcllt werden k\u00f6nnen, zum Beispiel der Button."},{"speaker":null,"startTime":2417.68,"endTime":2419.74,"body":" Das ist das ganze Ding hier."},{"speaker":null,"startTime":2419.74,"endTime":2423.08,"body":" Das ist quasi wie nochmal ein Selektor, der da, der \u00fcbergeben wird als Parameter."},{"speaker":null,"startTime":2423.08,"endTime":2428.76,"body":" Genau, da seht ihr hier, \u00e4h, Background-Color-Peach-Puff, das ist das hier, ich wei\u00df nicht, wie das bei euch aussieht, eine meiner Lieblingsfarben."},{"speaker":null,"startTime":2428.76,"endTime":2433,"body":" \u00c4hm, dann haben wir Selected-Value, das ist das Rote, also seht ihr hier Background-Red."},{"speaker":null,"startTime":2433,"endTime":2436.6,"body":" \u00c4hm, also das ist wirklich der derzeit ausgew\u00e4hlte Text."},{"speaker":null,"startTime":2437.84,"endTime":2441.56,"body":" Oder vielleicht auch was anderes, wie wir gleich noch sehen werden, vielleicht nicht nur Text."},{"speaker":null,"startTime":2441.56,"endTime":2445.64,"body":" \u00c4hm, und dann gibt es noch List-Box, das ist das, das ist die Box, die da aufgeht."},{"speaker":null,"startTime":2445.64,"endTime":2449.4,"body":" Da sieht man hier Border-Radius, 100-Pixel, \u00e4hm, Padding und so weiter."},{"speaker":null,"startTime":2449.4,"endTime":2451.74,"body":" Minheit, was nicht so richtig greift."},{"speaker":null,"startTime":2451.74,"endTime":2452.98,"body":" Genau."},{"speaker":null,"startTime":2453.52,"endTime":2467.72,"body":" So, aber, wenn wir, wenn wir noch anderes komisches Zeug damit versucht h\u00e4tten, \u00e4hm, ich hab jetzt dann mal versucht, in ein Select-Menu alles reinzupacken, was mir so einf\u00e4llt, was da nichts zu suchen hat."},{"speaker":null,"startTime":2468.42,"endTime":2474.08,"body":" Also so, ich hab mir gedacht, okay, ja, keine Ahnung, was sind wir da vielleicht drin haben, irgendwie Bilder oder so vielleicht noch, Text, klar."},{"speaker":null,"startTime":2475.08,"endTime":2478.7,"body":" Aber, okay, was w\u00e4re mit einem Link?"},{"speaker":null,"startTime":2479.76,"endTime":2484.66,"body":" Das ergibt irgendwie keinen Sinn, weil ich klicke ja schon oft was drauf, ich w\u00e4hle was aus, Link funktioniert, haben wir hier."},{"speaker":null,"startTime":2484.66,"endTime":2490.64,"body":" \u00c4h, geht's hier auf www.siv.de, also unsere Webseite, SVG-Grafik, okay, das ist jetzt gar nicht so wild."},{"speaker":null,"startTime":2491.44,"endTime":2495.6,"body":" Man kann zum Beispiel anderes HTML reinpacken, eine Liste und eine \u00dcberschrift, geht vielleicht auch noch."},{"speaker":null,"startTime":2495.6,"endTime":2506.6,"body":" Ups, Moment, ein Eingabefeld, wei\u00df nicht, wof\u00fcr das gut sein soll, vielleicht, ah doch, das hab ich, glaub ich, in einer anderen Demo gesehen, so als Filter zum Beispiel, k\u00f6nnte noch sinnvoll sein."},{"speaker":null,"startTime":2506.6,"endTime":2521.42,"body":" Ein weiteres Select geht auch, \u00e4hm, es ist ein bisschen schwierig drauf zu klicken, \u00e4hm, es geht da n\u00e4mlich zu, aber ich hab jetzt hier, ihr seht, ich hab's ausgew\u00e4hlt, also Option 1, Option 2, das ist jetzt das, was ich ausgew\u00e4hlt hab."},{"speaker":null,"startTime":2521.44,"endTime":2523.02,"body":" Das ist dieses komplette Select-Feld hier."},{"speaker":null,"startTime":2523.02,"endTime":2528.44,"body":" Also steht dann quasi bei dem ausgew\u00e4hlten immer das drin, was sich auch mit Text-Content, \u00e4h, mit dem Attribut rausbekommt."},{"speaker":null,"startTime":2528.44,"endTime":2537.5,"body":" Genau, also wenn da kein Text drinsteht und das nur irgendwie jetzt ein HTML-Element ist ohne Text, \u00e4h, zum Beispiel bei SVG hab ich SVG dazu geschrieben, also wenn jetzt kein SVG stehen w\u00fcrde, dann w\u00e4re das einfach leer."},{"speaker":null,"startTime":2537.5,"endTime":2546.5,"body":" \u00c4hm, ein Date-Picker geht auch und, \u00e4h, ein YouTube-Live-Stream-Video."},{"speaker":null,"startTime":2546.5,"endTime":2548.42,"body":" Was im Endeffekt ein Live-Frame ist, der dann..."},{"speaker":null,"startTime":2548.42,"endTime":2553.9,"body":" \u00c4hm, also ich hab jetzt, ich steck jetzt das nicht um, aber ihr glaubt mir, das l\u00e4uft jetzt tats\u00e4chlich und da kommt jetzt Sound raus."},{"speaker":null,"startTime":2553.9,"endTime":2561.58,"body":" Also dass auch da, auch das geht, man kann nat\u00fcrlich noch andere Input-Felder, \u00e4h, reintoten, irgendwie Range-Input, jetzt muss ich aufpassen, dass ich da rausgehe, ah nee, es geht trotzdem zu, schade."},{"speaker":null,"startTime":2561.58,"endTime":2569.76,"body":" \u00c4h, also auch das, und ich wei\u00df nicht so genau, wie sinnvoll das ist, \u00e4hm, vielleicht habt ihr noch Ideen, was man da noch reinpacken k\u00f6nnte, was da nicht hingeh\u00f6rt."},{"speaker":null,"startTime":2569.76,"endTime":2574.92,"body":" \u00c4h, ich glaub, YouTube-Live-Video war so das, war so das, das krasseste, was mir eingefallen ist."},{"speaker":null,"startTime":2574.98,"endTime":2577,"body":" Also es ist im Endeffekt unrestriktiert, ne?"},{"speaker":null,"startTime":2577,"endTime":2580.98,"body":" Es ist komplett, ja, ich hab nichts gefunden, was nicht funktioniert da drin."},{"speaker":null,"startTime":2580.98,"endTime":2590.84,"body":" \u00c4hm, au\u00dfer das Design ist jetzt irgendwie, es geht jetzt irgendwie in eine komische Richtung auf, weil, das will ich vielleicht noch zeigen, also es hat mal so funktioniert, wie man es vermuten w\u00fcrde, aber wenn ich es jetzt aufklappe,"},{"speaker":null,"startTime":2591.82,"endTime":2597.04,"body":" Wenn ich es jetzt so weit gescrollt hab, es ist jetzt am oberen Bildschirmrand, was w\u00fcrdet ihr sagen, in welche Richtung klappt es auf, wenn ich jetzt drauf dr\u00fccke?"},{"speaker":null,"startTime":2597.04,"endTime":2599.38,"body":" Nach unten?"},{"speaker":null,"startTime":2599.38,"endTime":2600.46,"body":" Genau, falsch."},{"speaker":null,"startTime":2600.46,"endTime":2602.38,"body":" Es klappt nach oben."},{"speaker":null,"startTime":2602.38,"endTime":2605.52,"body":" \u00c4hm, keine Ahnung, das, \u00e4h, wir wissen es nicht genau."},{"speaker":null,"startTime":2605.52,"endTime":2622.94,"body":" Ja, das hat ja schon mal funktioniert und ich vermute, \u00e4h, wir haben vor einer Weile mal, \u00e4hm, die Popover, \u00e4h, API vorgestellt und da gab's dann so ein ganz crazy CSS-Notation mit Add Position, wo ich dann Berechnungen drin anstellen konnte, wie viel Platz hab ich im Viewport und soll das erst oben und dann unten angezeigt werden und so weiter."},{"speaker":null,"startTime":2623.3,"endTime":2653,"body":" Und ich, \u00e4h, vermute, dass, \u00e4h, in Chromium das, \u00e4h, schon implementiert wurde, auch jetzt f\u00fcr die, f\u00fcr diese Select Menus, \u00e4h, und wir das in der Demo im Endeffekt, \u00e4h, updaten m\u00fcssen, aber ich w\u00fcrde trotzdem erwarten, dass der Default-Zustand das automatisch macht, dass er den, den, den Viewport nicht nutzt, aber wie gesagt, das ist alles irgendwie so, \u00e4h, ja, top, top-notch, \u00e4h, \u00e4hm, alles ganz neu und, \u00e4hm, wir haben ja auch diesen, \u00e4h, die, die CSS-Subgrid-Geschichte jetzt irgendwie schon seit zwei Jahren verfolgt, \u00e4h, im Bugtracker von, von, von Chromium."},{"speaker":null,"startTime":2653.08,"endTime":2667.32,"body":" Also, die Sachen brauchen einfach eine Weile, bis sie implementiert werden und ich bin gespannt, ob da noch was zusammengestrichen wird, dass ich da nicht alles reinpacken darf oder ob das so bleibt, \u00e4hm, und, \u00e4h, ja, wie, wie, wie schnell wir das nutzen k\u00f6nnen, aber ich bef\u00fcrchte so, im letzten Jahr wird das noch nix."},{"speaker":null,"startTime":2667.32,"endTime":2682.86,"body":" Das, das, das, ich bin ein gro\u00dfer Fan von, das soll unbedingt ganz schnell live gehen, weil da so viele Probleme mit gel\u00f6st werden. Also, ich, ich erinnere mich noch, dass ich mal auf einer, auf einer Konferenz war, JS-Cont war das, glaube ich, \u00e4hm, wo, \u00e4h, ein damaliger Mitarbeiter von Microsoft irgendwie so eine gro\u00dfe Kampagne gefahren hat, ich will jetzt wissen, mit welchen Formularelementen"},{"speaker":null,"startTime":2682.86,"endTime":2693.86,"body":" Elementen habt ihr den meisten Pain. Er hat da eine Umfrage gemacht und da kam am Ende mit Abstand raus, Select ist der gr\u00f6\u00dfte Schmerz bei allen, weil man damit quasi gar nix machen kann und, \u00e4h, das w\u00e4r wirklich, wirklich tolle Sache, weil zum Beispiel so was..."},{"speaker":null,"startTime":2693.86,"endTime":2716.86,"body":" Es ist halt vor allem, dass das, das letzte Inselchen noch an Formularelementen bisher, au\u00dfer was, wo wir gleich noch, \u00e4h, drauf kommen, was sich halt noch nicht stylen l\u00e4sst. Also, selbst Checkboxen, das war ja auch fr\u00fcher, \u00e4h, eine ziemliche Pain, die man dann auch irgendwie versteckt hat oder, \u00e4h, umpositioniert hat und dann irgendwie ein anderes Element hin, Span hinten ran und mit dem Checkt, \u00e4h, Pseudoselektor dann irgendwelche Dinge gebastelt hat. Das, selbst das geht ja jetzt inzwischen eigentlich, \u00e4h, ganz gut. Und jetzt so das Select ist noch das letzte Ding."},{"speaker":null,"startTime":2716.86,"endTime":2725.26,"body":" Checkboxen und Radio Buttons und sowas, das kann man mittlerweile eigentlich alles ganz gut mit Bordmitteln machen oder es gibt, \u00e4h, anerkannte Workarounds, die wirklich gut auch f\u00fcr alle Systeme funktionieren und so."},{"speaker":null,"startTime":2725.34,"endTime":2732.92,"body":" Accessible sind. \u00c4h, genau, auch Accessible sind, aber das, das Select ist einfach ein Pain in the Butt. Das muss, das muss, \u00e4h, ich brauch Select Menu."},{"speaker":null,"startTime":2732.92,"endTime":2748.78,"body":" So, ihr seht jetzt hier grad noch, \u00e4h, ein Cursor blinken. Ich hab hier grad nochmal, also, ich mag's ja gern bunt. Was, was, was, was meinst du, w\u00e4r, w\u00e4r eine Schande, wenn, wenn der nicht auch als in Regenbogenfarben blinken k\u00f6nnte, oder?"},{"speaker":null,"startTime":2748.94,"endTime":2758.84,"body":" Find ich auch. Gut, also, ja, schwache \u00dcberleitung, ich wei\u00df, aber, \u00e4h, in unserer n\u00e4chsten Demo hab ich genau das mal versucht, weil es gibt n\u00e4mlich tats\u00e4chlich eine Eigenschaft in CSS, die hei\u00dft Carrot Color."},{"speaker":null,"startTime":2758.84,"endTime":2770.94,"body":" \u00c4hm, und wir haben vorhin tats\u00e4chlich, \u00e4h, live noch debugged, ob wir irgendwie hinkriegen k\u00f6nnen, dass man, dass der Cursor ein bisschen breiter ist und wir haben's tats\u00e4chlich auch dann geschafft, weil, \u00e4h, ich, \u00e4hm,"},{"speaker":null,"startTime":2771.3,"endTime":2783.22,"body":" Wenn ich jetzt da reinklicke, dann, \u00e4h, macht euch, macht euch gefasst auf, \u00e4h, Regenbogen, \u00e4hm, weil es ist tats\u00e4chlich m\u00f6glich, \u00e4h, nicht, nicht nur in einer Farbe einzuf\u00e4rben, sondern tats\u00e4chlich mit einer CSS-Animation, hier mit einer Keyframe-Animation,"},{"speaker":null,"startTime":2783.22,"endTime":2790.42,"body":" einfach durch verschiedene Farben, \u00e4h, durchzurotieren. In dem Fall halt einfach Green, Yellow, Red, \u00e4h, Blue und, \u00e4h, genau."},{"speaker":null,"startTime":2790.54,"endTime":2804.96,"body":" Die \u00dcberg\u00e4nge werden vom Browser gemacht und es blinkt halt so, ich glaube, irgendwo hab ich noch die Zeit angegeben, nur 0,5 Sekunden, \u00e4hm, und, \u00e4h, das, \u00e4h, infinite, das hei\u00dft, es, \u00e4h, rotiert immer weiter und der Cursor blinkt jetzt, \u00e4h, sehr, sehr bunt und ich glaube, man kann's aber, man kann's aber ganz gut sehen."},{"speaker":null,"startTime":2804.96,"endTime":2819.1,"body":" Und standardm\u00e4\u00dfig ist der aber immer nur ein Pixel d\u00fcnn und ich kann das auch nicht irgendwie, ich kann da keine Width, \u00e4h, setzen oder so und dann, \u00e4h, irgendjemand hat uns vorhin, \u00e4h, ich glaub du warst das, ne, aber dann probiert doch mal, \u00e4h, das Ganze mit einer, mit einem Transform hoch zu skalieren."},{"speaker":null,"startTime":2819.1,"endTime":2821.54,"body":" Und das war tats\u00e4chlich die, die Dosis."},{"speaker":null,"startTime":2821.54,"endTime":2841.56,"body":" Genau, und wir haben hier Transform Scale 8 in dem Fall, also wirklich achtfache Vergr\u00f6\u00dferung von diesem Eingabefeld, \u00e4hm, also mit Zoom hat's nicht funktioniert, \u00e4hm, mit, \u00e4h, Font Size hat's nicht funktioniert, aber mit, \u00e4h, mit Transform Scale hat's funktioniert und jetzt ist das Ding tats\u00e4chlich auch relativ breit, ist nat\u00fcrlich nur f\u00fcr Demo-Zwecke jetzt so gro\u00df, \u00e4hm, aber, Regenbogencursor auf eurer Seite ab morgen."},{"speaker":null,"startTime":2841.56,"endTime":2842.42,"body":" Genau."},{"speaker":null,"startTime":2842.42,"endTime":2842.88,"body":" Ganz einfach."},{"speaker":null,"startTime":2842.88,"endTime":2848.84,"body":" Also das sind, \u00e4h, das sind nat\u00fcrlich jetzt Kleinigkeiten und was wir hier vorstellen, ist nat\u00fcrlich alles immer viel, \u00e4h, Gespiele und, und nicht unbedingt f\u00fcr den Alltagseinsatz gedacht."},{"speaker":null,"startTime":2848.84,"endTime":2859.56,"body":" Aber, \u00e4hm, es ist halt, \u00e4h, wir, wir kommen an einen Punkt, wo wir kaum noch Elemente haben, die vom Browser vorgegeben oder aus, aus dem System UI kommen, sondern wir k\u00f6nnen alles beeinflussen."},{"speaker":null,"startTime":2859.56,"endTime":2865.22,"body":" Ob das jetzt unbedingt gut ist oder schlecht, so mit den Scrollbars, ne, \u00e4h, kann man sich dr\u00fcber streiten, aber es ist halt einfach, es ist m\u00f6glich."},{"speaker":null,"startTime":2865.36,"endTime":2877.94,"body":" Also wir sind einfach immer weniger eingeschr\u00e4nkt und wir haben jetzt so an, an Layout-Funktionalit\u00e4ten, \u00e4hm, in CSS endlich, \u00e4h, auch einen Punkt, wo eigentlich alles m\u00f6glich wird und, \u00e4h, fr\u00fcher gab's nicht mal abgerundete Ecken, wie man sie jetzt hier sieht, ja."},{"speaker":null,"startTime":2878.38,"endTime":2890.52,"body":" \u00c4hm, \u00e4hm, und jetzt, jetzt kommt halt an Implementierung und nichts mehr gro\u00df Bahnbrechendes, sondern es geht halt in die Details und ich kann jetzt halt die, die, \u00e4h, Carat-Farbe da \u00e4ndern und ich kann, \u00e4h, Selects \u00e4ndern und so weiter."},{"speaker":null,"startTime":2890.66,"endTime":2902.7,"body":" Also, \u00e4h, ich find das nicht schlecht, also, \u00e4hm, man kann einfach jetzt, ne, viele wissen das auch noch gar nicht und man kann aber irgendwie auf einer Seite vielleicht dadurch hervorstechen, dass halt mein Textcursor auch zu der Farbe passt."},{"speaker":null,"startTime":2902.7,"endTime":2907.56,"body":" Jetzt nicht unbedingt rund blinkt, aber dass er halt von der Farbe her passt und dass meine Scrollbars irgendwie, \u00e4h, schicker aussehen."},{"speaker":null,"startTime":2907.56,"endTime":2909.58,"body":" Ich glaube, in den meisten F\u00e4llen sollte man die Finger davon lassen."},{"speaker":null,"startTime":2909.58,"endTime":2912.38,"body":" Wenn man's gut macht, kann man's durchaus benutzen."},{"speaker":null,"startTime":2912.38,"endTime":2920.4,"body":" \u00c4h, ich, Iberg, bin da auch sehr gespalten, ob man das tun sollte oder nicht, oder ob man so ein, wirklich diese M\u00f6glichkeit, da bin ich mir echt nicht sicher, ob's eine gute Idee ist, aber,"},{"speaker":null,"startTime":2920.66,"endTime":2935.68,"body":" Keine Ahnung, \u00e4h, vielleicht gibt's ja gute Anwendungsf\u00e4lle, mir f\u00e4llt jetzt au\u00dferdem hier keiner ein, aber, ja, weil meistens der Browser eigentlich ganz gut wei\u00df, wenn er die Hintergrundfarbe von einem Element kennt, wo ein Cursor drin blinkt, dann wei\u00df er auch ganz gut, in was f\u00fcr eine Farbe der Cursor sein sollte, um dann ausreichenden Kontrast zu bieten, das ist ja wichtig."},{"speaker":null,"startTime":2935.68,"endTime":2949.36,"body":" Gut, dann, \u00e4h, ja, dann, \u00e4h, ich hab grad schon angesprochen, die letzte, eine der letzten Bastionen im, im Formularbereich, \u00e4hm, war immer der, der Auswahlbutton, \u00e4hm, Datei ausw\u00e4hlen, also, \u00e4h, Input-Type, \u00e4h, File"},{"speaker":null,"startTime":2949.36,"endTime":2963.6,"body":" Und, \u00e4h, da haben wir in der Folge mit, \u00e4h, Manuel Matusowitsch, der ja auch schon sehr lange in diesem Game dabei ist, haben wir festgestellt, dass wir das alle drei nicht kannten, obwohl das schon irgendwie seit acht Jahren oder so funktioniert."},{"speaker":null,"startTime":2963.68,"endTime":2980.16,"body":" Und man sieht das auch ganz oft auf Formularen, \u00e4h, auf, auf Seiten in freier Wildbahn, die sind irgendwie sch\u00f6n gestylt und alles, \u00e4h, ist irgendwie sch\u00f6n in CI-Farbe, aber diese Upload-Geschichten, die sehen, entweder sind sie komplett ersetzt durch so einen, \u00e4h, File-Picker mit, mit ich kann Drag-and-Drop benutzen und so, oder sie sind halt einfach h\u00e4sslich grau."},{"speaker":null,"startTime":2980.7,"endTime":2995.6,"body":" Und, \u00e4h, man kann das mit, hier unten sieht man's, \u00e4h, File-Selector-Button, \u00e4hm, als Pseudo-Element, kann man, \u00e4h, das tats\u00e4chlich stylen und kann's dann ganz normal, Background-Color, \u00e4h, Padding-Border, \u00e4h, Margin und so weiter, \u00e4h, den Button stylen."},{"speaker":null,"startTime":2995.64,"endTime":3001.54,"body":" Und das wussten wir alle drei, \u00e4h, die wir da sa\u00dfen und das schon lange machen, wussten wir das nicht. Kannte das schon jemand? Wusste das jemand? Setz das ein."},{"speaker":null,"startTime":3001.54,"endTime":3002.96,"body":" Ja."},{"speaker":null,"startTime":3002.96,"endTime":3004.06,"body":" Schaut mal, wieder was gelernt."},{"speaker":null,"startTime":3004.06,"endTime":3025.62,"body":" Ja, meistens war, war der Weg fr\u00fcher drumherum, auch dieses Ding halt auf Opacity 0 zu setzen, also durchsichtig zu machen und dann irgendwas hinten dran zu legen, was f\u00fcrchterlich h\u00e4sslich ist und dann, was auch von Browser zu Browser extrem unterschiedlich, wie gro\u00df dieses Ding standardm\u00e4\u00dfig ist, weil manche haben noch einen Text, also hier steht zum Beispiel keine ausgew\u00e4hlt unten drunter, wenn ich da drauf dr\u00fccke, dann seh ich tats\u00e4chlich auch, \u00e4h, also ich kann auch unten draufklicken,"},{"speaker":null,"startTime":3025.64,"endTime":3032.06,"body":" auf den Text, \u00e4h, jeder Browser macht's anders, \u00e4h, also bin ich auch um alles froh, \u00e4h, wie man das Ding irgendwie stylen kann."},{"speaker":null,"startTime":3032.06,"endTime":3037.02,"body":" Okay, so, \u00e4h, wir haben gerade angezeigt bekommen, wir haben noch f\u00fcnf Minuten."},{"speaker":null,"startTime":3037.02,"endTime":3037.68,"body":" F\u00fcnf Minuten."},{"speaker":null,"startTime":3037.68,"endTime":3039.1,"body":" M\u00fcssen wir uns jetzt, m\u00fcssen wir uns jetzt beeilen."},{"speaker":null,"startTime":3039.1,"endTime":3041.12,"body":" \u00c4hm, was zeigen wir noch?"},{"speaker":null,"startTime":3041.12,"endTime":3047.68,"body":" \u00c4h, ja, du hast noch, wir haben noch eine Rubrik und das Ende, ich glaub, da kommen wir schon."},{"speaker":null,"startTime":3047.68,"endTime":3051.56,"body":" Achso, meinst du, also, okay, Musik machen wir nicht mehr? Okay, alles klar, gut."},{"speaker":null,"startTime":3051.56,"endTime":3052.64,"body":" H\u00e4tte ich jetzt gesagt."},{"speaker":null,"startTime":3052.64,"endTime":3055.3,"body":" \u00c4h, was haben wir denn noch? Achso, ja, genau."},{"speaker":null,"startTime":3056.64,"endTime":3061.8,"body":" Dann kommt jetzt, Moment, normalerweise ..."},{"speaker":null,"startTime":3061.8,"endTime":3063.46,"body":" Das Geiltein."},{"speaker":null,"startTime":3063.46,"endTime":3066.68,"body":" Geiltein."},{"speaker":null,"startTime":3066.68,"endTime":3068.7,"body":" Wird beim Jingle mitgesungen hier vorne."},{"speaker":null,"startTime":3068.7,"endTime":3070.68,"body":" Sehr sch\u00f6n."},{"speaker":null,"startTime":3070.68,"endTime":3075.42,"body":" Bitte ab jetzt immer, wir m\u00fcssen vielleicht im Livestream, m\u00fcssen wir diese Jingles vielleicht auch mal ..."},{"speaker":null,"startTime":3075.42,"endTime":3076.48,"body":" Ja, wir brauchen einen R\u00fcckkanal."},{"speaker":null,"startTime":3076.48,"endTime":3078.62,"body":" Ihr m\u00fcsst, ihr m\u00fcsst alle parallel auch live gehen."},{"speaker":null,"startTime":3078.62,"endTime":3079.6,"body":" \u00c4h, egal."},{"speaker":null,"startTime":3079.6,"endTime":3080.7,"body":" \u00c4hm, so."},{"speaker":null,"startTime":3080.7,"endTime":3083.18,"body":" \u00c4h, das Geiltein seid nat\u00fcrlich ihr."},{"speaker":null,"startTime":3083.18,"endTime":3084.74,"body":" Ja, okay, ja, ich wei\u00df, ja."},{"speaker":null,"startTime":3084.74,"endTime":3091.34,"body":" \u00c4h, ich hab tats\u00e4chlich ein kleines Geilteil mitgebracht, was jetzt ziemlich gut zu den, zu den Sachen passt, weil wir haben jetzt so ein bisschen gesagt, ja, Standards ..."},{"speaker":null,"startTime":3091.34,"endTime":3105.3,"body":" Also, das m\u00fcssen wir vielleicht kurz nochmal erkl\u00e4ren, \u00e4h, also Geiltein ist bei uns, \u00e4h, immer so ein, ein Ding, einer von uns beiden sucht sich irgendwas raus und das muss dann auch gar nix, \u00e4h, mit dem, was wir t\u00e4glich so machen, mit, mit Technik zu tun haben, sondern es kann auch ein K\u00fcnstler sein, \u00e4h, ja, Musik, irgendwas. \u00c4hm."},{"speaker":null,"startTime":3105.3,"endTime":3126.14,"body":" \u00c4hm, aber heute hat's tats\u00e4chlich was mit dem, \u00e4hm, heute ist es was Technisches, \u00e4hm, und zwar eine Initiative auch von Emanuel Matusowitsch, wir haben ihn grad schon angesprochen, \u00e4h, und zwar die Seite html.dev, \u00e4hm, hatte ich ... kennt vielleicht der ein oder andere, \u00e4hm, genau, \u00e4h, da werden so ein bisschen Negativbeispiele gesammelt, wie man HTML nicht verwenden sollte, da geht's meistens um, \u00e4hm, barrierefreies HTML, aber auch semantisches HTML."},{"speaker":null,"startTime":3126.14,"endTime":3153.36,"body":" Also es gibt so viele M\u00f6glichkeiten, die man mit HTML nativ hat, \u00e4h, aber oft sieht man trotzdem dann irgendwie so die, die Diff-Suppe, also es wird irgendwie nur das Diff-Element verwendet und dann JavaScript draufgeworfen und in den, in den meisten F\u00e4llen, \u00e4h, ist das keine gute Idee, also da ist, ich hab fast noch nie gesehen, dass jemand zum Beispiel ein Select mit JavaScript vern\u00fcnftig nachimplementiert hat, weil es wird immer irgendwas vergessen, irgendeine Tastaturkombination, die du damit verwenden kannst, die Escape-Taste, was wei\u00df ich, gibt so viele Sachen, die da standardm\u00e4\u00dfig drin sind."},{"speaker":null,"startTime":3153.36,"endTime":3183.34,"body":" Und bei HTML werden so Negativbeispiele, \u00e4hm, gepostet, aber es ist nicht nur, \u00e4h, negativ, also ihr habt da oben auch gesehen, da gibt's auch den HTML-Heaven, \u00e4hm, aber bei jedem Beispiel, was hier, zum Beispiel Button, Display-Flex, Roll-Button, also, Roll-Button auf dem Button, der ist schon ein Button, wei\u00df ich jetzt, wei\u00df vielleicht nicht jeder, \u00e4h, es gibt auch immer, \u00e4hm, einen Tipp, wie man das dann l\u00f6st, \u00e4hm, und ich finde, es ist eine, ist eine super Seite, ich mag das sehr gerne, \u00e4hm, da auf jeden Fall mal ab und zu irgendwie die Beispiele reingucken, da kommt, kommt nicht so extrem oft was Neues dazu, ihr seht ihr hier gerade, 18. Juli, aber die,"},{"speaker":null,"startTime":3183.34,"endTime":3190.34,"body":" die alten, es sind 32 Beispiele, die alten, \u00e4h, sind auch schon ganz gut und, und sehr aufschlussreich, \u00e4h, genau, also, wenn man jetzt hier nochmal eins anguckt, hier, \u00e4h,"},{"speaker":null,"startTime":3190.34,"endTime":3199.34,"body":" hier, \u00e4h, Link, Aria-Label, \u00e4h, \u00e4h, \u00e4h, \u00e4h, warum, warum hast du nicht einfach einen Link-Text, das ergibt irgendwie keinen Sinn, \u00e4hm."},{"speaker":null,"startTime":3200.72,"endTime":3210.72,"body":" Aber es ist halt sch\u00f6n, dass nicht nur gemeckert wird und irgendwie so Finger zeigt, sondern, dass man eben halt auch sieht, wie, wie macht man es dann richtig. Und gerade so f\u00fcr Einsteiger ist es, \u00e4h, \u00e4h, dann auch sehr sch\u00f6n zu sehen, wie man es dann richtig machen kann."},{"speaker":null,"startTime":3210.94,"endTime":3214.36,"body":" Genau, so, jetzt m\u00fcssen wir uns beeilen, also, dann zeigen wir noch kurz, \u00e4h, achso."},{"speaker":null,"startTime":3214.36,"endTime":3215.52,"body":" Zeigen wir noch was?"},{"speaker":null,"startTime":3215.94,"endTime":3237.68,"body":" \u00c4h, unsere Seite, da d\u00fcrft ihr gerne mal draufgehen, wo wir sind, ist vorne.show oder www.siv.de, dann, \u00e4h, schon umgeleitet, \u00e4h, k\u00fcrzer zum Tippen, da k\u00f6nnt ihr gerne mal draufgehen, \u00e4h, wir streamen regelm\u00e4\u00dfig auf Twitch, \u00e4h, wie wir vorhin schon gesagt haben, \u00e4hm, wir machen Podcast, den k\u00f6nnt ihr ganz normal abonnieren, \u00e4hm, \u00e4h, per RSS-Feed in eurem Podcatcher findet ihr den hoffentlich auch einfach so, wenn ihr, \u00e4h, unseren Namen eingebt."},{"speaker":null,"startTime":3237.94,"endTime":3250.48,"body":" \u00c4hm, wenn ihr auf die Seite kommen wollt, dann k\u00f6nnt ihr auch jetzt mal kurz abscannen, wer will, \u00e4hm, w\u00fcrde ich jetzt einfach mal so stehen lassen und, \u00e4h, damit kommen wir zu ..."},{"speaker":null,"startTime":3250.48,"endTime":3253.04,"body":" Da ist Ende."},{"speaker":null,"startTime":3253.04,"endTime":3256.64,"body":" Ja, ich sch\u00e4me mich da immer."},{"speaker":null,"startTime":3256.64,"endTime":3261.7,"body":" Dieser Jingle stammt aus einer Zeit, in der wir noch keine Jingle hatten und alle selber eingesungen haben."},{"speaker":null,"startTime":3261.7,"endTime":3267.82,"body":" Und dann haben wir, Konstantin hat irgendwann mal gemeint, jetzt schneiden wir mal einen zusammen aus den Sachen, die wir da irgendwie gemacht haben und das, \u00e4h,"},{"speaker":null,"startTime":3267.82,"endTime":3270.02,"body":" Jedes Mal, vor Publikum sch\u00e4me ich mich schon so."},{"speaker":null,"startTime":3270.02,"endTime":3272.36,"body":" Vielleicht brauchen wir neun, okay."},{"speaker":null,"startTime":3272.36,"endTime":3282.34,"body":" \u00c4hm, ja, normalerweise, wenn wir, \u00e4h, einen Gast, eine G\u00e4stin haben, dann hat, \u00e4h, der, die G\u00e4stin, das letzte Wort und da, \u00e4h, wir heute bei euch zu Gast sind, habt ihr das letzte Wort."},{"speaker":null,"startTime":3282.34,"endTime":3284.66,"body":" Ich z\u00e4hle jetzt bis drei und dann darf einfach jeder ein Wort sagen."},{"speaker":null,"startTime":3284.66,"endTime":3286.42,"body":" Eins, zwei, drei."},{"speaker":null,"startTime":3286.42,"endTime":3287.32,"body":" Mega."},{"speaker":null,"startTime":3287.32,"endTime":3290.18,"body":" Sehr sch\u00f6n."},{"speaker":null,"startTime":3290.18,"endTime":3290.84,"body":" Super."},{"speaker":null,"startTime":3290.84,"endTime":3291.92,"body":" Das war's."},{"speaker":null,"startTime":3291.92,"endTime":3294.4,"body":" Dann vielen Dank f\u00fcrs, \u00e4h, f\u00fcrs Zuh\u00f6ren und Zuschauen."},{"speaker":null,"startTime":3294.4,"endTime":3295.62,"body":" Macht's gut."},{"speaker":null,"startTime":3295.62,"endTime":3296.74,"body":" Ciao."},{"speaker":null,"startTime":3297.7,"endTime":3327.68,"body":" Vielen Dank."},{"speaker":null,"startTime":3327.7,"endTime":3327.96,"body":" Vertraue und glaube, es hilft, es heilt die g\u00f6ttliche Kraft!"}]}