Wo wir sind ist vorne, Folge 23. Die Webwelt könnte so schön sein, wenn, ja wenn, ja wenn.
Herzlich willkommen bei Wo wir sind ist vorne.
Frontend Fakten Frotzelein.
Der Late Night Frontend Talkshow rund um Webdesign und Entwicklung.
Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleur Konstantin Groß.
Herzlich willkommen bei deiner Lieblings-Frontend-Nacht-Talkshow oder wie auch immer wir das mal genannt haben.
Late Night Frontend Talkshow.
Ja, explicit.
Explicit und ursprünglich war es eigentlich ein Gag und wir haben dann irgendwann gemerkt, das ist vielleicht ganz gut.
Eigentlich sind wir nett, wir sind ja stubenrein.
Ja gut, aber ich glaube, stubenrein darf, das ist glaube ich kein Pferium.
Vielleicht nicht unbedingt für die Kinderstube, ja das stimmt.
Ja, ich freue mich, dass wir wieder zusammensitzen.
Eine der wenigen sozialen Interaktionen seit einem Jahr, aber dafür eine konstante Größe so in meinem Leben.
Eigentlich eine asoziale Interaktion, aber eine der wenigen asozialen Interaktionen seit einem Jahr, genau.
Naja, immerhin besser asozial als gar nichts, oder?
Richtig.
Ach, also apropos asozial, kommen wir mal zu Bier.
Apropos asozial, genau.
Ja, ich habe heute was Besonderes, ein Craft-Bier aus Spanien, aus Valencia, mit Orangenote.
Da ist irgendwie orange, man sieht es auch so ein bisschen, wahrscheinlich du in der Kamera nicht so, das ist so ein bisschen trüb, mit so Schwebstoffen drin.
Also, ich zeige es dir mal von vorne, so sieht das aus.
Ich bin mal sehr gespannt, also irgendwie auch biologisch und vegan und was weiß ich, bin mal sehr gespannt.
Ja, sag mal, wie es heißt.
Albada.
Nein, ich meine, ich habe es jetzt sehen können, aber die ZuhörerInnen, die konnten das nicht sehen.
Mit Notas Citricas, also Citrusnoten.
Klingt toll.
Ich bin sehr gespannt, ich habe mir zwei da bestellt, für die nächste Folge habe ich auch schon ein Craft-Bier aus Spanien.
Jetzt bin ich mal sehr gespannt, wie das schmeckt und was hast du?
Ja, ich habe ein, das hatte ich schon mal und das trinke ich jetzt, bevor es abläuft, das läuft nämlich am
29.03. ab, ein Bauhöfers-Schwarzwald-Marie-Lager-Hell.
Genau, und das mache ich jetzt sehr unspektakulär auf, weil ich habe nämlich einen Drehverschluss, das ist tatsächlich ein bisschen asozial.
Oh, und da läuft es mir auch schon entgegen.
Ich brauche mal kurz hier, äh, mal kurz hier alles trockenlegen.
Oh je, ich lees gerade, also, das sieht, das sieht nicht gut aus.
Weißt du, andere Leute, andere Leute werden auf einer Party, ähm, irgendwie ein bisschen verarscht, indem jemand die Flasche oben draufhaut beim Anstoßen.
Konstantin schafft es dann ganz alleine.
Ja, also ich weiß nicht, das kam, das kam gestern erst, ich glaube, der Paketbote hat das irgendwie gut durchgeschüttelt, oder?
Ja, genau, wenn es gestern kam, dann ist der Paketbote bestimmt schuld, dass es jetzt übergelaufen ist.
Es riecht schon sehr orangeig jetzt bei mir hier am Schreibtisch.
Orange, ja.
Ja, der Konstantin ist ein bisschen größere Putzaktionen.
Ich kommentiere ein bisschen live, was ich da sehe.
Er reibt sich jetzt zwischen den Beinen rum, also, beziehungsweise, ich sehe es nicht so richtig.
Also, seine Hand bewegt sich.
Zwischen den Beinen, ja.
Irgendwo, irgendwo.
So, jetzt bin ich wieder da.
Also, es hat sehr viel Schaum.
Ja, wenn du das sagen kannst, dann kann ich natürlich über dich sagen, was ich will, ne?
Ja, das ist irgendwie, es sieht sehr schaumig aus, also, meins hat gar keinen Schaum, aber das macht nicht.
Ich trinke es auch aus der Flasche, so wie es sich für Assis gehört, weißt du, mit Drehverschluss, aber immerhin ist es keine Plastikflasche bei mir.
Ja, bei mir auch nicht.
Schöne Glasflasche.
Ja, könnte ein bisschen Zitronen, Orangen, Aromiger sein.
Das ist ein bisschen, schmeckt leider langweiliger, als ich es mir jetzt so erhofft hätte.
Ah, Mensch.
Ich hoffe, es war nicht zu teuer.
Naja, schon.
Gut.
Okay, dann.
Würde ich sagen, machen wir weiter.
Ja, machen wir weiter.
BBS e.V. präsentiert die Retrospektive.
Ich darf anfangen und habe einen kleinen Rückgriff auf unsere Folge 21 vor zwei Folgen.
Und da hatten wir es über Speichermedien unter anderem.
Und da passt ganz gut die Meldung von, ich glaube, letzter Woche, wir haben ja die Folge nochmal um eine Woche verschieben müssen, weil ich ein bisschen erkältet war.
Der Erfinder der Kassette ist der Erfinder der Kassette ist gestorben, der Niederländer Lou Ottens.
Ich fand den Titel von dem Spiegelartikel sehr schön.
Er ist jetzt auf der anderen Seite.
Ja, aber das würde ja bedeuten, es geht weiter.
Also Seite 2, der weiß, wer weiß, da werden wir jetzt hochphilosophisch, wer weiß, ob es danach weitergeht.
Na egal, jedenfalls 1963 auf der Funkausstellung in Berlin ist die vorgestellt worden.
Und alle, die ein bisschen jünger sind als Jahrtausendwende, kennen die Kassette noch sehr gut aus ihrer Kindheit wahrscheinlich oder noch länger.
Und was ich dann auch jetzt, ich habe noch ein bisschen dazu recherchiert natürlich und habe einen anderen Artikel gefunden,
dass 2020 in Großbritannien sich die Kassettenverkäufe verdoppelt haben im Vergleich zu den Vorjahren.
Verrückt, oder?
Was?
Ja.
Warum?
Also generell überhaupt, es erscheinen immer noch aktuelle Alben auf Kassette.
Es gibt anscheinend Lady Gaga Alben auf Kassette.
Hätte ich nicht gedacht.
Okay, verrückt, das wusste ich jetzt tatsächlich nicht.
Ich weiß nur, ich habe mal gehört von einer Hip-Hop-Mixtape-Szene, dass das da irgendwie so ein Ding ist, dass das noch gemacht wird
und dass da auch mit gehandelt wird, also so mit so Älteren.
Das scheinen irgendwie so Sammlerstücke zu sein.
Okay.
Aber dass kommerziell aktuelle Musik nicht jetzt irgendwelche Nischensachen auf Kassette rauskommen, das wusste ich nicht.
Also überrascht mich, doch, doch tatsächlich.
Das kann man doch total leicht kopieren.
Wo ist da der Kopierschutz?
Tja, da schreit keiner.
Gut, bei der Musik sind die ja inzwischen jetzt eher entspannt geworden.
Sind sie?
Ja, also ich meine, du kannst ja inzwischen die Musik zu relativ erschwinglichen Preisen online kaufen
und die wird auch trotzdem noch kopiert, weil du ja oft keinen Kopierschutz hast,
weil du die MP3s direkt bekommst und so.
Also wenn ich mich da an früher erinnere, wo es dann Abmahnungen gab wegen irgendwie zwei runtergeladenen MP3s oder so,
da ist die Musikindustrie, glaube ich, schon ein bisschen entspannter geworden.
Hat lange genug dauert, dass es legale Angebote gibt und die entspannter geworden sind in der Richtung,
aber inzwischen sind wir da ja schon ein bisschen weiter.
Ja, genau, die Musiker verdienen dafür halt auch nichts mehr.
Ja.
Von daher.
Aber gut, anderes Thema.
Ich wollte es nur aufgreifen wegen Datenspeicher und weil man auf Kassetten ja natürlich nicht nur Musik,
sondern auch andere Daten speichern kann.
Ah, natürlich.
Hatte ich ja auch mal.
Chromodore 64 mit Datasette.
Genau, beim C64.
Die Datasette, genau.
Und das war immer ganz besonders toll, wenn man die dann in normalen Kassettenrekorder reingelegt hat
und sich angehört hat.
Das war ein sehr schönes Geräusch.
Das klang dann ungefähr so.
Nee, so klang es nicht.
Nein, so klang es nicht.
Also, was der Konstantin gerade angespielt hat, war unser Modemsound, der hier noch rumliegt.
Ähnlich ja, aber eigentlich viel schrecklicher.
Also, ich habe es sehr schrecklich in Erinnerung.
Ich glaube, ich habe so keine solche Kassette mehr, weil ich noch einen Kassettendecker habe.
Ich glaube, ich habe so eine Aufnahme irgendwo rumliegen, aber die kriege ich jetzt nicht auf die Schnelle hier ins Aufnahmeprogramm reingezogen.
Weißt du, wo es so etwas noch gibt?
Das ist jetzt gerade die Tage an mir vorbei, geflutscht auf YouTube, glaube ich.
Und zwar gab es ja früher so Computersendungen im Fernsehen, wo die dann über die Audiospur am Ende der Sendung noch ein Programm übertragen haben.
Du konntest dann deinen Kassettenrekorder an den Fernseher anschließen, hast das aufgenommen und hattest dann ein Programm.
Und das konntest du dann in die Datasette und los ging es.
Und ich glaube, solche Aufzeichnungen gibt es noch bei YouTube.
Da kann man sich dann nochmal anhören, wie so Datasette klang.
Ja, vielleicht finden wir ja noch einen Link.
Dann, wenn wir einen Link noch finden, dann packen wir den auch in die Shownotes rein.
Ja, das machen wir.
Gut, dann würde ich gleich noch weitermachen.
Ich habe nur noch einen zweiten Punkt für den ersten Retropunkt, auch weil es nochmal ein Rückgriff ist auf eine vergangene Folge, auf die letzte Folge.
Da hatten wir es unter anderem über SVGs und CSS-Variablen und haben uns gefragt, kann man denn nicht in SVG-Sprites mit CSS-Variablen einfärben?
Weil wir da so ein Hack vorgestellt hatten, wo man zwei Farben zumindest mal austauschen konnte in SVGs und haben uns gefragt und waren dann nicht vorbereitet in die Richtung, weil es spontan kam, kann man das dann nicht machen?
Und ich habe da eine kleine Demo vorbereitet, die in die Shownotes natürlich auch reinkommt.
Ich lese hier auch mal kurz vor, wo wir sind, ist vorne.show.svg-sprite.html.
Und der Grund, warum ich das nicht einfach in den CodePen gepackt habe, ist, dass man da keine externen SVGs einbinden kann, habe ich festgestellt.
Also es hat nicht funktioniert.
Ha! Das bringt mich zu einem super Punkt.
Ich habe es nämlich gelesen, kommt nämlich bei deiner nächsten ...
Ich wurde darauf hingewiesen von einem Hörer, dass das nicht geht.
Mhm.
Dass das generell nicht geht, also so mit Use und extern, was wir in der letzten Folge vorgestellt haben, das geht nicht, wenn es nicht auf der gleichen Domain liegt.
Ich glaube sogar, ich habe es jetzt nicht tiefer recherchiert, aber offenbar geht es nicht mal auf einer Subdomain.
Da könnt ihr mich gerne noch mal korrigieren oder es in die Kommentare schreiben.
Ich habe es jetzt nicht mehr tiefer angeschaut.
Ich bin über das Problem noch nie gestolpert, weil meine Ressourcen immer da auf dem gleichen Server lagen.
Aber das scheint wohl echt ein Problem zu sein.
Ja.
Also genau deswegen musstest du das so machen.
Genau, da haben wir deinen Retropunkt schon vorweg gegriffen.
Nur den wollte ich sowieso da mit reinhängen.
Okay, okay, alles klar, perfekt.
Ich erzähle mal kurz, was man da sieht, für die, die es jetzt gerade nicht öffnen können.
Als erstes, das ist ein SVG mit einem roten Quadrat und einem grünen Kreis.
Und das habe ich einfach mal als erstes als Image eingebunden, direkt Image-SRC.
Und dann sieht man das nebeneinander, dieses Quadrat und den Kreis.
Und die CSS-Variablen, die das einfärben, die kommen aus dem Parent-Element im SVG selbst.
Also da habe ich einfach Color1 und Color2 als CSS-Variablen definiert.
Und auch die Breite von dem Quadrat, was dann natürlich kein Quadrat mehr ist, wenn die nicht der Höhe entspricht, ist darüber definiert.
Und wenn ich das Ganze jetzt in die Seite einbaue, per Use-Tag, ohne CSS-Variablen in der Seite, dann bekomme ich die Fallback-Werte aus dem SVG.
Die sind jetzt in dem Fall nochmal andere als die von dem Parent-Element, um das zu zeigen.
Weil da bin ich nämlich drauf gestoßen, das kannte ich vorher tatsächlich direkt auch noch nicht, dass man mit dieser War-Funktion, mit der CSS-Funktion War, mit der man Variablen ja, sag ich mal, reinlädt in die CSS-Statements, den kann ich einen Fallback-Wert angeben.
Das heißt, ich mache war, Klammer auf, Minus, Minus, Name der Variable und dann kann ich durch Komma einen Fallback-Wert noch angeben in der Funktion.
Und das ist natürlich ganz praktisch in dem Fall, dass man nicht, wenn man vergisst, das zu übergeben, dann irgendwie nichts sieht und keine Farbe hat oder keine Breite, dass man da einen Vorback-Wert angeben kann.
Das habe ich auch jetzt neu gelernt bei der Recherche.
Und als drittes sieht man dann nochmal das Use-Tag, aber mit CSS-Variablen direkt in der Seite, in der Umgebenden, wo ich dann eben die Einfärbung ein bisschen anders gemacht habe und dem Quadrat noch eine Breite gegeben habe.
Also das war mal ganz interessant, damit rumzuspielen. Jetzt, wo du sagst, dass das nicht mal unter Subdomains funktioniert, ist natürlich schwierig, sowas dann irgendwie auf einem CDN oder sowas abzulegen.
Wenn das tatsächlich auf der gleichen Domain inklusive Subdomain sein muss, ist die Frage, das grenzt den Anwendungsfall natürlich schon wieder stark ein für die Geschichte.
Ist schade, weil ich hatte mich gefreut, dass das eigentlich eine echt coole Lösung ist.
Ja, keine Ahnung, ob es dafür irgendwie eine korrekte Lösung gibt. Vielleicht gibt es ja eine, die ich nur noch nicht kenne. Wie gesagt, ich wurde darauf hingewiesen, dass das wohl ein Problem ist.
Ja, muss man dann halt irgendwie hinkriegen. Wobei ich, also wenn man viel Geld für ein CDN bezahlt, dann läuft das, glaube ich, kann man das auch mit Domains irgendwie verdüngeln und so.
Aber genaueres weiß ich nicht, weil ich momentan bei den Sachen, die ich baue, kein CDN im Einsatz ist. Eigentlich finde ich das ganz gut, weil das fügt eine Menge Komplexität hinzu.
Wenn man das, wenn man es nicht unbedingt braucht aus Performance-Gründen, glaube ich, ist es, also es ist natürlich zu empfehlen, wenn man irgendwie High-Performance und viel Traffic hat, aber wenn man es vermeiden kann, würde ich sagen, zieh dir die Komplexität nicht rein, just because Google DevTools said so.
Ja, klar.
Ja, das war früher so eine Standard-Performance-Empfehlung. Ich weiß gar nicht mehr, wo das herkam. War das bei diesem Y-Slow-Plugin von Firefox?
Ja, genau, genau.
Also ich glaube, bei irgendeinem von diesen ersten Performance-Checks wurde immer gesagt, ja, nimm CDN, so als Standard-Tipp, wo ich mir so dachte, naja, okay, gut, ich glaube, das ist mit Vorsicht zu genießen. Das ist nicht unbedingt immer sinnvoll.
Das ist eh witzig. Also es gibt ja auch, war dieses Y-Slow? Ne, das war nicht von Google, aber es gibt ja auch so Google-Performance-Performance-Performance-Performance.
Ja, gut, ich wieder, ja, ja, okay. Ne, aber es gibt ja auch solche Google-Speed-Geschichten und witzig finde ich halt da, dass da ganz oft Sachen angemeckert werden, die von Google kommen.
Also, ja, du hast, du hast, du hast Google-Webfonds drin und dann kommt irgendwie, oh, die haben aber keine richtigen Cache-Heller gesetzt und, und, und generell, hm, so Webfonds, so einzelne Einbinden, das ist gar nicht gut.
Oder, äh, Analytics, das Analytics-Tag drin und dann, oh, das ist aber, äh, hier, da ist auch mit dem Caching, das ist halt gut, nicht gut cachebar und was weiß ich.
Also das finde ich ein bisschen witzig, dass Google da so die eigenen Produkte, äh, bemängelt.
Und dann, klar, gut, dann schmeiße ich die halt raus.
Ja.
Gut, dann haben wir die, die Punkte auch, äh, du hast, ich hab schon gesehen, du hast ein YouTube-Video gefunden, das packen wir dann in die Shownotes dazu.
Ja, genau, ähm, das, ja, jetzt live einspielen dort.
Genau, SVG Cross, Origin, nee, nee, nee, das klingt, äh.
Genau, dürft ihr euch dann mal anhören, das klingt auch wirklich schrecklich, das wäre, glaub ich, für ein Podcast.
Ich hab's mir grad noch mal kurz angehört, das ist wirklich furchtbar.
Gut, dann.
Ihr könnt froh sein, dass ihr's nicht gehört habt, aber wenn ihr ein bisschen masoristisch veranlagt seid, dann, äh, zieht euch das ein.
Beim Commodore 64 Data-Set-Sound, der kommt, der kommt in die Shownotes.
Dann übergebe ich an dich.
Äh, dankeschön.
Genau, ähm, man, man sagt ja manchmal, äh, tu Gutes und, äh, rede drüber.
Ähm, mir, ich, mir fällt das oft ein bisschen schwer, ähm, wenn irgendwie was, was Gutes passiert ist, äh, auch drüber zu reden, wenn ich irgendwie dran beteiligt war.
Aber ich mach's jetzt einfach mal.
Ähm, genau, äh, es ist, es, es begab sich irgendwann zwischen der letzten Folge, äh, und dieser Folge, ähm, dass Bruce Lawson auf Twitter irgendwie gefragt hat, so von wegen, ja, wie kann man denn jetzt, äh,
das, wie kann man denn irgendwie jetzt nett, äh, stylen, dass, das Details und Summary Element und wie kann man denn jetzt irgendwie diesen Pfeil animieren und das ist doch alles irgendwie blöd und macht keinen richtigen Spaß.
Und dann dachte ich, ja, das hab ich doch schon mal gemacht, hab nach dem Beispiel gesucht, äh, hab's nicht mehr gefunden und hab dann schnell eine CodePen-Demo gebaut, wo ich dann, ähm, den, äh, den Pfeil, also den Standard-Detail-Summary-Pfeil, ähm, für, für die, die nicht wissen, was das ist, das ist, äh, quasi, so eine Art, ähm, Aufklappbox, die aber ganz ohne JavaScript funktioniert, äh, rein mit HTML5.
HTML5, ähm, also der, der Standard-Pfeil wird bei mir ausgeblendet, ähm, und dafür wird mit before, ähm, ein, ein Pfeil gebaut mit Border oder ich hab das später auch nochmal mit Clip-Path nachgebaut, weil ich das irgendwie ein bisschen cooler fand, so ein Pfeil auch mal mit Clip-Path zu bauen.
Ähm, und der wird einfach animiert, wenn das Open-Attribut, äh, gesetzt wird, also der dreht sich dann einmal, genau. Und ich dachte so, haja, das, das schick ich ihm jetzt mal und da, ähm, vielleicht hat er Freude dran, äh, er hatte Freude dran und hat gesagt, äh, das ist ja irgendwie cool und das braucht ja gar kein extra Mark-up und das geht ja ganz ohne JavaScript und yay.
Und was dann damit aber passiert ist, ist, äh, irgendwie ist Chris Coyier drauf aufmerksam geworden.
Das Erste, was passiert ist, ist, Chris Coyier folgte mir bei CodePen und ich dachte so, hui, äh, also Chris Coyier kurz, äh, die, die nicht wissen, wer das ist, das ist der Gründer und Erfinder der Seite CSS-Tricks, die wir hier schon sehr oft erwähnt haben.
Schon öfter, genau, ja.
Ähm, ja, und, äh, plötzlich folgte er mir bei CodePen und ich dachte schon so, äh, okay, hat er das jetzt vielleicht irgendwie gesehen bei Twitter oder was, was war da los?
Und, äh, turns out, äh, er hat jetzt tatsächlich auch einen Artikel darüber geschrieben, was ich da gemacht hab, also unter anderem, ähm, also es geht um die Technik, die ich verwendet hab, um den Pfeil zu animieren und er hat das kombiniert, ähm, mit einer anderen Technik, ähm, um das, äh, um auch den Inhalt, ähm, das Detail Summary, ähm, also,
des Detail Elements, wenn man es genau nimmt, äh, zu animieren, was nämlich gar nicht so einfach ist, weil das normalerweise, wenn das Open Attribut vom Browser gesetzt wird, einfach erscheint und auch wieder einfach weg ist.
Und, äh, gerade das Zuklappen, ähm, ist dadurch, dass es einfach verschwindet, sehr schwierig zu animieren und da hat halt noch jemand, ähm, der, Moment, jetzt muss ich grad noch mal gucken, hab ich den Namen jetzt noch parat?
Ich überbrücke mal und sage, es sieht jedenfalls sehr schick aus, also, die Kommunikation aus dem Drehenden Pfeil und dem Aufklappen, das ist schon cool.
Genau, der hat dann tatsächlich jetzt mit, mit ein bisschen JavaScript, dass die, ähm, äh, Web Animation API verwendet, dass die tatsächlich auf diese Events zugreifen kann und genau weiß, wann da was passiert,
Wenn man auf, bei Details und Summary auf und zu klappt, ähm, äh, greift da rein und, ähm, dann ist das tatsächlich am Ende inkomplett animiert so eine schöne, schöne, schöne runde Sache. Also, beides ist animiert, sowohl das, sowohl der Pfeil als auch das Auffahren, ähm, und es ist so, wie es sein soll, wie man sich so eine Box vorstellt.
Ähm, ich nehm mal an, wenn man jetzt da, das, das mach ich jetzt mal kurz live, probier ich mal kurz aus, wenn man das JavaScript wegnimmt, passiert wahrscheinlich einfach gar nichts, außer, dass die Animation dann weg ist, das ist dann irgendwie sehr schönes Progressive Enhancement.
Ah, ich kann's jetzt hier gerade nicht, ja, warte, Edit und Code Pen, warte, das mach ich jetzt gerade noch live für euch, das will ich nämlich selbst kurz wissen.
Ähm, ich nehm an, es geht dann immer noch genauso, ah, Moment, Neuladen, genau, genau, wie ich's gesagt hab, wenn das JavaScript weg ist, ähm, dann ist es halt hart da, klappt hart auf und zu, ähm, aber es ist sehr schönes Progressive Enhancement, also funktioniert irgendwie auch ohne JavaScript und so Lösungen finde ich ja immer schön, ähm, wenn irgendwie was, äh, funktioniert auch ohne JavaScript und mit eben ein bisschen schicker.
Es ist halt schade, dass man überhaupt an der Stelle dafür dann doch wieder JavaScript braucht, weil es ist ja nur wieder dieses, dieses Steuern von, äh, wenn ich da klicke, dann warte noch bis und so, und da hatten wir es auch in einer unserer, äh, CSS-Folgen Nummer 10 oder Nummer 11, äh, Jäger der verlorenen CSS-Features, hatten wir es da auch schon mal drüber, ich weiß nicht mehr in welcher von den beiden, ähm, ich weiß auch den Anwendungsfall nicht mehr, den wir da genau geschildert haben, aber es war auch sowas von wegen, so, so, so kleiner Interaktionen, die man halt typischerweise mit, mit JavaScript abfängt, ich mein, das sind ja wirklich nur ein paar Zeilen, ja, so
Klick-Event-Händler und dann irgendwas, du gesagt hast, äh, die Animation-AP, warte da kurz drauf, wenn, wenn man sowas noch mit CSS lösen könnte, das wäre halt einfach so, dass die, die Kirsche auf dem, auf dem Sahnehäubchen, äh, dass man einfach gar kein JavaScript dafür mehr braucht, wenn's nur so kosmetische Sachen sind.
Ja, das ist meiner Meinung nach, ähm, ein Verfehlen der HTML5, äh, Spezifikationen an der Stelle. Es gibt so viele Sachen, die man mit Details-Summary schön machen könnte, wenn es das zulassen würde, wo ich der Meinung bin, naja,
Wenn man das wirklich hübsch machen will, also die, immer wenn ich einen Anwendungsfall dafür finde, der über, ähm, die, die Standard-Markdown-Github-Geschichte hinausgeht mit, ich klapp halt hart was auf und zu, sondern ich will das für irgendwas Hübsches, Nettes verwenden, was vielleicht auch animiert ist, immer dann stoße ich an die Grenzen davon und denk so hinterher, Mensch, wieso geht das jetzt eigentlich nicht so?
Das wäre doch, wäre doch so einfach, wenn irgendwie, keine Ahnung, ist da noch irgendwie ein, ach, ich weiß nicht genau, ich stelle mir die Standardsentwicklung wahrscheinlich auch leichter vor, als sie ist.
Vermutlich, ja.
Aber an der Stelle, ähm, vermutlich, also das, das sage ich auch ganz offen und ehrlich, ähm, aber an der Stelle, da würde ich mir echt wünschen, dass es da ein bisschen mehr, ein paar mehr Stellen gibt, wo man reingreifen kann, um dann eben einfach Standard, ich meine, das Ding ist doch toll, gerade weil es ohne, äh, JavaScript funktioniert, äh, auf und zu klappbar ist, ist es doch super.
Warum es nicht noch möglich machen, jetzt mit CSS da irgendwie, äh, vernünftig ein bisschen zu animieren, das wäre doch irgendwie cool.
Und außerdem habe ich dann auch so Sachen wie, ähm, ich habe was, dass, ich habe einen Inhalt, der aus dem Summary ein bisschen rausragen soll, äh, äh, Quatsch, aus dem Details in den Summary-Bereich, aber der, der ist ja per Definition komplett ausgeblendet.
Also so, so, wenn man, wenn man es dann versucht zu benutzen, ich bin, stößt man an so viele, an so viele Ecken an, also da, ich sag mal so, äh, da, das nächste Level davon, und es ist ja manchmal in der Standardsentwicklung jetzt so, dass es quasi dann irgendwie fortgeführt wird, da, ähm, gibt's noch ein bisschen was, was noch getan werden kann.
Was auch ganz gut zu unserem späteren Thema.
Richtig, richtig. Ähm, auch dieser, dieser klassische Anwendungsfall, ähm, was man so als Akkordeon kennt, ja, also dass man immer nur ein geöffnetes Element hat und die anderen klappen sich automatisch zu.
Auch das wäre einfach ganz schön, wenn man irgendwie sagen könnte, ähm, man hat quasi eine Details-Summary-Liste, ähm, oder alle auf der gleichen Ebene und dann kann man denen irgendwie ein zusätzliches Attribut geben, Single oder was weiß ich, dass man halt sagen kann, okay, wenn eins davon geöffnet wird, dann gehen die anderen Siblings, äh, gehen dann zu.
Oder dass man irgendwie quasi eine Gruppe definieren kann, irgendwie, äh, Details-Group oder wie auch immer man das dann nennt, äh, das ist dann fast für die Standardentwickler-Leute, ähm, dass man da darüber dann sagen kann, okay, ein Element ist immer nur offen.
Also es gibt, es gibt viele Sachen, die man da optimieren könnte, aber.
Ja, wir könnten auch einfach jetzt aufhören, hier irgendwie so durch Webseiten zu bauen und, ähm, einfach in die Standardsentwicklung gehen.
Richtig, selber machen, nicht nur schwätzen.
Ja, richtig, nicht nur schwätzen, äh, das kann man ja dann bestimmt alles machen mit, äh, Houdini, wir machen es einfach mit Houdini, weil Houdini ist Zauberei.
Äh, Folge Nummer, äh, sechs. Kleiner Querverweis wieder an der Stelle.
Sehr gut. Hast du eigentlich immer die Folgenliste auf, weil du immer so ganz schnell.
Ich hab es nicht mehr offen, ja, weil ich vorhin gucken wollte wegen, äh, wegen CSS und ich weiß das so ungefähr noch so in der Richtung.
Ich bin nur leidisch, dass du immer sofort sagen kannst, was welche Folge war und ich weiß das nicht.
Also ich weiß ungefähr, das war, das war kurz vor dem CSS-Gedöns und deswegen weiß ich, da muss ich so kurz runterscrollen.
Okay, gut. Also, ähm, ich hab mich sehr drüber gefreut, dass, äh, mein Name in einem CSS-Tricks-Artikel gefallen ist mit einer Demo von mir und, ähm, da ist noch was noch cooleres draus gebaut worden und das ist ja irgendwie so, wie das Web funktionieren sollte.
Man hat eine Idee und dann sagt ein anderer, hey, ich hab auch eine Idee und dann wird's zusammengeworfen und dann wird noch was cooleres draus und, äh, sowas freut mich immer einfach.
Und dann noch ein bisschen Web-Fame abbekommen.
Ach ja, gut.
Ist eine Nebensache, aber ist doch schön.
Web-Fame gibt's nur auf Instagram.
Und, äh, wenn ich irgendwann mal betrunken bin, erzähl ich mal meine Instagram-Fame-Geschichte, aber.
Oh, okay.
Sehr gespannt.
Alles klar.
Ja.
War's das.
Komm, wir weiter zum nächsten.
Gut, äh, ich habe die letzte Woche und die letzten Nächte und am Wochenende, äh, damit verbracht, ein WordPress-Plugin zu schreiben, also das hab ich schon, hab ich schon öfter gemacht, aber, ähm, also eins für tatsächlich zum Releasen und auch zum Verkaufen, nicht nur für irgendwie eine Kunden-Webseite, irgendeine Spezialanforderung umgesetzt, ähm, beziehungsweise wir hatten das schon vor einer Weile mal geschrieben, für eine Arztpraxis und da geht es um Corona-Testergebnisse.
Und, äh, das war, dass die online abrufbar sind, dass man nicht hinterher telefonieren muss, weil die haben vorher, die haben das Problem, deren Labor, ich glaube, ich hab das sogar schon mal in irgendeiner Folge in der Retro schon mal erwähnt, ich hab's nur vorhin nicht mehr gefunden, die hatten ganz viel damit zu tun, an, an Zeit aufzuwenden, die Leute zu benachrichtigen, hinterher zu telefonieren, haben sie die nicht erreicht und so weiter, weil die Leute natürlich dann trotzdem nicht zu Hause bleiben, sondern halt noch rumtingeln und dann erreicht man die nicht.
Und das hat nicht sehr viel Zeit gekostet, deswegen haben wir Divers geschrieben, ähm, dass ein, ein PDF generiert mit einem QR-Code, den man dann mitgibt dem Patienten, den druckt man direkt aus und ein Zettel bleibt vor Ort, der ordnet quasi die persönlichen Daten von den Patienten dann diesem Code zu, das heißt, ganz wichtig, das wird nicht online gespeichert, weil vielleicht knillen bei dem einen oder anderen gleich die Alarmglocken, wenn man hört, irgendwie WordPress und irgendwelche empfindlichen Daten, äh, persönliche Daten da abzuspeichern.
Und so ging's mir auch, als wir die Idee hatten, das zu machen, dass ich gleich gesagt hab, nee, Moment, das möchte ich nicht.
Und dazu passt nämlich auch ganz gut, äh, eine Meldung von dieser Woche, dass 136.000 Testergebnisse ungeschützt im Internet standen.
Link kommt auch in die Shownotes, also das war auch genau so ein Ding, ähm, da war so ein bisschen komplexer, da hängt noch so eine Zertifikatsgeschichte hinten dran, das heißt, die mussten die persönlichen Daten speichern, weil die müssen ja auf das Zertifikat drauf und dann wird das wahrscheinlich auch noch digital signiert und so.
Aber, das war im Endeffekt einfach nur eine URL mit einem ID-Parameter und den konnte man halt lustig hoch und runter zählen.
Und, ähm, Klassiker.
Wenn ich einmal diese URL hatte, als jemand der getestet wurde, dann konnte ich mir sämtliche Daten von allen runterladen.
Und das ist ja, du sagst Klassiker, man könnte böse sagen, äh, es ist ein typischer Anfängerfehler, wenn man jetzt gemein sein wollte, aber es hat gar nichts mit Anfänger oder länger dabei zu tun, äh, sondern das ist einfach so ein, ja, es ist ein sehr typischer Fehler, was sicherheitsrelevante Sachen angeht.
Ähm, es ist immer einfach was, wenn man so ein bisschen sich auch um Sicherheit, äh, Sorgen macht, dann darf sowas eigentlich nicht passieren.
Ich meine, klar, wir sind, es ist jetzt kein Fingerpointing und jeder macht Fehler und so, aber es ist halt einfach nur, also da muss mir schon, während ich das anlege, muss mir das schon klar sein, was das für Folgen hat, wenn ich sowas mache.
Gerade, wenn es um sowas Wichtiges geht.
Ja, ich behaupte, da denkt man einfach nicht dran.
Ja, das ist, aber, in der Pressemeldung schreiben die dann halt ein unglücklicher Softwarefehler.
Das ist kein Softwarefehler, die Software hat genau das gemacht, was man ihr gesagt hat, nämlich, nimm die ID, guck in der Datenbank und hau mir die Datei raus, ja.
Ähm, das ist halt, das ist echt Blödsinn, das so zu sagen, aber da wird halt wieder beschönigt.
Es ist, da hat sich halt wirklich, derjenige, der es entwickelt hat, hat sich keine Gedanken gemacht, oder er hat sich's gedacht, er macht ja eh keiner, der kennt sich ja der typische Mensch nicht mit aus, aber darum geht's ja nicht.
Ich glaub nicht, ich glaub nicht, dass jemand, ähm, das nicht macht, weil er denkt, ha, da passiert ja eh nix. Oder doch?
Vielleicht hat's auch der Entwickler gemerkt und hat's auch gesagt und hat gesagt, er braucht mehr Zeit, um sich da was Schöneres zu überlegen und dann hieß es aber, ja, nee, hier Budget und das geht nicht und wir müssen das schnell und so, ne, man kennt das ja.
Das hab ich schon mal gehört.
Das Risikoübernehmer, da kann man Business Case draus rechnen.
Das ist nämlich, ja.
Da braucht man eine Risikoabschätzung und wenn das, wenn das nicht teurer wird als bla, dann, oh, dann das Risiko des Übernehmer.
Ja, und wenn, selbst wenn sich der Entwickler dann irgendwie auf die Hände stellt und irgendwie sagt, nein, das, äh, das kann man doch nicht verantworten, ja, wenn aber der Produktmanager sagt, ähm, hier, jeder Tag Verzögerung kostet aber, dann wird's halt auch trotzdem gemacht.
Aber das ist jetzt nur eine Vermutung, also das ist jetzt nur hier Mutmaßung und, äh, wir wissen nicht, wie's genau war, aber jedenfalls
darf sowas eigentlich nicht passieren und gerade wenn's um solche Daten, also wirklich um, um, um, ja, Name, Anschrift, ähm, Geburtsdaten, ich glaub, es waren sogar Ausweisdaten zum Teil hinterlegt, ja.
Das heißt hier schön klassischer Identitätsdiebstahl möglich, der, der CCC hat sich da auch drauf, glaub ich, ähm, da mit drum gekümmert, das aufzudecken, äh, apropos CCC, unsere Folge Nummer zwei, da redet Moritz über den CCC, ähm, also Chaos Computer Club, für die, die die Abkürzung nicht kennen.
Genau, also jedenfalls, ähm, ist das nicht sehr schön, aber zurück zu, zu unserer Lösung und wir haben uns, wie gesagt, diese Gedanken auch gemacht und was wir deswegen machen, ist die PDF-Generierung direkt im Browser.
Das heißt, ähm, das ist dann nur als Blob vorhanden, der auch sofort verfällt, das heißt, der Arzt oder das Testzentrum oder Labor oder was auch immer, äh, druckt das direkt aus, weil es muss ja auch dem Patienten mitgegeben werden und es geht ja darum, den Patienten möglichst wieder, äh, off-location zu bringen, ja, dass da eben keine Ansammlungen entstehen, ähm, weil in Deutschland gerade überall in Kommunen und so solche Testzentren, ähm, eingerichtet werden.
Und da stehen sich halt dann die Leute die Füße in den Bauchen, auf diese Schnelltestergebnisse zu warten und das ist ja auch Quatsch, dass sie dann wieder auf einem Haufen rumstehen.
Genau, und dafür eignet sich, äh, dieses kleine Tool eben entsprechend, ohne da irgendwie groß Datenschutzloch zu öffnen, weil ich muss sowieso was unterschreiben dort, dass meine Daten gespeichert werden, das muss ja sowieso schon geschehen, die ganze Zeit, dass die Daten erfasst werden oder in der Arztpraxis, äh, hab ich das sowieso schon die Einwilligung gegeben.
Das heißt, das ist geregelt, ähm, und die Daten sind nur vor Ort verknüpfbar und werden danach sowieso geschreddert oder was weiß ich.
Hast du das veröffentlicht?
Das ist öffentlich im, im, äh, WordPress-Store auch, das ist eine, also eine Lite-Version, äh, wenn man das ein bisschen mehr customizen will, Texte ersetzen und noch so ein paar Features, ähm, kann man natürlich auch die Premium-Version kaufen, wenn man das möchte, äh, der Link kommt auch in die, ähm, das heißt Corona-Testergebnis.
Corona-Testergebnis.
Ja, ich komm jetzt noch zu nem kleinen Rant im Anschluss.
Moment, aber ich muss jetzt, okay, dann lass mal vor du von Rant es.
Ja, Moment, aber zum Namen, also wenn man's aktuell suchen will, dann sollte man noch nach Corona-Test-Results googeln, äh, googeln oder halt im, im, im WordPress-Plugin-Verzeichnis, äh, auf Englisch.
Weil, und jetzt darfst du kurz gerne noch reinkrätschen.
Ich wollt nur sagen, Mensch, äh, kauft euch das tolle Plugin von Konstantin, es ist sehr gut. Ich hab's zwar nicht getestet, aber, äh, Sachen von Konstantin sind eigentlich immer sehr gut und, ähm, weil er, ich weiß, weil er selten Werbung, so richtig aggressive Werbung für seine Sachen macht, mach ich das jetzt.
Danke, danke.
Also, kauf das.
So, jetzt, jetzt darfst du, jetzt darfst du renten.
Genau. Und jetzt kommt's nämlich, äh, ja, so zu den Hintergründen, wie das denn so ist, ein Plugin zu veröffentlichen. Wie gesagt, das war das erste Mal, dass wir das jetzt, ähm, so gemacht haben und auch mit so ner, ähm, freemium-Version heißt das ja.
Das heißt offiziell im WordPress-Store mit, mit so ner Premium-Upgrade-Geschichte. So.
Und jetzt, äh, ist das so.
Ja.
Da ist nicht einfach nur so, ja, hier ist, hier ist mein Plugin, äh, da nimm, äh, sondern.
Oh, wir haben ein Musikbett im Hintergrund.
Ich versuche, ich versuche, so, ähm, dramatische Filmtrailer-Musik nachzumachen mit meinem Mund.
Ja, genau.
Ja, eigentlich mittlerweile sind ja dramatische Filmtrailer nur Trommeln.
Ja, also, das ist ja, das ist ja sehr minimalistisch geworden.
Man hat sich drauf geeinigt, dass Trommeln dramatisch sind ab einer gewissen Geschwindigkeit.
Ja, wir brauchen das noch mehr, wir müssen noch mehr Musik hinterlegen und so. Ich, ich bereite da mal was.
Moment mal, also dramatisch, das, das könnte ich mal bis, bis zur nächsten Folge.
Du bist doch Drummer, du kannst doch live was, äh, trommeln hier.
Ich hab jetzt das E-Drum gerade nicht angeschlossen, aber ich könnte theoretisch, ja.
Ja, aber nicht jetzt, nicht jetzt.
Ist okay.
Okay.
Ich erzähl mal weiter, also, es gibt da einen Review-Prozess und das hatten wir so einfach nicht bedacht, ja.
Das war halt echt so, hm, okay, wir haben jetzt da die Anfrage und das sollte eigentlich recht schnell gehen und wir wissen, dass halt auch in diversen Orten jetzt gerade um uns rum solche Testzentren gerade aufgebaut werden und das jetzt aktuell ist und dann man möglichst jetzt auch da auf diesen Markt, sag ich mal, äh, kommen sollte.
Und deswegen musste das schnell gehen und dann haben wir irgendwie so, wir waren eigentlich schon fertig und wollten es dann hinschicken, einreichen.
Und dann kam so, ja, der Review-Prozess, den wir machen, der kann zwischen einem und zehn Tagen dauern.
B-b-b-what?
Ja, das hat uns dann schon mal sehr gefreut natürlich und im Endeffekt war die Geschichte dann innerhalb von zwei Tagen erledigt, also nach dem Wochenende, ne, Freitagabends eingereicht und montags kam dann nochmal irgendwie zurück, dass das, was nicht in Ordnung ist, was den Guidelines nicht entspricht, das nochmal kurz geändert und dann war das Ding drin.
Also das ging echt schnell, weil wir das Glück hatten, dass wir am Samstag, ne, Freitagabend haben wir es eingereicht, da waren wir das erste Plugin.
Also du siehst die Queue, du siehst, wie viele vor dir sind und da war gerade null Plugins in der Queue, also hatten wir Glück, dass wir das schnell da reinbekommen haben.
Und irgendwie tags drauf waren es dann, keine Ahnung, 42 oder so, also das ging schon ordentlich hoch.
Und wenn man Pech hat, dann hängt man da halt in der Queue fest, ja.
Das ist schon mal ein Ding, also ich meine, ich verstehe, dass die das machen, ja, WordPress bürgt ja so in der öffentlichen Wahrnehmung dafür, was da so drin ist in dem Store.
Ja, so wie jetzt Google und Apple halt auch versuchen, da nicht den absolut größten Mist irgendwie drin zu haben, Apple noch mehr als Google das tut, das verstehe ich, dass da Hürden eingebaut werden.
Der Witz ist allerdings nach dem initialen Review, da wird nichts beobachtet, ja, also bis jemand eine Sicherheitslücke oder ein Verstoß gegen die WordPress Guidelines meldet in deinem Plugin-Code, kannst du da eigentlich, sag ich mal, machen, was du willst.
Also klar, die schmeißen dich halt dann, schmeißen dein Plugin vielleicht raus, wenn du da dann Mist baust und Sachen wieder einbaust, wo sie dich gebeten haben, darum haben, das nicht zu tun.
Ja, es gibt halt kein kontinuierliches Review, sondern nur dieses initiale, das heißt, du könntest einmal, du stellst als initiale Version eine Version rein, die eigentlich fast nichts kann und die sagen, ja, kann zwar nicht viel, aber passt alles und haust dann in der 101er Version irgendwie deine ganzen Features rein und keine Sau interessiert sich mehr dafür, außer es fühlt sich jemand auf den Schlips getreten und meldet das halt.
Hätte ich das vorher gewusst, hätte ich es vielleicht genau so gemacht, ganz ehrlich, damit es einfach schneller geht, weil wir hatten nicht vor, irgendwas zu machen, was widerspricht.
Du willst doch, du willst doch Geld verdienen, du willst doch richtig dick Geld verdienen, oder?
Ja, nach Möglichkeiten natürlich, ja.
Ja, du musst dann hinterher die Malware nachladen, das ist doch klar.
Ach so, ja klar.
Du machst ein Plugin, das jeder haben will und du machst das kostenlos, ja, mit einem minimalen Featureset oder irgendein Quatsch-Plugin, dein Haustier für WordPress oder sowas und dann läuft halt durchs Backend irgendwie so ein Tier oder sowas rum, ja, irgendwie sowas, was irgendwie jeder sich installiert und hinterher machst du dann die Malware rein.
Das ist tatsächlich relativ einfach machbar, weil die Updates, die du reinschickst, wie, erzähl ich, da komme ich gleich noch drauf, die sind instantan, nach dem Committen, erscheinen die dann in WordPress-Installationen, wenn die nach Updates suchen, kommt sofort hier, Plugin hat eine neue Version.
Das heißt, je nachdem, wie viele Leute du erreichst mit deiner initialen Version, kann dieses Nachladen schon so viel Schaden anrichten, bevor die bei WordPress drauf kommen, dass du da irgendwas machst.
Ich weiß nicht, ob die irgendwie so einen Kill-Switch haben, dass die quasi was triggern können, was automatisch im Notfall ein Plugin auf allen Installationen löscht, keine Ahnung, ob es da sowas gibt.
Wäre auch eher wieder komisch, wenn es das gäbe, das dürfte eigentlich auch nicht sein, aber jedenfalls könnte man da, wenn man wollte, Schaden anrichten.
Großen auch, weil ich meine, du kannst wirklich, du kannst PHP-seitig halt alles ausführen, was du ausführen willst, du kannst Dateien löschen und so weiter.
Aber gut, wie gesagt, also einerseits ist es verständlich und es ist ja auch gut, dass es Hürden gibt, damit nicht jeder Mist in diesem Ding veröffentlicht wird.
Das heißt, also angenommen, wir wollen den Anteil von WordPress-Seiten im Internet signifikant verringern.
Mhm.
Dann machen wir massenhaft diese Aktion.
Dann müssen wir uns nur ein lustiges Plugin überlegen, was viele Leute sich installieren, die sagen, oh, das ist ja nett.
Ich sag's dir, kleine Tiere, die im Backend rumtouren. Ich sag's dir, das ist das Einfallstor für sowas. Und dann hinterher löschen wir einfach die ganzen Inhalte.
Die komplette Installation, ja.
Die komplette Installation und dann steht noch WordPress nervt oder irgendwie so.
Vorher noch so ein Bitcoin-Miner irgendwie einbauen.
Also das ist jetzt keine Aufforderung an irgendjemandem, das zu tun.
Das lagern wir aus in einen Krumme-Dinger-Podcast.
Wo wir sind, ist Kriminalität.
Und Konstantins Krumme-Dinger.
Nein, wir wollen da natürlich überhaupt nicht dazu verleiten. Darum ging's mir jetzt gar nicht. Wie gesagt, ich verstehe ja, dass man versucht da, aber die Art der Umsetzung ist halt, also es sind so viele Sachen. Man merkt einfach, das System ist gewachsen mit den Jahren und wie das halt immer so ist.
Also, nur mal ein paar Beispiele. Die Plugin-Infos, ja. Den Namen, Beschreibungstext und so weiter. Den pflege ich einmal in der Plugin-Datei im Header. Ja, da gibt's so ein PHP-Kommentar halt und da schreibe ich das dann rein. Name Doppelpunkt, Description Doppelpunkt.
Das muss ich aber zusätzlich auch noch, wenn ich das im Store haben will, in einer Readme-TXT veröffentlichen. Da steht dann nochmal genau das gleiche drin.
Und dann hab ich ja vielleicht noch eine Dev-Umgebung, wo ich eine Package-Json drin hab oder eine Composer-Json, je nachdem wie mein Entwicklungssystem aufgebaut ist. Da hab ich ja dann zum Beispiel auch noch einen Paketnamen drin oder eben die Versionsnummer.
Ja, das heißt, ich hab mir dann eben halt ein Script geschrieben. Also ich mach dann, in dem Fall basiert das bei mir auf npm. npm run dist. Und das erledigt dann alles in einem Aufhörsch.
Das saugt sich die Versionsnummer raus, packt die automatisch überall rein, wo sie hin muss, erstellt meine ZIP-Datei und checkt das Ganze in ein SVN ein. Das ist nämlich der nächste Punkt.
WordPress setzt auf SVN.
Oh, wow.
So, SVN hab ich vor Jahren das letzte Mal mit zu tun gehabt und das war irgendwie immer langsam und das ist immer gehangen und dann hat sich zwischendrin, hat sich das Repository zerschossen und man musste dann clean abmachen und so weiter.
Also ich weiß nicht, ob SVN immer noch so state of the art ist, anscheinend für Releases ja und nicht zur Entwicklung. Ich weiß es nicht, ich bin damit nie warm geworden und wenn man nur Git nutzt, dann muss man sich da eben zusätzlich wieder einarbeiten, muss das lokal installieren und so weiter und so fort.
Das ist wieder so ein zusätzlicher Punkt, der mich genervt hat, weil ich das damit eigentlich gar nichts zu tun haben wollte. Ich wollte nur diese scheiß Plugin da veröffentlichen.
Und zum Glück macht mein Diskscript das jetzt auch automatisch, also das wird da alles reingeladen. Ich muss dann nur noch ein anderes Command ausführen oder ich nutze halt Tortoise oder Tortoise, SVN, wie auch immer man das ausspricht.
Tortoise, Tortoise, Tortoise, SVN und
Man möchte es einfach, ich bin ja großer Fan von richtiger Aussprache und ich habe keine Ahnung.
Ja, ich weiß nicht, ich weiß nicht, ich weiß nicht, Tortoise, Tortoise, Tortoise.
Ja, ich kenne das noch, ich kenne das, ich habe das früher auch mal verwenden müssen.
Naja, jedenfalls, okay, das war also eine zusätzliche Hürde und zusätzliches, boah, ich habe keinen Bock und habe mich halt zusätzlich noch nachts Stunden gekostet.
Und dann kam der Punkt, Übersetzung.
So, das ist das, was ich vorhin erwähnt habe, warum man jetzt noch auf Englisch suchen muss.
Die Übersetzung liefern wir mit im Plugin, aber WordPress hat mittlerweile, also früher war das so, du hast diese Übersetzungsdateien da drin, also das Plugin ist grundsätzlich auf Englisch und wird dann halt mit deutschen Übersetzungsdateien auf Deutsch übersetzt.
Auch wenn es jetzt erstmal nur für den deutschen Markt ist, aber gut, das macht mich ganz nervös.
Das baut tatsächlich Spannung auf.
Und früher war das auch so, wenn ich ein Plugin übersetzt habe, weil ich das auf Französisch oder was weiß ich, gebraucht habe, habe ich das gemacht, habe es dem Plugin-Autor geschickt, der hat es eingebaut, hat eine neue Version released.
Inzwischen ist das so, ich weiß nicht seit wann, dass WordPress da ein System hat, es gibt so ein Online-Portal für Übersetzungen, da kann also wirklich jeder, also die ganzen Plugins und sowas, die sind ja GPL-kompatibel, wenn die öffentlich sind.
So wie auch WordPress GPL lizenziert ist.
Und deswegen ist das alles offen und so, das ist ja auch gut, ich bin ja auch durchaus für Open-Source absolut.
Und da gibt es eben auch das Übersetzungssystem, das heißt jeder kann da Übersetzungen einreichen und die werden dann, wenn sie freigeschaltet sind, auch automatisch von WordPress runtergeladen und aktualisiert.
So, dass dann, selbst wenn das Plugin keine französische Locale hat, aber jemand anders übersetzt das von den Usern, wird das runtergeladen und dann ist das Plugin auch französisch.
Ist ja auch eine coole Sache, aber ich als Plugin-Autor bin nicht standardmäßig als Übersetzer lizenziert für mein eigenes Plugin, das ich einreiche.
Ja, wo können wir da auch hin?
Die können ja, also ich muss ja erstmal beweisen, dass ich tatsächlich französisch und spanisch und was weiß ich kann, verstehe ich ja auch wieder einerseits.
Aber in dem Fall ist es halt einfach, ich bin deutscher Entwickler, ich reiche da mein Plugin ein, es ist sogar für den deutschen Markt hauptsächlich.
Ich möchte, also ich meine, eigentlich ist es international nutzbar, aber wir vertreiben es jetzt natürlich, bringen das selber hier in Deutschland an den Mann oder an die Frau.
Und dann habe ich das Plugin da drin, es ist auf Englisch, es erscheint eine große Meldung im Store, von wegen dieses Plugin wurde noch nicht auf Deutsch übersetzt, obwohl ich ja die deutschen Übersetzungsdateien eigentlich mit liefere, aber in dem Store sind sie halt nicht vorhanden.
Dann kriegt man das da fett angezeigt, es ist auf Deutsch nicht auffindbar, so ich bin aber standardmäßig halt auch nicht für mein eigenes Plugin als Übersetzer freigeschaltet.
Das heißt, ich muss dann in ein Forum gehen, muss dort eine Thread eröffnen nach einem bestimmten Template, muss dann sagen, hallo, bitte schaltet mich doch für die Sprache Deutsch und für die Sprache Deutsch-Österreich, für die Sprache Deutsch-Schweiz frei für das Plugin so und so.
Und noch mit Begründung, weil wir haben ein Team an Übersetzern, die das übersetzen können, so.
Und dann ist man halt, weil Open Source alles freiweilige, die machen das nach der Arbeit, ich habe gar keinen Anspruch und auch kein Anspruchsdenken eigentlich, dass da jetzt jemand schnell was machen muss, aber in dem Fall bist du halt völlig davon abhängig und ausgeliefert, wie die halt mal eben Zeit finden, das zu tun.
Jetzt ist eine Woche vergangen, wo das Ding schon drin steht und da ging es hin und her, wir haben alle Texte auf sie.
Also auch beim informellen Deutschen und Schweizerdeutsch-Locale haben wir trotzdem alles auf sie, weil wir uns gedacht haben, das Ding richtet sich an Arztpraxen, an Labore, an Testzentren und öffentlich will man sowieso nicht einfach die Leute duzen, hier, da ist dein Code und so.
Deswegen machen wir alles auf sie.
Ja, aber ihr könnt ja den Leuten nicht vorschreiben, auf welcher Sprache die ihre Seite haben.
Und wenn die sich entscheiden dafür, die Leute zu duzen, dann muss das respektiert werden.
Okay, aber das ist, in WordPress kann man das glaube ich auch einstellen, oder?
Jaja, das kann man schon einstellen, aber weißt du, wie viele unserer Kundenseiten dann auf du eingestellt sind aus Versehen, bis wir das entdecken und mal auf sie ändern und dann irgendwie in den Breadcrumbs vom Steuerberater dann steht, du bist hier.
Ja, was halt irgendwie nicht sehr gut kommt.
Also ganz viele stellen das halt, landen sich die deutsche Version runter, die deutsche Version standardmäßig ist mit du und dann gibt es die formelle Version, wenn man das dann will.
Also deswegen war unser Gedanke eben, wir machen das immer mit sie, weil es, es, warum sollte jemand seine Kunden duzen wollen und wenn er es will, kann er es ja im Plugin, in der Pro-Version zumindest, kann er es ja überschreiben in den Texten.
Aber gut, wie dem auch sei, jetzt ist eine Woche vergangen, wir sind jetzt für Schweizerdeutsch freigeschaltet, weil jede Sprache hat natürlich ihre eigene Gruppe, ja, wo dann diese Head-Translators dann irgendwie sind, die dann die Rechte haben, dich freizuschalten.
Das heißt, auf Schweizerdeutsch dürfen wir jetzt übersetzen schon.
Das ist ja schön, kannst du das denn?
Ein bisschen, aber es harbert noch, mit dem Velo bin ich gestern.
Ich glaube, es ist immer schlimm, wenn man sich, wenn man sich über Dialekte, also wenn man die nachmacht und man kann sie aber gar nicht richtig und dann fühlen sich die Leute auf den Schlips gedreht.
Ich will ja hier unsere Schweizer Freunde nicht vom Velo jagen, oder?
Oh je, jetzt kriegen wir Ärger.
Ja, okay, also nein, liebe Schweizer und Schweizerinnen, wir, ja, verblüht, sorry.
Wir mögen euch, wir mögen euch, wir verstehen euch nur nicht so gut.
Ich war einmal in Zürich und wir haben Geldautomaten gesucht.
Und du wusstest nicht, was Geldautomat aus Schweizerdeutsch heißt.
Nein, nein, nein, das spielt ja keine Rolle, die verstehen uns ja, die verstehen uns ja.
Also wir fragen auf gutem Hochdeutsch, wo denn irgendwie ein Geldautomat ist und dann, ich sag's mal so, ein Schweizer, von dem nehme ich an, dass er eigentlich auch Hochdeutsch, also er versteht's, das glaube ich.
Gut, kommt das natürlich auch an, italienische Schweiz, französische Schweiz, Zürich, Zürich ist.
Ja gut, Zürich, ja.
Also, das ist, das ist ja jetzt nicht so weit von hier, das ist schon, das ist schon eher deutsch geprägt.
Und da kam dann eine Antwort zurück und wir haben uns alle nur fragend angeschaut und sind dann weitergelaufen, weil, also ich nehme jetzt mal an, also wenn ich jetzt, hm, ich habe, wenn ich mich jetzt versuche in die Lage zu versetzen,
von dieser Person, die wir gefragt haben, und ich werde auf Hochdeutsch gefragt, dann antworte ich ja vielleicht möglichst so, dass die Person das verstehen kann.
Falls ich es überhaupt selbst verstanden habe, ja, das war anzunehmen, weil da kam so was zurück, wir konnten halt nichts damit anfangen, das hieß aber nicht, ich verstehe euch nicht.
Sondern das war, du was machst, da müsst ihr doch, da drehen wir los mal.
Ich habe ja keine Ahnung, ich habe ja keine Ahnung, was du hast gesagt.
Also ich glaube, dass, also manche Menschen können ihren Dialekt einfach nicht abstellen.
Also, wir hatten auch mal gemeinsamen Kollegen, ich weiß nicht, ob du den, ob du weißt, wen ich meine.
Nee, ich glaube, ich weiß gerade nicht, wen ich meine.
Ich sage mal, my little pony, sage ich jetzt einfach mal.
Ah, ja, ja, ja.
Oh Gott, für die Hörer ist es so, was? Ja, ein Brony war das.
Ein Brony.
Und, ähm, ja, manche Leute können einfach ihren Dialekt nicht abstellen.
Also das ist, ist einfach so in denen drin, also ganz extrem ist das oft in Bayern, also Bayern, die haben halt einfach fast immer ihr Bayerisch so drin, ja.
Und selbst wenn sie es ein bisschen verstecken, ist es halt drin.
Ähm, und manchen Leuten fällt das einfach echt schwer.
Also das sind alle anders.
Ich meine, wir sprechen wirklich relativ Hochdeutsch, wobei jetzt natürlich jemand aus dem Norden bestimmt raushört, dass wir aus dem Süden sind, auch wenn wir das selber gar nicht denken.
Aber andere Leute hören das aus einer anderen Ecke.
Also gerade mit dem, mit dem stimmhaften und stimmlosen S, ja, das ist so ein, so ein Ding hier in, so ein Ding, so ein Ding.
Ich versuche da immer drauf zu achten, aber es ist, fällt mir schwer.
Wir schweifen ab, meine Güte.
Egal.
Egal, aber, äh, ja, jedenfalls, ja, Übersetzungen, Übersetzungen, da, da ist immer draufgekommen drüber.
Also wer es jetzt gerade sucht, ich mache jetzt auch selber mal Werbung, so, ich bin jetzt mal hier.
Nee, jetzt warte, jetzt warte, warte mal ganz kurz, jetzt müssen wir jetzt mit den Schweizer, muss ich da ganz kurz, ach so, ja, genau, okay.
Ganz kurz mit den Schweizer, muss ich noch, das muss ich noch kurz zu Ende bringen.
Ich habe jetzt schlechte Sachen über Schweizer gesagt.
Ich, äh, ich muss das relativieren noch ganz kurz.
Ähm, also wenn ich jetzt in den Schwarzwald gehe, und da war ich schon manchmal, ja, da gibt es auch teilweise Leute, wenn die was sagen, da verstehe ich den ganzen Satz mal gar nicht.
Da denke ich, das ist eine andere Sprache.
Also es ist, wenn, also selbst, also wir wohnen ja beide in Karlsruhe, der Konstantin und ich, ähm, das heißt, wenn wir irgendwie 100, 150 Kilometer,
50 Kilometer ungefähr oder so, ne, südlich gehen, wahrscheinlich ist es gar nicht mal so viel, ich weiß gar nicht, müsste ich auf der Karlsruhe gehen.
Ja, Karlsruhe ist der erste Ort im Schwarzwald, sagt man so.
Ja gut, naja.
Aber es ist schon noch ein Stückchen bis zum richtigen Schwarzwald.
Den zeigst du mir dann demnächst mal, wo der Schwarzwald hier anfängt.
Ähm, naja, und also da ist, man muss gar nicht so weit von uns, wir bleiben im gleichen Bundesland, wir müssen nur ein bisschen nach Süden gehen, da verstehe ich schon quasi nichts mehr teilweise.
Also man versteht manchmal was und manchmal gar nichts mehr und, äh, ja, also so, äh, am Feldberg verstehe ich teilweise nichts mehr.
So, und dafür muss ich gar nicht erst bis in die Schweiz gehen.
Also, ich wollte es nur mal relativieren, also, die Schweizer sind, sind tolle Menschen.
Ich habe damals mit meiner ehemaligen Band da ein Konzert gespielt.
Ähm, das war auch ein guter Abend, das war, das war nur sehr teuer alles.
Ja, ja, das stimmt.
Zürich war, ja.
So, und jetzt, jetzt gehen wir weiter wieder zur Übersetzung, jetzt bin ich fertig.
Genau, also jedenfalls, jetzt mache ich auch mal ein bisschen Werbung, ähm, wenn ihr, weil wir rechnen uns ja hier hauptsächlich an Entwickler und nicht an Apotheker, äh, wenn du Apotheker bist und das zuhörst, trotzdem, hallo, herzlich willkommen.
Hallo.
Also, wenn ihr einen Apotheker oder ein Labor oder einen Hausarzt oder eine kommunale Teststelle kennt oder jemanden, der das betreut oder ihr betreut das selber, äh, oder wir auch.
Oder auch immer, oder vom, äh, örtlichen DRK, DRK, die das, äh, auch oft übernehmen, solche Sachen.
Wenn ihr, ähm, jemanden kennt, der das brauchen kann, natürlich gerne darauf hinweisen.
Wenn die sowieso schon eine WordPress-Seite haben, umso besser kann man einfach als, äh, als Plug-in installieren.
Ansonsten halt auf einer Subdomain schnell eine WordPress-Installation geht ja auch fix.
Ähm, gerne, gerne verbreiten und, äh, den Link gibt's, wie gesagt, in die Shownotes oder eben aktuell auf Deutsch, äh, auf Englisch suchen, Corona Test Results im offiziellen WordPress, ähm, Directory.
Oder, wenn's denn mal übersetzt ist, dann einfach Corona Test Ergebnisse.
Und, äh, dann freu ich mich auch auf Feedback und auf, äh, Bug-Meldungen, ähm, und, äh, ja.
Jetzt kaufen!
Yeah!
Kostet auch nicht die Welt.
Mit zwei Abstrichen hat man's wieder drin.
Mit zwei?
Nee, ist so, ja.
Nee, tatsächlich, also, ähm, wir haben uns dann natürlich über die Preisgestaltung schon Gedanken gemacht.
Und ich mein, wir sitzen...
Mit zwei Abstrichen hat man's wieder drin.
Wir sitzen da so ein bisschen, äh, an der Quelle.
Deswegen ist auch die Idee dazu entstanden.
Und, ähm, das ist, äh, ja, also, das, das, das lohnt sich auf jeden Fall.
Es spart eine Menge Zeit.
Also, wir haben, wie gesagt, so eine, eine Arztpraxis, die das im täglichen Einsatz hat.
Und da kam viel positives Feedback.
Die, äh, finden das super.
Und, äh, das nimmt wirklich viel, spart denen viel Zeitaufwand.
Und für die Patienten ist es, ähm, auch einfacher, das online abzufragen und so.
Also, es ist, ist eine gute Sache.
Ich steh da wirklich dahinter.
Das hat Spaß gemacht, sowas zu machen.
Und man echt denkt, jo, das ist eine gute Sache.
Und das hilft vielleicht gerade wirklich vielen Leuten.
Yes.
Also kaufen.
Kaufen, kaufen, kaufen.
Okay.
Das war's.
Kaufen, kaufen, kaufen, kaufen, kaufen.
Ich hab noch, ähm, jetzt hab ich so viel, gerade weil wir deinen einen Retro-Punkt übersprungen haben.
Äh, aber ich hab noch...
Nee, wir haben, wir haben, wir haben gar nichts übersprungen.
Ja doch, dein, ja, das haben wir also so rein, reingemogelt bei mir mit drin.
Aber ich hab das Gefühl, ich rede und rede und rede heute.
Okay.
Nein, nein, das war so gut dran.
Also ich hab nämlich noch im, im Anschluss an diesen, in diesem Retro-Punkt noch eine Sache.
Und ich hab vorhin gesagt, ich, ich führe heute eine neue Kategorie ein.
Das ist keine ganz neue Kategorie, aber, äh, so ab und zu, weil wir, so wie eben auch schon,
wir renten ja ganz gerne mal und regen uns über Dinge auf.
Den Rant der Woche.
Wir brauchen noch vielleicht einen kleinen Jingle dafür.
Ähm, für die Retro, den...
Rant der Woche.
Genau.
Und zwar...
Das war der Beweis, dass ich solche Stimmen auch ohne Fischung machen kann.
Sehr gut.
Und zwar A to B und B to A in JavaScript.
Ach, wir sind doch immer bei dem, bei dem, wir sind immer noch bei dem Punkt.
Ja, das ist der, genau, das ist der Rant der Woche, das kommt noch dazu, ja, äh, zu dem Punkt, den ich eben hatte.
Base64-Encoding und Decoding mit JavaScript.
Die Funktionen A to B und B to A, wer hat sich das ausgedacht, die so zu nennen?
Ja, ich komme immer wieder durcheinander, ich muss es immer wieder ausprobieren oder nachschlagen, ich kann es mir einfach nicht merken.
Und man könnte jetzt denken, naja, erst encodiere ich was und dann decodiere ich es wieder.
Deswegen A ist wahrscheinlich der Ursprungszustand und B ist das Encodierte.
Falsch.
Oder vielleicht die Eselsbrücke B steht für Base64, wäre ja zum Beispiel denkbar.
Ist aber auch falsch.
Richtig ist, das steht für ASCII to Binary und Binary to ASCII.
So, das macht die Verwirrung jetzt aber natürlich überhaupt nicht weniger, weil ASCII heißt nämlich in dem Fall, das ist der Base64-String.
Also der encodierte String am Schluss ist eigentlich auch logisch, weil der besteht dann nur noch quasi aus ASCII-Zeichen, aus Zeichen, die sich mit ASCII abdenken.
Ist schon logisch, aber erstmal denkt man irgendwie ASCII to Binary, klingt für mich eher noch andersrum.
Ist aber nicht so.
Und jetzt ist der Witz, jetzt bin ich auch wieder in so ein Rabbit Hole so ein bisschen gekommen vorhin beim Recherchieren.
B2A, die Funktion, also um einen String zu Base64 zu codieren.
Moment mal, String?
Binary?
Ja, ja, pass auf.
Ja, eben, ich sag ja, die Verwirrung wird nicht weniger dadurch, durch die Erklärung.
B2A akzeptiert nämlich nur Strings als Argument.
Kein Blob und kein Array-Buffer, sodass ich, sagen wir mal, da schicke ich wirklich selber Binärdaten irgendwie hin in irgendeiner Form.
Nein, sondern das ist ein String, der wird als Binärdaten gelesen und encodiert.
Aber Strings in JavaScript sind UTF-16 codiert.
Ja?
Binary Strings im eigentlichen Sinne von Binärstrings, Binärketten, sind eigentlich gar kein Teil des kompletten Language Designs von JavaScript.
Aber B2A benötigt genau das.
Einen Binary String. Und das heißt, Strings, die einen Codepoint größer als 255 enthalten, die resultieren in einem Character-Out-of-Range-Error.
Wenn ich jetzt also einen JavaScript-String, einen normalen String, der aber Multibyte-Characters enthält, also keine Ahnung, chinesische Zeichen, japanische, koreanische, was weiß ich, oder auch irgendwelche Emojis.
Wenn ich das jetzt codieren will, dann bekomme ich eventuell eben diesen Character-Out-of-Range-Error.
Und es gibt auf MDN zum Glück zwei Funktionen, mit denen man UTF-16-Strings erst in Binär-Strings umwandeln kann und eben danach wieder zurück.
Das heißt, ein zusätzlicher Schritt, den ich machen muss, um eben die Base64-Codierung tatsächlich zum Laufen zu bringen für alle Strings.
Und das fand ich echt krass.
Also auch diese Information.
Ja, okay, das ist eigentlich gar nicht Teil des Language Designs, aber die Funktion benötigt das trotzdem genauso.
Verrückt.
Und ich hatte mich schon aufgeregt über die Benahmung und dann kam das.
Ja, also keine Ahnung, warum man sowas macht.
Aber bestimmt auch wieder halt irgendwie gewachsen historisch.
Und ich bin auch nicht alleine.
Also es gibt diverse Beiträge dafür und unter anderem eine Eselsbrücke in einem Stack-Overflow-Post.
Da hat jemand gemeint, da merkt sich das so.
Beautiful to awful und awful to beautiful.
Also beautiful ist halt der schöne String, den ich da reingebe.
Und awful ist halt dieses Kauderwelsch, was da rauskommt, was kein Mensch lesen kann.
So, und jetzt darf man als Nicht-Muttersprache des Englischen natürlich sich von awesome und awful nicht täuschen lassen.
Und dann ist die Verwirrung komplett.
Das war's.
Wow.
Ich möchte gerade nicht in deiner Haut stecken.
Und damit habe ich eine wunderschöne Überleitung geschaffen.
Zu meinem kleinen Retrofunkt, der ist auch ganz schnell vorbei.
Ich habe erfahren, dass es etwas gibt, das heißt Toasted Skin Syndrome.
Das ist wohl tatsächlich ein medizinischer Fachbegriff.
Wie bin ich da drauf gekommen?
Naja, ich habe einen Artikel gelesen und ich weiß nicht mehr, wo es war.
Und vielleicht, der wird auch einfach nicht verlinkt, das sage ich jetzt schon mal so.
Wo es darum geht, dass Leute, die ihr Laptop auf den Beinen haben, das warm wird, irgendwann nach einer Weile, wenn das, ich weiß nicht genau, wie lange das dauert und wie heiß das sein muss.
Kannst du mal ausprobieren.
Dieses Toasted, ich glaube, das kann ich nicht empfehlen.
Den Wikipedia-Artikel dazu, den verlinken wir in den Shownotes.
Und die Bilder, die sind wirklich nicht schön.
Also das kann ich jetzt schon mal sagen, die sind nicht schön.
Content Warning.
Ja, nicht, wenn ihr gerade gegessen habt und vielleicht nicht, wenn ihr schwachen Magen habt oder irgend sowas.
So schlimm finde ich es jetzt gar nicht.
Also das ist krass.
Also tatsächlich kann ein Laptop dafür sorgen, den man regelmäßig auf den Beinen hat, dass sich da die Haut verändert.
Und es ist wohl nicht wirklich gefährlich.
Also wenn ich es richtig verstanden habe, ist es nichts, was einen jetzt irgendwie umbringt.
Na, außer es wird chronisch.
Wenn es nämlich chronisch wird, dann kann es sich nämlich zu Hautkrebs entwickeln.
Und es ist sehr, sehr, sehr unschön.
Also es geht dann auch vor allem nicht mehr weg.
Also wenn es chronisch wird, dann ist es nicht nur eben verfärbt und dann nach einer Weile ist es wieder weg, sondern dann bleibt es so.
Also mein Appell an euch, nicht zu lange mit einem heißen Laptop auf dem Schoß arbeiten.
Ich habe das jetzt vor kurzem in letzter Zeit immer mal wieder gemacht, so auf der Couch mit dem Laptop.
Und das Teil wird dann schon irgendwie wärmer mal.
Und naja, also, Moment, hier steht einwirkende Temperaturen, also unterhalb von Verbrennungsbereich.
Also es ist wohl so, dass es sich warm anfühlt, aber nicht jetzt, nicht, dass man denkt, oh, das ist zu heiß, ich muss es wegnehmen.
Und dadurch kommt es eben zustande, dass, wenn man das dann länger hat und regelmäßig, dass das dann, ohne dass man sich jetzt verbrannt fühlt, es aber irgendwie doch auf eine Art verbrennt.
Ja, also ich will da jetzt auch gar keine ärztlichen Ratschläge geben.
Das dürfen wir ja auch gar nicht.
Sollte man vielleicht mal drüber nachdenken, falls man das öfter macht, vielleicht endet es doof.
So, das ist, damit bin ich damit auch schon fertig.
Somit, hiermit.
Cool, dann kommen wir ja jetzt schon zum vorletzten Retropunkt, bevor wir dann auch mal irgendwann mit dem Thema, property kommt dann auch noch.
Ich habe mich die letzte Zeit viel mit Media Stream und Navigator, Media Devices, Get User Media und Chrome Desktop Capture, Choose Desktop Media beschäftigt.
Also mit APIs, die man so im täglichen, ich frickel, Webseiten zusammengebraucht, nicht unbedingt benötigt.
Aber ich baue ja gerade an einem kleinen Tool, das der Moritz auch schon mal im Einsatz gesehen hat und irgendwie elf andere Menschen auch, das ich jetzt gerade vollende, damit wir Twitch-Streams machen können.
Damit man unsere Radiogesichter auch mal sehen kann.
Ja.
Und genau, also damit habe ich mich beschäftigt und da will ich gar nicht zu sehr in die Tiefe gehen, weil das werden wir, glaube ich, dann als erste Folge, sage ich jetzt einfach mal, oder vielleicht als eine der ersten Folgen, aber vielleicht bis zum Einstieg ganz gut, werden wir das dann alles mal besprechen.
Und dann werde ich das auch wirklich zeigen, also quasi mit der Software, mit der ich streame, dann die Software auseinandernehmen und zeigen.
Und einfach mal zeigen, was ich da alles gemacht habe, auf welche Hürden ich gestoßen bin und ja, was es da so zu entdecken gibt an APIs, die man sonst nicht unbedingt braucht, wenn man jetzt nicht irgendwelche Desktop-Anwendungen mit Mediengedöns bastelt.
Und wir haben uns so ein bisschen vorgenommen, bevor wir die nächste Podcast-Folge aufnehmen, machen wir erstmal den ersten Stream.
Das heißt, vor der nächsten Folge gibt es uns dann irgendwann mal live zu sehen und deswegen, wer möchte, kann uns jetzt schon auf Twitch folgen.
Twitch.tv slash WWSIV einfach mal folgen, dann werden wir auch benachrichtigt, soweit das soweit ist.
Ich weiß nicht, wir haben noch gar keinen Plan, wann, aber ich könnte mir vorstellen, dass wir vielleicht nächste Woche Freitag schon aufnehmen.
Was wäre dann, wenn wir es schaffen, mal gucken, die Software ist jetzt fast fertig, am 26.
Was ist schon fertig?
Ja, fertig ist nie, aber...
Es dauert noch, ja, also ich brauche noch ein bisschen, weil ich muss mir natürlich noch ganz viel Equipment bestellen.
Ja, klar, Greenscreen und ja.
Ja, Greenscreen, ich bin gerade auf Amazon und gucke halt, was man da...
Ob ich dieses Chroma-Keying dann schon bis zu der initialen Version reinkriege, das kann ich nicht versprechen.
Äh, brauchst, nö, das brauchst du aber gar nicht.
Achso, du schickst mir einfach das schon mit Chroma-Keying.
Ich kann dir schon ein fertiges Bild schicken.
Aber du bist ja dann nicht transparent. Achso, du machst dir dann einfach einen anderen Hintergrund.
Ich mach mir einfach einen anderen Hintergrund.
Okay.
Zum Beispiel, ähm, keine Ahnung, Feuerwerk, kackende Hunde, was auch immer.
Okay, ja, schön. Oder dieses hier, was wir da gerade hatten mit dieser Verbrennungsgeschichte, einfach mal schöner Hintergrund.
Genau, also wer uns, äh, wer uns da sehen möchte, ähm, der kann uns, wie gesagt, gerne folgen.
Ich glaube, Twitch wird großer Spaß.
Ich glaube auch, also wir hatten schon beim Testen so viel Spaß, so spontan. Äh, ich konnte mir vorstellen, dass das wirklich cool wird.
Ja, und dann, äh, jetzt schon mal angekündigt, der Podcast, äh, stirbt.
Wir machen ab sofort nur noch Twitch. Wir wissen zwar nicht, wie es läuft, aber...
Nein, das habe ich ja letztes Mal schon gesagt, das glaube ich, also, das ist nicht der Plan.
Also eigentlich ist der Plan, das zusätzlich ergänzend zu machen, aber nicht als Ersatz.
Also sind 150 Euro zu viel für ein Greenscreen?
Nö, ich glaube, das ist eher Einsteigerzeug, oder?
Das ist so ein, äh, das ist so ein, äh, Elgato, die machen ja so dieses ganze Streamerzeug, da bin ich gerade drauf gelandet bei Amazon.
Ähm, falls mir das jemand schenken möchte,
Ja, genau, klar.
Ihr könnt mir das, äh, ihr könnt das an die,
an die, an die, an die Postadresse schicken.
Hast du nicht, ähm, warte mal, hast du nicht hier im, äh,
auf der Webseite, wer wir sind, ist fraglich.
Ähm, da ist doch hier Amazon-Wunschliste.
Genau, ihr geht auf unsere, auf unsere wunderschöne Webseite.
Achso, ich kann's auf die Wunschliste packen.
Genau, pack's auf deine Wunschliste.
Es muss aber sehr schnell bestellt werden, bis nächsten Freitag.
Wo wir sind, ist vorne.show und dann auf, im Oben in dem schönen Header-Hero-Dings-Bereich, ähm,
auf vielfachen Wunsch, wer wir sind, ist fraglich, da draufklicken, dann erfährt man so ein bisschen was über uns, ähm,
und hat noch ein paar Links hier, PayPal-Spende und Amazon-Wunschliste, äh, genau, und da könnt ihr uns dann, dann Sachen bestellen.
Hab ich gar nicht dran gedacht, vielleicht kann ich da auch noch, vielleicht brauche ich auch noch ein Greenscreen und so.
Ja, ich packe da mal noch Licht drauf.
Wir packen da Zeug drauf, wer möchte, der darf uns das gerne.
Natürlich.
Ja, was ich eigentlich, kann man eigentlich bei Amazons irgendwie so machen, dass, äh, dass Leute zusammenlegen und irgendwas auf uns geht?
Leider nicht, das finde ich, das hatte ich auch schon mal als Idee, dass man irgendwie so ein Portal macht, wo du sagen kannst, hier, jeder gibt so ein bisschen was dazu, also wie so ein bisschen so Crowdfunding halt, aber halt gezielt auf Amazon-Links und dann wird das automatisch darüber bestellt, aber, ja, gibt's nicht.
Bisher.
Ja, das, das wäre irgendwie, das, das fände ich irgendwie nice.
Ja, wenn jeder 20 Euro gibt.
Dann kannst du dir ein paar davon kaufen.
Du meinst die ganzen 7,8 Milliarden Bürger dieser Erde.
Nee, aber, also wenn, wenn, wenn, von unseren Hörern, die wir so haben, hier voll, jeder 20 Euro gibt, da kannst du dir aber, kannst du dir ein Studio bauen nur.
Nicht ganz.
Ja, ich meine, äh, ich brauche ja eigentlich nur noch den Greenscreen und Licht und eine vernünftige Kamera, obwohl das mit der Kamera, das kriegen wir irgendwie hin.
Ähm, genau, aber Greenscreen habe ich jetzt tatsächlich mal auf meine Liste gepackt, ähm, das ist nämlich so ein cooles Teil, das kann man so,
auf den Boden stellen und so aufziehen.
Ja, sehr cool.
Das, äh, das, das sieht irgendwie, das kann man auch schön klein weg verpacken.
Muss das nur gut ausleuchten, also du brauchst halt entsprechende Lampen wahrscheinlich noch, dass das gleichmäßig ist.
Ja, die kosten dann halt nochmal.
Die sind halt teuer.
Aber gut, aber gut, äh, vielleicht, also es wird wahrscheinlich beim allerersten Stream nicht alles hundertprozentig perfekt sein, der Moritz als kleiner Perfektionist und ich ja auch.
Äh, wir werden wahrscheinlich selber nicht so ganz zufrieden sein, aber ich glaube, es reicht.
Ich glaube, es reicht.
Perfektionist.
Großer Perfektionist, riesen Perfektionist.
Ähm, ja, aber wir, wir, wir fangen trotzdem, wir machen das trotzdem, wenn wir jetzt zu lange rauszögern und, und immer wieder, ja, aber das nicht, das nicht, das nicht, das, äh, wir machen das.
Nächste Woche Freitag.
Du musst einfach mal gestartet werden.
Komm, ich baue jetzt Druck auf.
Nächste Woche Freitag, 26. März um 8 Uhr beginnt der Stream, Punkt.
Um 8 Uhr beginnt der Stream und, genau, bis dahin, was bis dahin nicht fertig ist, ist es nicht fertig.
Genau.
Wir machen einfach so ein Baustellen-Ding, so ein Absperrband quer drüber, Under Construction.
Oh ja.
Vielleicht noch so ein, so ein Bagger-Gif.
Mhm, genau.
Und Besucher-Counter.
Besucher-Counter wäre noch mit Blinke, Blinke-Gif.
So, wenn wir schon waren bei Dingen, die ihr uns kaufen sollt.
Schön, wie du einfach, wie du einfach, jetzt schnell weiter, bevor ich noch mehr Blödsinn rede.
Ach so, warst du fertig?
Nein, nein, nein, alles gut, alles gut.
Ich habe gerade wieder eine schöne Überleitung gefunden.
Ja, okay, okay.
Wenn wir gerade schon waren bei Dingen, die ihr uns kaufen sollt, kommen wir jetzt zu Dingen, die ihr euch kaufen sollt.
Ja, komm, also.
Sehr schön.
Also, ich könnte echt, ich könnte echt irgendwie, ja, Fernsehschauen, wir sind, also, ich glaube, bei Twitch sind wir genau richtig.
Ja, genau.
Also, da macht man das ja so mit so tollen Überleitungen.
Heute bin ich irgendwie der King of Überleitungen.
Genau, wir haben nämlich bei Twitter euch gefragt, was für Merch euch glücklich machen würde.
Und ihr habt tatsächlich geantwortet.
Ihr habt tatsächlich geantwortet, genau.
Warte mal, warte mal, warte mal.
Das ist ja immer so eine Sache, es kommt ja nicht immer was, aber Umfragen funktionieren tatsächlich erstaunlich gut.
Ja, wir haben zur Wahl gestellt, Unterwäsche, Tassen, Shirts und Hoodies oder siehe Kommentar.
Siehe Kommentar.
War sehr ergiebig, es gab einen Kommentar.
Ah, nein, nein, es gab noch mehr, es gab noch welche, die ich direkt bei Twitter bekommen habe auf meinen Account, zwei, wo ich auch gleich noch sagen muss, ich war mir anfangs nicht so sicher, ob die ernst gemeint waren oder nicht, aber das sage ich gleich noch.
Also gewonnen haben Shirts und Hoodies erstaunlicherweise, am Anfang waren die Tassen noch gleich auf.
Genau, fast 60 Prozent, 57 Prozent.
Da müssen wir das wahrscheinlich irgendwie machen, aber ich wäre auch großer Fan von Tassen und Unterwäsche.
Also wahrscheinlich wird es am Ende alles geben, aber wir können ja mal mit einem Shirt oder einem Hoodie anfangen, wobei ich eigentlich jetzt mal zum Hoodie tendiere gerade.
Würde ich auch eher noch, es wird jetzt wieder wärmer, aber jetzt aktuell trage ich auch gerne noch Hoodies.
Wir können ja verschiedene anbieten, dünnere und dickere, also da wird irgendwann mal was kommen, ich weiß noch nicht genau, aber wir haben es verstanden und wir machen das mal und gucken mal, vielleicht bestellt es ja dann gar keiner.
Auch möglich, ja.
Ja, keine Ahnung.
Die beiden Antworten, die noch, also genau, die Antwort, die kam, das ist wirklich interessant.
Siehe Kommentar wurde nämlich angeklickt, nachdem wir den Kommentar schon hatten und zwar so einen halben Tag später.
Also irgendjemand hat Siehe Kommentar geklickt, ich habe das live mitverfolgt, und hat keinen geschrieben.
Aber so mögen wir unsere Troll-Zuhörer, also das finde ich auch irgendwie witzig.
Oder vielleicht hat einer gedacht, naja, das wurde noch nicht geklickt, aber es gab schon einen Kommentar, das muss ausgeglichen werden.
Der Kommentar, den wir direkt bekommen haben, war, Logo wäre gut auf einer schwarzen Tasse.
Ja, das sehen wir auch so, eine Tasse wäre irgendwie cool.
Ich denke gerade noch so nach über so Magic-Tassen, die, wenn sie heiß werden, dann irgendwie das Motiv erst reingeben.
Oder wenn Moritz seine Unterhose entblößt, wenn man heiße Tee reingibt.
Genau, also ich bin da drauf und ich werde dann nackt, wenn was Heißes reingekostet wird. Genau, so war das gedacht.
Und zwar eine WWSEV-Unterhose, die man auch bestellen kann.
Genau.
Ja, für die WWSEV-Unterwäsche hatten wir auch schon ein paar gute Ideen.
Ja, die verraten wir jetzt noch nicht.
Die verraten wir noch nicht.
Vielleicht wird das Ganze auch noch ein bisschen größer, nicht nur WWSEV, ein bisschen allgemein nerdiger.
Müssen wir mal gucken, wir werden auf jeden Fall, irgendwann gibt es den WWSEV-Nerdshop.
Wir werden schon was erfinden, wo ihr euer Geld für ausgebt, keine Sorge.
Richtig, wir finden auf jeden Fall was, wofür ihr Geld ausgeben könnt.
Natürlich dürft ihr auch spenden, aber ihr dürft auch Merch kaufen, wenn es dann irgendwann mal verfügbar ist.
Also ich mache da jetzt keine Zusage, wann das so sein wird.
Ich habe auch schon die Idee geäußert, wir könnten ja …
Freitag, der 2. April, ich mache heute Deadlines.
Nee, du weißt ja noch gar nicht, was jetzt kommt.
Ich wollte doch was zum Stream sagen jetzt, weil wir vorhin zum Stream schon was hatten.
Ich habe überlegt, es wäre ja vielleicht auch witzig, wenn wir im Stream was drucken würden.
Ach, selber hier per Siebdruck, du hast doch dein Siebdruckset, ne?
Genau, ich habe ein Siebdruckset und wir könnten im Stream was drucken.
Ach, du druckst das und dann kann man das erstehen.
Und dann kann man, genau.
Das ist doch eine Idee, ja, sehr cool.
Also, wie soll ich denn sagen, also das mit dem Drucken, das ist eine anstrengende Sache
und ich mache jedes Mal irgendwie irgendwelche Fehler bei meinem wunderbaren Siebdruckset.
Aber dann wären das absolute Unikate und Hand gemacht.
Die sind dann natürlich auch, da mein Stundenlohn ziemlich hoch ist, ein bisschen teurer.
Klar.
Aber man könnte sie vielleicht im Stream dann direkt kaufen oder so.
Und ihr könnt dann vielleicht zugucken, wie die entstehen.
Zumindest so ein Teil davon könnte man vielleicht, ja, muss ich mal gucken.
Cool Idee.
Teilweise muss man das ja in Dunkelheit machen.
Wir signieren das dann auch.
Wenn ihr wollt.
Nein, nein, wir signieren das Fett oben drüber.
Nein, muss nicht sein.
Ich mache dann einen Stempel drauf, ja.
Mein Signaturstempel.
Äh, ja, genau, was ich noch sagen wollte, die zwei Vorschläge, die noch kamen, die ich direkt
bekommen habe, nämlich, ähm, Mauspads.
Ach ja, das, das habe ich auch gesehen, ja.
Mauspads.
Hast du mir das geschickt?
Ich habe mal nachgefragt, das war nicht so ganz ernst gemeint.
Die Mauspads war nicht so ganz ernst gemeint, was aber wohl tatsächlich ernst gemeint
war, war Brillenputztücher, ja.
Und, ähm, naja, das wäre auch was für dich, Konstantin, oder?
Ja, tatsächlich, ja.
So ein WWS-EV-Brillenputztuch, ich, das ist auch was, was man immer ab und zu mal mitnimmt,
dass man seinen Freunden zeigt.
Und ich meine, in Nerdkreisen sind ja Brillenträger auch überproportional vertreten, äh, also,
ja, vielleicht bietet sich das tatsächlich an.
Ähm, ich habe noch nie drüber nachgedacht, wie man sowas macht oder wo man sowas herkriegt.
Keine Ahnung.
Also, Süßigkeiten, da kennen wir jemanden, der zumindest mal früher bei einer Firma
gearbeitet hat, die Gummibärchen und was weiß ich was bedruckt hat.
Ja, aber ich glaube, das ist nicht mehr aktuell.
Ich glaube, das ist auch nicht mehr aktuell, nee.
Aber, ähm, ja, weiß nicht, also findet man mit Sicherheit.
Jetzt sind wir schon, obwohl, jetzt, äh, wir können jetzt die Retro abschließen, das
war der letzte Punkt, Merchandise, ähm, kommt irgendwann, ich habe kein festes Datum, auch
wenn der Konstantin irgendwas gerade gesagt hat.
Ich habe doch gesagt, ja, 2. April.
Äh, nein, ist mir egal.
Nein, es soll ja qualitativ hochwertig sein.
Richtig, genau.
Auch da sind wir ein bisschen perfektionistisch und, ähm, wir wollen natürlich was Gutes
haben für euch und nicht irgendeinen Käse.
Also, ich habe auch schon mit einigen solchen, ähm, ähm, On-Premise, äh, nee, wie nennt man das?
On-Demand-Shops.
Ja.
Dann ist das was, was ich, ähm, On-Demand-Shops.
Und ich habe auch gemacht, ähm, was wir auch gemacht haben mit solchen, ähm, On-Demand-Dingern und vielleicht kennt ihr was, was, was, was richtig gute Qualität bringt.
Also, ähm, ähm, an Pullis, was einfach sich gut anfühlt, ähm, was vielleicht sogar nachhaltig ist, ist gerne auch, ähm, mit drin.
Ähm, ähm, ähm, äh, auch wenn's dann ein bisschen teurer wird dadurch.
Einfach was, wo man sagt, das ist, das sind gute Produkte, das ist nicht einfach nur Werberamsch, sondern das ist was, was man gerne anzieht, was sich gut anfühlt.
Ähm, genau.
Vielleicht kennt ihr sowas, dann, dann sagt uns doch gerne Bescheid.
Und was mir noch wichtig wäre, wäre, dass man, äh, eine größere Auswahl hat an verschiedenen, ähm, zu bedruckenden, äh, Shirts oder Hoodies.
Ja, und auch Größen, also wir hatten was, da gingen dann die Hoodies halt bis Größe L.
Ja, da könnte ich schon mal, da sehe ich halt auch nach Presswurst aus, äh.
Es sollte alle, es sollte alle Größen geben und es sollte möglichst auch verschiedene Farben, äh, geben und, also mit, mit Farben meine ich auch, ähm, vielleicht sowas, was nicht nur einfarbig ist, sondern ich, ich mag es ja ganz gern, wenn sowas so ein bisschen meliert ist oder so.
Wenn es sowas gäbe, das wäre irgendwie auch, äh, cool.
Und Pink wäre wichtig.
Ja.
Die Farbe Pink, ähm, sollte mit dabei sein.
Wenn es Pink nicht gibt, dann, dann habt ihr mich quasi schon verloren, weil ich trage ab sofort nur noch Pink.
No Pink Stinks.
No Pink Stinks, genau.
Dann sind wir mit der Retro fertig, oder? Hast du noch, äh, was?
Nee, endlich, ist immer durch.
Ja, endlich.
Mann, Mann, Mann.
Dann kommen wir jetzt zur ...
Die Property der Woche.
Zur Die Property der Woche, ich meine, man könnte meinen, dass wir es nach 23 Folgen irgendwann mal drin haben.
Richtig, ich wollte gerade sagen, Mensch, und irgendwann lernt ihr auch noch Deutsch mit uns. Heute ist das nicht der Fall.
Also, wir müssen uns merken, jetzt kommt die, müssen wir sagen, dann passt's.
Aber dann ist ja das Die doppelt.
Jetzt kommt ...
Ach, stimmt, ja, jetzt kommt ...
Also nur ...
Okay.
Jedenfalls kommt die jetzt.
Für die nächste Folge schreibe ich's mir auf und hab's dann wahrscheinlich wieder vergessen.
Die Property der Woche ist heute eine ganz kleine, feine, die mir vor kurzem über den Weg gelaufen ist und ich wusste lang gar nicht, dass das geht, nämlich Carrot Color.
Also, meine sind immer orange, manchmal gelb.
Deine sind immer da.
Doch, lila, ne?
Meine Karotten.
Ah.
Gelb Riebe.
Oder Möhren, wie ich sage, ja, egal.
Carrot, nicht Carrot.
Carrot.
Sondern Carrot.
Und zwar C-A-R-E-T, damit ist der Maus, der blinkende Cursor, nicht der Mauscursor, der blinkende Cursor, gemeint bei Texteingabe.
Ja.
Genau, der Textcursor.
Also, wenn ich in ein Inputfeld klicke oder auf ein Content Editable oder in eine Textarea, das, was ihr da blinken seht, das ist, nennt sich Carrot.
Ich weiß auch nicht, ob ich es richtig ausspreche.
Ich hoffe es einfach an der Stelle.
Und man kann tatsächlich mit CSS die Farbe davon verändern.
Und man kann sie auch fieserweise auf Transparent setzen.
Dann sieht man es einfach gar nicht mehr.
Dann blinkt nichts mehr.
Auto ist dann quasi, genau, also das kann eine beliebige Farbe geben mit allen möglichen Farbwerten, was man so kennt.
Da haben wir ja schon auch nochmal eine Folge drüber gemacht über Farben.
Du hast vielleicht die Folgenliste noch offen und kannst uns sagen, welche Folge das war, die mit den Farben.
Okay, später.
Das war die, Moment, das war die Folge Nummer 5.
Badass CSS Colors.
Jetzt hört ihr auch endlich mal, wie es richtig ausgesprochen wird.
Was?
Das wies sich nämlich ein bisschen merkwürdig.
Ach so, ja.
Genau.
Standard ist, glaube ich, Current Color, weiß ich jetzt gerade nicht.
Oder Auto.
Textfarbe.
Auto fällt aber, glaube ich, zurück auf Current Color.
Okay.
Also standardmäßig ist das, glaube ich, in der Textfarbe.
Oder stimmt das, was ich sage?
Nee, es stimmt gar nicht.
Aber doch.
Warte, Red.
Egal.
Man kann auf jeden Fall da den Cursor, kann man in der Farbe verändern.
Genau, also hier steht ganz kurz, Auto, das Value, generally Current Color, but the user
agent may choose a different color.
Also das kann der User Agent entsprechend mit Kontrasten überschreiben.
Je nachdem, was er für richtig hält, wenn man es darauf setzt.
So, und wer wäre nicht dieser Podcast, wenn ich dazu nicht eine schlimme Demo gebastelt
hätte?
Und zwar habe ich mal geschaut, kann man denn das auch animieren?
Oje.
Und ich habe leider es nicht geschafft, auch nicht durch eine sehr große Schriftgröße,
ich habe es gehofft, dass man das Ding breiter kriegt als einen Pixel, zumindest nicht
in meinen Browsern, was ein bisschen schade ist.
Aber ich habe die Schriftgröße sehr groß gemacht, sodass der Cursor sehr, sehr lang
ist.
Wow.
In etwa so hoch wie der Bildschirm.
Und er hat natürlich, was macht man, das animiert man, standardmäßig ein Regenbogen.
Und man kann das animieren.
Ja, nicht schön, aber selten.
Wie deine Scrollbar-Demo.
Ich habe auch nie gesagt, dass das schön sein soll.
Ich will nur gucken, was so geht.
Also vielleicht habt ihr auch noch verrückte Ideen, was so geht.
Kann man eigentlich die Text-Select-Hintergrundfarbe auch noch animieren?
Das habe ich versucht, das geht nicht.
Schade.
Also, oder vielleicht sage ich auch was Falsches.
Ich habe mir gedacht, wenn man jetzt noch Select hinterher auch noch, um es völlig Banane
zu machen, das habe ich nicht hingekriegt.
Text, genau, also Selection, Selection-Pseudo-Element ist ein bisschen restriktiver.
Also, das lässt einen nur bestimmte CSS-Eigenschaften animieren, sag ich, verändern.
Und ich glaube, Animation geht da nicht.
Aber ihr könnt mich gerne eines Besseren belehren.
Nicht, dass das irgendwie sinnvoll wäre.
Mir fällt gerade nicht ein, wofür das sinnvoll sein könnte.
Wer weiß, vielleicht gibt es einen Anwendungsfall.
Aber man kann den Cursor tatsächlich animieren und der kann, zumindest solange er sichtbar ist, weil er blinkt ja, er ist ja nicht die ganze Zeit sichtbar.
Man kann ihn innerhalb dieser Zeit aber auch regenbogenmäßig animieren.
Das ist ein großer Spaß.
Aber könntest du es nicht mit Carrot Shape dann doch breiter machen oder geht dann wieder die Farbe nicht einzustellen?
Ja, Carrot Shape, da wollte ich auch noch drauf kommen.
Mit könnte ich, also genau, die nächste Property, die eigentlich auch noch so ein bisschen dazugehört, ist Carrot Shape.
Aber Carrot Shape ist meines Wissens nach in keinem Browser bisher unterstützt.
Und Carrot Shape, um das mal kurz zu erklären, weil ihr das jetzt auch nicht sehen könnt und wir uns ja immer viel Mühe geben, Dinge, die man sehen müsste, zu erklären, wie sie aussehen.
Damit kann ich beeinflussen, was für eine Form das blinkende Dings hat.
Und ihr kennt das vielleicht von Kommandozeilen, dass manchmal der Cursor, der Texteingabe Cursor auch zum Beispiel ein Rechteck ist, ein Block.
Genau, wenn man die Einfügen-Taste drückt auf der Tastatur und dann Textinhalte überschreiben kann an der Cursor-Position, dann wird das so ein Viereck.
Genau, korrekt. Und das ist halt für CSS auch angedacht.
Und das heißt dann tatsächlich Carrot Shape Block oder es gibt auch Underscore noch als Wert.
Das wäre dann halt ein Unterstrich. Und jetzt muss ich gerade mal gucken. Bar? Bar ist der Standard, oder? Genau, Bar ist der Standard.
Es gibt einen schönen CSS-Tricks-Artikel aus dem Almanac von denen dazu, wo das auch gezeigt wird, wie das aussehen könnte.
Aber die Browser-Browser-Unterstützung dafür ist quasi nicht gegeben.
Ich glaube, es gibt keinen Browser, der das derzeit kann. Aber in dem CSS-Tricks-Artikel werden Möglichkeiten gezeigt, wie man das emulieren kann.
Also wie man trotzdem machen kann, dass es so ähnlich aussieht.
Aber leider nicht mit Texteingabe, oder mache ich was falsch?
Also das ist schön animiert und so, sieht cool aus, aber ich kann halt nicht wirklich was tippen in der Demo.
Okay, in den Demos nicht, aber müsste theoretisch mit verschiedenen Properties, die es so gibt, und vielleicht ein bisschen JavaScript, müsste es möglich sein, das zu machen.
Du müsstest halt den Standard-Cursor ausblenden mit Transparent, was ich vorhin schon gesagt habe, mit Carrot Color Transparent, und dann eben an die entsprechende Stelle, wo der Cursor gerade ist.
Und ich glaube, das kann man mit JavaScript irgendwie abfragen.
Da gab es irgendwie was, das weiß ich jetzt gerade nicht auswendig.
Könnt ihr gerne mal in die Kommentare schreiben.
Ich könnte das irgendwie mit Content-Editable.
Also man kann auf jeden Fall diese aktuelle, die aktuelle, warte mal, Selection gibt es auf jeden Fall, aber irgendwie die Cursor-Position muss man irgendwie auch rauskriegen.
Ich glaube, das geht.
Und dann kannst du das Ding natürlich dahin schieben, wo es sein soll, und dann kannst du es natürlich so animieren, wie du es halt haben willst.
Das ist dann irgendein Element, was du halt rumschiebst durch die Gegend.
Aber ich glaube, die Cursor-Position, da kriegst du halt nur, innerhalb von dem String befindet sich der Cursor an Position X.
Also nach dem und dem Charakter.
Also ich glaube, rauskriegen, also wirklich so mit XY auf dem Screen, damit du es positionieren kannst, geht glaube ich nicht, aber vielleicht weiß ich es auch einfach nicht.
Ah, ich habe da mal was gesehen, aber ich könnte es jetzt nicht beschwören.
Schade, dass die Demo nicht wirklich funktionsfähig ist.
Wenn wir jetzt im Stream wären, würde ich sagen, wir wollen ja eh noch fünf Stunden weiter streamen.
Ich google das mal kurz.
Und währenddessen lassen wir dann lustige Fahrstuhlmusik laufen oder sowas.
Genau.
Halt, das muss man echt an jedem zahlen.
Und dann, okay, du singst den dann einfach.
Alles klar.
Solange wir es gefunden haben.
Naja, das machen wir jetzt nicht im Podcast, aber ich glaube, das geht.
So, und jetzt ist es schon wieder viel länger geworden, als ich eigentlich wollte.
Also, es gibt Carrot Color, ihr könnt also den Textcursor, die Farbe des Textcursors bestimmen.
Carrot Shape wird es vielleicht irgendwann geben, weiß man nicht so genau.
Ist auf jeden Fall im CSS Basic User Interface Module Level 4 Working Draft.
Genau, und kleine Demo mit Regenbogen kommt auch in die Show Notes.
Sehr schön.
Und damit ist die Property am Ende.
Super.
Hier ist WWS IV mit dem Tagesthema.
Wir haben einen Themenvorschlag aufgegriffen, der kam schon vor einigen Monaten, ist es glaube
ich mittlerweile her, von unserem Hörer Christian, der sich jetzt vielleicht angesprochen fühlt.
Und er schrieb uns, muss ich nochmal spiegeln, wie er es genau formuliert hatte, Webstandards und Best Practices, die es noch, in Klammern, nicht gibt, unterschiedlich implementiert sind oder sich nie etabliert haben.
Ja, Best Practices, die es noch nicht gibt, das klingt witzig, aber wir werden herausfinden, was damit gemeint ist.
Und ich würde sagen, wir springen direkt mal zum ersten Punkt, den er vorgeschlagen hat.
Registrierungen, die immer noch eine E-Mail-Adresse als Fallback verlangen, statt irgendwie OAuth oder WhatsApp-Signal, Threema, Public Key, ICQ, Telegram führt ja hier noch auf ICQ.
Wussten wir beide auch nicht mehr, dass das noch aktiv ist, es gehört jetzt irgendeiner russischen Firma, also ob ich mich darüber anmelden möchte, ich glaube nicht.
Aber gut, man weiß, was gemeint ist.
Genau, also tatsächlich haben wir schon festgestellt, dass E-Mail heute nicht mehr so verbreitet ist, besonders unter der jüngeren Generation.
Also da kommt dann irgendwie so, was, E-Mail-Adresse? Ich habe gar keine E-Mail-Adresse.
Und auch wenn das in den seltensten Fällen tatsächlich stimmt, weil man mit einem Google-Account, den man anlegt, automatisch auch eine Adresse bekommt, was viele gar nicht wissen.
Oder Apple.
Oder auch bei Apple, ja.
Also man kann ja heutzutage fast davon ausgehen, dass jeder, der ein Smartphone hat, entweder einen Google- oder einen Apple-Account hat.
Also nicht, mit Sicherheit nicht, das trifft nicht auf alle zu, aber auf die meisten, würde ich behaupten.
Und dann hat man automatisch auch eine E-Mail-Adresse, aber das heißt ja noch lange nicht, dass man die benutzt oder kennt.
Das ist ja vielleicht, vielleicht wird das auch gar nicht als E-Mail-Adresse wahrgenommen, sondern nur als, das ist halt der Log-In-Armor.
Damit logge ich mich ein, genau.
Ja, da ist halt ein Ad drin zufällig.
Aber man muss sich ja gar nicht damit einloggen, oftmals, sondern man muss ja gar nicht die ganze E-Mail-Adresse eingeben, oft, ne.
Sondern?
Ja.
Also ein Username, dann halt, ja.
Username, genau.
Genau, also ich selber nutze gerne OAuth, statt mich irgendwo zu registrieren und zum tausendsten Mal meine Daten irgendwie einzugeben.
Aber das möchten vielleicht nicht alle.
Also aus Datenschutzgründen möchte man vielleicht nicht, dass Google oder Facebook weiß, wo ich überall mit verknüpft bin, weil die das natürlich dann mitkriegen.
Und viele nehmen dann irgendwie erfundene Daten für jeden Dienst was anderes und so, verstehe ich auch absolut.
Deswegen muss sowas auf jeden Fall immer eine zusätzliche optionale Methode sein.
Also das jetzt komplett zu ersetzen, man kann sich nur noch anmelden.
Ich habe, habe ich auch schon gesehen, also ich habe schon Services gesehen, wo dann irgendwie nur, gerade wenn es um Dev-Geschichten ging, du brauchtest halt einen GitHub-Account.
Ob die jetzt dann die Daten wirklich genutzt haben, weil sie irgendwie Repo-Zugriff brauchen oder nicht, ja.
Du brauchst das halt auf jeden Fall.
Und ich finde das eigentlich nicht gut, das komplett zu ersetzen.
Also optional hätte ich das schon gerne immer noch, dass ich selber entscheiden kann, nee, ich möchte einen Account für dort.
Und von mir aus nehme ich dann eine eigene E-Mail-Adresse, eigenen Account-Namen und so, was ich sonst nirgends habe.
Und davon mal abgesehen, es gibt ja schon solche Sachen, ne, also die ganzen Services, OAuth ist ja genau das.
Aber was er meint, ähm, ist ja wahrscheinlich, dass das einfach noch nicht sich so weit durchgesetzt hat.
Und das ist tatsächlich so, klar, so große Services, große Portale, die nutzen sowas, aber jetzt, dass man als, als kleines Portal oder so, sowas einbindet, machen viele dann irgendwie doch nicht.
Oder, dass ich bei WordPress mich dann irgendwie mit sowas anmelden kann.
Apple hat ja was Interessantes jetzt, ähm, vor kurzem, äh, ich weiß gar nicht, ob das jetzt mittlerweile verpflichtend ist für, für Apple-Apps, wenn man sich da anmeldet.
Ich meine da wäre, oder ich weiß nicht, ob es schon verpflichtend ist, aber ich glaube, das war, war das Ziel von Apple, dass sie sagen, hey, ähm, wenn du eine Anmeldung in deiner App hast, dann musst du es auch irgendwie, ähm, über Apple möglich machen.
Ähm, und zwar machen die das dann so, dass die, ähm, ich habe das jetzt einmal, äh, in Anwendung gesehen, das ist dann halt genau so ein Knopf, wie du, wie du meintest, so irgendwie anmelden mit Google, anmelden mit Facebook, ist dann halt anmelden mit Apple.
Und, äh, die generieren dir tatsächlich für diesen einen Login eine E-Mail-Adresse.
Ach.
Die dann irgendwie, äh, Zeichenkette, äh, at me oder at apple.de, äh, apple.com, ich weiß nicht genau, was, was, was die Domain hinten war, auf jeden Fall irgendwie so eine, so eine verrückte Zeichenkette und die generieren wirklich für jeden, äh, wenn ich es richtig verstanden habe, für jeden Login, den du so machst, eine neue E-Mail-Adresse.
Das heißt, du hast dann, also deine, deine, äh, deine Daten werden quasi nicht geleakt.
Okay, also eine Wegwerf-Adresse und dazu dann noch ein wahrscheinlich automatisch generiertes Passwort, was ja jetzt auch, äh, wo das ist in Chrome und so in Firefox.
Irgendwie ist es, es ist ja dann, äh, manchmal ja auch wichtig, dass, äh, E-Mails, die da hingeschickt werden, auch ankommen, ich weiß es nicht.
Na gut, das müssen die wahrscheinlich schon machen, wahrscheinlich halt als Weiterleitung.
Die werden wahrscheinlich weitergeleitet, genau.
Das weiß ich tatsächlich nicht, das hatte, den Fall hatte ich jetzt noch nicht, dass da irgendwie, äh, E-Mail ankam.
Macht sonst ja keinen Sinn, also du musst ja dein Passwort auch zurücksetzen können und sowas, was so oft darüber dann funktioniert.
Genau, aber im Prinzip ist Apple dann dein, äh, Identity Provider sozusagen, die dann deine Daten haben, aber die haben die ja eh schon, wenn du den Apple-Account hast, ähm, und sagen, okay, das muss ja reichen.
Und, äh, wir, wir machen hier für dich, äh, ein bisschen Privacy, indem du dich über Apple anmelden kannst.
Und das finde ich eigentlich ein ganz cooles Modell.
Ja, interessanter Ansatz, ja.
Wobei, natürlich gibst du die Daten dann wieder an Apple, also Apple weiß dann, wo du Accounts hast.
Äh, genauso wie halt dann im Zweifelsfall Facebook weiß, wo du Accounts hast.
Gut, wenn du Chrome nutzt, weiß Google sowieso, was du hast und was du kaufst und, äh, auf was du so stehst.
Deswegen nutzt man ja auch kein Chrome.
Richtig.
Ganz einfach.
So, hier, Appell, nutzt kein Chrome.
Wenn ihr einen Chrome-artigen Browser nutzen wollt, der alle Features hat, dann nutzt Brave.
So.
Seid mutig, nutzt Brave.
Seid, seid mutig, nutzt Brave.
Genau.
Auch mit allen, mit fast allen Dev-Tools, glaube ich, die in Chrome drin, oder mit allen.
Das müsste eigentlich kompatibel sein, wenn es Chromium ist.
Ja, also ich weiß, ich weiß, dass in Edge Sachen drin sind, die nicht in Chrome sind, aber das macht halt Microsoft so.
Ja, die haben so ein eigenes Süppchen da nochmal.
Habe ich jetzt gerade heute, schweifen wir nochmal ganz kurz aus, heute einen Tweet gesehen, wo ein Feature in den Edge DevTools benutzt wurde, das mich so ein bisschen an was von vor zwölf Jahren erinnert hat, glaube ich.
Und zwar gibt es in Edge, glaube ich, mittlerweile einen 3D-View der Seite, wo man dann so sieht, welche Layer liegen auf was und ich kann dann da quasi so drin rumfliegen.
Das gab es vor vielen, vielen Jahren, 2013 in Firefox auch mal und es hat halt nie jemand benutzt, glaube ich und deswegen wurde es irgendwann wieder ausgebaut, war aber nett.
Also man kann sich seine Seite als 3D-Modell angucken, wenn man so will und der Z-Index oder sagen wir mal so, wie die Elemente übereinander liegen, sieht man da ganz schön und früher in Firefox fand ich halt ganz nett, dass man zum Beispiel gesehen hat, wenn irgendwas links extrem weit rausgeschoben wurde.
Das hat man dann halt gesehen, das wurde dann sichtbar, wenn man weit rausgesoomt hat, minus 9999 Pixel, du zoomst raus und dann siehst du halt das Element da oben rumfliegen.
Interessant.
Ja, nett.
Ja, genau.
Aber kommen wir nochmal zurück zu Login, zu registrieren. Ah, warte mal, wir sind noch bei Registrierung, ne?
Genau, aber wir können schon eigentlich, weil ich, ja, also ich habe, glaube ich, zu dem Punkt sonst nichts mehr zu sagen.
Also ich meine, es gibt das, aber es wird halt noch nicht so wirklich genutzt und die Frage ist, warum eigentlich nicht, also warum auch nicht, wenn man ein kleines Portal schreibt, warum dann nicht irgendwie Login mit Facebook und Google und sonstigen OAuth-Providern ermöglichen?
Ja, es tut ja nicht weh und es ist in der Regel, es gibt ja da fertige Libraries, die man da so quasi als Drop-in-Lösung nutzen kann.
Ja, wobei ich keine Ahnung habe, inwiefern das cool ist oder nicht gut benutzbar ist, weil ich sowas noch nie eingebaut habe. Hast du sowas schon mal verwendet?
Facebook-Login habe ich schon mal eingebaut, woher.
Und das war dann, ich weiß, dieses Jahrhalskript da rein und gib uns alle deine Daten.
Ja, nee, es war ein bisschen komplizierter und dann musst du halt auch irgendwie noch bestätigen aus Datenschutzgründen, muss ich jetzt einmal im Jahr muss ich ein Formular ausfüllen, dass ich bestätige, dass ich nichts Böses mache mit den Daten.
Und ich meine, wir nutzen da wirklich, wir nutzen das nur für Login, wir speichern da keine Userdaten und benutzen die sonst irgendwie, aber ich muss da jetzt einmal im Jahr bestätigen.
Das ist so sinnvoll wie dieser Zettel, den man ausfüllen muss, wenn man in die USA fliegt, ob man Terrorist ist.
Ja, genau, genau. Also wer kreuzt da freiwillig Ja an? Also gibt es da Statistiken, wie viele Leute kreuzen da wirklich an?
Also ich habe ihn einmal ausfüllen müssen, naja, da kreuzt man natürlich, egal ob man Terrorist war oder ist, natürlich nicht Ja an.
Richtig.
Ich glaube, Ja kreuzen nur die Trolle an.
Ja, und die werden dann halt nicht reingelassen, ja.
Witzig, ich habe nachher auch noch eine USA.
Anekdote, die ich bei unserem, ich glaube der letzte Punkt ist das, den wir haben, den ich halt unterbreche.
US-Anekdote?
Eine US-Anekdote, ja.
Ach, warte mal, ich muss ja gar nicht Böses machen, wir haben ja hier.
Yes.
So, ja, wenn wir bei Registrierung sind, dann bin ich auch ganz schnell bei Login.
Genau, das passt gerade ganz gut.
Tolle Überleitung wie der Wort.
Ich habe an, nee, ich habe es ja natürlich, also, da müssen wir unserem Hörer Christian danken, der hat uns das ja so geschrieben, wir arbeiten im Prinzip nur seitdem.
Richtig.
Ja, danke auf jeden Fall.
Er meinte am Schluss dann noch, vielleicht, es fallen euch ja bestimmt selber noch Punkte ein.
Nö.
Wir gucken mal, was wir am Schluss noch haben.
Ich habe ja, oh Gott, ja, ich bin ja, ich bin ja schuld.
Wir hätten ja, ich wollte ja eigentlich bei Twitter fragen, aber ich habe es verbaselt.
Ja, mach jetzt.
Ja.
Wir sind, wir kriegen die Sendung lange genug gefüllt, da mache ich mir keine Sorgen.
Zu loggen fällt mir, fällt mir direkt was ein, passwortlos.
Und zwar, da sind wir wieder bei E-Mail.
Aber das fand ich tatsächlich ziemlich cool.
Und zwar, ich weiß nicht, hast du einen Medium-Account?
Nee, also ich, doch, ich, also, ich bin über, oh, auch, über Google, glaube ich, habe ich da einen Account, ja.
Okay, also ich habe einen Medium-Account, wo ich mich mit E-Mail-Adresse registriert habe.
Und ich mag, also, an der Stelle, Medium ist ziemlich doof geworden, weil die wollen jetzt irgendwie Geld dafür, wenn man drei Artikel liest und dann der vierte kostet Geld oder irgendwie so.
Ja, gehst du einfach in Privacy-Modus, dann kannst du auch so lesen.
Ähm, ja, ich finde halt, naja, damit zerstört sich die Plattform jetzt halt irgendwie selbst.
Also, das war halt, das war halt eine geile Blog-Plattform oder irgendwie auch nett.
Also, der Medium-Editor zum Schreiben, der ist total geil.
Hast du den mal, nee, naja.
Nee, selber noch nie was geschrieben, nee.
Ich habe auch, glaube ich, ich habe mal was geschrieben, aber ich habe es nie veröffentlicht.
Ähm, nee, ähm, aber egal, Login.
Und zwar, wenn ich mich bei Medium einloggen möchte, ähm, wenn ich es richtig in Erinnerung habe, und das ist jetzt wirklich aber schon, äh, mindestens ein Jahr her, dass ich das das letzte Mal gemacht habe.
Vielleicht haben die es mittlerweile geändert.
Es ist auf jeden Fall so gewesen, ähm, dass ich meine E-Mail-Adresse eintrage, ähm, und die kennen meinen Account.
Mein Account habe ich irgendwann mal angelegt, aber ich bin halt nicht eingeloggt.
Und Login bedeutet, ähm, ich gebe da meine E-Mail-Adresse ein und sagen die, okay, äh, wir haben dir jetzt was geschickt.
Und dann kriegst du so ein, äh, ein Login-Link per Mail geschickt, auf den klickst du und dann bist du eingeloggt.
Aha, ja.
Und der Browser merkt sich das dann, oder die...
Das heißt aber, es braucht jemand...
Du kriegst dann eine Session, die...
Also das ist ja, also das nimmt, also Two-Factor-Authorization ist ja, wir fügen noch einen Faktor hinzu.
Was die machen ist, wir nehmen noch einen Faktor weg.
Und das heißt, wenn jemand Zugriff auf mein E-Mail-Konto hat, weil er irgendwie ein Gerät hat, ohne Faktor, dann kann er einfach rein, ohne dass er diesen zusätzlichen Faktor braucht.
Nein. Nein, weil dieser Link quasi, wenn er einmal aufgerufen wurde, so verbraucht ist.
Ja, ja, das schon.
Also wenn jemand auf deinen Rechner Zugriff hat, wo du eingeloggt bist...
Ja, ich meine, klar, dann habe ich ganz andere Probleme, wenn jemand da Zugriff drauf hat, aber es ist einfach trotzdem, also es fällt halt noch ein Faktor weg.
Also wenn jemand aus irgendwelchen Gründen Zugriff auf mein E-Mail-Konto erlangt, dann kann er aber im Normalfall, wenn ich das schlau handhabe und so, wie man es machen soll,
das heißt, ich habe für jeden Anbieter ein eigenes Passwort, dann bräuchte er zusätzlich, müsste er auch noch irgendwie das Passwort geleakt haben.
Damit er dann in meinen Account reinkommt. Aber so braucht er wirklich nur die E-Mail-Adresse und Zugriff drauf.
Ich fand das... Also es ist auf jeden Fall aus Nutzersicht extrem angenehm.
Ja, gut, aber darum geht es ja bei Sicherheit nicht. Sicherheit ist ja nie angenehm. Das schafft ja immer zusätzliche Hürden.
Ich weiß nicht, wie der Mechanismus genau funktioniert. Ich sage nur, aus Nutzersicht fand ich das bei Medium extrem angenehm.
Also auch mal was anderes als immer, du musst jetzt hier E-Mail und Passwort eintragen.
Und ich glaube, man hat gar kein Passwort bei Medium. Ich glaube, das gibt es gar nicht.
Also entweder OAuth oder per Link dann per E-Mail.
Ja, und ich fand das per Link per E-Mail irgendwie cool.
Also ich... Und dann, soweit ich weiß, ist der Link verbraucht, sobald er einmal aufgerufen ist.
Und dann gilt...
Gut, das kann man hoffen auf jeden Fall. Das wäre krass, wenn der immer funktionieren würde.
So und solange im Browser bist du dann halt eingeloggt und irgendwann wirst du auch wieder ausgeloggt und dann musst du das nochmal neu machen.
Ich weiß aber nicht, ob das jetzt mit Aktivität dann verlängert wird.
So viel nutze ich Medium eingeloggt nicht, um das jetzt zu wissen.
Aber ich fand das irgendwie eine coole Alternative, ehrlich gesagt.
Ja, aus Nutzersicht, klar.
Aber es ist so, oh ja, hier E-Mail-Adresse, vielleicht ist das auch noch schon vorausgefüllt.
Irgendwie gut, das kann man natürlich mit Passwort auch machen.
Aber es kann gar kein Passwort leaken.
Der zweite Faktor, ja, weiß gar nicht, der zweite Faktor ist dann, dass du Zugriff aufs E-Mail-Konto hast quasi.
Ja gut, aber das, ja.
Ja.
Die ziehen sich da quasi aus diesem Nutzer-Accounting so ein bisschen raus, indem sie halt eigentlich gar keine Passwörter speichern, wenn ich das dann richtig weiß.
Sonst finde ich eigentlich, ja, die verlassen sich darauf, dass dein E-Mail-Konto sicher ist.
Da kann man jetzt drüber streiten.
Ich weiß nicht, wie Security-Experten das bewerten.
Ich finde es nett.
So.
Und ihr dürft das gerne in den Kommentaren zerreißen.
Okay.
Also er hat noch, nee, eben.
Christian hat noch ein paar andere Anregungen geschrieben.
Fingerabdruck, USB-Token, Private-Public-Key und so weiter.
Genau, also Zwei-Faktor-Authentifizierung haben wir gerade schon kurz angesprochen.
Also Zwei-Faktor-Authentifizierung ist natürlich nicht passwortlos, also das sind zwei Paar Schuhe, sondern es ist als erster Faktor das Passwort.
Und als zweiter Faktor dann eben auf dem Handy habe ich so eine Auth-App, mit der ich dann Code generiere, der dann auch nur für eine gewisse Sekundenzahl gültig ist.
Und den gebe ich dann zusätzlich als Faktor ein.
Das heißt, es reicht nicht, genau.
Das heißt, also Free-OTP ist so eine kostenlose App.
Es gibt aber auch Google Authenticator.
Es gibt bestimmt auch von Apple eine eigene Lösung.
Was gibt es noch?
Steam hat sowas im Endeffekt auch.
Eine eigene App, die diesen Code generiert.
Free-OTP ist halt eben die offene Variante davon, die ich auch tatsächlich schon implementiert habe.
Für ein eigenes internes Tool, das ich zusätzlich absichern wollte, da habe ich tatsächlich zum ersten Mal so einen Free-OTP genutzt.
Also den OTP-Mechanismus genutzt.
Da gibt es auch eine Library, die generiert einem dann QR-Code ganz komfortabel, den ich dann mit der App scanne.
Dann wird das zugeordnet über entsprechende Schlüssel.
Und dann muss ich halt beim Passwort, also ich kann auch speichern, dass es das nicht bei jedem Login macht, hier am Arbeitsrechner zum Beispiel.
Aber das war ganz cool, das einfach mal damit mal rum zu experimentieren, weil ich mir eben auch dachte, ja warum macht man das eigentlich nicht öfter?
Aber das ist relativ verbreitet schon.
Inzwischen, ja, ja.
Also das gibt es bei Twitter, das gibt es bei GitHub.
Genau, aber das sind halt auch wieder, das sind größere Plattformen, so bei kleineren Portalen.
Gut, es gibt ja kaum noch kleinere, die großen reißen ja alles an sich.
Kleine Portale.
Du meinst eine Tür.
Nee, weiß nicht.
Mir fällt jetzt nicht mal was ein, weil es einfach, also es gibt ja nur irgendwie so die Big Player und ...
Ja, du meinst jetzt zum Beispiel so einen speziellen Online-Shop, der ganz spezielle Sachen nur hat.
Ja, äh, äh, äh, äh, wwsev-Merchandise.
Wwsev-Merchandise.
Nee, ich weiß gar nicht, was ich da denke.
Gibt es eigentlich Punkt-Merchandise als Top-Level-Domain?
Sonst können wir uns registrieren, wwsev.merchandise.
Das war immer eine sehr lange Top-TLD.
Pff, na, ist doch egal.
Wo wir sind, ist vorne, Punkt-Show ist auch lang.
Ähm, ja, aber ...
Ja, aber ...
Wir sind, ist vorne.
Ähm, zu USB-Token.
Ist besser, ist besser, wenn du es einfach übergehst.
Da ist, äh, was?
Ist besser, ist besser, wenn du einfach weitergehst.
Ist okay, war nicht gut.
Ist okay.
Also USB-Token ist wahrscheinlich YubiKey gemeint oder sowas.
Ich muss grad mal gucken, hab ich ...
Genau, also solche Tokens, das kennt man zum Teil von Software-Lizensierung.
Also da sprechen wir dann über teurere und Spezial-Software.
Äh, jetzt nicht irgendwie ...
Ah, du hast sogar sowas hier.
Ich hab ein YubiKey, ja.
Ähm, Software-Lizensierung, da kennt man das so ein bisschen her.
Ähm, teure CAD-Anwendungen oder so.
Wo man dann wirklich den Lizenzschlüssel da drauf hat.
Der Vorteil ist, es ist portabel.
Ich kann den halt auch an den Arbeitsrechner mitnehmen oder so.
Der Nachteil ist halt natürlich, wenn ich den nicht dabei hab,
hab ich halt Pech.
Genau, also das sind normalerweise, ähm, so kleine USB-Stecker.
Die gehen auch, ähm, manche davon gehen auch, äh, per NFC,
sodass man so am Handy verwenden kann.
Ähm, ich weiß gar nicht, das hier, da, der hat irgendwie,
der, der sagt mir, ich hab ich noch nie so verwendet.
Also der hat jetzt das normale USB-A, äh, YubiKey,
also so ein ganz, ich, Konstantin, kannst du es mal.
Mir kannst du es zeigen, im Twitch-Stream könntest du es jetzt auch zeigen, ja.
Ganz, ganz flaches, äh, schwarzes USB-Dings.
Ähm, und dieser Key wird übertragen, glaube ich,
in dem Augenblick, wo ich reinstecke.
Nee, ich glaube, ich muss noch draufdrücken.
Ich muss noch draufdrücken.
Ähm, und der hat auch so ein Funkzeichen.
Das heißt, ich glaube, der geht auch per NFC.
Das hab ich allerdings noch nicht verwendet.
Also mit dem Handy könnte man das dann auch machen.
Die gibt's dann auch noch mit verschiedenen Steckern.
Das ist jetzt USB-A, gibt's auch mit USB-C oder, äh, Lightning.
Gibt's in allen Varianten.
Darauf, äh, können unterschiedlichste Keys gleichzeitig gespeichert werden,
in unterschiedlichen Formaten.
Ähm, da bin ich jetzt auch kein Experte drin.
Ähm, ein ehemaliger Kollege von mir, der war da ziemlich tief drin.
Wenn der seinen, äh, Schlüssel zu Hause vergessen,
oder sein, sein YubiKey zu Hause vergessen hatte,
dann ging da gar nix.
Äh, Rechner hochfahren, ja, und dann, äh, oh, scheiße,
ich muss noch mal nach Hause.
Ui.
Das ist nicht, das ist nicht oft passiert,
aber, ähm, ich erinnere mich, dass das was ich meine.
Ja, wenn das Ding halt weg ist, dann ...
Genau, ähm, deswegen empfiehlt, glaube ich,
äh, der YubiKey-Hersteller YubiKo auch,
dass man zwei davon hat, wo man die gleichen Daten drauf, äh, tut.
Und den einen, den, äh, soll man dann irgendwo in den Tresor legen
oder so, als Sicherheit.
Wenn du wirklich deine Daten damit verschlüsselst,
äh, verschlüsselst, beispielsweise.
Ja, klar, dann ist, äh, halt die Hütte am Brennen,
wenn das Ding kaputt ist.
Dann hast du ein großes Problem, wenn du den verlierst.
Oder fährst du im Auto drüber oder fällt dir in den Gully
oder, äh, wird nass, oder, ja.
Das finde ich in der Tat, ähm, eine ganz coole Sache,
wobei, wenn man das wirklich sicher hat,
ich kenne jetzt die ganzen verschiedenen Mechanismen nicht,
da gibt's, glaube ich, mehr oder weniger sichere,
aber wenn du jetzt, ähm, da einfach quasi so eine Art Passwort drauf hast,
ähm, es empfiehlt sich's aber trotzdem noch
so ein Salt hintendran, dass man quasi noch selbst von Hand dazu tippt,
dass nicht jemand, der einfach den YubiKey hat, äh,
sich irgendwo einloggen kann,
sondern dass quasi noch, du, du schreibst noch ein Wort hintendran
oder irgendwas.
Genau, irgendeine Pin oder so, ja.
Oder eine Pin oder sowas, ähm, dann ist das auch safe.
Aber wie gesagt, da gibt's sehr viele verschiedene,
ich hab mich, hab mal mit diesem Konfigurationsprogramm
davon rumgespielt, ähm, mit dem man,
mit dem man diese Keys da drauf spielt
und da gibt es sehr viele verschiedene, äh, Mechanismen und, und, und, äh,
Formate, die ich gar nicht alle kenne
oder weiß, wie sie genau funktionieren.
Ähm, wär tatsächlich mal interessant, sich damit zu beschäftigen,
aber, äh, war jetzt für mich noch nicht so wichtig bislang.
Aber ist auf jeden Fall eine coole Technologie
und ist echt ein schlankes Ding.
Das macht mal einen Schlüsselbund, dann hat man das immer dabei.
Gut, wenn man überfallen wird.
Naja, aber da hat man auch andere Probleme, glaube ich.
Äh, und dann hier noch, äh, Fingerabdruck, ähm, wurde auch gesagt.
Ja, genau.
Das fände ich auch besser, fände ich auch gut,
wenn das mal ein bisschen mehr sich verbreiten würde,
dass man Dinge mit dem Fingerabdruck, äh, entsperren kann.
Also Fingerabdruck ist halt so ein Ding, jetzt gerade am Handy, ja.
Mein, mein Handy ist natürlich übersät mit Fingerabdrücken.
Und wenn's jetzt wirklich um was Wichtiges geht,
ist so ein Fingerabdruck echt fix kopiert.
Also ich mein, das gab's früher in Yps-Heftchen und, äh,
und Mickey Mouse gab's das schon, ja, irgendwie so zum, zum, zum Abziehen
und dann, äh, mit so einem Wachs oder, oder so einem Gummi
und dann härten lassen und so.
Also, so ein Fingerabdruck ist, ist schon, also da find ich Retina-Scan, ja.
Also das Auge hast du mir nicht so leicht rausoperiert,
ohne dass ich's merke.
Ähm, mit dem Fingerabdruck ist das schon länger.
Ach du, da gibt's Filme, die das ganz eindrucksvoll, äh, demonstrieren,
was da so geht, ne?
Ja, aber, ähm, ja, wie gesagt, also Fingerabdruck, schön und gut,
aber wenn's jetzt wirklich um, um Sicherheit geht,
würd ich darauf nicht setzen wollen.
Also, auch ohne Absägen ist der recht schnell geklaut.
Ja.
So, warte mal jetzt, ich hab, ich, ich, ich, ich, ich,
ich probier grad rum.
Mal gucken, ob der, ob der ausgelesen werden kann.
Ah ja, Tatsache.
Also, ich hab, ich hab, ich hab NFC grad mal angeschaltet,
ich hab hier diese NFC-Tools-Android-App, äh, drauf,
die so alle möglichen, äh, NFC-Sachen, Tags auslesen kann.
Ähm, und wenn ich, ich muss, ich muss es an die NFC-Schnittstelle halten
und dann tatsächlich draufdrücken.
Also, ich hab jetzt hier, ich kann's nochmal zeigen.
Irgendwie so.
Dann vibriert's tatsächlich kurz.
Und dann sagt mir hier Seriennummer, äh, Speicherinformationen,
was für ein Typ, MyFair, Classic, irgendwas.
Ähm, ich kann da theoretisch, glaub ich, auch was draufschreiben jetzt.
Ich kann Dinge kopieren und so weiter.
Ähm, ja, ist, ist eine, ist eine nette Geschichte,
die ich bisher fast nie verwendet hab.
Was ich hingegen schon öfter mal verwendet habe,
ähm, sind Public und Private Keys,
gerade wenn's drum geht, irgendwie auf Server zuzugreifen.
Ähm, weil das ist dann echt sehr bequem,
wobei man dann auch wieder sagen kann,
na ja, wenn jetzt jemand, äh, Zugriff auf deinen Account am Rechner hat
und du hast, da liegt halt der Private Key rum,
na ja, gut, dann, ähm, kann halt der auf deinen Rechner arbeiten.
Kann er sich auch kopieren, ja.
Klar. Ähm, aber vielleicht, vielleicht erklären wir mal kurz,
was das bedeutet oder was das ist, so ganz,
da bin ich auch nicht tief drin,
aber ich kann's so, ich hab mittlerweile, glaub ich,
so auf einer, auf einer sehr oberflächlichen Ebene verstanden,
ähm, wie das funktioniert.
Das ist quasi ja irgendwie wie, äh, Schlüssel mit Schlüsselloch
und man legt auf den Server quasi das Schlüsselloch,
das sag ich jetzt mal so ganz, äh, ganz naiv
und nur man selbst behält den Schlüssel
und der Schlüssel ist in dem Fall, na ja,
ein Pfeil mit, äh, mit einem String drin,
wenn ich's richtig weiß,
also zumindest in meinem, in meinem Fall war das halt so,
äh, und wenn ich dann mich zum Beispiel per SSH
auf einem, äh, auf einem Serverversuch einzuloggen,
der eben meinen Private Key hat,
dann guckt der nach, äh, mein Public Key hat, falsch,
der Public Key wird auf den Server gelegt,
ähm, dann guckt der bei meinen Private Keys nach,
ob da irgendwas matcht
und wenn das matcht, dann kann ich mich direkt einloggen,
da muss ich gar keine, äh, gar kein Nutzer,
da muss ich gar kein Passwort mehr eingeben
oder irgendwas, bin sofort drauf.
Ist eine, eine nette Softwarelösung
und funktioniert eigentlich bei Servern.
Also bei GitHub kann man das zum Beispiel einrichten auch,
dass man über GitHub dann, dann direkt mit dem Key sich anmelde.
Das ist, glaube ich, inzwischen sogar,
also Passwort, ähm,
gestützter Login über die API
oder wenn ich über Command-Line gehe,
wird inzwischen, glaube ich, gar nicht mehr unterstützt,
sondern du musst entweder einen OAuth-Token haben
oder eben so einen SSH-Key.
Ja, und auch da, äh, bin ich auch der Meinung, ähm, sowas,
wenn sowas verbreiteter wäre, wäre das schon cool.
Wobei, wie gesagt, wenn du dich auf Servern einloggen willst,
ist das eigentlich Standard, da geht das, äh,
Und das ist, das ist halt das Problem, also
die Akzeptanz in der Breite
der Bevölkerung. Also wenn ich jetzt
irgendwie an meine Eltern denke, ja, die haben
manchmal schon einfach so Probleme, äh,
per E-Mail irgendwie was zu machen,
was ich dann übernehme.
Oder, oder die E-Mail kommt nicht an oder landet im Spam,
dann ist das schon ein größeres Problem, weil die da
einfach nicht dran denken, auch wenn du es dreimal sagst,
ähm, kann passieren, da denken die nicht dran.
Wenn ich denen jetzt komme mit, ja, wir machen
jetzt verschlüsselte E-Mail-Übertragungen und hier
ist mein Public-Key und da, äh, hier musst du
dann hier ein, also, das, das kannst du schon mal
vergessen, gerade bei der älteren Generation, die da einfach
nicht mehr so zugänglich ist dafür. Aber auch schon ich,
also ich würde mir auch schon dazu zählen, dass ich, äh,
so Sachen manchmal, da hab ich
dann gar keine Lust drauf, mich, mich, mich,
mit, mit auseinanderzusetzen. Und, äh,
deswegen glaube ich, also so in der, in der breiten
Masse oder auch einfach, ja, vielleicht gar
nicht mal nur Alter, sondern auch einfach die, die,
die Bereitschaft, sich mit technischen Dingen
irgendwie auseinanderzusetzen. Es sind halt einfach nicht alle
Nerds und es sind nicht alle für Technik offen
und, ähm, da, da haben
dann Leute überhaupt keine, keine Lust, sich da mit
auseinanderzusetzen. Deswegen glaube ich, dass so Sachen
sich, das wird, wird schon immer eine
Nische bleiben. Also, ja, so zwei Faktor
gedönst, da kommst du teilweise ja auch nicht drum rum,
also, äh, PayPal-Accounts zum Beispiel,
die wollen dann immer irgendwie eine SMS schicken
können zumindest, was ja auch ein zweiter
Faktor schon ist. Ähm, da ist dann
zum Beispiel das Problem, das hat ja meine, meine Mutter letztens,
ähm, oder hat das eigentlich immer,
dass diese Authentifizierungs-SMS
von PayPal bei ihr nicht ankommen
oder mit Stundenverzögerung.
Also, ich weiß nicht, woran das liegt, das muss eigentlich
am Mobilfunkanbieter liegen,
anders kann ich es mir nicht erklären, weil bei mir kommen
die immer schnell an, ähm,
und bei ihr funktioniert das nicht, ja, und das ist
schon, das, das schafft dann auch so eine Frustration,
wenn es halt dann nicht funktioniert, wie es soll,
dann ist so, ach, dann, dann mache ich es halt jetzt nicht per
PayPal, dann mache ich halt doch wieder eine Banküberweisung.
Also, das, das ist der Grund,
warum das sich halt so nicht verbreitet.
Ja.
Punkt.
Ähm, ja, also, was, würdest du sagen,
deine Eltern würden mit einem YubiKey klarkommen?
Nee.
Also, also, so, so, gar nicht mehr
so dieses, wenn du dich hier einloggen willst,
dann musst du den USB-Stick irgendwie
reinstecken, oder?
Also, vielleicht würde ich es ihnen näher gebracht bekommen,
wenn es halt irgendwie gar nicht anders geht,
aber, also, die sind schon mit dem...
Aber wäre das nicht einfacher, als, ähm,
du musst dir hier diese Credentials merken,
und, und, also, ich würde sagen, einfacher als, äh...
Also, einfacher als ein Tan-Generator bei der Bank
ist es wahrscheinlich schon, ja.
Äh, mit diesem hier, ich lade,
ich halte das, ich halte das Gerät ans Display
und so, diese Dinger kennt man ja vielleicht.
Boah, ja, geil.
Blink, blink, blink, und dann hast du es,
aber hab ich ja noch einen Millimeter nach links
und, oh, du musst das skalieren,
weil die Displayauflösung von deinem Display
nicht dem entspricht, was wir da erwarten.
Oh, ja, großartig.
Oh, je, ja.
Das ist so ein bisschen wie die Datasette über den Fernseher.
Ja.
Ja, also, ja, du hast recht,
es ist, äh, natürlich auch eine Gewohnheitssache,
und wenn du halt einfach sagst, so,
es geht aber nicht anders, ja,
schmeiß deinen Tan-Generator weg
und, und nimm so einen Key und steck den rein,
ähm,
aber dann, weißt du,
dann, dann, dann gießen sie das Blumenwasser drüber
und dann ist der Key weg und so, also...
Ja, aber soll nicht der, der, dieser, äh,
neue Personalausweis, also, ich weiß gar nicht,
so neu ist der ja auch jetzt schon gar nicht mehr,
hat der nicht auch diese, dieser Kärtchen-Personalausweis
so Funktionen?
Äh, wenn du das aktivierst, ja,
dann hat der einen, äh, NFC-Chip drin.
Und dann kann der, dann kann ich mich ja,
ich weiß gar nicht, was kann man damit machen,
weißt du das?
Ähm, naja, du, also,
das geht zum Beispiel an der Grenze schneller,
wenn die das dann einfach dranhalten und auslesen,
statt dass sie da irgendwie was eintippen müssen
oder abscannen oder so.
Also, ich glaube, oft halten die das dann unter wirklich
und unter so Scan-Dings, um einerseits die,
diese Sicherheitsmerkmale, dieses Leuchten und den Bundesadler
und was weiß ich, ähm, da zu erkennen
und dann wird das aber, glaube ich, auch inzwischen digital erfasst,
also, die, die müssen das nicht mehr jetzt wirklich
die Nummer händisch eingeben, ähm,
aber es geht halt noch schneller, du legst das Ding drauf
und du hast alles direkt auf deinem Bildschirm.
Und was man da sonst so, also, ich glaube,
du kannst dich halt dann auch authentifizieren
beim, beim Zigarettenautomaten oder so.
Ja, das freut sich schon immer.
An meinem, der Vape-Automat
meines Vertrauens
authentifiziert, der begrüßt mich dann mit Namen.
Könnte er.
Vielleicht.
Ich weiß nicht, ob der das auslesen kann
oder ob der nur die Information kriegt.
Weiß ich gar nicht, was genau da gespeichert ist.
Oder ob da nur die Ausweisnummer dran ist
und dann muss dann wieder das Programm,
das sich dann aus der Datenbank suchen.
Ich weiß das nicht genau.
Ich hab noch keine elektronischen Version.
Ich auch nicht, aber ich muss dann jetzt demnächst.
Ähm, also zumindest, also du hast so das Kärtchen schon, oder?
Ähm, ich müsste jetzt nachgucken,
ob der Geldbeutel gar nicht da ist.
Ja, hast du den großen oder den kleinen?
Ich bin mir echt gar nicht mehr sicher,
weil ich den so selten brauche.
Es ist nicht der ganz, es ist nicht der ganz kleine
im Checkkartenformat.
Es ist so ein, so ein, es ist kein uralter Lappen,
Ja, aber es ist, äh, ja, schon so laminiert.
Dann ist es noch der alte.
Meine ich zumindest.
Vielleicht verwechselt sich's aber auch gerade.
Ich weiß es nicht mehr.
Judy.
Ja, nächster Punkt.
Äh, was haben wir da?
Gänzlich unterschiedliche UI von Input, Type, Date, Time
und Select in allen Browsern.
Optik und Bedienung lässt sich ohne monströses JavaScript
quasi nicht vereinheitlichen.
Äh, also erst mal, Input, Type, Date, Time is deprecated.
Äh, nicht mehr nutzen.
Ich glaub das, ich weiß gar nicht, wo das überhaupt noch unterstützt wird.
Äh, es gibt dabei Input, Type, Date, Time minus Local.
Das gibt's noch.
Und, ähm, also zumindest in allen außer Firefox.
Oder ansonsten nutzt man halt ein, ein Input mit Type, Date
oder ein Input mit Type, Time.
Äh, das Problem ist jedenfalls das gleiche.
Äh, also die UI, die sieht halt wirklich in Firefox anders aus
als in Chrome und in Safari nochmal anders.
Und je nachdem, ob ich dann auf dem Desktop bin
oder auf dem, äh, Mobilgerät, sieht das auch nochmal anders aus.
Ähm, also das ist ein wichtiger Punkt,
das, da bin ich auch schon öfter mal dran gestoßen.
Und dass man dann irgendwelche, damals noch jQuery-Libraries
oder halt sonstige Libraries dann einsetzt
und das Ganze verkompliziert.
Ähm, aber wie könnte so eine Vereinheitlichung aussehen?
Also was ich mir so überlegt hab, ist Shadow DOM mit Default-Browser-Style-Sheets,
die ich dann überschreiben kann, zum Beispiel.
Wäre so eine Idee.
Aber ich hab's grad schon gesagt, unterschiedlich je Desktop oder, oder Mobile.
Das heißt, der Browser übernimmt, also nimmt halt schon Entscheidungen ab und sagt,
okay, auf einem Mobilgerät, ähm, Uhrzeitauswahl ist so ein Ding.
Äh, da hatte ich auch mal so eine Library, die das gemacht hat.
Die hatte dann halt auch auf dem Handy eine riesenlange Liste mit allen Minuten und mit allen Stunden drin.
Das heißt, du scrollst dich da ewig, ewig durch.
Und das, das native UI auf Android, äh, ich weiß nicht, wie's bei, bei iOS ist,
da hab ich quasi eine Analoguhr und kann da die Uhrzeit einfach, die Zeiger quasi verschieben.
Ähm, oder früher war das so, dass ich zumindest so ein, so ein Scroll-Ding hatte,
wie so, wie diese ganz alten Uhren, wo sowas, wo dieses rumgeklappt ist, ja,
wo so ne, wo, wo die Zahlen so auf Klappen standen und dann so rumgeklappt sind.
So war das, das sah das ein bisschen aus.
Da konnte man da so mit dem Daumen schnell durchscrollen.
Also da macht sich der Browser schon Gedanken.
Und dann ist wieder die Frage, wenn man das dann vom User wieder überschreiben lässt,
dann kocht da auch wieder jeder sein eigenes Süppchen.
Dann hab ich noch mehr Tovabo.
Ähm, und alle Browser-Hersteller wird man halt einfach nicht unter einen Hut bekommen.
Also, dass die sich einigen, wie das überall aussehen soll, das ist, glaube ich, auch utopisch.
Deswegen ist die Frage, was, ja, wie soll's denn laufen?
Naja, ähm, es wär ja schon mal so ein bisschen was, wär ja schon besser als gar nix.
Ähm, was meine ich dann?
Also gerade bei Select, also wenn wir mal von dem Date-Time kurz weggehen, Select ist für mich auch so ein Ding, da versteh ich nicht, dass das immer noch nicht stylbar ist.
Also alles andere, Radio-Buttons und so weiter, kann ich alles wunderschön stylen, aber Select sieht halt immer noch irgendwie halt einfach nach Select aus.
Also ich meine ja, ähm, wenn der Mobile-Browser sich nicht dran hält und stattdessen eine andere Ansicht anbietet, die auf Mobile besser funktioniert, okay, bei Select jetzt, ja.
Also wenn der jetzt so einen Durchscroller da macht, okay, geschenkt.
Aber der Desktop-Browser, da verstehe ich's wirklich tatsächlich nicht.
Und ich nehm' mir jetzt mal beide Beispiele, ähm, ich hab jetzt, ich hab jetzt grad zum Spaß mal, äh, eine Seite aufgemacht, von der ich weiß, dass sie, äh, Date, Input-Type Date hat.
Und ich hab's jetzt mal in Firefox aufgemacht und, äh, einmal in Chrome, beziehungsweise nein, nicht in Chrome, in Brave.
Ähm, und schau' mir an, wie das aussieht und ich muss sagen, also ist jetzt beides auf dem Mac, ähm, das, das, das Datum, äh, also die, die, der Date-Picker sozusagen, wo der aktuelle Monat angezeigt wird in dem Fall, ähm, sieht relativ ähnlich aus.
Es ist beides sehr hell und weiß gehalten, also gar nicht mal so schlimmes UI, wie das, glaub ich, früher mal war oder ich weiß nicht, in Opera, glaub ich.
Wir haben inzwischen auch den, den I-E nicht mehr, der hatte ja auch nochmal dann sein eigenes Ding.
Ähm, allerdings ist jetzt zum Beispiel in Firefox da so ein kleines X, mit dem ich das Datum wegmachen kann und, äh, in Brave nicht.
In Brave hast du da ein Kalender-Icon an der Stelle, das eigentlich gar nichts tut, außer, dass das einfach da ist.
Ähm, ich versteh halt nicht, ähm, dass man's nicht so auf so, auf so einem,
High-Leveligen, äh, äh, also, dass man so ein paar Sachen vielleicht anbieten könnte.
Zum Beispiel, dass man so, äh, Shadow DOM, ähm, Pseudo-Element anbietet, ähm, Selected Background oder sowas.
Oder Selected, ja?
Das, das, was ausgewählt ist, dass ich zumindest sagen kann, hey, ähm, der, also bei, bei Date, glaub ich, ähm, hast du üblicherweise in dem Datumsfeld selbst,
also in diesem Inputfeld selbst, ähm, kannst du verschiedene Bereiche markieren, also irgendwie das Jahr, ähm, Monat oder Tag, und die werden dann farblich hinterlegt.
Also das, damit würde ich anfangen, dass man das, äh, stylen kann.
Und dann natürlich auch, was innerhalb des Date-Pickers passiert, dass ich zumindest so eine Kontrastfarbe festlegen kann, ja?
Dass ich sagen kann, das, was da ausgewählt ist und diese Hover-Farbe, die passe ich jetzt an mein Layout an.
Und dann könnte man ja noch weitergehen, dann könnte man sagen, okay, was, was jetzt noch?
Hätte ich vielleicht Dark Mode, Light Mode?
Mhm.
Also ich darauf Einfluss nehmen kann, ob das Ding hell oder dunkel ist.
Und natürlich könnte man dann noch sagen, okay, äh, dann kann ich auch irgendwie die Textfarbe noch nehmen, die Standardtextfarbe und die Hintergrundfarbe.
Ich muss ja gar nicht das ganze Ding umstylen, also im Sinne von, ich will jetzt umschiften und ich, äh, will jetzt, aber so die einzelnen Sachen, dass man die Farben wenigstens festlegen kann, das erschließt sich mir nicht so richtig.
Wobei, es wird ja dann unter Umständen noch komplizierter.
Ähm, je nachdem, ähm, also ich habe jetzt hier, wie gesagt, so ein Datum, ähm, ich klicke da rein und dann sehe ich erstmal so einen Date-Picker, da sehe ich den aktuellen Monat, den ich jetzt auf einen Monat geklickt habe.
So, kann man, was passiert, wenn ich auf Ja klicke? Ich glaube, man sieht immer den aktuellen Monat.
Wie ich es groß mache, ja, ist egal, was ich auswähle.
So, jetzt wird es aber allerdings unter Umständen komplizierter, weil wenn ich jetzt auf den Monat klicke, ähm, dann lande ich in so einer Monatsauswahl, wo aber ich auch so eine Übersicht mit Jahren sehe.
Da wird das Interface dann schon relativ kompliziert, sage ich mal, ja, und das Ding hat auch noch einen Scrollbalken, also ist jetzt in Brave gerade.
Scrollbalken, ich kann durch die Jahre scrollen, da kann ich auch ganz schnell zu 1955 zurückgehen, ähm, und kann die einzelnen Jahre aufbauen.
aufklicken, das ist so eine Art Akkordeon, da sind dann innerhalb die Monate, dann klicke ich da auf einen Monat, bin jetzt im Februar 84 gelandet gerade und dann bin ich wieder in dieser Datumsansicht.
Ja, da wird es dann komplex, was, was davon lässt man denn alles stylen? Aber kann man sich da nicht einigen als Browser-Hersteller, wie das jetzt zu sein hat?
Ach, ich meine, das ist ja schon besser als das noch vor zehn Jahren war, wir sind ja schon an einem guten Punkt.
In Firefox ist es ähnlich, aber anders natürlich. In Brave habe ich zum Beispiel in dieser Monatsansicht Pfeile, die nach oben und unten zeigen und die springen dann jeweils zum nächsten Monat oder zum vorherigen.
In Firefox habe ich diese Pfeile auch, aber sie gehen nach links und rechts. Da fängt es schon an. Und dass ich dann in diese Jahres- und Monatsübersicht komme, das gibt es in Firefox auch, aber es sieht halt komplett anders aus.
Das ergibt für mich keinen Sinn. Könnte man doch einfach mal, wieso standardisiert man das nicht?
Also, dass wirklich der Standard, der W3C-Standard für diese Input-Felder vorgibt, wie die Aufteilung auszusehen hat?
Ja, zumindest für Desktop.
Das im Sinne wirklich von standardisieren? Oder meinst du, dass die untereinander sich halt irgendwie zumindest mal absprechen? Aber ich glaube, das wird nicht passieren, wenn es nicht im Standard steht.
Ja, das glaube ich auch. Und der Standard ist ja oft relativ lax bei solchen Sachen. Der sagt halt, ja, da ist jetzt halt irgendwie ein Dings-
Should have und nicht must have.
Ja, genau. So, warte mal. Jetzt gucke ich mal noch zum Spaß auf Mobile. Weil ich finde, es ist absolut gerechtfertigt, dass auf Mobile solche Sachen anders funktionieren als auf Desktop.
Ja, absolut. Es ist ja gar nicht schlecht, dass der Browser einem diese Entscheidung teilweise abnimmt. Aber so ein bisschen Beeinflussungsmöglichkeit wäre halt schön.
Und deswegen ist es natürlich schwierig, zu entscheiden, was möchte man eigentlich haben. Aber, warte mal, ich gucke jetzt das Beispiel nochmal an hier. So, wo haben wir es? Wieso wir isoliert es so lang? Das geht die Seite einfach nur nicht.
Ich mache mal zum Überbrücken noch einen kleinen Exkurs, weil ich das gerade erst letztens hatte bei dieser Plugin-Geschichte, wo man eben auch das Datum eingibt.
Wenn ich so ein Date-Input habe und ich mir da einfach das Value rausgebe, also Date-Input, wie auch immer es benannt ist in der Variable, Punkt Value, dann kriege ich das im ISO-Format zurück.
Das heißt, vierstellige Jahreszahl, zweistelliger Monat, zweistelliges Datum. Ja.
Ich erzähle mal kurz noch weiter.
Und dann müsste ich das jetzt wieder irgendwie parsen, irgendwie splitten mit Minus. Ich kann aber mit Value-as-Date, also Date-Input, Punkt Value-as-Date, in CamelCase, kriege ich ein Date-Objekt zurück.
Und mit dem kann ich dann schön weiterarbeiten in Form von der Internationalization-API.
Da hatten wir es auch schon mal drüber. Oh, ob ich da jetzt auf die Schnelle... Warte mal, wir haben ja eine... Du hast ja eine Suchfunktion. Du hast ja ein Icon eingebaut. Das hast du mir ja gar nicht gesagt.
Ja, das ist nur für uns. Das ist nur für uns.
Ach, das ist nur im Admin-Bereich? Okay. Also es gibt demnächst auch eine Suche auf unserer Seite, weil wir jetzt doch eine beträchtliche Anzahl an Folgen hinter uns haben.
Jetzt gebe ich hier mal ein...
Ah, Intel. Oh, sogar mehrere. Folge 4, Folge 6, Folge 19. Also wir hatten es schon mal über die Internationalization-API.
Und ich hatte damals schon Probleme, es auszusprechen. Genau, jedenfalls kann ich damit dann schön das Datum formatieren, wie ich es eben brauche für Deutsch, für Englisch und so weiter.
Das wollte ich jetzt nur kurz einschieben, weil es jetzt gerade so zum Date gepasst hat und weil ich das gerade letztens erst hatte.
Ja, ich habe jetzt gerade mir Date nochmal angeschaut auf Mobile, in dem Fall auch Brave auf Mobile.
Und da legt sich über die Seite, beziehungsweise über den ganzen Browser, nicht nur über die Seite selbst, sondern auch über die Adresszeile, ein Overlay.
Und in dem Fall sieht es tatsächlich relativ ähnlich aus wie auf dem Desktop. Ich zeige es dir nochmal kurz, Konstantin.
Also es ist tatsächlich auch so ein...
So ein Kalender, wie man es sich halt vorstellt.
Das, das, ich, das, ähm, schaut jetzt aber sogar auch, es erscheint jetzt im Dark-Mode bei mir.
Okay.
Auf dem Handy, komischerweise.
Auf dem Desktop-Browser nicht.
Da, äh, habe ich, trotz, dass ich eigentlich immer da überall Dark-Mode eingestellt habe, ist es trotzdem weiß.
Ähm, wahrscheinlich, weil das irgendwie versucht zu erraten.
Es ist tatsächlich eine weiße Seite, die drumherum ist.
Es könnte sein, dass es versucht zu erraten, in welchem Kontext es läuft, aber da würde ich mich jetzt nicht festlegen.
Ich habe es jetzt nicht versucht, irgendwie da was zu ändern und zu gucken, ob das dann auch anders aussieht.
Aber so generell, ähm, dass man so ein paar, so, so, so wie, so wie das ja bei, bei, bei diversen Input-Feldern auch geht, dass man zumindest so ein paar Sachen anbietet, die man dann stylen kann, das wäre doch irgendwie schon nett.
Und wenn das in, in, in, irgendwie ein Mobile-Browser ist, der ein spezielles Interface anbietet, aus welchen Gründen auch immer, dann soll der es halt ignorieren.
In Gottes Namen.
Aber so ein bisschen was wäre irgendwie schon gut.
Was, worauf es natürlich hinausläuft, ist, jeder baut irgendwie seine eigenen Widgets, wenn er es, äh, wenn er es selbst stylen will.
Und, ähm, die sind dann halt mehr oder weniger gut benutzbar.
Und der User, weil er es gerne einheitlich haben möchte, der baut sich dann halt das Süppchen auch nochmal mit irgendeiner Library drumherum und überschreibt die ganze Schose.
So, ich versuche gerade, ah, ich habe gerade versucht, das Date, äh, Input-Date mit, mit der Tastatur zu verwenden und überhaupt erstmal dieses, diesen Picker aufzumachen.
Und es geht tatsächlich, das ist mit der Leertaste.
Und jetzt versuche ich da drin rumzunavigieren.
Und jetzt bin ich auch schon lost, weil jetzt würde ich gerne das Datum, ah, doch, es geht, ich kann rumzunavigieren.
Also, das hätte mich jetzt gewundert, weil das ist nämlich auch noch so ein Punkt, also, wenn wir es wieder davon haben von, von irgendwelchen Libraries,
ob die dann wieder an Accessibility denken und dann auch alles mit der Tastatur da drin funktioniert.
Aber beim, beim Browser intern, beim nativen Overlay, hätte es mich jetzt gewundert, wenn das nicht von Natur aus Accessibility wäre.
Ja, muss, muss. Das hätte ich, das hätte, das hätte mich auch gewundert. Ich habe es nur noch nie gemacht, bis gerade eben.
Äh, und ich habe es jetzt mal ausprobiert und es geht, äh, mehr oder minder, ja, doch, es geht irgendwie schon.
Ich kann mit den Pfeiltasten hier rumnavigieren. Ähm, allerdings habe ich jetzt nicht Screenreader getestet.
Ich weiß jetzt nicht, inwiefern, ähm, das Screenreader-kompatibel ist, aber ich gehe jetzt einfach mal davon aus, dass das, äh, dass das vorgelesen werden würde,
weil, äh, sonst, sonst könnte man sich das Ding einfach auch komplett schenken.
Genau, mit Escape komme ich auch raus, ja, so, so wie es sein soll. Ähm, ja, aber warum kann ich nicht ein paar Farben anpassen?
Warum? Also, ich meine, man kann Scrollbars mittlerweile anpassen.
Wie wir eindrucksvoll gesehen haben, ja.
Wie wir, wie wir gelernt haben. Ähm, also, wenn man sowas, also, da würde ich eher noch sagen, Scrollbars, lass die Finger weg von Scrollbars, äh, Scrollbars muss keiner stylen.
Ja. Ähm, aber ...
Ja, da ist die Priorität tatsächlich irgendwie eine falsche gewesen, ja.
Also, wenn, dann soll man wenigstens, wenn dann bitte konsequent sein, dann gar keine Input-Stylen, dann sind die immer System und dann kann ich damit auch irgendwie leben.
Gut, das war ja auch mal, ne? Also, bevor man da irgendwelche Hacks mit Before und After hatte, waren Radio-Buttons halt immer die System-Radio-Buttons.
Ja, dass das irgendwie so halb ist, alles überall. Und, äh, Select, können wir auch noch kurz drüber sprechen. Bei Select gibt's ja so ein paar Methoden, wie man's ein bisschen, äh, schöner machen kann.
Also, man kann Hintergrundfarben angeben zum Beispiel, auch je einzelne Option. Aber es sieht halt so insgesamt halt dann trotzdem aus wie ein natives System-Element, das halt irgendwie Hintergrundfarben hat.
Ja, und es wirkt halt, also mittlerweile gibt's ja, auch wenn's keine, keine, ähm, leider gibt's auch keine native Styling-Möglichkeit für, äh, für Radio-Button oder Checkbox.
Aber da gibt's ja einen schönen Workaround, der eigentlich ein, eigentlich ein fieser Hack ist, indem man nämlich einfach das Label des Elements stylt, ähm, und dann auf den, auf den State reagiert.
Und das kann man auch komplett mit CSS machen. Äh, aber trotzdem, äh, das ist eigentlich auch nicht, wie man's haben will.
Das stellt zwar sicher, dass man eine Checkbox und Radio-Button so anzeigen kann, wie man möchte, kann man, kann man alles machen mit, äh, grafisch.
Aber man muss dann im Prinzip das, man kann's nicht mit dem nativen Element machen.
Oder es gibt so ein paar CSS-Sachen, die in manchen Browsern irgendwie funktionieren.
Ich glaub irgendwie so den, boah, da konnte man irgendwo mal anpassen von so einer Checkbox und so, aber auch nicht überall.
Ich weiß, dass es im IE mal ging, äh, aber damit, damit müssen wir uns zum Glück nicht mehr rumschlagen.
Ja, also, äh, auch hier wieder, äh, Appell, Browser-Hersteller, bitte, bitte sprecht euch mal ab.
Also, grad Select, großer Pain-Point, hatten wir es auch schon mal drüber, ähm, in unserer, äh, CSS-Wünsch-dir-was-Folge, glaub ich, in einer der beiden.
Haben wir auch über Select, also über Input-Felder gesprochen. Und Date natürlich auch.
Ähm, aber ich glaube, es, eigentlich betrifft's alles.
Alle Input-Felder bis auf Text, Input und Text-Area, mit denen komm ich eigentlich ganz gut klar.
Und Buttons lassen sich ja auch gut sein.
Buttons, ja, Buttons auch.
Aber sobald es, äh, nicht nur Freitext ist oder irgendwas, wo ich drauf, nur drauf drücke, ähm, sondern da ein bisschen mehr drin passiert, da ist Kraut und Rüben immer noch leider.
Ja, wir müssen einfach, äh, wir müssen entweder zu den Standards-Machern gehen oder zu Browser-Herstellern.
Oder mal einen Pull-Request stellen auf Chromium.
Ja, viel Spaß.
Ja, mit was ist das eigentlich geschrieben?
Bestimmt mit JARP.
C.
C?
Glaub ich.
Echt?
Ja.
Chromium.
Also ich hab da mal, ähm, im, im Zuge von, was war das denn?
Ja, das war genau diese, auch so eine Streaming-Lösung.
Ähm, C++, ja.
Da hab ich sogar mal tatsächlich ein bisschen was in dem Code gemacht, aber das, also das war, ähm, also NWJS, mit dem ich ja auch dieses Tool baue, ähm, das basiert ja auf Chromium, nur halt mit ein paar Anpassungen, damit Sachen eben nicht gesandboxed werden und so.
Und, äh, da hab ich dann tatsächlich mal den, äh, Chromium-Code mir angeschaut und dann die Stelle auch gefunden, in der es, an der es lag, warum was nicht ging und konnte das dann zumindest sagen, aber ich könnte da nie im Leben dran entwickeln.
Ja, das ist, das frickelt mal einfach mal fies rein, so wie das ja immer gemacht wird.
Klar, und dann, und dann reg ich mich im Podcast drüber auf, dass mein Pull-Request nicht akzeptiert wurde.
So macht man das doch, oder?
Genau.
Leute, die keinen Podcast haben, sind dann halt, äh, die gucken in die Röhre, weil die können sich da nicht, die müssen dann, die müssen dann schlimme Tweets schreiben.
Okay, gut, so, ich glaub, ähm, Input-Felder können wir, können wir abhaken, oder hast du noch was?
Genau, nee, bin ich jetzt auch durch.
Äh, äh, der nächste Punkt, Nutzung von antiken Grafikformaten wie JPEG, PNG und GIF statt AWIF und WEPP.
Ähm, ich glaube, zu Grafikformaten könnte man tatsächlich mal eine komplett eigene Sendung machen.
Ich glaub, da gibt's viel drüber zu erzählen.
Wir haben ja schon mal so einen kleinen Abriss gemacht, äh, in unserer, was war das, Folge 21, glaub ich, hier, Technikoffenbarungen.
Da haben wir so die Geschichte von, von Raster zu, äh, zu, zu, zu SVG, äh, zu Vektorgrafiken so ein bisschen beleuchtet.
Ähm, aber so zu den Formaten könnte man wirklich noch einiges, auch wie die Komprimierung funktioniert und so weiter, äh, könnte man da besprechen.
Aber schauen wir uns mal an, warum entwickeln sich eigentlich Grafikformate so langsam?
Hast du eine, eine Ahnung?
Also, ich hab nur ein Gefühl dazu.
Ich glaube, Gewohnheit.
Ich glaube, es ist einfach Gewohnheit und wahrscheinlich auch noch Defaults von irgendwelchen Grafikprogrammen, die irgendwas exportieren in bestimmten Formaten.
Ähm, wobei ich jetzt bei AWIF sagen muss, das hab ich mir ja auch mal irgendwie ganz, äh, ganz, äh, oberflächlich angeschaut, weil das jetzt noch relativ neu ist.
Ähm, das hat das Problem, dass es eben einfach noch nicht in vielen Browsern funktioniert.
Ja, richtig.
Ähm, das, das ist natürlich ein No-Go.
Man könnte jetzt natürlich sagen, äh, ich baue das irgendwie trotzdem ein und wenn der Browser das kann, dann, dann nimmt das und dann ist das irgendwie alles fein.
Aber ich weiß nicht, ob ich mich um sowas kümmern will, ehrlich gesagt.
Also, wenn ich jetzt ein CDN hätte, manche CDNs machen ja sowas, wenn ich jetzt ein CDN hätte, das irgendwie, ähm, äh, erkennt, welcher Browser da drauf zugreift und dann das entsprechende Bild liefert, dann ist das cool, da muss ich mich nicht drum kümmern.
Also, äh, ich erinnere mich, dass, ähm, Akamai sowas mal gemacht hat, so in, in der Richtung.
Ich weiß jetzt nicht, ob die AWIF unterstützen schon, aber, ähm, die haben auch schon.
Also, ich hab bei den Recherchen auch einen anderen Anbieter gefunden, ich weiß nicht mehr, wie der hieß, irgendwas Cloud, was weiß ich, wo es genau darum ging.
Die machen das, also, ähm, JPEG 2000, da sprechen wir auch gleich noch drüber, JPEG 2000 für Safari, weil der das als einziger unterstützt, ähm, und halt AWIF, wo es unterstützt wird, genau.
Ich frage mich ja gar nicht.
Da sollen wir gleich, sollen wir gleich über JPEG 2000 reden.
Ähm, JPEG 2000 war ja so, das wurde so, also, das ist das Nachfolger, äh, Dings von, von JPEG, ja.
Also, JPEG ist von 1992 und JPEG 2000 ist die, die Weiterentwicklung von dem ursprünglichen JPEG-Standard, aber nicht rückwärtskompatibel, ähm, und das wurde, glaube ich, 2004.
veröffentlicht.
Und dann hieß es so, ja, das, das, das kommt jetzt und das wird das ersetzen und so und irgendwie passiert ist nix, weil im Web ist das überhaupt nicht angekommen.
Also, interessanterweise, außer Safari.
Ich schimpf ja gerne über Safari und sag, äh, hier in der neue IE und nichts, nichts, äh, adoptieren sie irgendwie schnell genug, aber JPEG 2000 kann Safari, aber als einziger, ja.
Ähm, ja, ich weiß auch nicht, also irgendwie hat das, hat das den Sprung ins Web nie geschafft, weil, glaube ich, also ich weiß nicht, was da die Ratio ist, ähm, in der Komprimierung, wie um wie viel Prozent das nochmal kleiner ist als JPEG, aber was ich so an Beispielbildern gesehen hab, äh, von den, von den Artefakten her und so.
Und arg viel gibt sich das, glaube ich, nicht. Ich meine, 2004 ist jetzt auch schon wieder, äh, entsprechend lange her.
Ähm, aber es war einfach nicht so der Sprung, glaube ich, dass sich das dementsprechend weiterentwickelt hätte und dann wurde es halt auch nicht adoptiert.
Ich seh hier grad noch, äh, bei Can I Use JPEG XL.
Ja, genau, das gab's auch noch. Ja, das konnte, glaube ich, IE tatsächlich.
Das kann, also laut Can I Use kein einziger.
Nee, ah nee, das war JPEG, JPEG XR gab's nämlich noch irgendwie.
XR? Ja, das hab ich hier auch.
Das konnte, das konnte, das konnte der IE dann, glaube ich.
Das konnte der IE in Version 9, 10, 11 und der Edge von 12 bis 18.
Naja.
Und ansonsten aber gar keiner.
Ähm, was, was ich interessant fand, ähm, es gibt auch Motion JPEG 2000, also einen Bewegtbild, äh, Standard, basierend auf dem gleichen Algorithmus.
Und der, der wurde sogar als der Standard für, äh, Digital Cinema festgelegt.
Also in, in diesen, in so, die ja eben als, als Kinos angefangen haben von analog auf digital umzustellen, dann wurde das wohl der Standard.
Aber so außerhalb davon hat man, hat sich das, glaube ich, nicht so etabliert.
Ja, ähm, ja, dann, dann können wir mal, also bei WebP sieht das Ganze schon ein bisschen anders aus.
Mhm.
Äh, ist ja auch ein Bildformat und das ist schon eine Weile.
Und ich war aber eigentlich überzeugt, dass WebP mittlerweile überall geht, also überall, in Anführungsstrichen, mit Trademark, ja, ähm, aber so in den Großen, in den Großen, in den Großen.
Aber Safari gibt es an der Stelle, ja.
Also ich meine WTF, ja, also was, was, was macht Safari da immer?
Also im, es ist, guck, jetzt sagen wir ja fast was Falsches, ja, wir tun die mehr unter, im Technology Preview ist es jetzt ja schon, aber auch dann nur OS-abhängig.
Also du brauchst dann irgendwie mindestens, äh, OS X, äh, 11 irgendwie, keine Ahnung, äh, und dann funktioniert es im Technology Preview.
Also ganz ehrlich, wie alt ist denn WebP mittlerweile?
Ja, aber ich glaube, das liegt daran, wie Safari halt, äh, mit dem System verknüpft ist.
Ähm, ich glaube Safari, also soweit ich's weiß, ist Safari, das ist so im, äh, im Betriebssystem fest mit drin.
Sowohl unter iOS als auch unter macOS.
Das heißt, der greift halt dann auf den Image-Decoder vom System zurück und der ist halt erst ab, äh, was wir helfen.
Ja, das weiß ich nicht, das weiß ich nicht, ich weiß nur, dass der Browser, äh, soweit ich weiß, so ein bisschen am System mit dranhängt.
Ich weiß gar nicht, ob der, ob der, äh, unabhängig geupdatet werden kann.
Also auf iOS, nicht, dass ich wüsste, du brauchst ein neues, ein iOS-Update, wenn du ein Browser-Update willst.
Ja, ist ja, ist ganz klar, also irgendeinen Grund wird's geben, ja, es ist ja, die hängen ja nicht absichtlich hinterher, es wird einen Grund geben.
Ja, aber das ändert ja nichts an der Tatsache, also irgendwie alle können das, ähm.
Wenn ihr das ändern wollt, schreibt Jen Simmons auf Twitter, die arbeitet an Safari.
Genau, nervt dich mal ein bisschen, die freut sich bestimmt.
Nein, die arbeitet leider, leider an den Dev-Tools, äh, also wenn ihr was zu Dev-Tools in Safari wissen wollt, könnt ihr Jen Simmons fragen.
Behaupte ich jetzt einfach mal, ich weiß nicht, ob sie antwortet, aber fragen könnt ihr sie auf jeden Fall.
Also ich sag mal so, Chrome kann das seit Version 9, ja, das war 2011.
Das ist jetzt nichts, wir sprechen jetzt nicht davon so, ah, das gibt's jetzt halt erst zwei, drei Jahre und Safari und die waren sich noch nicht sicher, ob sich das so rentiert, ob sich das lohnt.
Du bist bei WebP?
WebP-Image-Format.
Chrome 9.
Ich sehe hier ab Version 32.
Achso, Partial Support, ähm, nicht lossless, kein Alpha und nicht animiert, ja, aber so grundsätzliche WebP-Unterstützung.
2011, also das ist jetzt, das ist ja auch, glaube ich, das ist jetzt zehn Jahre her und, ähm, wirklich, ja, weiß ich, ja, doch, von, von, von, von Google, ja.
Die haben es auf jeden Fall früh schon, ähm, äh, forciert und ich würde jetzt mal tippen, äh, das weiß ich jetzt natürlich, ja.
Also gut, Firefox tatsächlich, das überrascht mich jetzt auch, Firefox tatsächlich erst seit Januar 2019, also Release 65, jetzt auch nicht so lang her, ja, aber trotzdem, also beim Safari geht alles immer so lang.
Und es ist mir auch ganz egal, ob das an irgendwelchen Systemdingern liegt oder so, aber es ist immer so, ich sag ja, es ist der neue EE, du musst immer gucken, hm, ja, schön und gut, alle können das jetzt mit dem nächsten Release, aber kannst denn der Safari?
Weil da halt auch die Release-Zyklen halt immer so lang sind. Was auch wieder darin liegt, dass es halt dann irgendwie gekoppelt ist an, an, an ihre, äh, Mobiltelefon-Updates und sowas, die schickt man halt auch nicht irgendwie zweimal die Woche raus, ist mir auch klar.
Aber das interessiert mich ja als Entwickler nicht und das interessiert mich als End-User nicht. Verstehst du?
Ja, also ich meine, aber deswegen, deswegen ist ja Google auch, ähm, glaube ich, am, am Pushen, äh, dass ihr Browser the one and only wird, dann können sie nämlich machen, was sie wollen.
Dann können sie ein neues Bildformat ausrollen und es einfach auf ihren Systemen verwenden und das machen die, glaube ich, auch oft so, äh, dass sie, dass sie die neuen Technologien, wenn es ihr eigener Browser ist, äh, dann einfach schon einsetzen.
Also ich erinnere mich noch, dass zum Beispiel sowas wie HTTP 2 schon extrem früh ging in Chrome, wenn du halt irgendwie YouTube oder Google direkt verwendet hast, ähm, wo alle anderen noch irgendwie, äh, überlegt haben, wie sie das jetzt mal langsam implementieren.
Also die, die schaffen da irgendwie schon immer Tatsachen dann.
Ja, ähm, ich weiß gar nicht, wie ist denn der Vorteil von WebP? Ist das wirklich, äh, hast du dir das mal genauer angeguckt?
Ähm, ja, also wir nutzen das auch tatsächlich auf unserer Seite. Ähm, es ist, ich, teilweise war ich ein bisschen enttäuscht.
Weil es dann doch irgendwie Artefakte zeigt, ähm, und weil irgendwie so der, der große Geschwindigkeitsvorteil beziehungsweise Größenvorteil dann doch nicht gegeben war.
Also ich hab, äh, hab da so ein Build-Script, das mir dann entsprechend die Dateien nochmal optimiert, alle PNGs, JPEGs und so weiter minifiziert, auch eine WebP-Version, ähm, erstellt.
Und gleich dann aber nochmal ab, ist denn die WebP-Version tatsächlich kleiner als die PNG-Version.
Es kommt dann nicht immer nur auf die Größe an, sondern, also ich hab dann so ein bisschen Puffer drin.
Also mir ist es ja egal, wenn da irgendwie nochmal 5kb draufkommt für das WebP, aber dafür dann optisch der Unterschied deutlich ist, ja, im Vergleich jetzt zum JPEG.
Dass ich halt sag, okay, beim JPEG hab ich da schon Artefakte und da ist irgendwie, wenn ich dann irgendwie so einen Radialverlauf oder sowas drauf hätte, wo man die Stufen sieht, so Treppchenbildung.
Und dass das beim WebP nicht ist, das ist mir, also 10, 20, 30, 50 und vielleicht auch 100kb wert, aber es ist halt oft irgendwie nicht so viel besser, dass mir das dann das wert wäre.
Und da war ich ein bisschen enttäuscht, muss ich sagen.
Tja, dann wissen wir ja, warum es nicht so verbreitet ist.
Ich muss, ich muss was Neues lernen.
Ähm, es geht nicht in allen Browseln.
Neu lernen musst du ja eigentlich nichts groß.
Also das macht ja, dass du es erstellst, machst du ja automatisiert in der Regel.
Tja, das macht nicht jeder automatisiert.
Das machen wir auf unserer Podcasts, sage ich nicht.
Ja, gut.
Da ist alles, da ist alles handgeklöbelt.
Genau, und mit dem Mund trocken geföhnt.
Mindestens das.
Gut, ja, hast du noch was zu WebP?
Nee, ich, ich, ähm, ich versuche gerade so in mir selbst zu forschen, warum ich jetzt WebP noch nie eingesetzt habe.
Weil hab ich tatsächlich noch nicht.
Ähm, und es ist, äh, so, es wurde zwar immer wieder angepriesen, ja, das ist doch irgendwie besser.
Aber wahrscheinlich war es nicht so viel besser, dass, dass, dass es No-Brainer ist.
Okay, wir müssen sofort alles umstellen auf WebP, weil das ist so viel, die Bilder sind nur noch ein Viertel so groß oder ein Zehntel oder irgendwie sowas.
Das ist es halt nicht, ja.
Und die sehen genauso aus.
Und da, weil, wenn das, wenn, wenn das der Fall wäre, dann würden alle, da würde keiner drüber nachdenken.
Geil.
Sofort.
Äh, alles umstellen.
Und das Ding ist halt, weil es halt nicht überall geht, kommst du nicht drum rum, das irgendwie zu automatisieren.
Sprich, du legst beide Versionen ab und der Browser oder den User Agent oder wie auch immer der Server steuert das schon anders aus oder eben der CDN.
Also irgendwas muss passieren, weil du kannst nicht einfach sagen, naja, wenn meine Bilder halt alle in Safari nicht angezeigt werden, komm, Safari nutzt ja eh keiner.
Also das geht halt einfach nicht, ja.
Und, und, ähm, jetzt, das Nächste ist, ähm, welche Programme können denn WebP abspeichern?
Welche Grafikprogramme?
Und wenn das nicht in Photoshop und über, weiß ich nicht, ich weiß es ehrlich gesagt nicht, aber wenn das nicht einfach in diesem Grafikprogramm...
Also wenn das Stream gleich weg ist, ich mach grad mal Photoshop auf, vielleicht kackt jetzt irgendwie gleich mein Speicher und so ab.
Ja, guck mal, ob du das hier abspeichern kannst.
Also ich, äh, ich weiß es ehrlich gesagt nicht, äh, ich könnte mal...
Könntest du es auch googeln, das geht wahrscheinlich schneller, als man Photoshop startet.
Ja, mach doch mal.
Wir müssen auch wieder spannende Musik...
Äh...
So, ist schon so halb offen.
Getsch, Export scheint zu gehen.
Also es gibt doch bestimmt so ein Plugin dafür, wenn es nicht nativ geht.
Ja, also, ah, warte mal, Import.
Das ist Import.
Also, mach mal hier mal...
Also, machen wir hier mal...
Export...
File, Save As.
Und dann...
Äh...
Ne, kein WebP.
Ah ja, genau.
Also Sketch kann WebP exportieren.
Export.
Ja.
Ne, also Photoshop kann es anscheinend nicht.
Ja, so, und da sind wir schon an einer Problemwurzel mitunter.
unter...
Wenn das nicht entstanden hat, äh, also das würde ich erwarten, dass es in Photoshop drin ist.
Und wenn es das denn öffnen...
öffnen...
WBM...
WBMP...
Ne.
Also öffnen geht auch nicht.
Also gut, klar, Photoshop unterstützt nicht.
Das ist schon mal K.O.-Kriterium für viele.
Und dieses AWEV...
Genau, da wollte ich gerade sagen, können wir nämlich mal als Gegenbeispiel AWEV nehmen,
weil da ging das nämlich recht schnell.
Jetzt mal abgesehen vom Browser, können wir gleich auch noch gucken, wie da die Verbreitung ist.
Aber, ähm, das wird nämlich vorangetrieben von Netflix, habe ich jetzt gelernt.
Und die haben das veröffentlicht, äh, im Dezember 2018 gab es da erste Beispielbilder von Netflix.
Und auch schon Direkt-Support in VLC-Player.
Also die sind da auch immer recht schnell, ne, Open Source halt.
Und da wird dann halt recht schnell sowas mehr implementiert, wenn jemand Bock hat, das zu implementieren.
Das wurde also direkt dann schon eingebaut.
Im Februar 2019 wurde dann erst die Spezifikation 1.0.0 veröffentlicht, die Initiale.
Und im Mai 2019 gab es schon ein Windows-Update, das den Support für AWEV im Explorer und in Paint direkt mal implementiert hat.
Also da sieht man, okay, es kann auch schnell gehen, wenn da irgendwie mehrere an einem Strang ziehen
und irgendwie erkannt haben, dass das vielleicht die Zukunft sein könnte, dann geht's auch schnell.
Aber im Browser sieht die ganze Geschichte halt anders aus.
Ja.
Also vielleicht mal kurz zum Format, genau, was das denn eigentlich ist, ne.
Was das denn kann.
Also das unterstützt HDR.
Das heißt, ich hab jetzt hier diesen, ach so, ja.
Das unterstützt HDR-Farm.
Man kann einstellen, ob Lossy oder Lossless.
Also, ähm, muss man das erklären.
Äh, also das halt eben, ne, mit sichtbaren Artefakten komprimiert wird.
Oder halt eben komplett ohne Verluste, aber nur komprimiert wird, dass die Dateigröse kleiner wird.
Und es ist animierbar.
Das sind so die, die, die, die Eckpunkte.
Das kann also alles, was man haben will.
Ähm, und er hat das, äh, wahrscheinlich sind jetzt No-Brainer, das weiß ich jetzt nicht, aber Alpha-Transparenz hat's auch, oder?
Äh, denke ich mal.
Ja, wüsst, ja, muss eigentlich, muss eigentlich.
Also, äh, ja, genau.
Es steht, glaub ich, auch auf Canary Use, ähm, was dabei, dass eben manche Browser das nur, warte mal hier, Ah, wirst du, Sequences, ne, äh, wo war's denn?
Also, irgendwo hatte ich was gelesen, dass es, dass irgendwas mit Transparent nicht unterstützt.
Äh, genau, wenn wir schon hier sind auf Canary Use, also Firefox hat's noch hinter einer Flag und hat's auch noch für die nächsten zwei anstehenden Releases hinter einer, hinter dem Flag.
Also, ähm, wird so schnell wohl nicht direkt nativ kommen.
Und, ähm, Chrome kann das schon seit, äh, August 2020, Chrome 85, ähm, ja, ansonsten ist da noch viel rot.
Ich mein, klar, Opera auch, weil, äh, gleiche Engine, ne, wobei, aber hat das wirklich was mit der Engine zu tun?
Das Bild rendern? Weiß ich jetzt gar nicht. Also, jedenfalls, Opera kann's auch seit, seit Version 71, September, äh, 2020, also, äh, könnte schon zusammenhängen.
Ja, ansonsten ist hier, wie gesagt, noch relativ viel rot und ist schade, ja.
Also, AWEF, das hat dann vielleicht tatsächlich diesen Vorteil.
Also, ich hab jetzt hier diesen, diesen Vergleich bei diesem, ähm, äh, Blogartikel, den ich, ich weiß gar nicht, haben wir da schon mal drüber gesprochen?
Ich hab ihn auf jeden Fall vor einer Weile mal gelesen, das ist vom letzten Jahr.
Ähm, und zwar sagt dieser Blogartikel,
dass WebP 30 Prozent kleiner ist als JPEG, das ist so, ja, cool, aber halt nicht mega, aber AWEF angeblich 50 Prozent, also nur die Hälfte.
Und das ist dann halt schon ein Wort.
Also, nur halb so groß die Bilder, äh, das möchte ich natürlich sofort einbauen und ausprobieren.
Hab ich, glaub ich, damals auch schon auf die Schnelle mal versucht und hat dann nicht so schnell geklappt, wie ich wollte, aber irgendwo liegen im Projektverzeichnis, äh, bei uns noch, ähm, von unserem Hintergrundbild.
Ich glaub, wir haben nämlich, wir haben ja fast keine Pixelgrafik bei uns überhaupt auf der Podcast-Seite.
Bis auf dieses große Hintergrundbild.
Ich glaube, es ist tatsächlich nur eine einzige, ähm, und die hab ich tatsächlich als AWEF mal abgespeichert und hab damit bisschen rumgespielt, auch mit den, äh, da gibt's so einen, so einen ganz coolen, äh, Editor online, wo man, äh, wo man so ein bisschen rumspielen kann und mit der Größe rumspielen kann.
Ähm, oh, der sieht jetzt ganz anders aus, als, äh, wie ich ihn das letzte Mal verwendet hab.
Äh, genau, da kann man so ein bisschen mit den, mit den AWEF-Features und mit der, mit der Komprimierung rumspielen und da hab ich dann auch schon deutlich, äh, das Ding deutlich kleiner gekriegt.
Weißt du's noch aus dem Stehgreif, was, was da der Größenunterschied war?
Oh, warte mal, ich, da müsste ich nachgucken, aus dem Stehgreif weiß ich's nicht mehr, aber irgendwo in unserem Projektverzeichnis müsste das noch rumliegen.
Ich guck grad mal, ob ich's auf die Schnelle finde.
Äh, war das, nee, das war nicht das Logo, ist das Cover?
Nee, ich, ich, ich find's, ich find's grad nicht, ich weiß auch nicht mehr, ich weiß grad nicht mehr, wo ich's hatte, auf die Schnelle.
Ähm, es war aber so, so groß der Unterschied, ähm, dass, äh, dass ich's unbedingt mal testen wollte.
Ah, warte mal, Moment.
Die Suche hier auf meinem System ist dann doch ganz gut.
Wo kann ich das jetzt?
Äh, red du mal was.
Ich hab aber nichts mehr, nichts mehr dazu beizutragen, zu dem Punkt eigentlich.
Ähm, ja gut, außer vielleicht noch, soweit ich das da richtig informiert bin, ähm, basiert das Ganze auf Techniken, die auch bei H265 zum Einsatz kommen, also bei diesem High Efficiency Video Encoder.
Ja, also der Unterschied zwischen H264 und H265 ist ja auch relativ beträchtlich und ich glaube, dass die sich da auch ähnlicher Techniken bedient haben, wobei natürlich nochmal bei Bewegtbild ganz andere Optimierungen greifen, ja, also dass man halt guckt, in welche Richtung bewegt sich das Bild und was kann ich mir an Informationen sparen von Frame zu Frame, was natürlich bei Standbild jetzt nicht zum, zum Einsatz kommt, ähm, aber auch jeder Frame an sich muss ja komprimiert werden.
Und soweit ich weiß, äh, sind das ähnliche, wenn nicht sogar die gleichen Techniken.
Vielleicht erzähl ich aber auch Käse. Dann vertraue ich aber darauf, dass ihr mir das wieder mitteilt in den Kommentaren.
Ich glaube, ich hab's, ich glaube, ich hab's, wo ist es jetzt? Ah ja, genau.
So, da haben wir tatsächlich, oh, das Problem ist, das Problem ist, ich hab leider als Vergleich jetzt kein JPEG nebendran liegen, sondern ein WebP.
Mhm.
Äh, und ich glaube aber, das ist tatsächlich, das müssen noch die gleichen Abmessungen sein. Das WebP, und wie gesagt, ich hab da viel mit dem Komponierer rumgespielt.
Von dieser Hintergrundgrafik, die wir haben.
Das WebP, du kannst, du kannst im Browser mal gucken, wie groß der JPEG ist. Und ich sag dazu, diese Hintergrundgrafik, die kann man krass komprimieren, ohne dass es groß auffällt, weil sie jetzt nicht, also da kann man, die kann auch ein paar Artefakte haben.
Also das ist schon so ein, vielleicht, wer noch nicht unsere Seite kennt, böse, böse, ähm, das ist so eine, so eine City, so eine Landschaft von oben, so, so, so, so Helikopteraufnahme von der Großstadt.
Und für die kleine Lichtschänze, so Abendstimmung, also da fällt es nicht auf, wenn da so ein paar Artefakte drin sind.
Also hast du die Jetpack-Klose?
206 Kilobyte.
So, pass auf, das WebP, das habe ich aber, glaube ich, auch aus diesem Squoosh-Editor raus.
Die Abmessung muss man noch dazu sagen, 1811 mal 1207 Pixel, also schon recht groß.
Genau, so, das WebP, was ich hier liegen habe, und wie gesagt, ich habe da viel mit dem Komprimierer rumgespielt,
und das hat wahrscheinlich krasse Artefakte, hat 161 Kilobyte und das AWEF 76.
Boah, das ist ein Wort.
Also, ja, da kann man schon einiges machen.
Also das war halt damals, ich erinnere mich, als ich damit rumgespielt habe, das war so ein AWEF in dem, wie ich es halt noch aushalten konnte, wie es aussieht.
Also man müsste es natürlich jetzt auch mal direkt nebeneinander sehen, auch visuell.
Die Zahlen an sich sind das eine, vielleicht würde man jetzt erkennen beim direkten Vergleich so, ah, okay, aber da ist das nicht so schön komprimiert und so.
Ja, deswegen jetzt nicht nur auf die Zahlen verlassen, aber so an sich klingt das schon mal nicht schlecht.
Ach, wenn es jetzt richtig schlecht aussehen würde, würdest du es erkennen.
Und dafür 76 Kilobyte, nicht schlecht.
Äh, warte mal, aber wieso liegt denn das da?
Das ist ja, das ist ja ein merkwürdiger Ort.
Okay, ich weiß nicht, warum ich es vorher nicht gefunden habe.
Ich lege es mal in unsere gescherte Dropbox, dann können wir das vielleicht noch irgendwann mal nachreichen.
Ähm, es liegt tatsächlich an einem merkwürdigen Ort, wo ich gar nicht weiß, warum es da ist.
So, okay, aber das mache ich gleich.
In dem Ordner XXX bei dir?
In dem Ordner XXX, äh, nee, PR0N heißt der, der Ordner.
Ah, mhm.
Okay, ich verstehe.
Oder geheim.
Wie du verstehst.
Geheim.
Geheim, genau.
Genau, so.
Okay, ich habe es mal in den Cover-Ordner gelegt und da gibt es das jetzt.
Da ist irgendwie AWEF drin.
So.
Gut, aber Grafik kann man, kann man vielleicht abhaken.
Ich weiß nicht, warum, äh, GIF, GIF finden wir einfach alle gut, weil sie animiert sind.
Und weil sie so schön retro sind.
Weil sie wenig, weil sie wenig Farben haben.
Aber in den meisten, das muss ich jetzt gerade mal noch sagen, die meisten Stellen im Web, wo gesagt wird, das ist ein GIF, sind's gar keine.
Es sind inzwischen alles kleine MP4s.
Es sind kleine MP4-Videos oder auch.
Also Twitter und so, oder auch Giphy ist im Hintergrund.
Also teilweise auch animiertes WebP inzwischen tatsächlich.
Genau, das wollte ich nämlich auch noch sagen.
Aber bei Twitter zum Beispiel sind das oft tatsächlich MP4s.
So, bei Giphy, ich gucke jetzt gerade noch mal live nach.
Ich meine auch, dass das WebP war, was mir mal über den Weg gelaufen ist.
Jetzt wäre es natürlich geil, ich würde jetzt, äh, die würden nicht versuchen zu verstecken, was für ein Element das ist.
Das tun sie aber.
Ah, genau, ImageWebP tatsächlich bei Giphy.
Äh, äh, es gibt irgendwo auch noch das GIF.
Ja, ist irgendwie beides, keine Ahnung.
Aber es ist auf jeden Fall das, was oft, äh, was angezeigt wird im Browser oft, ist WebP.
Jo, also so ein Grafikformat, ey.
Also ich glaube, also witzigerweise, der nächste Punkt hat die riesigste Überschrift.
Aber wir haben, ähm, glaube ich, nicht viel dazu zu sagen.
Äh, also ich lese es mal vor.
Ähm, einheitliche Videoplayer-Bedienung.
Einfacher Klick, Play und Pause.
Doppelklick, Vollbild, Scrollrad, Lautstärkeregelung.
Negativ Beispiel Facebook.
Einfacher Klick macht Play.
Ein erneuter Klick öffnet aber das Video im Fullscreen.
WTF, Ausdrufezeichen, Fragezeichen, steht da hinter.
Ähm, und das Post-Positiv-Beispiel V-Kontakte.
Äh, Lautstärke via Scrollrad regelbar.
Ähm, sogar Drehen und Rotieren von Videos war früher mal möglich.
Ähm, und Videovorschau in der Zeitleiste zum Spulen nur via JavaScript möglich.
Das ist ein guter Punkt.
Also ich, ähm, gerade dieses, dass man die Videovorschau sieht, du scrollst da so drüber
und dann hast du wie so ein, wie so ein Dia, äh, äh, Snippet.
Ähm, wo du dann die Vorschau-Bilder durchscrollen siehst.
Äh, das finde ich echt cool.
Ähm, schade, dass das nicht integriert ist.
Was ich extrem oft nutze in letzter Zeit ist, und ich glaube, das ist, äh, das ist mir bei
YouTube zum ersten Mal begegnet, äh, bei Videos ist, ähm, dass man rechts oder links
draufklickt, äh, und zwar doppelt.
Ah, warte mal, das geht im Desktop gar nicht.
Das geht vielleicht nur auf Mobile.
Vielleicht geht es nur in der App und die mobile Version.
Ähm.
Äh, man, man klickt doppelt, oder man tappt in dem Fall auf dem Handy doppelt auf
die rechte Seite oder auf die linke Seite von dem Video und dann skippt das für so ein
paar Sekunden.
Genau.
So fünf, fünf, fünf, zehn Sekunden.
Ja, so zehn Sekunden oder so.
Ja, das finde ich auch cool.
Das vermisse ich auch oft, wenn's das nicht gibt.
Ähm, genau.
Und was, was man an der Stelle ja wieder sagen kann, äh, wir kommen ja irgendwie von Standards
und Best Practices.
Ähm, naja, da seh ich auch wieder die Browser-Hersteller ein bisschen wieder in der Pflicht.
Die sagen, naja, okay, gut, wir bieten halt so einen, so einen ganz einfachen, simplen Video-Player an.
Aber das könnte doch auch in dem Standard-Browser-Video-Player schon fest implementiert sein.
Also, oder nimmt das dann zu viel vorweg?
Ich mein, jeder, jedem steht es ja frei, ähm, den auszuschalten und zu sagen, ich mach meinen eigenen,
kann man ja alles mit JavaScript.
Genau, also Controls halt wegmachen und dann, äh, oder vielleicht auch mit Attributen,
dass man halt sagen kann, ähm, ja, dieses Tab-Scrolling oder wie auch immer man es nennt,
das will ich nicht haben, zum Beispiel.
Dass man es einzeln deaktivieren kann, das wäre ja auch gut.
Also, ich, ich bin da der Meinung, die Referenz-Implementierung sollte eigentlich der Browser sein,
und die sollte so gut sein, dass man eigentlich gar keine andere haben will.
Ich weiß nicht jetzt, ob ich jetzt als Browser-Hersteller sowas wie eine Qualitäts-Auswahl einbauen würde.
Ich glaube nicht.
Ich glaube nicht, dass das, das ist, das Standard-Video hat wahrscheinlich keine verschiedenen Versionen
in verschiedener Qualität.
Ähm, aber durchaus könnte meiner Meinung nach, oder frage ich mich gerade, müsste der, könnte der Browser selbst,
so ein, so ein Down-Sampling machen?
Also, so, wenn ich, wenn ich, wenn ich irgendwie langsames Internet habe, dass er mir dann weniger,
dass das dann irgendwie...
Nee.
Dazu müsste er das große ja runterladen und dann komprimieren.
Also, das, äh, das muss er ja schon beim Server anfordern.
Ja, stimmt, du hast, du hast recht.
Und das ist auch ein guter Punkt, ja, Streaming.
Also, die meisten, also die Videos werden ja gestreamt, die werden ja in der Regel nicht alle irgendwie
hunderte MB runtergeladen automatisch.
Und das erklärt auch technisch, warum dieses mit dem Durchscrollen, dass man die Bilder sieht,
das ist so schön und ist ein toller Effekt.
Und praktisch ist es auch, weil man direkt sieht, wo man hinspringt.
Aber das geht allein deswegen nicht, weil der Browser ja gar nicht die Information hat,
was ist denn da für ein Vorschaubild an der Stelle.
Ja.
Also, da müsste man dann, das müsste dann quasi das Videoformat, der Container müsste das
schon irgendwie mitliefern, quasi ein JPEG oder was auch immer oder mehrere, ja, dass
der das schon irgendwie über den Header mitschickt.
Aber das darf natürlich auch nicht zu viel sein, weil sonst dauert es länger, bis das
Video an sich lädt.
Ähm, aber da der Browser das buffert und nicht alle Videodaten schon auf einmal da hat, geht
es also nur über JavaScript und über eine Sonderlösung, so schön es auch ist.
Aber da wird halt ein einfertiges Bild, ein großes oder mehrere kleine, ähm, werden
da halt zur Verfügung gestellt vom Server, von der Seite und das Durchscrollen wird dann
entsprechend synchronisiert.
Oh, dieser Facebook-Video-Player, der geht mir echt auf den Keks, das ist wirklich schlimm.
Also, ich kann zu V-Kontakte und Facebook nicht viel sagen, weil Facebook nutze ich nicht
mehr aktiv und V-Kontakte habe ich gar keinen Account.
Also, ich bin ja, ähm, wie soll ich sagen, es gibt auch im MacOS ein paar Sachen, die
mich echt nerven, weil sie nicht so sind.
Aber ich bin ein großer Freund von, ähm, ich drücke irgendwo drauf, dann passiert was
und ich drücke nochmal drauf und dann wird das quasi wieder zurückgenommen.
Mhm.
Ja, also, ich drücke zweimal, schalte einmal ein, also quasi ein Schalter, ein und aus
zum Beispiel, oder groß und klein.
Wenn ich jetzt aber auf ein Facebook-Video drauf drücke und es ist nicht, es läuft nicht,
dann startet es.
Mhm.
Ich klicke nochmal drauf und es wird groß.
Ja, das sagt er, hat er ja geschrieben.
Ich klicke nochmal drauf, dann macht es wieder Stopp.
Erst wenn es groß ist, macht das quasi das, was man erwartet hat.
Wie kriege ich es dann wieder klein?
Da muss ich dann direkt auf die X links oben.
Das ist schon, puh, verhaltenskreativ.
Und der, und dieser Facebook-Video-Player, der war schon immer Special Snowflake, äh, was,
was das angeht.
Und der startet normalerweise auch, äh, lautlos.
Egal, ob man es mal laut gestellt hat, der startet halt lautlos.
Gut, ist vielleicht auch nicht schlecht, wenn man auf der Arbeit mal schnell durch den
Facebook-Stream scrollt, dass es einem nicht entgegen plärrt.
Ja, aber wenn ich Play drücke, nicht ich scrolle durch.
Ja, gut, dann will ich es in der Regel schon, ja.
Ah ne, es stimmt nicht, was ich gesagt habe, wenn ich es einmal laut gestellt habe, dann,
ähm, dann starten die Nächsten auch mit Ton.
Ah ja, okay.
Trotzdem, wenn ich drauf drücke, explizit wundert es mich, dass der Ton aus ist.
Wenn ich durchscrolle irgendwie, dann möchte ich keinen Ton haben.
Das ist klar.
Aber das ist sowieso immer das allererste, was ich auf jeder Plattform ausschalte, ist
Video-Autoplay.
Das nervt mich unendlich kolossal.
Ich will da überhaupt gar keine Daten hin verschwenden, dass irgendwelche Videos automatisch
abgespielt werden.
Äh, wenn das Vorschaubild mich nicht dazu bewegt, dass ich es sehen will und dass ich
drauf drücke, dann, äh, dann muss das auch nicht abgespielt werden.
Dann tut es auch nicht die ersten drei Sekunden.
Also auch bei Twitter und überall, wo es so Timelines gibt und Videos automatisch abspielen
können.
Also wenn jemand sicher gehen will, dass ich die App sofort wieder deinstalliere, ist, dass
es nicht abschaltbar ist.
Das ist der Autoplay.
Also das ist sofort aus bei mir immer.
Und ich nutze, glaube ich, meines Wissens nach nichts, ähm, wo man es nicht ausschalten
kann.
Weil es ist, das finde ich kolossal nervig, wenn einfach was losläuft.
Auch GIFs.
Wobei ich jetzt bei 9gag beispielsweise eine Ausnahme machen würde, da dürfen GIFs loslaufen,
aber Videos nicht.
Aber da bin ich eh schon auf einer Seite, wo ich am Content konsumieren bin.
Oder TikTok natürlich, das sind ja nur Videos.
Klar dürfen die loslaufen, ne?
Ähm, aber so, wenn du eine Timeline hast mit Sachen, die auch statisch sind, dann darf
kein Video automatisch loslaufen.
Das ist, bin ich wahnsinnig nervig.
Ähm, ja, V-Kontakte, da kann ich auch nichts zu sagen.
Ich habe, glaube ich, noch einen Account, aber den habe ich nie genutzt.
Ähm, Lautstärke via Scrollrad regelbar.
Ich bin mir gerade…
Weiß ich nicht, ob ich es gut finden soll.
Ähm, bin ich mir auch nicht sicher.
Das ist zwar einerseits praktisch, aber vielleicht will ich ja tatsächlich scrollen.
Gut, wenn er jetzt im Fullscreen ist, aber dann ist es wieder…
Warum ist es dann klein, passiert es nicht und groß passiert es dann doch wieder?
Bin ich mir jetzt auch nicht sicher, ob ich das cool finden soll.
Ich weiß nicht, ob ich es erwarten würde.
Ja.
Ähm, ich würde es, also, ähm, wie ich es erwarten würde, und das ist, glaube ich, unter Windows
so und unter diversen Linuxen auch, wenn ich jetzt mit der Maus gerade über der Lautstärke-Regler
bin und dann das Mausrad drehe, dann würde ich, dann fände ich es cool.
VLC-Player macht es zum Beispiel auch so.
Ich weiß nicht, ob es generell…
Wer macht es auch so?
VLC-Player.
Ja, das finde ich tatsächlich cool, weil da muss ich nicht irgendwie diesen blöden Schieberegler
hin und her schieben, die funktionieren eh nicht gut.
Aber bei YouTube beispielsweise kann ich die Lautstärke auch regeln, wenn ich das Video
fokussiert habe, Achtung, nur wenn es fokussiert ist, mit Pfeiltaste hoch und runter.
Ach.
Mit links und rechts kann ich im Video springen und mit Pfeiltaste hoch und runter kann ich
die Lautstärke ändern.
In so verschiedenen Schritten und es wird dann auch als Overlayer angezeigt, wo jetzt
gerade hingesprungen ist, wie viel Prozent das dann sind.
Das finde ich tatsächlich auch ziemlich cool.
Also Tastaturbedienung von Videos, finde ich, sollte es viel mehr geben, sollte auch natürlich
standardisiert sein.
Und ich finde, was YouTube da macht, ist eigentlich ganz gut.
Ich meine, klar, die sind die größte Videoplattform.
Wenn der ein Video-Player scheiße wäre, das können die sich eigentlich nicht leisten.
Aber die können natürlich auch ein bisschen Trendsetter sein und neue Features ausprobieren
und gucken, wie sie angenommen werden.
Und ich glaube, wenn sich die Standards ein bisschen mehr an einem YouTube-Video-Player
orientieren würden, wäre nicht so doof.
Wir schauen mal demnächst, wie es bei Twitch funktioniert.
Weil die sind, die machen das plattformtechnisch, sind die, glaube ich, auch so Vorreiter ein bisschen
und machen vieles richtig.
Bin ich mal gespannt, wie das da, die Player-Seite kenne ich jetzt noch nicht so.
Ich habe mich jetzt eher mit der Streaming-Seite beschäftigt.
Der YouTube-Player, den interessiert, egal wo man die Maus hinmacht, übrigens,
das Mausrad gar nicht, das scrollt immer.
Also zumindest auf dem Lautstärk, wenn ich irgendwo …
Ah, doch, falsch.
Hahaha.
Wenn ich tatsächlich über diesem Schieberegler bin bei YouTube, dann funktioniert das Mausrad,
wenn ich nur über dem Lautsprecher bin.
Da würde ich es jetzt auch erwarten, der anzeigt, wie laut es gerade ist.
Da geht es nicht.
Ach, das ist interessant.
Aber es ist so interessant, das ausprobieren.
Aber wenn ich scrollen im Video, kann ich damit nicht.
Auch wenn ich über den …
Nee, geht nicht.
So, okay.
Alles klar.
Aber es ist total interessant, das mal auszuprobieren.
Sowas wäre auch gut für Twitch.
So ein bisschen ausprobieren.
Ich weiß gar nicht, ob mir sonst noch Videoplayer einfallen.
Nee, also ich glaube, das Videothema …
Die ich regelmäßig verwende, natürlich außer alle möglichen Pornoseiten.
Ja, natürlich nur, weil man dort unzensierte Rammstein-Videos sehen kann, ist ja klar.
Und übrigens, deswegen sind wir über 18.
Es gibt ein Video von Till Lindemann, also dem Rammstein-Sänger, mit seiner Band, die da Lindemann heißt.
Das ist halt sein Solo-Projekt.
Das auch wieder, glaube ich, nur in unzensiert auf Pornoportalen zu sehen ist.
Und ich kann euch nicht empfehlen, es anzugucken.
Okay, gut, dann weiß ich, dass ich sein lasse.
Ich weiß, die Leute machen das dann.
Warte mal, ich muss gerade noch mal raussuchen, wie heißt das denn?
Nee, sag's doch jetzt nicht.
Damit ihr auch genau wisst, was ihr euch nicht angucken sollt.
Lindemann, ähm, oh, hier muss ich noch mal gucken, wie heißt das denn?
Nee, das ist es nicht.
Also, ich meine, die haben allgemein immer relativ merkwürdige, verstörende Videos.
Ja, komm, ist doch jetzt auch eingeschätzt.
Ja, nee, äh, ist nebensächlich, ja, aber guckt's euch auf jeden Fall nicht an.
Auf keinen Fall.
Ah, ich glaube, ich hab's gefunden.
Ähm, und es gibt's auch auf YouTube und, äh, ja, genau.
Da ist es, da ist die zensierte Version und es heißt Knebel.
Das schaut ihr euch nicht an.
Ich meine es wirklich ernst, dass es, also, vor allem die zensierte Version, die könnt ihr euch anschauen, die ist auch schon krass.
Die unzensierte Version, die ist aus guten Gründen ...
Zensiert.
Die ist aus guten Gründen zensiert worden.
Ähm, ja.
Ja.
Okay.
Gut.
Dann, ähm, ja, kommen wir doch zum letzten Punkt.
Formular-Designs, die auch für internationale Adressen das Korsett, Vornamename, Stadt, Postletzahl, Straße, Hausnummer vorsehen, obwohl es in anderen Ländern gänzlich andere Schreibweisen gibt.
Ähm, auch ein sehr guter Punkt.
Ja, man denkt da immer so aus seiner Sichtweise und klar, wenn sich halt hauptsächlich jetzt die Seite und das Produkt, ähm, also wenn sich das jetzt nur an deutsche Kunden richtet, klar, warum soll ich dann da auch, äh, groß Wert drauf legen, aber es gibt halt nun mal auch Menschen, die hier hergezogen sind und die vielleicht einem anderen Namensschema, äh, unterliegen.
Adresse ist klar, ähm, Adresse ist klar, natürlich wenn ich jetzt nur nach Deutschland liefere, dann brauche ich kein Adressformat für, für irgendwelche anderen Länder, aber gerade was Namen angeht, ist das doch was, was dann doch wieder jeden tangiert, ähm, weil da bestimmte Schemate halt vorgesehen sind.
Also es gibt wohl, ähm, Länder, in denen es zum Beispiel gar keine Vornamen oder gar keine Nachnamen gibt, äh, oder indem die einfach andere Formate haben, als wir die kennen.
Also wenn ich jetzt, äh, zum Beispiel nur Bindestrich zulasse im Nachnamen, aber kein Leerzeichen, dann schließe ich zum Beispiel, äh, Spanier auch aus, weil die haben ja das Konzept, dass man da den Nachnamen von, von beiden Elternteilen quasi erbt, ähm, und dann, wenn da jemand halt dann irgendwie, keine Ahnung, González Muñoz heißt,
aber nicht mit Bindestrich, also Bindestrich gibt's auch, ne, so wie man das kennt mit Doppelnamen, sondern aber halt mit Leerzeichen und ich erlaube kein Leerzeichen im Nachnamensfeld, dann, äh, hat ein Spanier halt das, äh, Problem, dass er seinen Nachnamen nicht richtig eingeben kann, ähm, oder wir beide kennen das, wir haben beide das Scharf-S in unserem Nachnamen, äh, in ausländischen Formularen muss man da halt regelmäßig ein Doppel-S angeben.
Und ich hab auch schon die Erfahrung gemacht, ähm, manchmal macht es Sinn, ein Doppel-S anzugeben, obwohl man ein Scharf-S vielleicht auch eingeben könnte, weil die mit Scharf-S kolossal überfordert sind.
Entweder gibt's deren System dann wieder nicht richtig aus, äh, oder sie sehen den Buchstaben und sind aber völlig verwirrt, und das ist meine USA-Anekdote, ähm, dass ich mal am, also die wollten mich am Flughafen nicht mehr rauslassen, die wollten mich nicht mehr nach Deutschland fliegen lassen,
Weil der, äh, der uns da kontrolliert hat, mit dem Scharf-S nichts anfangen konnte.
Und, ähm, zum Glück war eine erfahrenere Kollegin, die ihm dann gesagt hat, nee, das passt schon so.
Weil auf unseren Boarding-Tickets und so stand halt überall Doppel-S.
Und ihm passt das Scharf-S, das hat ihn dann völlig aus der Wage gebracht.
Oh, Mann.
Und genauso hatte ich's auch schon, hab ich das nicht schon mal hier erzählt, die Geschichte?
Auch, dass ich mal mit der Kreditkarte nicht zahlen konnte, weil in den USA, ähm, die das irgendwie komisch fanden.
Und in, in Spanien hab ich's schon öfter erlebt, dass sie den Namen, wenn sie ihn tippen, dann ist das einfach durch ein großes B, also mitten im Nachnamen, ja grob, steht dann da, ähm, mitten am Ende vom, vom, vom Nachnamen.
Äh, genau. Also, da sollte man schon ein bisschen darauf achten, dass man eben dieses Korsett nicht zu eng schnürt.
Klar will man valide Daten haben, aber wenn man vorher nicht weiß, was ist denn alles valide, dann, dann macht man am Ende vielleicht mehr Probleme, als man löst, indem man halt nicht erlaubt, dass jemand eine Zahl im Nachnamen eingibt.
Also, ich weiß nicht, ob's tatsächlich jetzt, äh, Regionen gibt, wo Zahlen im Nachnamen tatsächlich vorkommen, aber die Sache ist ja die, wenn jemand Mist eingeben will, dann tut er das sowieso irgendwie, dann nimmt er halt keine Zahl, aber nimmt halt einen falschen Nachnamen und was hab ich dann davon, wenn ich alles einschränke?
Also, vielleicht sollte man da möglichst wenig restriktiv sein, was, was diese Eingaben angeht.
Und, äh, es gibt vom W3C, gibt's eine eigene Seite mit Tipps und Hinweisen, wie man ein Formular ausfüllt.
Ich kopiere das gerade mal schnell ins Trello noch, damit du, äh, das auch siehst.
Ähm, das ist eigentlich ganz cool gemacht, ähm, relativ umfangreich, aber da ist so eine kleine Hintergrundinformation über verschiedene Sprachen im Chinesischen, wie es da funktioniert, oder isländische Namen, ähm, und was für Zeichen es da drin gibt und was man halt, also so Do's und Don'ts so ein bisschen, was man machen sollte und nicht machen sollte, ähm, das fand ich ganz interessant.
Ja, also bei, bei Formularen, bei Formulareingaben, ähm, da anzunehmen, was das Richtige ist, ist extrem schwer.
Ja.
Generell, also, äh, nicht nur Adressen, sondern auch, äh, also eigentlich alles und man sollte möglichst, möglichst, äh, viel zulassen, glaube ich.
Genau, also selbst innerhalb von Deutschland, ja, es gibt Formulare, da kannst du bei der Nummer nur eine Zahl eingeben, das darf nur ein Integer sein.
Es gibt aber halt nun mal Adressen, die haben halt 3a drin oder es gibt auch Geschäftsadressen, die haben 12 bis 30 oder was, ja, ähm, und die, die kannst du dann halt so einfach nicht eingeben.
Also, warum restriktieren, anstatt zu riskieren, dass halt dann irgendwie mal was drin steht, was halt Blödsinn ist.
Ja, an der Stelle, äh, vielleicht sei noch mal kurz zitiert, äh, Postel's Law oder das Robustness Principle, äh, be conservative in what you send, be liberal in what you accept.
Äh, immer wieder, äh, gerne benutzt von Jeremy Keith in, äh, allen möglichen Vorträgen, die er hält, ähm.
Ähm, also einfach mal, einfach mal annehmen und nicht, nicht alle, nicht alle, äh, Sachen immer ausschließen oder nicht, nicht immer nur, wie soll ich sagen, eine Whitelist pflegen sozusagen.
Das ist, äh, äh, ja, einfach mal, einfach mal annehmen und am besten so wenig Daten wie möglich auch, äh, überhaupt, äh, abfragen, weil in den meisten Fällen, wo mir Online-Formulare unterkommen, frage ich mich bei, bei mindestens der Hälfte der Felder, warum brauchen die das jetzt?
Ähm, also gerade Geburtsdatum ist oft so irgendwie, warum, warum müsst ihr jetzt wissen, was mein Geburtsdatum ist, also, wenn's jetzt gerade um irgendwie nur irgendwas Versandzeug geht, also, gut, vielleicht, vielleicht zur Zuordnung, weil es mehrere Moritz Gießmänner gibt, äh, weiß es nicht, aber.
Ich, ich, ich meine, ich bin mir jetzt nicht mehr ganz genau sicher, wie der Prozess war und ich hab leider damals auch keine Screenshots gemacht.
Ich hatte das einmal, ähm, dass ich glaube ich überhaupt, ich hab was gekauft online und hab, glaube ich, nichts angeben müssen, gar nichts.
Ähm, man hat, glaube ich, vorab bezahlt.
Mhm.
Es war ein Ticket, es war Ticket für, für den Congress, für den, äh, Chaos Communication Congress und die CCC-Leute sind ja auch, was, äh, Privacy angeht und so, äh, besonders vorne mit dabei.
Und ich meine, man hat vorab bezahlt, ähm, also irgendwie mit PayPal oder so, ich weiß es nicht mehr genau, und dann kriegst du einfach dein Ticket.
Also direkt im nächsten Schritt als Download und dann fertig.
Ja, cool.
Oder, oder, oder, oder hab ich sogar irgendwie überwiesen, ich glaube aber, ich hab, die haben nie meinen Namen gesehen oder irgendwas, weil das brauchst du dafür nicht, für eine Online-Zustellung, du kriegst, ähm, theoretisch brauchst du nicht mal eine E-Mail-Adresse, weil du direkt, da, da wird halt auf dich vertraut, ähm, dass du, dass du, dass du das im Griff hast und das auch dann hinterher runterladen kannst.
Du kriegst dann im Browser einen Token angezeigt oder kriegst einen Link mit einem Token dran, wo du auch das Ticket nochmal runterladen kannst und damit hat sich die Sache erledigt.
Und selbst wenn es da zu technischen Problemen, äh, kommt, kannst du ja über deinen Zahlungsanbieter, du kannst ja nachweisen, dass du die Transaktion gemacht hast und dann ist es ja auch kein Problem, dass du dann wieder dran kämst.
Aber die haben im Prinzip gar keine Daten erfasst für den Verkauf von etwas und das geht, also, wenn ich jetzt, klar, natürlich, wenn ich, wenn ich was geschickt haben will, brauchen die natürlich meine Adresse.
Aber warum brauchen sie mein Geburtsdatum und meine Handynummer?
Mhm. Ja, Handynummer ist eh immer so ein Ding. Am besten noch Festnetz und Handynummer bitte angeben.
E-Mail-Adresse kann ich ja noch nachvollziehen, die wollen, ich will ja vielleicht einen Kontaktweg haben, so, hier ist nicht mehr lieferbar oder irgendwas, ja.
Ähm, wobei man das natürlich nicht hören will.
Vor allem in den seltensten Fällen wird dir da hinterher telefoniert, also, das allermeiste funktioniert da über E-Mail, also, wenn du irgendwo in einem Shop Probleme hast oder es kommt zu Versandverzögerung, da rufen die nicht an und sagen, ach ja, Herr Gießmann, ich wollte Ihnen nur mitteilen, Ihr Paket kommt zwei Tage später, sondern da kommt natürlich eine E-Mail, da steht dann drin, wir entschuldigen die Unannehmlichkeiten.
Nee, da kommt gar nichts, das Paket kommt einfach zwei Tage später.
Ja, gut, Pakete, also, weil es nicht jetzt irgendwie von DHL, sondern das halt irgendwie der Shop dann irgendwie sagt, es gibt auch nicht mehr. Also, ja. Ich glaube, dann sind wir auch durch damit, oder?
Ja, das würde ich auch sagen, ähm, apropos Paket, das später kommt, ähm, ich kann nur sagen, wenn man jetzt gerade einen Mac bestellt, das könnte ein bisschen länger dauern. Ich bin damit nicht zufrieden.
Sandkästen auch.
Sandkästen auch, siehst du?
Also, Sandkästen und Macs ist gerade schwierig mit der Lieferung.
Ja, da frage ich mich echt, ähm, da frage ich mich echt, wie kann es sein, dass die Händler schneller sind als der Hersteller?
Das frage ich mich in meinem Fall tatsächlich auch, also das war, ich kann es ja sagen, ähm, ich habe bei Aldi einen Sandkasten bestellt, den es da gab, weil der schön war. Es gibt natürlich auch Lidl, es gibt natürlich auch, was gibt es noch, Tengelmann, äh, wir wollen ja jetzt hier keine, niemanden bevorzugen.
Ähm, ich habe das jedenfalls da bestellt und das war halt so eine, so eine typische, wie es ja immer bei Aldi ist, auch so mit dem, ähm, das gibt es dann in den Filialen ab, ab dem und dem Tag.
Und dann stehen alle um 8 Uhr da, am besten zelten sie noch nachts davor. Ähm, und so ist das online auch, also da wird dann gesagt, das Produkt gibt es ab dem und dem Tag, ab 8 Uhr zu bestellen.
Und weil ich den halt wirklich haben wollte, so vor Ostern möglichst noch, ähm, habe ich halt wirklich morgens, 5 vor 8, saß ich da, ne, immer wieder die Seite aktualisiert und wirklich um 8 Uhr Punkt, äh, reingeklickt, PayPal, zack, die Bestellung war durch.
Das heißt, ich muss wirklich einer der ersten gewesen sein, also irgendwann um 12 war rausverkauft, aber ich war definitiv einer der ersten, der es bestellt hat und die wissen ja, welche Stückzahl sie haben, also irgendwann waren die ja aus.
Und dann kommt jetzt irgendwie die Woche, kommt die Mail, es kommt zu Versandbezügerungen und sie können noch nicht sagen, wann das Produkt kommt und so, dann denke ich mir, also ihr habt doch, ihr wisst doch, wie viele ihr von den Dingern habt und ihr wisst doch, dass die dann, dann und dann an dem Tag live gehen und dass die dann wahrscheinlich weg sind, so Erfahrungswerte, ne, ähm, und irgendwie hat das nicht funktioniert.
Aber gut, sie haben auch letztens Schnelltests verkauft und waren auch völlig überrascht von dem Ansturm, weil kann ja keiner mit rechnen.
Also irgendwie scheinen die das, äh, trotz all der Jahre, äh, trotz all die Jahre Erfahrung, äh, scheint das noch nicht, äh, zu funktionieren.
Und Apple anscheinend auch nicht.
Okay.
Das ist, äh, unerfreulich, ich weiß, dass es auch unerfreulich ist, dass meine Getränke alle leer sind.
Ich sitze auch auf dem Trocknen, aber wir sind ja jetzt schon fast, wir sind ja schon fast.
Ja, wir könnten zum nächsten Punkt übergehen.
Das da wäre?
Nämlich, dass.
Das Geiltein.
Geiltein.
Jetzt hast du doch noch ein zweites Das eingeführt.
Ja, ich, ich, ich, ich bin, äh, Mensch, Mensch, Mensch, Mensch, Mensch.
Wir haben zwei Geilteiler.
Soll ich, soll ich anfangen?
Weil du hast jetzt gerade dein, äh, du hast gerade am, am Schluss geredet, ähm, dann fange ich jetzt mal an.
Also, ähm, ich mag ja so gern so ein bisschen, äh, Rebellion gegen das Establishment.
Und ich wollte dich fragen, kannst du Latein?
Äh, ja, so ein bisschen.
Also, hattest du Latein in der Schule oder so?
Ja, ja.
Könntest du mir, äh, okay, gut.
Ich, ich, ich, ich sag, ich, ich, ich bin mir jetzt nicht hundertprozentig sicher, ob es Latein ist oder was.
Ja, äh, doch, es ist Latein, äh, hab ich doch richtig geraten.
Ich sag dir jetzt mal was und, ähm, du sagst mir, ob du, ob du weißt, was das heißt.
Äh, ad nauseam.
Bis zur, bis zur Übelkeit.
Bis zum Erbrechen.
Hast du das jetzt, äh, das weißt du wirklich?
Also, würde ich mir jetzt so herleiten, ja.
Also, nauseous auf, auf Englisch und das hat ja auch, äh, philogrammanische Wurzeln und Latein und, äh, Einflüsse und so.
Wow.
Ja.
Wow.
Sau stark.
Ich hab's gerade eben bei Wikipedia, ich, äh, gegoogelt und bin bei Wikipedia gelandet, scheint ein feststehender Ausdruck zu sein.
Bis zur Seekrankheit, ähm, äh, ist ein Ausdruck für eine Diskussion, die bis zum Punkt des Erbrechens geführt wurde.
So, aber das ist nur der Name von einem Browser-Plugin, ähm, das da Folgendes macht.
Dieses Browser-Plugin, das ist so ein bisschen, ähm, rebelliert so ein bisschen, äh, gegen die Ad in die Web, äh, äh, Ad-Industrie.
Ähm, und das macht Folgendes, ähm, das ist irgendwie auf uBlock Origin, ähm, gebaut.
Das ist ja so ein bekannter Ad-Blocker, den man sich im Browser installieren kann.
Und was das macht, ist, bevor das Ad geblockt wird, klickt es einfach überall einmal drauf.
So, was passiert dadurch?
Also erstens mal, glaube ich, die Webseitenbetreiber kriegen dadurch, äh, Geld.
So, äh, aber das ganze System wird ad absurdum geführt, weil nämlich im Prinzip jedes Targeting damit kaputt und, äh, kaputt gemacht und verwirrt wird, weil du einfach auf jede Werbung draufklickst.
Ähm, und es ist tatsächlich, äh, so angetreten mit, ähm, wir haben jetzt, wir diskutieren jetzt mit der Ad-Industrie schon relativ lange und die, äh, die Selbstregulierung davon, die funktioniert nicht und die tracken immer weiter und es ist, äh, egal und man kann ihnen sagen, track mich nicht und sie tracken dich trotzdem.
Und, ähm, das soll im Prinzip, äh, einfach nur Chaos in diese ganze Sache reinbringen, indem einfach jedes Ad, das geladen wird, einfach bevor es geblockt wird, einfach einmal geklickt wird.
Jedes Ad.
Krass.
Es ist einfach, finde ich, eine wahnsinnig coole Idee.
Es ist, äh, sehr interessanter und kreativer Ansatz. Es gibt nur eine Sache, die mich dabei stört. Ähm, also, weil du gerade sagst, äh, die, die, die Websitebetreiber verdienen da dran und klar, es kostet die Werbetreibenden, aber es macht in erster Linie und wahrscheinlich deutlich mehr als die Websitebetreiber, die die Werbung einblenden, es macht die Werbevermarkter reicher.
Das ist das, was mich so ein bisschen stört. Also, Google ist ja so gnädig und gibt dir als derjenige, der die Werbung einblendet, äh, ein paar Prozentchen ab, aber an sich verdient Google mit der Werbung, die die verkaufen und einblenden.
Und das ist halt, äh, ja, also, die verdienen ja mit den Klicks und du als, als Websitebetreiber kriegst von den Klicks ein bisschen was ab, aber Google verdient da ja auch gut dran. Und das ist das, was mich ein bisschen stört.
Ja.
Aber so an sich ist es auf jeden Fall eine coole Idee.
Es ist auf jeden Fall so ein bisschen chaosstiftend und das, äh, gefällt mir an der Stelle gerade.
Das glaube ich.
Was das im Internet angeht, da bin ich ein großer Fan von.
Ja, das glaube ich. Die stiften, stiften selber genug Chaos, ja, dann gibt's mir was zurück.
Ja, cool.
Wobei, ähm, ja, nee, ich zensier mich jetzt selbst.
Sonst könnte ich jetzt ...
Ja, soweit habt ihr mich schon, Selbstzensur. So, das war mein Geilteil, jetzt kommt deins.
Ich hab auch noch was cooles und zwar, es ist mal kein YouTube-Video bei mir, es ist mal was anderes und es hat was mit Entwicklung zu tun, auch noch.
Und zwar kannst du mal, ähm, was nehmen wir denn, was nehmen wir denn? Irgendein öffentliches GitHub-Repository.
Ähm, sag mal irgendwas.
Beispiel, äh, wird hier VS Code genannt.
Achso, du bist schon, du bist da schon drauf.
Ich bin schon, ich bin schon auf den Link gegangen.
Du möchtest du noch sagen, wie er da lautet?
Ja, aber VS Code ist ja voll die Inception.
Nee, ich möchte das eben nicht, ich möchte ja, ähm, mal, also, du willst nicht da drauf gehen, nicht drauf gehen.
Geh mal auf, äh, github.com slash, äh, machen wir mal, weil ich es ja so gerne mag, slash, äh, vue.js.
Und dann nochmal auf View zum Beispiel.
Ich könnte, ich könnte auf, äh, eins meiner eigenen Repositories gehen.
Äh, solange es Public ist, ja.
Es ist Public, ja, so.
Äh, ich muss mir erstmal einloggen, Sekunde, so.
Und jetzt muss ich auf das Repo-Profil, ich geh mal auf mein Accessibility-Cheat-Sheet, das ist Public.
So, und jetzt muss ich aber statt...
Am besten wär's schon so ein Repository, wo viel drin ist, wo ein paar Ordner drin sind und verschiedene Dateitypen und so.
Ja, okay, das hab ich, äh, okay.
Geh doch echt einfach mal auf, auf, auf, auf View schnell oder so.
Irgendwas, was man halt so...
Okay, Moment, nochmal, View.
Ich poste es dir sogar schnell rein, so, zack.
Ach, das ist ja...
Service.
Ein Traum, so.
View.
Jetzt gehst du, wenn du es geöffnet hast, in die Adressleiste und nach GitHub vor dem Punkt kommen 1 als Zahl und S.
Also so wie eine Sekunde, GitHub 1 als, und dann Enter.
Okay.
Dann öffnet sich nämlich im Browser etwas, was aussieht wie VS Code.
Oha.
Es ist auch VS Code, quasi.
Ach.
Ähm, und zwar mit der kompletten Verzeichnisstruktur, mit den, also wie man's kennt, ja, mit den Icons neben den Dateitypen, äh, mit dem Ordnerbaum und so weiter.
Sogar mit Plugins und so weiter.
Ja, wundern mich eigentlich nicht, dass es im Browser läuft.
Weil es ist ja Electron und es ist ja quasi einfach Browser basiert.
Genau.
Und, ähm, da kann ich jetzt das komplette Repository, zwar erstmal jetzt im, im Read-Only-Modus, aber ich kann mich da komplett durchwühlen.
Ich kann, äh, Suchoperationen in der Datei kann ich suchen, ich kann aber mit STRG-Shift-F auch alle Dateien durchsuchen und so weiter.
Also, es fühlt sich einfach an, als hätte ich jetzt plötzlich, ohne was per GitHub auszuchecken, äh, per Git auszuchecken von GitHub, ähm, als hätte ich das jetzt einfach in VS Code offen.
Das ist zum einfach mal schnell durchforsten und nach was Bestimmtem suchen, ist das absolut genial.
Und das geht noch weiter, es geht noch viel mehr in die Tiefe, ich nutze es wirklich, ich nutze es eigentlich viel zu selten, aber ich nutze es wenn dann nur, um mir das schnell anzuschauen.
Aber, wie ich jetzt gesehen habe, kann man sogar über Cloud-basierte Lösungen, über so einen Docker-Container oder über irgendeine andere Cloud-Schnittstelle tatsächlich im Browser entwickeln.
Und dann die Sachen auch, auch speichern und einchecken und so weiter.
Und wenn ich das richtig sehe, auch tatsächlich eben VS Code-Plugins installieren in der Umgebung und so weiter.
Also, das ist richtig, richtig cool.
Wobei ich jetzt sagen muss, ähm, das im Browser entwickeln ist jetzt nicht die allerneueste Idee.
Nee, nee, natürlich nicht generell, aber dass ich wirklich einfach, äh, ein GitHub, also jedes aufendliche Repository einfach öffnen kann, innerhalb von wirklich von einer Sekunde, ja, dafür steht das ja, äh, github one second, äh, github1s.com.
Mega gut.
Ähm, und ich hab dann auch direkt einen korrekten Editor, nicht irgendwie so einen, es gibt ja, es gibt ja viele so halb gut funktionierende, aber, äh, VS Code, äh, das ist ja, wie wir alle wissen, eigentlich ein relativ gut funktionierender Editor.
Ähm, ja, total cool.
Das ist wirklich, äh, das ist scharf.
Mit Markdown-Previews sogar und allem, also, ja.
Bin ich letztens, weiß ich gar nicht mehr, wie ich drauf, drauf gestoßen bin, aber.
Ich kann jetzt, nein.
Ich kann da jetzt, ich kann da jetzt sogar Extensions installieren, nee.
Ja, das sag ich ja.
Das sag ich ja.
Ah, nee, warte, Moment, nee.
Error while installing, cannot install, Python.
Ja, gut, dazu brauchst du halt wahrscheinlich dann, also im Browser wahrscheinlich nicht, aber du brauchst dann halt diese, diese Cloud, äh, Dev-Umgebung und darüber geht es dann.
Ja, okay, gut. Ja, irgendwo muss er ja auch was speichern, wahrscheinlich geht es deswegen dann auch nicht.
Aber.
Und manche Sachen brauchen ja auch wirklich auf dem Rechner, Datei, Operationen und so, also, ähm, ja, aber so, an sich ist das schon, es ist schon cool genug, einfach das durchsuchen zu können und mit Code-Highlighting zu sehen und so.
Absolut.
Also, richtig genial.
Ja, und das Ganze in Verknüpfung mit, äh, ich kann mal eben GitHub-Sachen mal eben schnell anschauen, ähm, sehr cool.
Genau, also, ich hab ein Repository und ich such da drin nach was bestimmten, und klar kann ich die GitHub-Suche nutzen, aber das Code-Highlighting ist halt auch eher so, mäh, und, äh, ganz ehrlich, da geht's echt schneller, indem ich das da anhänge und es funktioniert einfach.
Da ist ja dann auch, äh, ja, genau, das, das nächste, was man dann machen will, ist, äh, natürlich ein Change-Pushen oder das Forge.
Und über diese Cloud-Lösung davon geht das eben auch.
Ja.
Und das geht auch wirklich mit Dateien, also, wenn ich jetzt mich auf GitHub schon durchgeklickt hab, irgendwie durch den Ordner und in die Datei rein und ich möchte die irgendwie mit schönem, äh, Highlighting sehen, kann ich auch in der URL direkt einfach GitHub-1s anhängen und es öffnet dann genau diese Datei.
Ja, und die Suche, die Suche funktioniert halt auch so, wie man's erwarten würde.
Ja, genau.
Und die, äh, ich find die Suche in VS Code eigentlich auch ziemlich gut.
Warte mal, kann ich da auch jetzt STRG-P machen?
Mit der Pfeilsuche?
Mhm.
Ah, ja, genau.
Ja, tatsächlich.
Funktioniert wirklich genauso, ja.
Ach, sehr cool.
Aber was nicht geht, ist STRG-Shift-P, seh ich gerade für Commands, weil das öffnet im Firefox zumindest den privaten Modus.
Äh, bei mir, ach so, aber bei mir geht das.
Also in dem Fall ist das, ähm, ist das, äh, Command-Shift-P.
Ja, das haben sie da nicht dran gedacht.
In Chrome geht's bei mir auch, dann öffnet sich das, äh, Add Cursor-Above, dann diese, na, was man so kennt, diese Commands.
In Firefox haben sie vergessen, das abzufangen und zu blocken.
Oder vielleicht absichtlich sich entschieden, nicht die Browser-Funktionalität, ähm, kaputt zu machen.
Oh, Vue.js ist ganz schön, ich gucke da jetzt zum ersten Mal rein, in den Code, also da ist, da ist, da ist ordentlich was.
Gut, ich würde sagen.
Ja, ich würde gerade sagen, Minifyt, ich stehe auf Minifyt, alles andere ist mir zu gut lesbar.
Disziplin Minifyt und Base64 drüberjagen, damit's dann wieder aufgebläht wird.
Sehr gut.
Okay, ja, dann sind wir tatsächlich am Ende, nach drei Stunden.
Ah, ich glaub, nicht ganz.
Nicht ganz? Kommt noch was?
Aber, aber die haben die, die drei Stunden mag, ich glaub, die haben wir, der Essen bestellen ist jetzt dann auch wieder nix mehr, ne?
Ah, Mist, sorry.
Ich werd gleich noch den Kühlschrank kühlen.
Ja, ich werd gleich noch einen Kühlschrank klauen.
Nee, ähm, mich würde noch interessieren, jetzt so zum Schluss, äh, wir haben zwar jetzt eine Twitter-Umfrage gemacht mit, ähm, mit Merch, wie seht ihr das?
Also, wenn ihr das jetzt hört, findet ihr irgendwie T-Shirts auch okay? Schreibt das mal in die Kommentare, würde mich echt interessieren, wie, wie ihr so zu Merch steht, ähm, wie ihr auch zu den Preisen steht.
Also, ich bin eher so auf dem, auf dem Dampfer, ähm, lieber ein bisschen teurer und dafür gute Qualität und vielleicht auch nachhaltig.
Also, jetzt irgendwie so ein 10-Euro-Hoodie und dann ist aber halt auch, blättert alles ab nach dem ersten Waschen und so.
Ja, und außerdem.
Und auch vom Tragekomfort und so.
Ja, also.
Schon was Gescheites.
Wahrscheinlich, wahrscheinlich habt ihr gar nicht die Wahl, merke ich gerade, weil wenn der Konstantin und ich uns einstellt.
Ja, eben, also bei uns gibt's kein Ramsch.
Also, es wird.
Nee, wo wir sind, ist, wo wir sind halt vorne und nicht Ramsch.
Eben.
Das ist doch logisch.
Jetzt, jetzt, jetzt ist es wieder, jetzt ist es wieder, man merkt schon jetzt mal wieder, es ist jetzt, glaube ich, gut.
Ich glaube auch.
Hast du noch was?
Ich habe nichts mehr und, äh, deshalb würde ich sagen.
Aber du hast das letzte Wort.
Ich habe das letzte Wort heute, äh, bleibt anständig.
Ja.
Ich habe nichts mehr und, äh, bleibt anständig.