Wo wir sind ist vorne Folge 66, heute sprechen wir mit Gast über den Zustand des Internets
und große und kleine Helfer.
Herzlich willkommen bei Wo wir sind ist vorne, Frontend Fakten Frotzelei, der Late-Night
Frontend Talkshow rund um Webdesign und Entwicklung.
Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jungleurin
Sarah Groß.
Heute zu Gast, Frontend-Entwickler und Webtech-Contentmaschine Stefan Judis.
Ja, hallo, herzlich willkommen bei Wo wir sind ist vorne.
Wir haben es mal wieder geschafft, das Aufnahmegerät anzuschalten und ich war jetzt gerade selbst
überrascht von dem Intro, weil ich nicht wusste, dass es jetzt wieder ein Gästeintro
gibt.
Ja klar, immer.
Das wird immer produziert.
Du hast jetzt quasi schon alles vorweggenommen, was ich jetzt eigentlich sagen wollte.
Unser heiliger Gast, bekannt durch seinen Newsletter Tiny Helpers, durch Talksoft-Konferenzen.
Herzlich willkommen und schön, dass du dabei bist, Stefan Judis.
Hallo.
Hi Stefan.
1,2,3.
Ich freue mich, hier zu sein.
Ich habe mich gerade gewundert, ob ich noch drin bin, aber ihr scheint mich noch zu hören.
Ja, ja, wir hören dich.
Wir hören dich noch, ja.
Perfekt.
Ich freue mich.
Solides Intro.
Schöne Sache.
Danke.
Ja, Web-Content, Tech-Content-Maschine.
Ich habe überlegt, wie fasse ich das zusammen?
Ich muss ja immer überlegen, wenn Gäste kommen, was sage ich denn da in diesen so eineinhalb
Sekunden oder wie ich da Pause habe.
Und dann habe ich gesagt, mir fällt nichts ein, du bist einfach echt eine Maschine.
Und dann habe ich gedacht, ja, eine Web-Tech-Content-Maschine, weil du machst so viel, reden wir auch nachher
im Thema dann noch drüber.
Reden wir später noch drüber, genau.
Jetzt müssen wir über das Getränk reden und ich habe ausnahmsweise tatsächlich mal
wieder ein Bier.
Wir haben ja, also ursprünglich, vielleicht mal zur Historie, für die, die vielleicht
nicht die ersten 50 Folgen kennen oder so, wir haben früher eigentlich immer in jeder
Folge ein Bier getrunken, bis wir irgendwann festgestellt haben, wir sind Podcast-Alkoholikerinnen
und wir sind, also Regelmäßigkeit ist ja eine der Eigenheiten oder eine der Anzeichen
von Alkoholismus und deswegen haben wir auch mal dann so eine kleine Auszeit gemacht damit,
aber damit ist jetzt vorbei.
Ah, da kommt die Teetasse.
Sehr gut.
Grock drin.
Heute gibt es aber jetzt mal bei mir mal wieder Bier.
Genau.
Und ich habe heute, ich glaube, es ist nur eine fancy Dose und es steckt aber irgendwie
was ganz Gewöhnliches dahinter, irgendwie aus Aldi oder Lidl oder so, Steambrew-Alkohol.
Es ist eine goldene Dose mit fancy, Cyberpunk-artigem Aufdruck irgendwie, wahrscheinlich schmeckt
es nicht halb so gut, wie es aussieht, aber ich probiere das jetzt mal.
Was habt ihr denn?
Stefan, ich lasse dich mal den Vordruck machen.
Ich habe einen lauwarmen Kakao, weil da du den Alkoholismus ansprichst, ich war das Wochenende
unterwegs mit vielen Freunden und mir ist noch nicht so nach Bier und ich habe noch
ein Glas Wasser hier zu stehen.
Vorbildlich gesagt.
Perfekt.
Sehr gesund.
Sehr gut.
Ja, ich habe auch ein Bier, beziehungsweise einen Radler und zwar das, was du beim letzten
Stream letzten Wochenende hier hast noch übrig gelassen, das Fächerbräu, Naturradler.
Ach, habe ich es vergessen mitzunehmen.
Ja, da habe ich gedacht, ach jetzt, dann trinke ich das jetzt.
Dankeschön.
Ja, trink du mal das Bier, das ich mir ausgesucht habe, das sah total vielversprechend aus,
ein Kalsbräu.
Fächerbräu, Fächerbräu, genau.
Fächerbräu, also aus Karlsruhe.
Aus der Bio-Zitrone und den Bio-Pills, steht drauf.
So, und jetzt natürlich für die Freunde und Feinde von ASMR mache ich jetzt diese Dose
hier mal auf.
Der Witz ist ja, ich sehe jetzt gerade hier, geboren in Karlsruhe in Baden, hergestellt
in Lenzkirch im Hochschwarzwald, das ist auch witzig, Fächerbräu.
Genau, das wusste ich schon, weil da gibt es die Brauerei Rock in Lenzkirch, das kenne
ich auch, die haben nämlich ein witziges Bier, das heißt Rockzipfel.
Genau, und ja, ich war da auch schon mal in Lenzkirch, das ist eigentlich aber auch irgendwie
schön regional irgendwie, das ist wie mit Apple, designt in Kalifornien und hergestellt
in China.
Ja gut, ich glaube, anstoßen ergibt jetzt gar nicht so richtig viel Sinn, weil, also
ich meine, das wäre jetzt komisch, wenn das jetzt ein Geräusch machen würde, oder, mit
der Dose und der Flasche.
Achso, das stimmt, ja.
Ja, also.
Danke, Stefan.
Zum Wohl.
Genauso machen wir das normalerweise auch, aber wir sagen immer, wir hätten ein Portal,
durch das wir anstoßen können.
Wir verraten jetzt nicht, was du gemacht hast.
Okay, dann kommen wir eigentlich schon zur ersten Rubrik, wenn ich das richtig sehe.
Genau, das machen wir.
Und ich mach den Anfang, wenn ich's richtig im Kopf hab, weil ich hab natürlich gerade
die Sendungsnotizen zugemacht, um aufs Intro zu klicken, äh, auf den Jingle zu klicken.
Genau, ich fange an mit Heimautomatisierung, da habe ich irgendwie mich letzte Woche bisschen
mit beschäftigt.
Ich hatte schon solche Smartplugs, ich glaub, das hab ich auch im Stream mal gezeigt, dass
ich draußen so eine On-Air-Lampe hängen hab, hier vor dem Zimmer, wo ich aufnehme und die
kann ich dann auch hier über mein Telefon, über mein Voice-Over-IP-Telefon über das
Display steuern.
Aber das war nur so ein kleines Ding und jetzt hatte ich irgendwie Lust, noch ein bisschen
mehr zu machen, weil auch ein Bekannter da sehr viel mitmacht.
Und dann bin ich gestoßen auf Home Assistant, das ist eine Open-Source-Software, mit der
man allerhand an Automatisierungen machen kann und das ist wirklich ein Stück geile Software,
muss man sagen.
Also, es wirkt überhaupt nicht nach hier Open-Source-Gefrickel, wie es ja oft dann doch leider so ist.
Wir hatten's ja auch öfter, dass dann irgendwie User-Experience, UI, wird dann auch bisschen
vernachlässigt.
Aber das Ding ist wirklich einfach das Hand und Fuß.
Ich hab das hier auf meinem QNAP-NHS installiert, einfach ein Image, das ich dann in Container-Station
reingeladen hab und dann wurden ruckzuck auch automatisch sämtliche Geräte hier erkannt
von Shelly und von Yeelight und die Fritzbox und alles, was dranhängt.
Und dann kann man halt richtig cool Automatisierungen darüber machen, also, abhängig vom Sonnenstand
theoretisch, ja, natürlich ganz klassische Timer-Geschichten.
Es gibt eine Crawler-Integration, da kann ich quasi auf sämtlichen Webseiten oder in
irgendeinem JSON Werte auslesen und drauf reagieren und hab jetzt zum Beispiel sowas
gemacht, wie wenn meine Frau, die ist Lehrerin, wenn die an der Schule angekommen ist und
ich zu Hause bin, dann kommt über unsere Google-Lautsprecher eine Information, dass
sie an der Schule angekommen ist und wenn sie losgefahren ist, krieg ich das auch mit
und dann kann ich schon mal das Mittagessen machen zum Beispiel.
Oder die Waschmaschine hängt an einem Shelly-Plug und wenn da ein bestimmter Wattwert unterschritten
wird, dann weiß ich, aha, die Waschmaschine ist fertig und dann krieg ich da Bescheid
gesagt.
Und entweder in Form von Durchsagen über Google oder sonstige Speaker oder als Notification
aufs Handy.
Also es ist wirklich, man kann da wirklich quasi alles mit allem verknüpfen.
Ja, so wie if this, then that, aber halt wirklich lokal und mit den ganzen Geräten, die ich
hier eh zu Hause rumhängen hab.
Also das ist sehr, sehr cool.
Bin ich echt begeistert von.
Ich hab jetzt noch gar nicht so viel mitgemacht, aber allein die Sachen, die ich jetzt da hab,
find ich einfach sau cool.
Genau.
Wie viel Zeit hast du damit schon verbracht?
Das klingt, also ich wollt immer schon mal in diese ganze IoT-Home-Geschichte rein, aber
ich trau mich immer nicht so richtig, weil ich denke, dann mach ich immer so einen riesen
Fass auf.
Ja, das dachte ich auch, aber es ist wirklich, also das Ding leitet dich auch durch ständliche
Schritte über die UI sehr komfortabel zu konfigurieren.
Klar, dann waren wieder ein paar so Sonderfälle, wie es so oft ist, wo man dann doch irgendwie
so einen Trittanbieter-Repo reinfummeln muss, um dann irgendwie was ansteuern zu können,
was über die Standardintegration nicht so gut funktioniert.
Und da hab ich dann natürlich doch ein bisschen Zeit noch verbracht am Recherchieren und Gucken,
aber jetzt, sag ich mal, wenn man so Fertiglösungen hat wie Shelly oder so, das funktioniert alles
out of the box und nur mein komischer chinesischer Saugroboter, der wollte irgendwie nicht so
ganz.
Aber wie gesagt, also so diese großen bekannten Marken, die sind alle eigentlich sehr schnell
integrierbar.
Also aufgesetzt war das Ding ruckzuck, Container installiert, den Port im Browser aufgerufen
und zack war ich auf der Oberfläche, dann die App aufs Handy installiert, damit ich
da mein Tracking drüberlaufen lassen kann und Notifications bekommen, aber das ging
alles wirklich sehr schnell.
Also ich sag mal, wenn ich diese komischen Trittlösungen nicht gebraucht hätte und
darum recherchiert hätte, dann hätte ich diese, also die Plugs anzusteuern, wahrscheinlich
so in zwei Stunden hätte ich alles erstmal laufen gehabt und irgendwie so Location Services.
Das mit der Waschmaschine war noch ein bisschen, weil man natürlich gucken muss, okay, wenn
die schleudert, dann macht die zwischendrin Pause und dann sinkt die Wartezahl wieder
und da ist eine Grenze zu finden, okay, ab wann ist das wirklich ein Waschvorgang und
ab wann rödelt die nur noch und ab wann ist wirklich, aber man kann sogar so Sachen machen
wie der Zustand muss mindestens die und die Zeitdauer anhalten und erst dann ändert sich
der Status und damit hat es dann funktioniert.
Aber man lernt viel über die Funktionalität der Elektrogeräte dadurch, wenn man sich
mit sowas beschäftigt, weil, finde ich jetzt total spannend, du sagst ja, du hättest nie
gewusst vorher, ob das jetzt wichtiges Wissen ist, dass die zwischendurch eine Pause macht
beim Schleudern.
Ich meine, du hast dann quasi einmal einen Bug im System, aber ich finde es mega spannend
eigentlich so Details, dass man das dann…
Genau, ich habe mich gewundert, es ging dann immer wieder, also es kam quasi so im drei
Minuten Abstand dann immer die Meldung, die Waschmaschine ist fertig über die Lautsprecher
und da dachte ich, hä, wieso passiert das jetzt so oft und dann habe ich gesehen, ok,
bin dann in den Keller zur Waschmaschine, habe gesehen, ok, die schleudert und dann
bleibt sie wieder stehen und dann schleudert sie wieder und dementsprechend geht die Wattkurve
immer hoch und runter.
Und da dann zu gucken, ok, wenn die über 600 Watt ist, dann weiß ich, ok, jetzt ist
richtiger Waschvorgang und dann muss die da mindestens so lange draußen sein, dann passt's.
Jedenfalls, also die Möglichkeiten sind echt unendlich und wie gesagt, notfalls schreibt
man sich einen Crawler, oder schreibt man sich nicht, sondern nimmt einen Crawler und
richtet den entsprechend so ein, dass der irgendwelche Werte irgendwo aus ner API ausliest,
also ja, wirklich sehr cool und super Beispiel für wirklich gelungene Open-Source-Software,
die von vorne bis hinten durchdacht ist und einfach auch gut aussieht, also man hat auch
so ein Dashboard, wo man alle Lämpchen sieht und an- und ausschalten kann und sieht, wer
ist gerade zu Hause und so und das kann man dann theoretisch auf so einem Smart-Display
auch sich anzeigen lassen, damit man das zentral steuern kann oder halt eben über die App,
also da bin ich, ja, mal richtig begeistert von dieser Software.
Stefan, weil du vorhin meintest, ob man da in so ein Rabbit Hole fällt oder ob das irgendwie
so kompliziert ist, ich hab da irgendwann vor ner Weile so ganz low-levelig angefangen,
jetzt ohne irgendwas Verrücktes zu machen, ich hab halt angefangen mit, warte mal, was
war das Erste?
Ich glaub, das Erste war Licht oder war das Erste Heizthermostate?
Also ich hab dann auch gesagt, nee, ich nehm nur Geräte, die Homekit-unterstützt sind,
also von Apple, weil ich hier halt auch schon einen Apple-TV stehen hatte, der das irgendwie
alles steuern kann bzw. es ging sogar auch mal nur mit dem iPad am Anfang, aber das iPad
muss halt dann immer hier sein, weil du brauchst ein Gerät, das immer am Strom ist und immer
hier ist im Netz, das halt die ganzen Sachen steuern kann und ja, bin jetzt gar nicht so
tief da rein und auch mit Homekit geht auch nicht so viel wie mit Home Assistant, aber
das ist eigentlich relativ solide und stabil, ich hab jetzt hier, ich hab glaub ich so drei
Gerätetypen, ich hab Steckdosen, die auch gleichzeitig noch den Stromverbrauch messen,
was ich ziemlich cool finde, ich hab Leuchten, aber nicht alle, sondern halt die, die jetzt
hier mich zum Beispiel beleuchtet, also an meinem Schreibtisch und dann auch hinten an
meiner Couch noch eine, die halt auch die Farbe wechseln können und dann hab ich halt
so Szenen wie Fernsehen oder sowas, dann werden die Lichter runtergedimmt und die entsprechende
Steckdose geht an und dann die Stereoanlage und der Fernseher gehen dann an und der Apple-TV
spielt auf Netflix oder sowas, aber so ganz so fernsitiv, wie du jetzt da quasi reingegangen
bist, Sarah, bin ich da jetzt noch nicht.
Das macht auch Spaß, man kann sich da natürlich drin verlieren, aber es ist auch echt cool,
ich hab mir jetzt noch ein, weil du jetzt gerade Fernseher gesagt hast und irgendwie
auf Netflix schalten, so ein Infrarot- und Funk-Sender noch bestellt, so bei einem China-Versand
für ein paar Euro und bin mal gespannt, der müsste jetzt irgendwie nächste Woche ankommen,
dass ich dann wirklich halt sagen kann, okay, ich schalte den Fernseher an und dann wird
automatisch der AV-Receiver eingeschalten auf den richtigen Kanal und so, ja, mal gespannt,
ob das auch so reibungslos funktioniert.
Ich bin überzeugt.
Bei Home Assistant hab ich immer so ein bisschen, ich weiß nicht, du wirst berichten, ich hatte
da immer so ein bisschen das Gefühl, das ist so wie Linux betreiben, so von außen,
das funktioniert am Anfang alles super und dann machst du ein Major-Versions-Update und
dann musst du alles nochmal neu konfigurieren.
Hättest du zum Glück noch nicht machen müssen.
Aber vielleicht ist es auch gar nicht so, weil ich hab's nie selbst betrieben, ich hab,
das war nur so mein Gefühl von, manchmal hat man so im Software-Projekt gegenüber ein
Gefühl, obwohl man es nie ausprobiert hat, ja, keine Ahnung, ja, also ich kann's auch
nur empfehlen, also Heiz, ich kann jetzt nicht sagen, wie viel Heizung ich gespart hab, weil
ich glaube ich noch nicht zwei Heizperioden nacheinander irgendwie hatte, wo ich dann
sagen kann, es hat mir jetzt wirklich was gespart, das ist auch immer, dann kommt's
immer drauf an, wie lang ist das eigentlich in Kalt und wie ist denn der Winter so und,
aber ich finde es sehr angenehm, da so einen Zeitplan erstellen zu können für meine Heizung,
wo ich dann sagen kann, naja, ich heiz halt in dem einen Raum, weil ich mich da länger
aufhalte, irgendwie bis um elf oder so abends und, aber im Schlafzimmer versuche ich die
Temperatur relativ niedrig zu halten und nur, wenn es unter, ich weiß gerade gar nicht
mehr auswendig, nur wenn es unter fünfzehn oder sechzehn geht, nur dann fängt es überhaupt
an zu heizen, weil der Raum auch kühl sein darf, auch wenn man da drin schläft, ja,
also das finde ich ziemlich angenehm und dann kannst du auch so was machen, wie du kannst
so einen Heizplan irgendwie auch aussetzen, wenn du das Haus verlässt und so, wie sinnvoll
das ist, ist auch nochmal dahingestellt, weil wenn dann die Wohnung auskühlt und du musst
sie dann danach nochmal komplett aufheizen, ob das jetzt Energie, von der Energie her
besser ist, aber lauter verschiedene Sachen.
Das kann man ja herausfinden damit, du kannst natürlich auch den Energieverbrauch locken
lassen und dann machst du das mal testweise und guckst.
Ich liebe meine Steckdosen, wo ich den Stromverbrauch messen kann.
Mit denen konnte ich nämlich, ich habe jetzt keine wissenschaftliche Studie gemacht, mit
denen konnte ich aber nachweisen, dass der Dark-Mode von der Webseite tatsächlich Strom
spart, weil ich habe meinen Monitor dran gehängt an so eine Steckdose und habe den Stromverbrauch
angeguckt und habe das Light-Theme aufgemacht, habe mir dann den Stromverbrauch angeguckt
und dann das Dark-Theme aufgemacht und habe tatsächlich, ich kann den genauen Wert nicht
mehr sagen, aber tatsächlich messbar weniger Strom verbraucht, weil es ist so, dass das
Leute früher immer gesagt haben.
Macht ja Sinn, aber dass man es wirklich sieht, dass es passiert.
Ja genau, aber weißt du, das kann ja sein, dass die Leute sagen das, aber wenn man es
nie ausprobiert, kann man sagen, ja gut, ich meine, der Monitor ist trotzdem an, alle Pixel
leuchten, ob die jetzt heller leuchten, keine Ahnung, ob das wirklich weniger Strom verbraucht,
ich habe es ausprobiert und es war tatsächlich so.
Bei meinem Monitor war das so, Sample-Size, zwei verschiedene Webseiten, genau dieser
Monitor, muss ich halt dazu sagen, ich habe keine groß angelegte Studie gemacht, aber
da war das tatsächlich so.
Also Strommessgerät finde ich echt, also das mache ich ständig überall, habe sogar
so ein kleines USB-Strommessteil, wo ich auch gucken kann, welches Netzteil liefert, wie
viel Saft und durch welches Kabel geht denn wie viel durch und wie viel zieht denn welches
Gerät und so.
Das ist echt spannend.
Das ist aber sehr praktisch, ich habe ja das eine macOS-Mac-Kabel, damit lade ich ja alles,
weil das einfach so krass viel durchleitet, das ist der Knaller.
Habe ich gedacht, meine Schublade wäre gut aufgeräumt, aber dem ist nicht so.
Machen wir demnächst einen Schubladen-Aufräum-Stream.
Ja, vielleicht, ich wollte gerade, das weiß ich nicht, Digger, Jingle abspielen.
Okay.
Ja, ich muss die Jingles wieder reinladen, nach diesem kurzen Aufstarten.
Ja, genau, mach das mal, weil wir haben ja heute einen wichtigen neuen Werbejingle, der
abgespielt werden muss.
Ja.
Ist ein bisschen länglich, aber ich kann nichts dafür, ihr werdet später noch erfahren,
warum.
So.
Gut.
Soll ich dann mit meinem nächsten Thema weitermachen, während du die Jingles lädst?
Genau.
Ich weiß nicht, ob ich das im Podcast erzählt habe, auf jeden Fall haben wir im Stream mal
darüber geredet.
Ich hatte ja meinen Accessibility-Cheat-Sheet zu einem Poster gemacht, dass man sich bestellen
kann und im Büro aufhängen kann und bei mir im Büro hängt natürlich auch schon eins,
also jetzt hier im Homeoffice nicht, aber bei mir auf der Arbeit im Büro und es sieht echt
schick aus und was mir damit ja passiert ist, ist, unser Shop hat das, ohne was Bescheid
zu sagen, zwei Wochen, nachdem es online war oder ich kann es nicht genau sagen, zwischen
ein und zwei Wochen, nachdem es online war, einfach wieder offline genommen, da hatte
ich das schon überall verlinkt und hatte das schon auf dem Cheat-Sheet selbst so, hey,
das kannst du hier als Poster irgendwie dir bestellen und so und dann gingen die Links
alle ins Leere und ich habe es nur durch Zufall herausgefunden und ich hatte dann längere
Konversationen und also erst mal bei Spreadshirt jemanden zu bekommen, der einem Auskunft geben
kann und auch Auskunft gibt dann, das war schon schwierig genug, das hat schon wochenlang
gedauert, bis ich dann eine Antwort gekriegt habe, aber jetzt habe ich die Legal-Abteilung
an der Strippe, ich würde jetzt immer wieder auf diese alte Konversation reagieren, damit
bei denen das alte Ticket wieder aufgeht und die dann denken, das fange ich nicht nochmal
von vorne an.
Und der Witz ist, die wussten selbst gar nicht so genau, was jetzt das Problem war, die haben
nämlich offenbar einen Copyright-Erkennungsalgorithmus, von dem sie selbst nicht so genau wissen,
wie er funktioniert, das war zumindest mein Eindruck, weil ich habe dann gefragt, ja,
was ist denn jetzt das Problem damit, also, ja, der Copyright, ja, was dann da drauf und
dann kam irgendwie zwei Tage nichts, ja, wahrscheinlich, und das fand ich so eine witzige Formulierung,
ja, wahrscheinlich sind es diese Icons von, das HTML-Icon, das HTML5-Icon und es war noch
irgendein anderes, vielleicht ein altes Chrome-Icon oder so, aber genau wussten sie es auch nicht.
Ja, tausch das mal aus und dann nochmal gucken, habe ich gesagt, ja, kann ich irgendwo diesen
Review-Prozess von Hand anstoßen, kann ich irgendwo selbst diesen Roboter mal loslaufen
lassen, ja, nein, das geht nicht, ich muss dann warten und das ist quasi wie so von Gott
gegeben, kriege ich dann gesagt, das geht oder das geht nicht.
Vor allem, es geht ja erstmal auf jeden Fall und dann wird es irgendwann vielleicht offline
genommen.
Wenn du nämlich was online nimmst, ist es erstmal sofort zu bestellen, ist erst sofort
bestellbar und dann nach einer Zeit X läuft dieses Ding drüber und sagt dann, ah, nee,
habe ich was gefunden, ich nehme es sofort wieder auf, aber sie sagen auch nicht Bescheid,
also ich kriege nicht mal eine Mail, wenn das passiert.
Naja, ist jetzt wieder da, nachdem ich zwei Icons ausgetauscht habe, das hat tatsächlich
geholfen, keine Ahnung, für wie lange es wieder da ist, genau, wollte ich sagen, schönes
Poster, ich habe es mir selbst auch bestellt direkt, schön, glaube ich, fürs Büro, es
sind, wer das Accessibility-Cheat-Sheet nicht kennt, das sind so ein paar kurze Tipps, was
man tun kann, so ganz low-levelig, also man muss gar nicht, mir war es wichtig, da einen
schnellen Einstieg zu finden und sich das ins Büro zu hängen, ich benutze es auch selbst
für mich, weil ich die Sachen manchmal auch wieder vergesse und deswegen ist es cool,
es im Büro hängen zu haben, weil da muss ich einfach nur den Kopf drehen, kann drauf
gucken und kann sagen, hey, stimmt, ich habe jetzt noch gar nicht auf 400% gesumt, das
mache ich jetzt noch schnell, genau, also das ist jetzt wieder zu erwerben und wie gesagt,
ich habe es selbst bestellt, es ist super, bestellt es euch doch auch, wenn ihr uns unterstützen
wollt.
Genau, Link kommt in die Shownotes.
So, Stefan, du hattest auch was, einen Aufreger hast du gesagt.
Für die Retrospektive, ja, wir hatten uns ja kurz darüber unterhalten, was uns letzte
Woche vielleicht ein bisschen genervt hat durch die Web-Developer-Communities, egal
wo, ging es letzte Woche mal wieder um Web-Components und ich weiß nicht, wie doll ihr das verfolgt
habt.
Ich habe ja inzwischen so ein bisschen so den Hang, sowas wegzuatmen, weil ich keine
Lust habe auf Technologiedrama meistens.
Es ging jedenfalls los, dass der Solid-JS-Maintainer irgendwie gesagt hat, Web-Components werden
nicht funktionieren, werden niemals funktionieren, das ist die falsche Abstraction und dann haben
die ganzen Leute reagiert und haben gesagt doch und doch und doch und doch und diese
ganze Technologie-Kontroverse, die nervt mich halt so ein bisschen, weil letztendlich geht
es ja nur darum, irgendwie coolen Scheiß zu bauen und gute Sachen, die für alle funktionieren
und ob das jetzt mit ABC, also ich bin auch eher so ein Standards-Typ, schon gerne Standards,
aber ob das jetzt Framework ist, ohne Framework, Tech-Diskurs und Drama, nervt mich.
Ja, ich gucke da mit Popcorn mittlerweile so ein bisschen zu und denke mir so, naja,
am Ende setzen sich die Standards sowieso durch, egal wie viel ihr jetzt rumheult und entweder
ihr passt euch daran irgendwie an oder euer Framework ist halt irgendwann wieder weg.
Da habe ich jetzt schon so viel kommen und gehen sehen, ja, also da, aber ich glaube,
man gewöhnt sich so eine Lässigkeit irgendwann an, weil ich habe da schon viele solcher Trends
einfach nicht mitgemacht und denke mir dann so, ja, okay, dann kommt halt irgendjemand
da her und sagt, ja, aber wenn du das jetzt nicht so machst, dann musst du deine Bude
dicht machen in drei Jahren spätestens und ich mir so, ja, okay, dann reden wir halt
dann nochmal.
Ja.
Gut.
Also, wie oft mir das schon jemand erzählt hat, ich erinnere mich noch an ein Gespräch,
das ist, ah, das ist schon recht lange her, das war so 2014, also zehn Jahre her, da hat
mir jemand erzählt, wenn wir jetzt nicht auf Angular umsteigen, dann fährt der Zug komplett
ab.
Wir müssen jetzt Angular machen, weil alles andere kannst du ja vergessen.
Ja.
So, dann können wir jetzt uns mal angucken, wo ist Angular jetzt so, ist ja, ist ja gut
gelaufen.
Ja, und das Gleiche mit React und mit Vue und mit, mit allem anderen und wir hatten
es ja hier auch schon.
Die Plattform bleibt.
Wir hatten es ja auch schon über Web Components hier, da hast du, Moritz, auch schon gesagt,
ja, so ganz bist du mit dem, mit dem Aufbau oder was man braucht, um das zu nutzen, irgendwie
auch nicht zufrieden, wie man das konfiguriert und dass man da JavaScript überhaupt braucht,
warum kann man nicht das irgendwie über eine andere Abstraktionsebene machen und so, also
wir werden es nicht beeinflussen, wie es, wie es sich entwickelt und die anderen, die
alle laut umschreien, auch nicht.
Mittlerweile habe ich das Gefühl, dass die, dass die Kanäle zur Beeinflussung eigentlich
ganz gut, also ich habe es jetzt selbst noch nie gemacht, ich habe jetzt selbst mich noch
nie in den Standardisierungsprozess eingemischt, also nicht, nicht so direkt aktiv, aber ich
finde, es ist, es ist gefühlt jetzt viel leichter als vor zehn Jahren, da irgendwo
mal einen Kommentar zu hinterlassen, da mitzureden und zu sagen, oder nur einen Vorschlag zu
machen, weil halt oft die Diskussionen auf GitHub oder so stattfinden, du musst im Prinzip
das nur mitkriegen, dass das da ist, also da gibt es ganz, ganz, ganz viel, wo man mittlerweile
ziemlich leicht dran kommt, was früher so gefühlt, ich weiß nicht, vielleicht stimmt
es auch nicht, so verschworene Zirkel waren, wo man quasi nur, wenn man genau wusste, wo
man gucken muss, reinkam und mittlerweile gibt es ja sogar Leute, ja genau, mittlerweile
gibt es ja Leute, die aktiv auch irgendwie auf Social Media nachfragen und sagen, ey,
wir haben uns da was ausgedacht, sagt mal, was ihr darüber denkt, so, und das ist ja
ein ganz anderer Diskurs als vor zehn Jahren, also ich finde, es ist jetzt viel, also ich
will nicht sagen, es ist leicht geworden, aber es ist viel leichter als vor zehn Jahren
beispielsweise da im Standardisierungsprozess mitzuwirken und kann ich auf jeden Fall jeden
Tag nur dazu ermutigen, das auch zu machen, also was ich auch immer wieder interessant
finde, ist dieses, jetzt fällt mir der Name nicht ein, Interop heißt es glaube ich, wo…
Abstimmen.
Genau, abstimmen, das ist wirklich niederschwellig, das ist wirklich niederschwellig, da werden
die Features, die die Browserhersteller im nächsten Jahr umsetzen wollen, kann man selbst
auch was vorschlagen oder halt eben dann auch abstimmen und das, was am Ende gewotet wird,
das wird dann gemacht oder ich weiß gar nicht genau, gibt es da nochmal ein Komitee, das
dann sagt, das wollen wir aber nicht oder so, ich weiß nicht genau, aber man kann auf
jeden Fall voten und das wird auf jeden Fall dann stärker gewichtet.
Cool.
Ja, also da gibt es viel mehr mit der Community.
Und die Engines ziehen es halt durch.
Das ist ja dann, das Coole daran ist ja, dass dann ja Web-Platform-Tests geschrieben werden
und dann werden die ja pro Jahr wirklich daran gemessen, ob die Engines Interop durchgezogen
haben und das ist schon saukool, du kannst ja jetzt zu Web-Platform-Tests gehen und gucken,
wo 2024 steht, das heißt, wenn das halt bestimmt ist, dass es in Interop pro Jahr drin ist,
dann ist das schon sehr wahrscheinlich, dass das zeitnah, zeitnah im Sinne von einem Jahr,
Cross-Browser oder Baseline, wie man ja heutzutage sagt, kompatibel ist.
So, ich gucke gerade mal, ob wir da den Link noch irgendwie in die Schonungs kriegen, müssen
wir mal noch gucken.
Genau, so, aber dann würde ich, du warst fertig mit deinem Web-Drama, oder?
Nur kurz gemeckert, ich wollte nicht groß reingehen, aber machen wir gute Sachen, das
reicht.
Wir reden da später vielleicht noch drüber.
Ich sag das auch immer wieder, am Ende ist entscheidend, was du machst, nicht wie.
Also, ist es was Gutes, was du machst, ist es was, was gut für deine Nutzenden funktioniert
und dann ist vollkommen egal, auf welcher Technologie du das baust, es ist einfach,
wenn das für den Use-Case gut ist, dann mach das und ich frickel ja irgendwelche nativen
Javascript-Sachen zusammen, die bestimmt keinen Preis gewinnen, aber wenn es funktioniert.
Das passt ganz gut zu meiner Retro nachher noch.
Boah, wir müssen uns aber, ich muss jetzt, wir müssen mal vorankommen, ey.
Aber wir haben halt vieles zu besprechen, der letzte Podcast ist halt echt sehr, sehr
lange her.
So, also nächstes Thema, das ist die Subscribe-Podcast-Konferenz, auf die wir gehen werden.
Also, es gibt eine Podcaster-Konferenz in Berlin von 18. bis 20.10., und falls ihr auch
einen Podcast macht oder vielleicht mal einen machen wollt und irgendwie da was drüber
lernen wollt, dann kommt doch einfach dahin.
Also, wir haben uns da schon angemeldet, haben eben auch schon Zugticket und Hotel und keine
Ahnung was.
Und genau, ich freue mich da total drauf, bin sehr gespannt, es wird bestimmt eine ganz
interessante Konferenz, weil ich glaube, das wird eher so ganz klein und man könnte jetzt
auch selbst noch einen Vortrag einreichen, also so ein bisschen Barcamp-Charakter hat
das auch, sodass man auch selbst, also die Agenda ist jetzt noch nicht fix und ich bin
mir auch relativ sicher, dass es auch irgendwie vor Ort dann bestimmt noch die Möglichkeit
geben wird, wenn da jetzt irgendwie was aufkommt, dass man da noch spontan eine Session macht
oder sowas.
Es wird schon so ein bisschen mehr Chaos-Communication-Kongress als Beyond Tolerant, sag ich mal so, ja.
Ja, ich bin auch sehr gespannt, ja.
Und ja, keine Ahnung, also da trifft man dann auf jeden Fall so viele Software-Maintainer
von Software, die wir hier zum Beispiel benutzen.
Ich weiß nicht, ob jemand von Studio-Link dabei ist, aber auf jeden Fall von der ganzen
Ultraschall-Geschichte, die wir hier nehmen zum Aufnehmen und die Podlover-Geschichten,
die wir in unserem WordPress-Blog drin haben, die uns sehr, sehr viel Arbeit abnehmen.
Also da werden wir eine Menge Leute da treffen und falls ihr da irgendwie Bock habt, dann
kommt doch auch vorbei.
Ich glaube, was ich jetzt gerade gehört habe, es gibt noch Tickets, die sind auch nicht
teuer, die sind nicht teuer und Verpflegung ist trotzdem mit dabei, das hat mich komplett
überrascht.
Man kann vor allem quasi auswählen, welche Kategorie man bucht, ob man quasi für andere
mitbezahlen will, die sich das nicht leisten können, so ein teures Ticket, oder ob man
selber vielleicht weniger zahlen möchte, also das finde ich ganz cool.
Genau, das Community-Ticket, das alle Kosten deckt, das kostet 125 Euro und ich glaube,
es geht aber Donnerstag schon los und geht bis inklusive Sonntag, inklusive diverser
Treffen, die da noch zusätzlich irgendwie stattfinden.
Man kann aber auch Community Plus für 175 Euro nehmen oder Business für 300, um eben
dann die Veranstaltung mit zu unterstützen.
Also, und da ist Essen mit dabei für mehrere Tage, also das ist schon ein echt guter Preis,
muss ich sagen.
Jo.
Das war das.
Ja, vielleicht treffe ich mich ja dort.
Genau, vielleicht trifft man sich dort.
So, du bist dran.
Gut, jetzt habe ich gerade gesagt, das passt zu meinem nächsten Retro-Punkt, aber das
stimmt gar nicht, das passt nachher zu meiner Property.
Mein nächster Retro-Punkt, da geht es um was anderes, und zwar habe ich an einem internen
Tool bei uns gebastelt, da gibt es verschiedene Module und jedes Modul kann optional eine
API bereitstellen, das ist dann einfach in die Modulordner, eine API-PAP, die wird dann
wiederum von einem übergelagerten Skript, wird die verarbeitet und im Endeffekt wird
die API so definiert, dass es gibt einen Funktionsnamen und der entspricht der API-Methode, die ich
an diesen Endpunkt schicke von dem Modul.
Das heißt, es ist einfach eine PHP-Datei, diese API-PAP, wo auf direkt globaler, also
auf Dateiebene global, Funktionen definiert werden.
Und dann habe ich mir so ein kleines Tester-Tool geschrieben, mit dem ich einfach diverse Anfragen,
JSON-Body, an die verschiedenen Endpunkte schicken kann, und dann musste ich aber jedes
Mal das pflegen, quasi so ein kleines HTML-Formular, und ich kann halt den Endpunkt auswählen
und dann die entsprechende Methode, und dann musste ich halt jedes Mal die ganzen Endpunkte
pflegen und ich musste die Methoden pflegen, und dann dachte ich, wie cool wäre es denn,
wenn ich einfach die PHP-Dateien parsen könnte und mir einfach die Funktionsnamen da rauslutsche.
Und dann hab ich dann schon gedacht, okay, Regex, ist dann wieder fehleranfällig, gibt's
da nicht irgendwie, gibt's einen Tokenizer, und dachte dann, okay, dann installiert man
halt mit Composer irgendwie so ein Drittpaket, und dann habe ich gemerkt, brauche ich gar
nicht, es gibt nämlich die PHP-Funktion token get all, mit Unterstrich, und die macht
genau das.
Ich übergebe da einen String, der ein PHP-Skript ist, also erst mal get content, und dann kann
ich das über token get all, kann ich das übergeben, und dann krieg ich quasi ein Array
oder ein verschachtetes Array mit den verschiedenen Tokens, ja, und kann dann sehen, ah, jetzt
habe ich das Function-Keyword, okay, also das nächste ist dann ein Function-Name, und
das ist genau das, was ich brauche, ich brauche alle Function-Names, die da definiert werden.
Dann gab's noch so ein paar Gotchas mit, ja, wenn ich jetzt mal so eine Helper-Funktion
innerhalb von einer Funktion definiert habe, was man ja manchmal macht, dann wird das auch
gefunden, soll aber nicht, also ich brauche nur die, die wirklich auf erster Ebene sind,
dann wollte ich noch ausschließen, die mit Unterstrich sind, als privat deklariert, die
kann ich über die API gar nicht aufrufen, also sollen die auch ignoriert werden.
Aber das fand ich ganz cool, dass also PHP schon einen Tokenizer für sich selbst mit
an Bord liefert, in Form von einer einfachen Funktion, und ich gebe es zu, ich habe ChatGPT
genutzt, um mir dann rauszulutschen aus diesem Ergebnis, was ich da zurückbekomme, suche
mir alle Funktionsnamen raus, weil mir das dann zu blöd war, mir erst mal dieses Riesen-Array
anzugucken und zu schauen, was brauche ich denn an welcher Stelle, oder die Doku zu wälzen,
und ich hatte dann wirklich, ja, innerhalb von ein paar Minuten hatte ich genau das,
was ich wollte, ich habe in dem Formular jetzt automatisiert, also per Glob kriege ich automatisch
alle Module, und dann sucht es zu jedem Modul über diese Token-Geschichte alle Funktionsnamen
raus, die ich da brauche, und jetzt kann ich im Endeffekt, brauche ich nur eine Funktion
anlegen in so einer API PHP, und habe die automatisch in dem Formular, und schicke meine
Daten hin, und ja, Entwicklung deutlich vereinfacht.
Das war's.
Cool.
Guter Funfact.
Ja.
Ich bin jetzt nicht so tief in PHP drin, weiß nicht, ob ich das jemals brauchen werde, aber
das klingt total spannend.
Okay, dann kann ich jetzt noch sagen, warum, Moment, ich muss jetzt gerade mal irgendwie,
ohne dass ich irgendwas kaputt machen kann, kurz einen Sound einspielen.
Das bin nicht ich, muss ich gleich dazu sagen, meine Tastatur wäre so laut.
Nein, nein, nein.
Das ist ja auch das, was man Thock nennt, ja, so ein tieferer Klang, nicht so ein Klick-Klick-Klick,
sondern ... Das ist dann die Leertaste.
Ja.
So, vielleicht, nee, ich hab da definitiv schon viel zu viel drüber geredet im Podcast und
auch im Stream, Tastatur, ich hab ja, irgendwann hatte ich mir mal diese MX Keys vom Mac gekauft,
und die ist auch super, solange bis man zum zweiten Mal Bier drüber leert.
Also beim ersten Mal war es noch okay, aber dann irgendwann nimmt man so die Taste da raus
und denkt so, ach ja, ich muss jetzt hier so ein bisschen sauber machen, damit es nicht
so klebt, und du versuchst, die Taste wieder reinzumachen und merkst so, ah, da sind so
ganz dünne Plastik-Schnupsis, die jetzt abgebrochen sind und die Tastatur, die Taste, die will
jetzt nicht mehr so, wie ich will, und dann versucht man es mit Sekundenkleber wieder
festzukleben und überlegt, oh, krieg ich vielleicht Ersatzteile?
Nein, Logitech liefert dafür keine Ersatzteile, ich hab so oft den Support angebettelt, es
gibt einfach keinen.
Es gibt aber so einen komischen Schwarzmarkt für Ersatzteile für diese Tastatur.
Man kann dann so eine einzelne Taste für zwei bis fünf Euro bei Ebay nachkaufen, weil
es gibt Leute, die tatsächlich die alten Tastaturen, die kaputten, aufkaufen und dann
genau das machen, die verkaufen dann die einzelnen Tasten für ein Heidengeld.
So.
Und ich hab dann gesagt, nee, Logitech, das wird's jetzt nicht mehr, das ist einfach,
wenn die mir keine Ersatzteile liefern, das ist jetzt generell auch so was, auch mit meinen
Kopfhörern, die ich hier aufhabe, hab ich ja auch schon mal erzählt, die haben so ein
paar Macken, hätte ich mir gerne reparieren lassen, jemand, der mir nichts repariert und
mir keine Ersatzteile gibt, das möchte ich nicht mehr kaufen.
So.
Und dann hab ich lange, lange gesucht und überlegt, ja, so eine mechanische Tastatur,
das wär's ja jetzt irgendwie schon, das hat man ja jetzt so.
Aber ich hab natürlich eine ganz lange Latte an Anforderungen gehabt, die nur sehr schwer
zu erfüllen waren.
Und die erste Anforderung ist schon mal, die am schwierigsten zu erfüllende ist, wenn
man irgendeine andere Anforderung noch hat, ist deutsches ISO-Layout, weil ich werde
mich nicht mehr umstellen auf amerikanisches Tastatur-Layout, das Standard-ANSI-Layout
von den amerikanischen Tastaturen, da kriegst du alles mit.
Da ist wirklich, ja, da sind der Freiheit keine Grenzen gesetzt.
So, und dann hatte ich auch schon mal eine rausgesucht, wo ich gesagt hab, wenn's die
jetzt noch gäbe mit ISO-Layout, dann, das ist es, die sieht gut aus, die hat alle Features,
aber halt nur nicht im richtigen Layout.
Und jetzt ist die tatsächlich rausgekommen, vor ein paar Monaten, oder ich hab sie da
zumindest zum ersten Mal entdeckt, hatte sogar mal einen Reddit-Post gemacht, so mit meinen
Anforderungen, und dann irgendjemand, ah ja, ich such genau dasselbe, aber auch noch nichts
gefunden.
Und dann irgendwie zwei Wochen später hab ich die durch Zufall entdeckt, und zwar ist
es eine Keychron K1 Max-Tastatur, die, ich halt sie hier nochmal in die Kamera für euch,
tenkeyless, das heißt, da ist kein Numpad dran, die hört nach den Pfeiltasten auf,
hat aber ansonsten das normale ISO-Layout, genau, hat auch Ä, Ö, Ü und so weiter,
alles so wie es sein soll, große Enter-Taste, hört sich gut an, fühlt sich tatsächlich,
ist ungewohnt zu tippen, weil ich war vorher gewohnt, dass meine Finger im Prinzip fast
gar keine Bewegungen machen müssen, da muss man jetzt schon ein bisschen mehr drücken,
aber sie ist relativ flach im Vergleich zu den anderen Tastaturen, also zum Beispiel
zu Saras Tastatur, es ist mehr so Low-Profile, glaube ich, man kann die einzelnen Tasten
da rausnehmen, ich kann die Switches tauschen, also das heißt, wenn ich da jetzt fünfmal
Bier drüber leere, dann ist die Chance, dass ich doch nochmal irgendwie was austauschen
kann und es reparieren kann, ist relativ groß, also auch zukunftssicher für mich,
ich habe aber noch nichts drüber geleert, klopf auf, ich suche gerade Holz, genau, sie
ist wireless tatsächlich, also ich kriege jetzt kein Geld dafür, das ist ja Werbung,
ich habe nur sehr lange danach gesucht, das war ein schmerzvoller Prozess, also ich habe
auch mit so einem Dongle, also ich meine wireless, manche Leute sagen ja, Bluetooth ist wireless,
aber da würde ich widersprechen, Bluetooth ist einfach nur eine Krankheit und funktioniert
bei sowas nicht, wireless geht eigentlich nur mit so 2,4 Gigahertz Dongle oder was auch
immer, ich glaube, die funken aber immer in diesem Bereich und das funktioniert dann sehr
gut und vielleicht zeige ich noch ein Feature, ich habe mich dann sofort gefragt, wie ist
denn die Akkulaufzeit von sowas, weil da wurde immer so wieder gesagt, naja, das ist nicht
so gut und dann habe ich gesagt, die Logitech, das hält halt irgendwie schon gefühlt so
ein halbes Jahr, bis ich die wieder aufladen muss, das ist eigentlich schon ziemlich gut,
weil ich will ja nicht eine drahtlose Tastatur, damit dann ständig das Ladekabel dran hängt,
dann kann ich mir auch eine mit Kabel kaufen, so, pass auf und jetzt kann man hier, weil
die hat eigentlich auch eine Beleuchtung hinten dran, jetzt kann man hier sich mit der Beleuchtung
die verbleibende Akkulaufzeit anzeigen lassen, Achtung, also nicht Zeit, sondern wie viel
Akkus es noch hat, Achtung, sieht man das, ah, nicht so richtig, also was da jetzt passiert
ist, ich drücke Function B für Battery und dann bei den Zahlen-Tasten gehen die LEDs
an von links nach rechts, also quasi von 1 bis 0 ist quasi voll und da sehe ich dann
quasi den Zustand und dann gehen die an und dann wird es halt grün oder rot hinterher,
total geil und ich muss sagen, wenn man die Hintergrundbeleuchtung aus hat oder die Beleuchtung
generell aus hat, hält der Akku auch echt ewig, also ich habe die jetzt ganz am Anfang
einmal voll geladen und ich habe die jetzt seit mindestens einem Monat oder so und ich
habe jetzt, wenn ich jetzt gerade nochmal gucke, der Akku ist jetzt bei 60% immer noch,
also das funktioniert echt gut und die kann man dann auch konfigurieren mit allem möglichen
Quatsch, also es gibt ja so browserbasierte Tools, wo man dann irgendwie über Web-USB
auf die Teile zugreifen kann und dann kann ich sagen, ja, mach mir auf die Taste den
Shortcut, mach mir auf die Taste den Shortcut, ich kann theoretisch auch die Keycaps austauschen
und dann kann ich vielleicht irgendwann mal meine Custom-Keycaps machen, damit ich hier
meine Klammern und so, das war ja das, wovon es ursprünglich ausging, eckige Klammer und
sowas, dass ich das auch da drauf sehen kann, ja, aber ich glaube, ich bin jetzt so langsam,
ich habe jetzt was gefunden, worauf ich auf jeden Fall aufbauen kann und da bin ich echt
happy drüber und ich sehe gerade, also wer sich auch für sowas interessiert, die kostet
jetzt gerade bei Keychron und die gibt es momentan auch wieder für deutschem ISO-Layout
113 Euro, also das ist jetzt nicht super billig für eine Tastatur, aber das Ganze wirkt
irgendwie, es ist sehr stabil und wie gesagt, man kann halt jede einzelne Taste irgendwie
austauschen und den Switch darunter auch, also falls man sagt, ich möchte jetzt doch
mal Clicky ausprobieren oder sowas, kann man das alles machen und ich denke, die dürfte
auch, ich will es jetzt nicht unbedingt absichtlich ausprobieren, auch relativ getränke-safe
sein oder ich kann dann zumindest sagen, wenn der Switch, wenn ich den Switch tatsächlich
kaputt kriege mit Bier, dann kann ich ihn tauschen gegen einen neuen und interessant
fand ich auch die Return-Policy, dass sie sagen, wenn was kaputt ist an deiner Tastatur
und es in den Garantiezeitraum fällt, dann kriegst du keine neue, sondern wir schicken
dir nur die passenden Ersatzteile, was ich eigentlich auch richtig gut finde, also genau,
so soll es eigentlich sein, warum sollte ich dafür komplett neu, also es ist man mittlerweile
oft gewöhnt, ne, denkst du, wieso kriege ich nicht komplett neu, nee, aber wozu, wozu
eigentlich, wenn jetzt nur drei Switches kaputt sind aus irgendeinem Grund oder nur die Tastatur,
die Taste damit auseinandergebrochen ist, wieso soll ich dann jetzt komplett neue Tastatur
kriegen, finde ich sehr gut, ich hoffe mal, wir werden hier drüber berichten, ob ich
damit jetzt auch glücklich bleibe, es war jetzt erstmal auch eine Umstellung beim Tippen,
genau, es war jetzt, ist auch eine Umstellung beim Tippen, wie gesagt, das ganze Ding ist
viel höher, als das, was ich vorher hatte, aber man hat schon so ein bisschen Muskelkater
auch in den Fingern, ne, also ich bin auf mich gehalten, das Keyboard vor zwei Jahren
und dachte so, was ist denn hier los, tatsächlich, ganz genau, hatte ich auch, aber mittlerweile
habe ich mich daran gewöhnt und jetzt mache ich noch ein bisschen mehr Sport, bisschen
mehr Kalorien werden verbrannt, ich weiß nicht genau, so 0,4 Kalorien am Tag mehr oder so,
weiß ich nicht genau, die Finger sind schon deutlich dicker geworden, nein, Spaß, aber
es ist echt, ja, genau, also du hattest dann vorher auch so eine von Apple oder sowas,
so eine ganz flache, ich war vorher auf einem Mac-Keyboard, aber ich bin jetzt, warte mal,
jetzt muss ich gucken, dass ich hier nichts kaputt mache, ich bin inzwischen auf sowas
hier, oha, ah ja, quasi auf so einem Split-Keyboard, auch mechanisch und es ist der absolute Hammer,
wenn ich jetzt irgendwie, also ich sitze meistens am Schreibtisch, ne, und ich tippe halt so,
ne, und mein Trackpad ist in der Mitte und wenn ich halt zwei Stunden am MacBook so arbeite,
dann merke ich richtig, dass meine Hände sagen, ey, was machst denn du hier, das ist,
so sind die nicht designt, Junge, und ich gehe bestimmt nicht mehr zurück zum normalen,
jedenfalls nicht für acht Stunden am Computer arbeiten.
Ja, ja, ja, ich habe da auf der GPN einen ganz interessanten Vortrag gesehen, dachte
so erst, hier irgendwie Custom-Keyboards, ah, der sagt jetzt irgendwie, was für Switches
man nehmen soll bei der mechanischen Tastatur, ne, das war ein Vortrag da über ergonomische
Tastaturen und dagegen ist das, was du da hast, eigentlich noch sehr moderat, weil da
geht es dann wirklich um ergonomisch mit, die haben quasi, die sind quasi eingedellt
und sodass ich quasi die Hand einfach reinlegen kann und die Tasten genau an den Fingerpositionen
sind, wo die Finger natürlicherweise wären und dann gibt es natürlich auch noch Leute,
die sagen, hey, das normale Tastaturlayout ist doch kompletter Quatsch, ich tippe doch
die Taste viel öfter als die und wieso ist dieses Layout so, ich will doch da den Zeigefinger
da haben auf den Tasten, die ich öfter, und dann gibt es Leute, die wirklich die Tastatur,
die machen da wirklich Wissenschaft und tauschen die Tasten aus, dass die Finger, die ich am
besten bewegen kann, an den Tasten sind, die ich am häufigsten drücke und das ist dann
natürlich auch nochmal sprachabhängig, super spannend, also ich weiß nicht, ob ich da nochmal
hinkann, aber es gibt Leute, die schwören da drauf, die haben dann wirklich komplett
anderes Tastaturlayout, ja, nur nach einem halben Jahr hast du es gelernt und dann bist
du so schnell und also da gibt es echt abgefahrenes Zeug.
Ich habe es einmal versucht tatsächlich in diesem Split-Keyboard-Bereich, da schwören
ja viele auf das Moonlander heißt es, das ist so ein super Space-Keyboard, das ist auch
mit Winkeln hier und kannst du auch komplett programmieren und ich habe das tatsächlich
einen Monat lang versucht und ich habe aufgegeben und der Grund war, dass die Reihen der Keys
komplett senkrecht übereinander waren und da bin ich tatsächlich nicht reingekommen,
also das normale Keyboard, da ist ja U, J, M oder was auch immer, das ist ja immer so
ein bisschen versetzt und da waren das gerade Linien, das war wie so der Nummernblock, keine
Chance.
Ich habe sie gerade mal mir hier rausgesucht, ja, die sieht schon abgefahren aus und ja,
das sieht, das ist ganz anders, also man kennt es ja von der Tastatur, das sind hier versetzt
die Tasten und da sind es tatsächlich gerade Linien von oben nach unten und dann hast du
auch noch so für die Daumen noch einen extra erhöhten Bereich.
Das ist aber geil, das kaufe ich mir auf jeden Fall bald.
So, warte mal, GPN, warte mal, das war es, GPN 18, ich wollte jetzt gerade noch den Talk,
warte mal, wieso gibt es da kein Video, ich packe mal den Talk noch hier mit in die Shownotes
rein, wo es ums Keyboard-Hacking ging, genau, so, ok, dann haben wir es, haben wir es geschafft
für die Retro jetzt nach langer Zeit, ich hätte noch tausend mehr Punkte gehabt, aber
ich glaube, das wäre zu viel, da müssen wir wieder, wir hätten eine komplette Retro-Folge
wieder machen können, sowas haben wir auch schon mal gemacht, aber ja, vielleicht nicht
heute, nicht mit Gast.
Ne, genau, dann kommen wir zum nächsten Punkt.
Die Property der Woche Genau, und jetzt kommt das, weil du vorhin
gesagt hast, ja, ist egal, welche Technik du nutzt, Hauptsache es funktioniert am Schluss
für den Anwendungsfall und ich habe diese Woche einen, wollte ich einen Lebenslauf mal
schreiben, weil ich habe sowas ja gar nicht, ich musste mich ja noch nie so richtig bewerben
und ja, sprechen wir vielleicht mal noch an anderer Stelle drüber, warum ich das brauche
und dann hatte ich keine Lust, jetzt irgendwie groß InDesign aufzumachen und irgendwie,
ja, wie mache ich das jetzt, mein Handwerkszeug ist halt einfach HTML und CSS, also warum
nicht das nutzen und hab einfach eine Seite gestrickt, weil vielleicht will ich das ja
später tatsächlich auch mal einfach online haben auf so einem Dev-Portfolio und ja, so
habe ich es dann auch gemacht und bin, hab da wirklich einfach so möglichst schnell
ans Ziel, ja, also erstmal HTML und CSS dafür schon zu nutzen, dann wirklich für Sachen,
die halbwegs tabellarisch sind, mal wirklich wieder Tabellen-Layouts benutzt, ja, und dann
ist halt, hab ich zum Beispiel auch so nie realisiert, aber klar, eine Table mit Align
Right, die ist quasi Float Right, ja, das ist dann auch ein Float und mit Floats habe
ich schon so lange nicht mehr zu tun gehabt, dank, dank.
Float Right?
Ja, genau.
Also Table, Align, gleich Right, das Attribut Align.
Das Attribut?
Mhm.
Ist das nicht schon seit 100 Jahren deprecated?
Ja, ja, bestimmt, aber es funktioniert noch.
Jedenfalls hatte ich dann wieder diesen typischen, ah, jetzt rutscht aber dieser Content daneben
und das will ich eigentlich gar nicht und weil man schon so lange nichts mehr mit, mit,
mit Float-Layouts eigentlich zu tun hatte, dank Grid und Flexbox, ähm, hab ich gedacht,
boah, muss ich jetzt da einen Clearfix außen rumhauen oder was mache ich oder, gut, Overflow
Hidden könnte ich machen und dann bin ich irgendwie, ich hab dann einfach in der Dev-Konsole,
ich hab CSS, ähm, dann geguckt, so mit den, mit den Properties rumgespielt und gedacht,
kann ich einfach irgendwas mit Display machen, dass das dann wieder da rumrutscht und siehe
da, Display Flow minus Root, kennt ihr das?
Nee, tatsächlich nicht.
Du, Stefan?
Stefan kennt's garantiert.
Nee?
Nee, Stefan, ich bin auch nur Kopf.
Also, ihr könnt's jetzt nicht erklären, ich bin ja so ein großer Freund von diesen
Sachen, könnte ich dir jetzt nicht erklären.
Okay, ich kann das, wie gesagt, gar nicht, weil es einfach so, ne, es ist eine Lösung
für ein Problem, dass man eigentlich heute nicht mehr hat, wenn man jetzt nicht gerade
irgendwie Artikel bastelt, wo Text um irgendwelche Bilder floated oder so, ne, weil man halt
eigentlich Floats nicht mehr so wirklich benutzt, zumindest halt eben nicht für, für solche
Layout-Geschichten, wie ich hab da wirklich einen Container mit Inhalt, der da irgendwo
stehen soll.
Und das macht im Endeffekt, behebt es eben genau dieses Problem, ich setze Display Flow
Root und das macht einen neuen Block-Kontext und sorgt eben dafür, dass, dass Floats innerhalb
dieses Containers nicht irgendwie rausrutschen können und dementsprechend auch Content,
der nachfolgt, eben halt nicht neben diesen Float rutschen kann.
Sondern es sagt, alle Inhalte, die hier drin sind in meinem Container, die müssen auch
hier drin bleiben und die spannen den Container auf und sämtlicher Inhalt muss, muss da drin
abgedeckt werden.
Ja, und so bin ich da, bin ich da drauf gestoßen, kannte es nicht, es gibt's aber schon sehr,
sehr lange.
Ähm, gibt auch, äh, nen Code-Pen, dass sich in die, in die Shownotes hängen, ähm, von
Rachel Andrews, da steht noch drin, needs Chrome Canary or Firefox Nightlys, das stimmt
inzwischen schon längst nicht mehr.
Also, man kann gucken auf Canause, also alle Evergreen Browser, den IE, klammern wir sowieso
immer aus, ähm, die, die haben das schon seit sehr langer Zeit, äh, Safari 2019, ähm,
Chrome 2017, also ist jetzt wirklich nix mehr, nix mehr allzu Neues, aber ich hatte es einfach
komplett überhaupt gar nicht auf dem Schirm, weil, ne, wenn man's nicht braucht, warum,
warum sollte man davon irgendwie groß gehört haben, wenn man nicht grad den Artikel oder
was drüber gelesen hat, ne?
Und, äh, ja, fand ich einfach witzig, wenn man doch mal irgendwie noch mal in Versuchung
kommt, irgendwas mit Floats zu machen, dann braucht man hier kein, kein, äh, Clear Both
auf, auf irgendwelche After-Elemente setzen oder sonstiges, ähm, oder, äh, beliebt ist
ja auch, äh, Overflow Hidden, aber dann hab ich das Problem, dass halt zum Beispiel Shadows
abgeschnitten werden, die da drin sind, ähm, das hab ich alles damit nicht.
Das war auch schon dieses, dieses kleine Property.
Ich glaub, ich würd mir die Mühe nicht machen, wenn ich jetzt so einen CV oder einen Lebenslauf,
äh, online haben wollte oder generell haben wollte, würd ich's wahrscheinlich ganz langweilig
mit Canva oder so bauen, irgendwie so eine Vorlage davon nehmen, oder wenn ich's tatsächlich
online haben will, irgendwo nach einer Vorlage gucken und die dann anpassen, ich glaub, ich
würd's nicht von Hand bauen.
Ja, aber das, ja, also wenn ich, bis ich da jetzt gesucht hätt, ich hab's, es ging tatsächlich
relativ schnell.
Nee, ist ja gut, ich bin sehr gespannt, wie's aussehen wird, vielleicht darf ich's ja mal
sehen.
Ich kann's dir gerne mal schicken, ja.
Ähm, genau, bin ich, bin ich sehr gespannt, ich glaube, ich würd mir die Mühle nicht
machen, sondern würd mich sehr stark verlieben.
Ja, du kennst mich doch, ich, bevor ich nach Lösungen such, bastel ich lieber selber.
Du bastelst, nee, du suchst ja gar nicht, du bastelst ja sofort.
Ja, eben.
Aber das ist ja, das ist ja, das ist ja wirklich krass, ähm, das hatten wir im Podcast jetzt
eigentlich noch nicht so, aber im Stream, wenn ich da sowas sage, ah, jetzt bräuchte unser
Soundboard aber eigentlich noch das, und dann hör ich nur noch klack, klack, klack, klack,
klack, Sarah guckt irgendwie ins Leere, und ich red so weiter und denk so, können wir
irgendwann noch mal, antwortest du auch irgendwann noch mal, klack, klack, klack, klack, zehn
Minuten später?
Moment, hab's gleich.
Der Bildschirm, der, hab's gleich, der Bildschirm flimmert kurz, ah, das Feature ist jetzt da,
was du grade gesagt hast.
Ja, das ist schon, man muss es, ähm, man darf's nicht missbrauchen, ähm, aber wenn
man, wenn man weiß, wie du da tickst, dann kann man sagen, oh, das wär voll cool, sowas
zu haben.
Wär doch voll, wär doch voll cool.
Ja, leicht manipuliert.
Ja.
Man muss, ja, man muss verantwortungsbewusst damit umgehen, und dann, ja.
Das ist nett, dass du das machst.
Ich glaub, ich, zumindest glaub ich das, ich weiß es nicht, das müssen, das müssen andere
entscheiden.
Noch sind wir befreundet, hoffentlich.
Ja, nachdem du mir jetzt die Kabelkisten hier hast aufgeräumt, helfst du mir das jetzt.
Jetzt, jetzt, ich glaub auch, jetzt hab ich schon vier gut bei dir oder so, nachdem wir
Kabelkisten aufgeräumt haben.
Auf jeden Fall.
War ja sogar meine Idee.
Ich, ich hab gesagt, ey, wir lassen, lass uns mal deine Kabel aufräumen.
Ja.
Das ist ja schon, für alle, die nicht wissen, wovon wir hier reden, äh, wir hatten jetzt
gerade einen Stream, wo wir in, äh, etwas mehr als vier Stunden, ich glaub, fast, fast
fünf Stunden, ähm, Saras, äh, vier Kabelkisten aufgeräumt haben.
Vier?
Ja, drei Kisten und irgendwie noch so ne Tasche mit, mit dem geilen Laptop aus den Anfang
der 90er-Jahre.
Aus dem Anfang der 90er-Jahre Laptop mit einem Diskettenlaufwerk, wie geil, wie geil war
das denn?
Und der ist sogar noch einzigartig.
Schade, dass wir ihn nicht mehr so neu an, ist er gegangen, aber wir haben nicht mehr
in, in Windows 3.11 booten können.
Ja, aber die Windows 3.11, äh, Installationsdisketten waren dabei.
Man könnte es einfach neu installieren.
Da, dabei, könnte man versuchen, äh, das ganze Ding noch mal irgendwie platt zu machen
und zu installieren.
Das wär aber geil, das wär aber geil für den Stream eigentlich, oder?
Ja, ja.
Das, das, das wär was, wär was, was man da mal machen könnte.
Wir setzen Windows 3.11 neu auf.
Ja, wir mal schauen, ob wir es hinkriegen, keine Ahnung, aber man darf ja auch scheitern
im Stream.
Genau.
Okay, dann haben, wenn ich das richtig sehe, haben wir, machen wir erst Entscheide Dich
und dann kommt das.
Nee, wir machen erst Werbung.
Ach, kommt, kommt das doch vorher, okay, dann ist es, äh.
Es kommt, natürlich, es kommt vor Entscheide Dich, kommt immer zuerst Werbung.
Ah ja, dann ist das nur falsch nummeriert.
Okay, dann bin ich sehr gespannt, was du da produziert hast.
So, wir sind jetzt voll, dein Action-Fucking-Punk-Kast, unabhängig, werbesfrei und bäm und bäm
und geil.
Jetzt überall, wo es Sportjagd gibt, unterstütze uns mit Kick und Geld, yeah, yeah, yeah, yeah.
Ich hab, ich hab eine Vermutung, hast du es AI generieren lassen?
Ja, es ist tatsächlich AI generiert, der Text, der Text nicht, ähm, den Text hab ich irgendwie,
es war sehr schwer, die AI www.sev.de slash irgendwas sagen zu lassen, ich hab das tatsächlich
versucht in Lautschrift einzutippen, weil sonst kommt wieder www.siv raus, ich hab's
tatsächlich, äh, also das ist eins von, einer von, ähm, zehn oder fünfzehn, die
ich generiert hab, das war so der Beste, fand ich, und, ähm, mein, äh, mein Prompt war
so was in Richtung, ich hätte gern, ähm, 90er-Action-Spielzeug-Werbung für Kinder.
Ja, geil.
Also so, vielleicht erinnert ihr euch irgendwie an, äh, keine Ahnung, Superhelden, äh, irgendwelche
Raumschiffpanzer, keine Ahnung, irgendwie so was, da hab ich dran gedacht, das wär
doch irgendwie so ein, so ein geiler Style, und, ähm, ja, das hab ich generierend, äh,
mit suno.com, ähm, ja, da ist ne, auch nicht alles Gold, was da rauskommt, wie gesagt,
ich hab jetzt halt eins mal ausgewählt, aber dacht mir, jetzt haben wir einen neuen Dingelchen.
Sehr cool.
Ich würd auch gern.
Wir haben irgendwie letztes Jahr oder so zum ersten Mal mit so Audio-Generierungszeug,
ne, auch im Stream und hier im Podcast, äh, so ein bisschen gespielt, und da war das
noch meilenweit davon entfernt, ne, da war das irgendwie, du hast voll gemerkt, dass
da irgendwas loopt und irgendwie Artefakte und so, aber das war ja schon echt richtig
cool.
Äh, ja, also das ist wirklich, also wenn du willst, schreib das sogar den Text für
dich.
Mhm.
Ähm, du musst nur irgendwie drei Stichworte reinschreiben, und dann, äh, musst du noch
sagen, was für ein Stil, grob, da reicht auch theoretisch ein Wort, dann erfindet es halt
irgendwas.
Du kannst aber auch relativ genau spezifizieren, ich hab da jetzt halt gesagt, naja, das soll
so ne sehr maskuline Stimme sein, und ich hätte gern irgendwie Rock und, und E-Gitarren,
aber halt auch dieser Nineties, äh, Toy-Advertisement-Style, keine Ahnung, was das jetzt da verstanden
hat, genau, und, ähm, dann kam das dabei, und die klangen alle relativ ähnlich, also
der, der Stil war schon ziemlich genau getroffen, fand ich, es war schon diese, diese, diese
Werbung.
Wer die vielleicht noch kennt aus den Nineties, ich weiß nicht, vielleicht klingt die auch
immer noch so, vielleicht gibt's ja immer noch sowas.
Ich hab keine Ahnung, wie, äh, Kinderspielzeug-Werbung heutzutage so ist, aber.
Guckst du kein Toggo und Kinderkanal und sonst was mehr?
Ich, ähm.
Gut, Kinderkanal ist eh werbefrei.
Doch, doch, doch, ähm, äh, ja, manchmal nachts.
Bernd das Brot in Dauerschleife.
Ja, genau, ja, das ist Bernd das Brot in Dauerschleife, ist, ist sehr gut.
So, jetzt spielen wir ein kleines Spiel, genau, jetzt spielen wir ein kleines Spiel, äh,
um dich, Stefan, ein bisschen besser kennenzulernen, und, äh, es funktioniert, äh, so, machen
wir, ne, machen wir den Jingle, glaub ich, zuerst, oder, und dann machen wir erst den
Jingle.
Es ist ganz einfach, du kriegst einfach Entscheidungsfragen von mir vorgelesen, und, ähm, du musst dich
also entweder oder, und du musst dich sehr schnell entscheiden, ähm, wir haben da keine
große Zeit, und, äh, im Notfall darfst du auch weitersagen, aber da gibt's dann schlimme
Nachfragen, warum du weitergesagt hast, also da musst du dich auf jeden Fall drauf einstellen.
Ähm, und wir probieren es erst mal aus, äh, machen wir eine Probefrage, bevor es, bevor
es dann richtig losgeht, wenn ich jetzt sage, Katze oder Hund?
Hund.
Genau, so funktioniert das Spiel, du hast es verstanden.
Perfekt, genau, ähm, du, es gibt keine falschen Antworten, es gibt nur fragwürdige, es gibt
nur fragwürdige Antworten, bei denen wir dann nachfragen.
Genau.
Okay, dann.
Ja genau, Soundtrack starten und, ähm, Sarah, du darfst gerne die Notizen machen, weil ich
in der Schnelle der Zeit das nicht kann, du Fragen kommst von mir.
Los geht's.
Papier oder E-Book?
Papier.
Besitzen oder streamen?
Besitzen.
Tastatur oder Maus?
Tastatur.
Winamp oder VLC?
VLC.
Im Team oder alleine?
Allein.
Darkmode oder Lightmode?
Darkmode.
Pixel oder Vector?
Pixel.
Twitter oder Mastodon?
Mastodon.
iOS oder Android?
Android.
MacOS oder Linux?
MacOS.
MacOS oder Linux?
Linux.
Chrome oder Firefox?
Firefox.
Edge oder Safari?
Safari.
Safari oder IE6?
Safari.
GUI oder CLI?
CLI.
Passwort oder SSH-Key?
Passwort.
Chat-GPT oder Co-Pilot?
Co-Pilot.
Co-Pilot oder alles von Hand?
Alles von Hand.
Canvas oder Flash?
Canvas.
CSS oder JavaScript?
CSS.
Gemütlich oder schnell?
Gemütlich.
Mate oder Cola?
Mate.
Schokolade oder Vanille?
Schokolade.
Framework oder Vanilla?
Vanilla, Framework.
Framework oder Vanilla?
Framework.
Angular oder React?
React.
React oder Vue?
React.
Vue oder Svelte?
Vue.
Javascript oder kein Javascript?
Kein Javascript.
Head oder Body?
Head.
YouTube oder Twitch?
YouTube.
Newsletter oder Blog?
Newsletter.
Tiny Helpers oder Tiny Teachers?
Helpers.
Du hast es geschafft.
Das war überraschend aufregend.
Wenn wir die Musik weglassen würden, wäre es nicht halb so aufregend.
Das ist ja sau.
Man will auch nichts Falsches sagen und man weiß nicht, was für schlimme Fragen kommen.
Jetzt reißen wir die Sachen voll aus dem Kontext und ich sage, wie, du bist kein Teamplayer?
Ach Gott, ich bin lieber alleine.
Du hast vorhin gesagt, Mac-Tastatur, also du hast einen Mac, aber du hast gesagt, lieber
Android als iOS.
Ich habe das Pixel von Google, weil ich einfach nie so viel Geld für ein Telefon ausgeben
wollte wie für ein iPhone.
Welches hast du?
Das vorletzte Pixel.
Ich bin tatsächlich auch überlegen, mein Handy geht zu langsam, aber ich habe den Geist
auf, so akkutechnisch und bug-technisch und das nächste wäre tatsächlich auch ein Pixel,
was ich mir holen würde.
Bist du zufrieden?
Oh, es ist jetzt mein drittes Pixel, kein Schlawenzel hier von Samsung oder was da installiert
wird.
Solides Telefon, Mittelklasse von Google selbst, hast du mal die ersten Updates, also ich habe,
ist jetzt dritte oder vierte Pixel.
Welche Ausprägung hast du, das A oder Pro oder?
Weiß ich gar nicht, der Kollege, keine Ahnung.
Das bestärkt mich doch.
Ich habe meine Freundin in die Kamera gehalten, aber wir machen ein Podcast.
Ist ja nur unter uns.
Man hat nicht mal was gesehen, also keine Angst.
Ich habe nur schnell ein Screenshot gemacht und, nein Spaß, man hat wirklich nichts gesehen.
Ja, ich weiß nicht, nee, das ist jetzt nicht angebracht.
Nein, du machst jetzt nicht wieder Apple-Fan-Girl, bitte.
Nein, ich mache das jetzt nicht.
Moritz und meine Frau liegen mir beide in den Ohren.
Ich brauche unbedingt ein iPhone, aber nee.
Naja, dann bräuchtest du auch nicht alle drei Jahre ein neues Handy.
Naja, als richtiger Apple-Fan-Girl würde ich mir ja jedes Jahr ein neues Apple-Handy
kaufen.
Nein, das ist ja kein, das erwartet ja keiner.
Ich habe gerade heute eine Story gehört, von wegen, dass jemand jetzt irgendwie, weil es
komplett auseinandergefallen ist, sein iPhone 5s jetzt durch ein neueres ersetzen musste.
Okay.
So, und wir sind jetzt, was ist jetzt das aktuelle iPhone 16?
Und es kommt jedes Jahr ein neues raus, glaube ich, also naja, das ist über zehn Jahre alt
und ist jetzt halt, irgendwann hat es wirklich physisch den Geist aufgegeben, aber alles
war in der iCloud, also kein Problem.
Neues Phone gekauft, iCloud-Sync, fertig.
Ich glaube, die Sachen sind langlebiger und du, Sarah, sagst schon lange, oh ja, vielleicht
mache ich jetzt, jetzt vielleicht kriege ich jetzt doch ein iPhone.
Ja, ich war mal wirklich kurz davor, aber irgendwie, Stefan, wenn du sagst, es ist schon dein drittes
oder viertes Pixel, was war denn der Grund jeweils, warum du dann doch das nächste Modell
genommen hast?
Tatsächlich auch irgendwie langsam und Akku kaputt oder einfach, ich hätte gerne ein
Upgrade?
Tech, ich hätte gerne ein neues Telefon.
Also, ich würde jetzt nicht sagen, dass die irgendwie kaputt gegangen sind oder langsamer
geworden sind.
Ich glaube, das ist ein gelöstes Problem so langsam.
Ist ein solides Telefon für, weiß ich nicht, 400, 500 Euro, also.
Cool.
Ja, preismäßig.
Ich bin vielleicht aber auch so ein Telefon runterfallen lasser und ich bin jetzt auch
nicht so, wenn ich jetzt ein teures, mit meinem MacBook passe ich auf, aber mit dem Telefon
bin ich jetzt schon nicht so sorgfältig, wie ich es wahrscheinlich sein sollte und
dann möchte ich da nicht so ein teures Device mit mir rumschleppen letztendlich.
Gut, dann ist meine Entscheidung schon gefallen, werde ich nachher gleich bestellen.
Bestellst du ein iPhone dann oder was?
Nein.
Überzeugt.
Okay, dann kommen wir jetzt zum Thema, nach über einer Stunde.
Mensch.
Hier ist WWSIV mit dem Tagesthema.
Heute geht es um dich und was du so machst und wir wollen mit dir über bestimmte Themen
reden und schön, dass du da bist, Stefan.
Stefan Jude ist heute zu Gast, bekannt aus Newslettern, Blogposts und anderen Podcasts,
wie ich heute noch herausgefunden habe, war schon mal zum Beispiel bei Working Draft zu
Gast.
Weiß ich nicht, ob mehr als einmal, habe ich jetzt nicht gesehen, aber auf jeden Fall
ja, nickt.
Also mehr als einmal.
Meine erste Frage ist, was machst du so im Web?
Was mache ich so im Web?
Ich baue Sachen im Web erstmal, um meine Miete zu bezahlen und ich habe vor allgemein oder
vor langer Zeit halt angefangen mit Bloggen und mit Lernen und, ich wollte es eigentlich
noch nachgucken, weiß ich nicht.
Ich habe meinen ersten Blogpost vor 10 Jahren, 11 Jahren, glaube ich, irgendwo geschrieben
und habe seitdem halt nicht mehr aufgehört und hänge halt so in den Online-Web-Communities
rum.
Ja, also ich bin so ein 100%-Web-Typ, der sich viel mit Technologie beschäftigt, auch
mal guckt, was Neues gibt und halt auch gerne darüber spricht, was es so Neues gibt, warum
wir heute hier erzählen.
Ich habe gerade mal geguckt, ganz schnell geschaut und sehe, auf deinem Blog stefanjudes.com
ist der erste Artikel vom 18.
Oktober 2014, also fast, Moment, aber updatet am 30.
September 2018.
Ach ne, 18, ok.
Also ziemlich genau vor 10 Jahren.
Ich hatte da vorhin noch einen anderen Blog, also da sind, ja, aber eine Dekade habe ich
voll jetzt, glaube ich, so lange.
Ja, locker.
Cool.
Muss man auch erstmal schaffen, so lange dann wirklich auch aktiv dran zu bleiben.
Ja, der Trick ist halt, sich nicht so viele Gedanken zu machen, also ich habe halt viele
Blogposts, die sind aber manchmal vielleicht wirklich nur 100 Leute oder 115 Leute, Worte
und wenn man dann halt so ein bisschen die Angewohnheit wirklich hat, ok, jetzt, fire
and forget, das ist eh nur mein kleines öffentliches Notizbuch, dann kommt man schon sehr, sehr
weit.
So habe ich das jetzt auch gehandhabt mit meinem neuen Blog, das ich jetzt gelauncht
habe.
Die meisten Blogartikel da sind sehr kurz, eben genauso, was du sagst, ich versuche mir
nicht so viel im Kopf drüber zu machen, weil ich Schreiben irgendwie eigentlich schrecklich
finde, weil ich immer denke, da muss man da noch mal hin und die Formulierung noch und
dann haue ich es noch mal rein in ChatGPT und sage, gib mir doch mal irgendwie Feedback
und habe ich das Englisch hier richtig und so und dann dauert es dann doch ewig, aber
ich finde tatsächlich, ich habe festgestellt, es fällt mir dann am leichtesten, wenn ich
im Prozess, während ich etwas programmiere oder so direkt nebenher einen Blogartikel
schreibe.
Also das war zum Beispiel, falls du dich erinnerst, Sarah, dieses Tetris, dieses Checkbox-Tetris-Experiment,
wo ich mit ChatGPT versucht habe, mir ein Spiel programmieren zu lassen, also ein Tetris
auf Basis von Checkboxen und dann haben die irgendwann die Prompts so lange gedauert,
bis sie zurückgekommen sind, dass ich mir gedacht habe, ich könnte diesen Prozess
jetzt quasi beschreiben und habe nebenher, während ich gewartet habe, dass die Antwort
zurückkommt und sie ausprobiere, habe ich quasi so angefangen zu schreiben, naja und
ich mache jetzt hier dieses Experiment mit ChatGPT, blablabla und das fand ich eigentlich,
das war für mich so der beste Workflow, aber das habe ich irgendwie selten, dass ich da,
ich denke da immer, ja, müsstest du mal drüber schreiben, aber das sind die Blogposts, die
nie erscheinen, wenn ich denke, da müsstest du mal drüber schreiben.
Ja, die Liste ist lang, ne?
Obwohl momentan meine ernste Liste an Blogposts ist, glaube ich, noch eins oder zwei, die
auf der Liste stehen, weil ich sowas, dieses, du müsstest mal, schreibe ich nicht mehr
auf eine Liste, weil ich weiß, das mache ich eh nie, entweder, ich bin irgendwann in der
Stimmung und fange einfach damit an, also jetzt einfach nur Ideen zu sammeln, das ist
immer leicht, man muss aber auch irgendwie zu dem Punkt kommen, dass man sie umsetzt.
Jetzt wollte ich eigentlich noch irgendwas zu deinem, mir ist aufgefallen auf deinem
Blog, hast du schon View-Transitions eingesetzt, ich habe gesehen, dass so ein paar Überschriften
so ein bisschen sich hin und her bewegen, ja, das ist das Geilste.
Ja, das sind die MPA-View-Transitions, sind das.
Ah ja, genau, also die nativen MPA, ja, geil, darüber habe ich ja einen Mini-Artikel geschrieben,
allerdings ging das weitaus nicht so weit, wie eine Überschrift irgendwo hinschieben,
hätte man theoretisch damit auch machen können, mit dem, was ich geschrieben habe, ja, wahrscheinlich
schon.
Weil wir haben es schon so ein bisschen angerissen, so Frameworks und Plattformen und jetzt gerade
Web-Components, es gab mal so diesen Begriff von The Great Divide und da gab es auch diesen
schönen Blog-Artikel von Chris Coyer dazu, das ist auch schon wieder einige Jahre her,
keine Ahnung, war das 2018 oder so, das ist echt schon so lange her, irgendwie meine ich,
es wäre 2018 gewesen, vielleicht liege ich auch falsch.
Ey, es ist alles gestern, ne, so Web-Kram, ich denke immer, das war doch letztens erst
und dann denke ich so, Alter, das war 2018, 2016 und dann denk ich so, ach Gottchen.
Und dann denkst du immer, ah ja, stimmt, da war noch Corona dazwischen, das war vor Corona.
Ja, ja, also es ist nochmal.
Ja, da ist ja in den halben Jahren plötzlich vier Jahre vergangen, es wäre komplett irre.
Genau, also bezugnehmend darauf wollte ich dich mal fragen, wie du das siehst, weil ich
hatte den Eindruck, du hast da schon eine Meinung dazu, die du auch manchmal kundtust.
Natürlich lade ich hier Leute ein, die potenziell was sagen, was wir auch irgendwie gut finden,
aber du darfst aber auch eine vollkommen andere Meinung dazu haben, also,
ja, würde mich mal interessieren, was du da drüber denkst.
Habt ihr mich jetzt natürlich da so ein bisschen reingelockt, weil jetzt habe ich
auch noch Framework gesagt, ne, im Schnellschutz.
Also, grundsätzlich, Grady White ist ja, beschreibt ja schon so ein bisschen die Puristen,
die ja eher so CSS-y, UX-y, Accessibility als ihre Expertise irgendwie ansehen und doch
schon, glaube ich, relativ Platform-nah sind, also sehr HTML, Vanilla, CSS.
Und dann haben wir halt den oder die JavaScript-Entwicklerinnen, die halt alles wegabstrahiert und wirklich
weit weg ist von den Core-Technologien und, ja, so klassisch JavaScript-first-Stack.
So, das ist so der Grady White und ich glaube, ich schlage mich so eher auf die Standards
oder die HTML, CSS-first-Richtung und ich glaube, nicht zwangsläufig ist, dass das
technologieabhängig ist, ich glaube, use the right tools for the job sollte so das
Mantra sein und hab so wenig Komplexität wie möglich und nötig letztendlich, wenn
du Sachen fürs Web baust und es gibt halt bestimmte Sachen, wo man jetzt halt nicht
irgendwie ein Framework einbauen muss, um ein Formular zu validieren beispielsweise
oder irgendwas zu machen und das ist, glaube ich, die Sache, der ich folgen möchte, aber
es gibt auch sehr bestimmte Sachen, wo Frameworks halt natürlich eine Sache spielen, du hast
mich jetzt gefragt, halt, Framework oder was war es, Vanilla und wenn ich jetzt beispielsweise
an meinen Blog denke und ich hab jetzt, weiß ich nicht, seit einem Jahr angefangen, so
interaktive Widgets überall reinzubauen und das sind dann halt so kleine Komponenten und
da vielleicht sollte es nicht, aber es ist manchmal wirklich saubequem, einfach React
reinzuziehen und zwei Dependencies zu installieren, damit das einfach schnell, ich schreibe ja
einen Blogpost, ne, gehen wir mal raus, ich schreibe zwei Stunden einen Blogpost, jetzt
möchte ich nicht irgendwie mit Vanilla einen Code-Editor zusammenbauen und so eine Sachen
und dann gibt es das alles nur in React und dann ziehe ich mir, na klar, ziehe ich mir
kurz React rein und irgendwie eine Dependency und bin fertig.
So für den Use-Case ist das gerade für mich dann irgendwie in dem Moment der korrekte
Ansatz, würde ich jetzt irgendwie was anderes bauen und nur React irgendwie für React Forms
oder React Schieß-mich-tot reinbauen, irgendwie, es ist halt immer so eine Sache von Trade-offs,
was ich letztendlich aber schon sehe, ist, dass wir irgendwie die Verbindung zu HTML,
CSS, Javascript irgendwie jetzt verlieren über die letzten fünf, sechs Jahre und dann
ist halt die Frage, ob wir jetzt, machen wir die Sachen lange noch, zu lange, verändert
sich die Industrie, ist Web-Development anders jetzt, aber es ist halt verrückt, wie viele
Projekte irgendwie einfach Sachen neu erfinden, Sachen neu schreiben, irgendwie Sachen, die
einfach langsamer, nicht barrierefrei schlechter sind, einfach nur, weil Leute nicht wissen,
dass es HTML-Attribute für bestimmte Sachen gibt, dass es ein Required-Attribut gibt,
dass es Field-Sets gibt, dass es solche Sachen oder das, weiß ich nicht. Und ich mach hier
mal nur kurz, letzter Satz dazu, ey, und CSS ist ja seit anderthalb Jahren so ein Powerhouse,
es ist ja der absolute Wahnsinn, so dass man halt wirklich so viele Sachen halt, ich freu
mich ja jetzt irgendwie seit einem Jahr so sehr, wenn ich jetzt mal Has benutzen kann,
weil da muss ich keine Klassen mehr toggeln, ich kann irgendwie so viel auf dem CSS-Level
machen und brauch halt keine Klassen toggeln, ich brauch keine Conditions in irgendwelchen
Templating-Code, ich kann halt so viel irgendwie umschrauben und das Web ist halt so auf dem
Weg nach vorne, gleichzeitig hab ich aber das Gefühl, dass die ganzen Leute, die jetzt
irgendwie, und das ist nicht deren Schuld zwangsläufig, aber die ganzen Leute, die
halt in den letzten fünf Jahren reingekommen sind, da wurde halt so ein bisschen irgendwas
unten abgeschnitten, so, weil die Industrie wollte halt ganz viel React-Developers, das
ist so meine Bubble, das seh ich, was die ganzen Bootcamps machen, was die ganzen Job-Descriptions
haben, und klar lernen die Leute React, aber es ist halt so ein great divide now und es
ist so manchmal so ein bisschen beängstigend, wie viel halt so Fundamental-Knowledge vielleicht
verloren gegangen ist, wenn du nicht mehr da bist, ist es schwierig.
Nee, ich glaube nicht, ich hab das Gefühl, das war quasi noch nie da in der breiten Masse,
weil ich mich jetzt mit Barrierefreiheit und HTML-Semantik schon sehr lange beschäftige.
Und also gerade HTML-Semantik, ich hab, wann hab ich angefangen, das beruflich zu machen?
2008 drum, und seitdem war das eigentlich, nee, schon vorher, schon vorher, schon bei
meinem Studium war das die Norm, dass man selbst von Professoren nicht-semantisches
HTML beigebracht bekommen hat.
Also ich hab quasi, ich freu mich über jede Person, mit der ich mich irgendwie über semantisches
HTML unterhalten kann, die sagt, ah ja, stimmt, und da gibt's ja das, wo ich noch mal irgendwas
lernen kann, weil ich den Eindruck habe, das lernt, das nimmt keiner ernst, HTML, selbst
jetzt mal CSS, noch was anderes, komm ich gleich nochmal drauf, aber HTML nimmt keiner
so richtig ernst, und das hat sich meiner Meinung nach nicht geändert in den letzten
15 Jahren, 15, 20 Jahren, es war irgendwie gefühlt schon immer so, dass es immer nur
so ein paar Leute sind, die das ernst nehmen und die dann sagen, ja, ich guck jetzt mal,
was gibt's denn für Attribute, und hey, Fieldset, wie alt ist das jetzt bitte, weil du's vorhin
angesprochen hast, Fieldset gibt's quasi schon, seit's Formulare gibt, und trotzdem kennen
es viele nicht. Also ich glaube, du musst da einfach nur weit genug zurückgehen, und
Accessibility ist halt nochmal ein anderes Ding, das ist halt, wenn du's nicht auf'm
Schirm hast, weil du's entweder nicht für nötig erachtest oder einfach noch nie davon
gehört hast, klar, dann ist es leicht, das komplett zu übersehen, aber jetzt, wenn ich
mal von mir aus gehe, ich hab ja Ende der 90er angefangen, mir HTML beizubringen, und
da gab's ja noch viel, viel weniger, als jetzt in den letzten 15 Jahren entstanden ist, und
wenn du dann nicht komplett stehen geblieben bist, sondern so nach und nach, aha, cool,
da gibt's jetzt das und das, dann warst du ja quasi dazu gezwungen, dir alle Neuerungen
da auf einmal zu schauen.
Ja, und viele Leute gingen ja dann so in die Richtung, ich lern jetzt lieber Javascript-Sachen
und mach weiter das HTML wie das, was ich kenne, weil ich kenn auch einige Devs, die
gefühlt, also die machen das schon richtig lange, und die haben dann irgendwann eine
richtige Programmiersprache gelernt, ja, und haben sich dann darauf spezialisiert und sind
in ihrem HTML-Knowledge genau da stehen geblieben, was damals der Stand war, und das, deswegen
hab ich jetzt bei mir auf der Arbeit teilweise mit Tabellenlayouts zu kämpfen, die in den
letzten zwei, drei Jahren entstanden sind.
So.
Das, das ist das, das ist nicht, das ist kein, ja, das ist meiner Meinung nach, ist das nicht
jetzt verloren gegangen, das ist schon, das ist noch nie so richtig da gewesen.
Da würde mich dann mal die Altersstruktur interessieren, ob das jetzt wirklich, also
okay, gerne.
Obwohl ich das auch teilweise gar nicht weiß, ne, ich hab ja teilweise auch nur mit den
Produkten zu tun und weiß gar nicht, wer sie gebaut hat, ne.
Klar.
Oder sind das alte Hasen, die quasi Tabellenlayouts halt gelernt haben und, und dann irgendwie
nie davon losgekommen sind und das komplett verpasst haben, oder sind das wirklich auch
junge Leute, die das einsetzen und halt irgendwie denken, ah, mit so einer Tabelle krieg ich
das ja auch hin.
Beides.
Es ist nämlich so, dass auch da, glaub ich, die jüngeren Leute, die sehen den vorhandenen
Code und kopieren, machen Copy-Paste und sagen, ja, mit Frontend wollte ich ja eh nie was
zu tun haben, ich nehm jetzt mal das, das ist da so, das ist das, was ich haben will,
das kopier ich jetzt einfach mal und dann wird wieder kein HTML gelernt.
Also, ich meine, dass man keine Tabellen mehr verwendet für Layouts, wie lange ist diese
Erkenntnis jetzt her?
Wann hat Jeffrey Seldman das Buch Design with Web Standards rausgebracht?
2001?
Oder so?
Ja, also da waren wahrscheinlich einige, die hier zuhören, noch nicht mal geboren.
Und da war das eigentlich dann schon irgendwie klar, das macht man nicht mehr.
Und es ist okay, wenn sowas dann so eine Karenzzeit hat von, sagen wir mal, fünf Jahren, bis
es dann jeder begriffen hat.
So, dann wären wir aber bei 2006.
Ja, vor allem, ich meine, also Tabellen-Layouts, das ist halt schon wirklich echt eine Hausnummer,
ne?
Also, wenn du jetzt noch keinen Grid kannst und keinen Flexbox kannst, okay, und irgendwie
mit Floats halt irgendwie was machst, ja, okay.
Aber Tabellen-Layouts, das ist halt schon …
Also, ich hab halt auch schon gesehen, dass Leute Links und Buttons nachbauen mit ihren
JavaScript-Frameworks.
Also, dass sie sagen, ja, hier, ich hab jetzt hier, da soll jetzt was, da will ich jetzt
auf die andere Seite kommen, wenn ich da draufklicke.
Die wissen aber nicht, was ein Link ist.
Jetzt wirklich, kein Scheiß.
Die wissen nicht, was ein Link ist und sagen dann, ja, da mach ich jetzt einen Klickhändler
drauf und mach dann hier oben URL-Ändern oder keine Ahnung, wenn ich in der Single-Page-Application
bin, halt irgendwie Routing, bla, bla, bla.
Und ich denke mir so, Moment mal, da fehlt wirklich was ganz Grundlegendes.
Und das ist, glaube ich, tatsächlich durch die Frameworks noch ein bisschen krasser geworden,
die einem sowas ermöglichen, dass sowas überhaupt geht.
Ich mein, das hättest du früher auch mit JavaScript von Hand bauen können, aber da
hättest du, bevor du's von Hand baust, mal gegoogelt.
Jetzt hast du irgendwie Router und keine Ahnung was in deinem Framework drin.
Da sagst du, ja, ich weiß schon grob, wie das geht, hier, zack, zack, zack, Klickhändler
und … Ja, nein, nein … Aber noch mal zu The Great Divide zurück, was ich dann auch
noch interessant finde, ist, dass dann immer mal wieder so alle, alle gefühlt eineinhalb
bis zwei Jahre kommen dann diese CSS-scheiße-Hot-Takes.
Ich weiß nicht, hast du das auch mal gesehen, Stefan?
Also, das ist wirklich, das kommt immer wieder.
Und dann denke ich mir so, naja, dann hast du es halt nicht verstanden oder du hast dir
keine Mühe gemacht, das irgendwie zu lernen und sagst dann, naja, das ist alles Mist,
das muss neu designt werden.
Und die Sprache ist scheiße, naja, vielleicht ist ja auch, vielleicht hast du auch einfach
nur keine Ahnung.
Ich will da auch nicht so hart urteilen.
Ich meine, das ist halt genauso wie am Anfang, das ist halt so dieser Dramatake, ich glaube,
man kann ja schon irgendwie sagen, dass bestimmte Sachen … Warte, ich muss noch mal einen
Schritt zurückgehen zu dem, was du gesagt hast, Moritz, weil ich frage mich nämlich
so ein bisschen, woran liegt das?
So manche Core-Prinzipien, wenn man sich jetzt Web-Developer oder Web-Developerin nennt,
das ist ja relativ … Manche Sachen sind halt grundlegend, ein Button ist ein Button,
ein Link ist ein Link.
So, das ist jetzt, weißt du, und ich frage mich halt, woran hakt es jetzt wirklich?
Und ganz oft komme ich, glaube ich, daran, wenn ich … People don't give a fuck.
So, sorry.
Manche Leute sind einfach so, das ist jetzt mein Job, der bezahlt mir irgendwie die Rechnung
und that's it.
So, ich habe jetzt nicht den Anspruch per se, irgendwie was Gutes zu erstellen, so mir
ist das auch total Wumpe, ob das schnell ist, ob das barrierefrei ist, ob das gut aussieht,
das hat jetzt eine Aufgabe und das ist irgendwas zu machen, so und damit bin ich fertig.
So, und ich stelle mir halt oft die Frage, weil ich habe auf jeden Fall schon mit solchen
Entwicklern zusammengearbeitet, die sagen, ich sage, ey, das sollte jetzt ein Strong
sein und kein B sein und übrigens, ein B, was ist denn das jetzt hier übrigens?
So, ne, und dann so, ne, ist doch Wumpe.
Sieht doch so aus, wie es aussehen soll.
Hauptsache es funktioniert und egal wie, also dass wir das nicht damit gemeint haben und
das kommt auch immer auf den Kontext an, mache ich das jetzt für eine Firma, wo am Schluss
das Millionen Leute angucken oder ist das jetzt wirklich mein Lebenslauf, den ich jetzt
einfach nur, ich druck den als PDF am Schluss aus, das macht halt den Unterschied.
Den wir selbst jetzt hier erzeugt haben, du hast vollkommen recht, weil wenn ich jetzt
sage, ist egal, ob ich mit dem JavaScript jetzt einen Preis gewinne, habe ich im Prinzip
dasselbe gesagt, nämlich B oder Strong ist doch egal, weil der JavaScript-Developer jetzt
dann auch zu mir kommt und sagt, wie kannst du, nur wieso hast du das denn so gemacht,
das ist doch viel zu, das ist doch nicht performant, wenn du davon 100 Millionen Elemente spawnst
oder so.
Ich glaube, das kann man aber schon noch differenzieren, ich glaube so, wenn man jetzt internal Tools
baut beispielsweise oder ich baue mir jetzt hier meinen IoT-Setup, so, who cares, ob das
jetzt gut ist, schnell ist, das ist ja für mich so, aber ich glaube, man muss schon irgendwie
anerkennen oder ich würde mir glaube ich wünschen, oh, hier viele Hot-Tags hier heute.
Dafür sind wir da.
Vielleicht würde ich mir wünschen, dass man halt irgendwie die Verantwortung erkennt,
dass man halt Sachen für bestimmte Leute draußen baut.
So, und dann gibt es ja so die Paradebeispiele, so, ich baue jetzt irgendwas für, nur weil
ich in Berlin wohne, für berlin.de, so, just does the job, doesn't work, so, das ist berlin.de,
das ist für alle Bewohner von Berlin, das muss schnell sein, das muss barrierefrei
sein, das muss so gut aussehen und das sollte funktionieren, so, das ist your job in diesem
Punkt, so, und ich glaube, da muss man schon differenzieren, genau das gleiche irgendwie,
wenn man im E-Commerce arbeitet oder wenn man bei News arbeitet irgendwie, so, das sind
alles so Sachen, es funktioniert, ist halt eine größere Spanne, je nachdem, für wen
du ja irgendwie Sachen baust, so, und ich glaube, das ist ein großer Punkt, den man halt irgendwie
anerkennen muss und das ist dann halt, wo ich dann halt sage, ist das strong oder bad,
ja, sieht beides gleich aus, so, warum gehst du mir jetzt auf den Geist, Stefan, dass ich
Semantic Marker benutzen soll, das ist besser und korrekter, das ist doch Wumpe, so, aber
ich glaube, da würde ich mir halt wünschen, dass viele Leute irgendwie anerkennen, dass
die Verantwortung, glaube ich, anerkennen, was halt gute Sachen sind und ich glaube,
das ist, glaube ich, so der Sprung, den ich, glaube ich, öfter sehen würde, ist, dass
Leute halt irgendwie sehen, so, ich möchte gute Sachen fürs Web machen, weil von da macht
man ja so eine riesen Story auf, ne, du fängst halt an, so, okay, ist das jetzt gutes HTML,
so, von HTML kommst du dann ganz, ganz, ganz schnell zu Barrierefreiheit, dann guckst du
dir den Head an, dann guckst du dir, was ist jetzt performantisch, schnelles Web, was kann
ich denn hier noch machen, was kannst du da noch machen, zack, zack, zack, zack, zack
und das ist ja alles eigentlich nur unter diesem Umbrella-Term irgendwie, hey, ich möchte
guten Scheiß fürs Netz machen, so, und das würde ich mir, glaube ich, wünschen, dass
das mehr ankommt, weil letztendlich kannst du ja alles nicht gleichzeitig mastern, ne,
so, Moritz, du machst jetzt viel Barrierefreiheit, ne, so, am Anfang, als ich angefangen habe,
mich mit Barrierefreiheit auseinanderzusetzen, dachte ich so, ja, easy peasy, hast du schnell,
ja, kannst du voll verknicken, so, das ist ja so ein Thema, das ist ja endless, ne, und
es gibt ja auch keine schwarze oder weiße Lösung, wenn man sich in diesem Bereich irgendwie
unterhält, aber das ist, der Anspruch sollte halt sein, so, ey, let's build good stuff,
so, und das ist, glaube ich, was ich mir wünschen würde, und less oder weniger Tailwind, CSS,
Next, Vanilla, whatever, so, ist doch okay.
Genau, also, ich glaube, unsere Aussage bezog sich da eher auf diese Grabenkämpfe eben
dann der Technologie, also, wenn die Entscheidung gefallen ist, okay, wir setzen da ein Framework
ein, weil wir das nicht selber leisten können, dass es dann egal ist, ob das jetzt React
oder Angular oder Vue ist und dann kommt einer und sagt, ne, aber React ist da viel cooler
und viel toller, und, ne, also, dass es da dann wirklich egal ist, nimm das Tool, mit
dem du schnell vorankommst, ne, außer es ist halt in einer großen Firma, wo dann irgendwie
du bist der Einzige, der Vue macht, und alle anderen machen React, ja, dann solltest du
vielleicht doch gucken, dass du das mit React baust, damit alle anderen mitmachen können.
Ja, also, oh Gott, ja, jetzt sind wir aber schon wieder so in den, ich weiß nicht, ich
mag keine Podcasts, wo so viel gemeckert wird, vielleicht müssen wir jetzt aufhören zu
meckern.
Also, ich, mich nervt das nämlich dann oft auch, dann denke ich so, ey, ich bin jetzt
kurz vorm Abschalten, wir schalten jetzt wieder an, wir machen jetzt noch was Positives, weil
gemeckert haben wir schon so viel in diesem Podcast, äh, vielleicht müssen wir jetzt
mal, ich glaube, wir müssen jetzt kurz die Kurve kriegen.
Stefan, was ich mich echt gefragt habe, ach, warte, vielleicht muss ich noch eine kleine
kurze Geschichte vorweg schicken, ähm, wo ich dich eigentlich, wo ich dich eigentlich
zum ersten Mal wahrgenommen habe, und wahrscheinlich du mich nicht, und das wäre, ich würde es
dir auch gar nicht übel nehmen, ist alles in Ordnung, ähm, und zwar, ähm, habe ich
dich, glaube ich, zum ersten Mal gesehen, ähm, auf der JSConf und CSSConf in Berlin
an einem Stand von deinem damaligen Arbeitgeber, ihr habt da irgendwie ein, äh, ein Quiz oder
sowas gemacht.
Und da hatten wir uns dann mal irgendwie ganz kurz, äh, unterhalten, ich weiß gar nicht
mehr, worüber ich, die Fragen, die auf eurer Karte standen, man musste irgendwas ausfüllen,
ich weiß gar nicht mehr, man konnte was gewinnen, ich hab's natürlich nicht gewonnen, ähm,
ja genau, das, das vielleicht noch vorab, ähm, das müsste dann, zwei, das war die letzte
JSConf.
Ja.
Äh, also JSConf EU, muss ich dazu sagen, ähm, und die war 2019, also, vor zwei Jahren,
so gefühlt.
Haben wir damals, ähm, ja genau, haben wir, äh, muss ich gerade mal überlegen, seit
wann haben wir den Podcast, seit 2020, gell, äh, aber wir haben auf jeden, wir haben aber
auf jeden Fall schon mal, ähm, über was gesprochen, äh, und auch was gezeigt, was
ich für die JSConf damals gemacht habe, nämlich, das war diese Animation, die in diesem, diesem,
in diesem X, äh, angezeigt wurde, das war genau bei dieser Konferenz.
Ah, ja.
Genau, so, das nur, nur noch, äh, vorab, und, ähm, danach habe ich so ein bisschen
verfolgt, was du so, äh, gemacht hast, und dann ist mir aufgefallen, und da haben wir,
das hatten wir jetzt ja auch schon mal, äh, Sarah hat's auch im, im Intro schon gesagt,
ähm, dass du unfassbar viel, äh, gefühlt, finde ich, unfassbar viel Output, äh, produzierst,
ähm, und, äh, du hast ja vorhin schon so ein bisschen angerissen, wie du das machst,
aber mich würde interessieren, was motiviert dich, wie, wie, wie, was treibt dich an, das
zu tun?
Ja, ich hab halt irgendwann angefangen, äh, mich für, tatsächlich fürs, äh, Web zu
interessieren, und das ist jetzt tatsächlich so mein Kernhobby irgendwann geworden, und
alles hat, glaube ich, angefangen dann letztendlich mit, äh, TIL-Blogging, ne, Today I Learned,
und ich glaube, das hat, wir haben das ja kurz schon angeschnitten, das hat so ein bisschen
die, die Angst vom Blogging genommen, ne, und die ersten Blogposts, die ich halt geschrieben
hab, die waren dann halt so die klassischen tausend Worte, wo du halt irgendwie zwei Tage
mit beschäftigt bist, und dann hab ich halt wirklich nur angefangen, irgendwie diese zweihundert
Worte rauszupublishen, und das ging relativ schnell, dass viele Leute irgendwie mitgelesen
haben, tatsächlich, und wenn man tatsächlich Web-Entwicklungen auch lange noch macht, wenn,
ich weiß nicht, wie euch das geht, aber so wie jetzt mit Display Flow Route, wenn hier
drei Leute halt sitzen und sagen, ha, kann ich halt schon versprechen, dass wir wahrscheinlich
nicht, dass ich vielleicht darüber einen Blogpost schreiben werde, der auch nur zweihundert
Worte lang ist, weil ich glaube, nicht viele Menschen wissen das. So, nach einem bestimmten
Level ist es halt so, interessante Fakten einfach raustun, und, und das Schöne daran
ist dann halt, mein Blog ist halt einfach nur so ein bisschen gewachsen, und ich hab
halt immer so eine Liste, und ich hab einfach nur die Angewohnheit, dass immer, wenn ich
denke, so, ha, interesting, da mach ich mir halt eine Notiz, und wenn halt ein Blogpost
irgendwie zwanzig Minuten dauern, dann kriegt man das halt schnell reingeschoben. Und das
Schöne daran ist, dass ich halt inzwischen schon so ein bisschen meine Public Bookmarks
tatsächlich irgendwann hab, was halt dazu führt, ganz oft, wenn halt irgendwie eine
Frage kommt, dann schicke ich halt einen Link zu meinem Blog. Und das heißt jetzt nicht,
dass das zwangsläufig irgendwie Autorität hat, aber dann weiß ich halt genau, wo ich
das gelesen oder gelernt hab. Und das ist halt dann doch schon relativ, weiß ich nicht,
zufriedigend oder schön, weil ich dann ganz, hey, das hab ich schon mal gelernt, ich weiß
genau, wo's ist, weil, weiß ich nicht, ob ihr Bookmarks, äh, Bookmarkservice benutzt,
der dann irgendwie 1500 Bookmarks irgendwie hält, aber ich weiß halt, wenn ich irgendwas
auf meinem Blog hab, ich weiß, dass es da ist. Und das ist halt so der zweite Fakt,
wenn du halt irgendwas runtergeschrieben hast, dann hast du das, du weißt, das hast
du mal gelernt, nicht zwangsläufig, was du gelernt hast, aber du weißt, dass du etwas
in diesem Bereich gelernt hast, und du weißt, wo's ist. Und das ist dann halt wunderbar,
und dann hat sich das halt alles so ein bisschen raus, raus etabliert, und von da an hab ich
dann, ja, auf Social Media das ganze Game so ein bisschen angefangen, ne, die Sachen
halt auch rausgeteilt. Ich verbring auch tatsächlich sehr viel Zeit mit Tech News, also, äh, mein
Sonntag ist geblockt für den Newsletter, und morgens bestimmt ne Stunde wühle ich mich
halt durch Tech News durch, das ist so die, die Kaffee-Bett-Routine heutzutage. Und ja,
jetzt hab ich halt so den Anspruch, dass ich halt die Newsletter, halt Web-Weekly einmal
die Woche sonntags rausschiebe, und idealerweise ist halt ein Blog-Post oder irgendwas Cooles
von mir selbst irgendwie die Woche dabei. Und das ist, hält mich recht beschäftigt,
würde ich mal sagen. Ja, das kann ich mir gut vorstellen. Ich weiß ja, wie aufwendig
ich's empfinde, wenn ich einen Blog-Post schreibe, selbst wenn er nur kurz ist. Du hast deinen
Newsletter jetzt gerade angesprochen, und du hast eben auch schon gesagt, wie du das so
grob machst. Aber ich finde, dass in deinem Newsletter, beziehungsweise, ich lese ihn
eigentlich auf deinem Blog, weil du veröffentlichst das ja auch, glaube ich, auf deinem Blog,
dass da immer erstaunlich viele Sachen drin sind, von denen ich vorher noch nie was gehört
habe. Und das ist das, was, also, es kommt selten vor in den letzten, es kommt selten
vor in den letzten Jahren, oder kam selten vor, dass ich etwas meinem Feed-Reader hinzugefügt
habe, weil ich so dachte, ja, das ist doch, ich hab schon genug. Aber ich hatte den Eindruck,
das lohnt sich bei dir wirklich. Also, ich mach jetzt hier Werbung für dich, gnadenlos.
Und ich hab mich, und die Frage, die sich jetzt anschließt, ist, du musst es auch nicht
verraten, wenn das jetzt ein großes Geheimnis ist, aber wo holst du die her? Weil, wenn
ich's bei dir zum ersten Mal irgendwie lese, dass es irgendwie jetzt dieses neue CSS-Feature
gibt oder sowas, das wär jetzt so ein Klassiker, dann frag ich mich, wieso hab ich das nicht
auch selbst schon vorher rausgefunden? Wo muss man sich da durchwühlen? Was sind deine
Tech-News?
Von neuen Browser-Features, oder was meinst du genau? Oder neue Browser-Features, soll
ich dir die Tipps geben?
Ja, nehmen wir mal neues Browser-Feature. Also, keine Ahnung, neue CSS-Property oder
irgendwie sowas.
Da gibt's den alten Weg letztendlich. Die MDN-Compat-Data, also die Compatibility-Tables,
die ja auf MDN sind, die sind ja Open Source. Und die ganzen Browser-Vendors und die DevRel-Teams,
die committen ja, wenn sie eine neue Browser-Version shippen, updaten die ja tatsächlich selbst.
Also, MDN ist ja nicht maintained von MDN alleine, sondern auch von den Chrome-Safari
Leuten. Da kommen ja immer alle rein für jedes Major und machen die Updates. Und da
habe ich halt das Commit-Log laufen. Also, ich watch das Repo. Und das ist sehr noisy.
Ich bin ein großer Gmail-Nutzer und ich filter halt aus, was ich nicht brauche. Und da kriegt
man halt automatisch Sachen raus.
Ja, und hängt das eventuell dann so quasi so grob zusammen mit deinem Browsers-FYI,
weil also da, das habe ich gerade vorhin noch entdeckt und da sind auch immer die Release-Notes
verlinkt.
Browsers-FYI, ja genau, Browsers-FYI hängt auch auf der MDN-Compat-Data. Das hat ein
bisschen den Nach... Nee, das hängt an der MDN-Compat-Data, weil letztendlich die Daten,
die in MDN und aber auch keiner use sind, das ist ja eigentlich nur ein riesen JSON-Block.
Das kannst du via NPM installieren oder du kannst es halt RAW-fetchen, wenn du Lust hast.
Wenn du RAW-fetchen machst, dann kriegst du halt immer Up-to-Date-Informationen, beispielsweise
wenn du ja zu meinem Blog gehst, dann siehst du halt auch, dass ich in die Blog-Posts enthalten
ganz oft irgendwie Browser-Support-Features. Das ist halt alles MDN-Compat-Data, die ich
halt direkt im Bild von GitHub selbst ziehe, weil dann kriegst du halt raus, irgendwie
ist es halt immer CSS.properties.irgendwas, die machen halt so einen riesen JSON-Baum
drauf und dann hast du immer halt all die Informationen irgendwie, kannst du halt abfragen.
Und Browsers-FYI war einfach, so viel Browser-Updates kommen raus und ich bin dann so, okay, was
ist jetzt der latest Chrome? Und dann, das ist eigentlich nur so, scratch your own itch,
so dass ich weiß, wo wir gerade rumhängen.
Das ist der alte Weg. So. Und jetzt gibt es einen neuen Weg, da habe ich jetzt leider
den Link nicht zur Hand. Es gibt momentan zwei Initiativen, eine sind von dem Patrick
Bosset, heißt der, glaube ich, der ist EdgeDX. Die bauen halt gerade eine Seite, die kann
ich vielleicht nachreichen, falls ihr das für die Show-Notes haben wolltet. Es gibt
jedenfalls zwei Projekte, die dieses Problem halt lösen wollen, wo die ganzen Browser-DevRel-Teams
halt arbeiten. Du hast halt, Chrome ist ja sowieso am lautesten, die haben das lauteste
DevRel-Team und die sind ja immer schon Monate vorher beschäftigt, damit irgendwie die ganzen
neuen CSS-Properties zu promoten. Das siehst du ja sehr, sehr stark. So, jetzt kannst du
irgendwie zu HideAuto animieren seit Chrome 29. Kannst du machen, schöne Sache, ist aber
noch nicht im Safari und bis es in Firefox ist, sind halt alle so cool. So, 60 Prozent
Market-Share, auch cool, aber benutze ich trotzdem noch nicht. So und gegen dieses Problem
gibt es halt momentan zwei konkurrierende Projekte. Das ist einmal der Patrick Bosset
und dann gibt es die feinen Leute von Igalia. Für Leute, die nicht wissen, was Igalia ist,
Igalia ist ja diese Browser-Butze, die in Chrome, Firefox und WebKit committet für
Geld. Das ist ja absolut abgefahren. Jetzt verstehe ich, danke, dass du das mal zusammengefasst
hast, weil ich mich immer schon gefragt habe, was machen die eigentlich so genau und warum
erstellen die so hochkarätiges Personal ein? Diese Hyatt-Ganon quasi für Browser-Entwicklung,
also implementieren sie doch mal dieses Feature. Läuft das so? Ja, genau. Soweit ich weiß,
haben die zwei verschiedene Modelle. Einmal haben die so ein Sponsorship-Modell. Die haben
dann halt die großen Firmen, weiß ich nicht, Netflix. Netflix braucht in Safari dieses Feature.
Dann sponsern die halt, soweit ich weiß, Igalia, weil ob Apple das jetzt für WebKit
irgendwie finanzieren wird, ist halt fragwürdig. Und dann gibt es halt noch so dieses zweite
Community-Funding-Modell. Ich weiß nicht, ob das noch aktuell ist. Und die haben, ich
weiß nicht, wie die das machen, aber die müssen da zwei Hände voll von wirklich Browser-Engineers,
also wirklich Browser, Browser-Engineers haben, die halt dann in Chromium, WebKit und Gecko
tatsächlich PRs machen und Features implementieren. Also das ist wirklich, wirklich ... Ich habe
letzte Woche einen Blogpost gelesen von einem von den Igalia-Leuten. Bis 2023 hatte Igalia
mehr Komits im Chromium-Projekt als Microsoft. Pro Jahr. Das hat schon was zu heißen und
die sind da schon eine Weile mit dabei. Das hat schon was zu heißen. Mit ihrem Edge. Ja,
und Microsoft hätte auch ordentliche Power. Also das ist schon krass. Gut, ich meine,
einzelne Komits zählen. Da kommt es auch noch drauf an, wie man kommittet. Also jedes
Zeichen einzeln kommitten, aber ja. Aber das ist nicht zu unterschätzen. Da kommen gute
Sachen, auch wenn es jetzt halt so um den Interop-Kram geht oder so. Igalia ist schon
ein Teil von Wir machen gute Sachen und die haben jetzt halt auch ein ähnliches Projekt.
Und was ich jetzt eigentlich erzählen wollte, diese Projekte sitzen halt auch nur auf den
MDM-Compat-Daten. Kriegst du eine RSS-Feed und dann kriegst du halt pro Woche, kriegst
du angesagt, okay, dieser Browser hat jetzt dieses Feature geschippt und jetzt sind wir
interoperabel. Jetzt haben wir alle drinnen und dann kriegst du halt in deinem RSS-Reader
kriegst du genau den Moment, wenn halt Animate allowed is greet oder wie auch immer, oder
allow keywords oder wie es auch immer heißt, wenn das halt dann in die Baseline und Cross-Browser-Support
reinläuft. Das ist der Trick. Richtig gut. Und dann braucht man aber noch jemanden, der
sich die Mühe macht, das sicher auch dann auch durchzulesen in wahrscheinlich so mittelmäßig
designenden Seiten. Also danke dafür, dass du das quasi für die Menschen aufbereitest
und aggregierst. Also ich bin da immer wieder begeistert und finde eigentlich in jedem deiner
Artikel irgendwie was Neues. Ja, danke. Ja, es ist aber halt auch unglaublich viel los
gerade. Also ich habe das Gefühl, so seit einem Jahr ist unglaublich viel los, was halt
im Browserland irgendwie passiert, was die ganzen neuen Properties, die neuen Cross-Browser-Sachen,
wie schnell Browsers inzwischen shippen. Und das fühlt sich halt so an, als wenn die Competition
jetzt on ist und das Web geht nach vorne. Da sind halt so viele gute Sachen dabei und
das fällt mir persönlich halt auch schwer irgendwie mitzukriegen, was ist denn jetzt
neu, was ist wichtig für mich, wohin soll ich jetzt meine Zeit investieren. Das ist
halt schon schwierig. Ja, es ist krass, wie viel da passiert. Und ich hatte vorher schon
teilweise das Gefühl, man kommt nicht so richtig mit. So hier Framework hier und dann
keine Ahnung CSS-Property da. Und ich habe so das Gefühl, es wird tatsächlich immer
schneller. Und das liegt nicht nur daran, dass wir älter werden, es wird wirklich schneller.
Und ich finde es auch richtig gut, aber ich habe auch dann manchmal so das Gefühl, ich
baue jetzt heute was und muss dann morgen schon überlegen, hätte ich das jetzt nicht
noch eleganter bauen können mit dem neuen Dings da irgendwie. Aber ich glaube, davon
muss man sich irgendwie los sagen, sonst kriegt man gar nichts mehr aus der Tür. Muss
man auch sagen, es ist jetzt okay mal, dass jetzt was jetzt noch auf dem alten Stand basiert,
der vor einem halben Jahr noch aktuell war. Ja, das ist einfach.
Es tun auch die Leute leid, die jetzt heute versuchen müssen, das alles irgendwie zu
lernen und den Überblick zu behalten. Was ist denn jetzt Stand der Dinge? Weil wie du
vorhin auch gesagt hast, die gucken sich dann was an und stellen fest, guck mal, so macht
man das also und stellen und bringen. Dann plötzlich gesagt, das macht man schon so lange
nicht mehr so. Aber es gibt halt einfach noch unzählige Seiten, die das noch so machen und
unzählige Tutorials, die dir auch sagen, ja, so macht man das. Also zum Beispiel, du findest
jetzt ein Artikel halt mit einem Clearfix und weißt halt nicht, dass es dann dieses Display
Flow Route gibt. Also das ist einfach auch echt schwierig und von daher ist halt auch
so Fingerpointing immer vorsichtig anzuwenden, weil einfach die Leute ja auch nichts dafür
können, dass es einfach wirklich overwhelming ist, wenn man in diese Webthematik eintaucht.
Aber man muss halt schon versuchen, auch am Ball zu bleiben. Also das ist halt wie in
anderen Jobs sicher auch. Also es gibt neue Techniken, neue Tools und da muss man halt
dranbleiben.
Aber das ist halt so ein verrücktes Problem, wo wir jetzt rein stolpern. Gehen wir jetzt
mal von dem Flow Route Problem aus von früher. Wenn du in das Problem reinläufst, wie clear
ich jetzt ein Float, dann landest du ja irgendwann auf Stack Overflow und Stack Overflow wird
halt nicht die Antwort promoten, die jetzt Display Flow Route ist. Die wird halt einen
Clearfix promoten. Und jetzt sind wir halt alle Co-Piloten langsam und Co-Pilot wird
halt auch einen Clearfix irgendwie promoten. Und dieses Ganze, wir sind halt jetzt irgendwie
in diesem Hubserad und das ist unglaublich schwierig, weil du musst halt super aufpassen,
was jetzt alles reinkommt. Und wie du halt sagst, Sarah, du kannst halt nicht mehr zwangsläufig
googlen, weil alle Informationen vom halben Jahr, wo du das releast, natürlich ist das
nicht ein Co-Pilot, natürlich ist das nicht ein Stack Overflow und natürlich kommt das
nicht bei Google raus. Es ist unglaublich viel los.
Deswegen ein Tipp, also bei Stack Overflow, ich gucke immer, natürlich guckt man zuerst
die Antwort mit dem grünen Häkchen an, aber ich scroll auch echt immer durch und gucke
und manchmal findet man dann wirklich so eine Antwort von, die Frage ist von 2018, aber
da ist eine Antwort von 2024 und da steht drin, ja cool, seit diesem Monat können wir endlich
in allen Browsern das und das benutzen. Es lohnt sich, es lohnt sich wirklich darunter
zu scrollen.
Das habe ich jetzt auch schon öfter gesehen, dass tatsächlich Leute, die Mühe machen,
dann eine Antwort nochmal abzudaten, wenn sie irgendwie schon die Top-Antwort hatten
oder eben nochmal eine zu schreiben und zu sagen, hey, hier gibt es jetzt aber eine neue
Technologie, damit geht es jetzt, die ganzen Probleme haben wir nicht mehr, das kannst
du jetzt mit dieser einen Zeile, bla, irgendwie lösen. Finde ich, ist leider nicht bei allen
Sachen so, aber ist mir jetzt echt schon häufiger über den Weg gelaufen und finde ich super,
dass sich jemand die Mühe macht, bei irgendwelchen uralt Fragen, die vielleicht immer noch aktuelle
Probleme sind, das noch zu ergänzen. Also, ich darf ja mittlerweile abvoten bei Stack
Overflow, würde ich dann auf jeden Fall sofort immer machen. Ich habe, warte mal, ich muss
gerade mal gucken, wie viele Punkte ich habe. Es war übrigens unsere zweite Sendung, glaube
ich, oder? Die über Stack Overflow ging damals, als wir noch nicht so genau wussten, was wir
machen wollten. Und dann, da hast du damals dann auch deinen Score verraten.
Ja, ich hatte als Ziel dann irgendwie die 10.000 zu erreichen. Und was hast du gesagt,
2020 haben wir den Podcast angefangen. Also, ich habe dann kurz drauf, glaube ich, die
10.000 auch erreicht. Ich habe aber jetzt nur 10.839, sehe ich gerade. Also, ich habe
dann nicht mehr so viel gemacht seitdem.
Also, ich habe hier gerade auf, ich habe meinen Stack Overflow Account seit 13 Jahren und
acht Monaten und ich habe es aber auch schon, lese schon länger mit, als ich einen Account
habe. Und ich habe grandiose 141 Punkte. Okay, gut.
Das ist aber auch verrückt. Manche Leute machen halt Stack Overflow auch als Hobby.
Ja, das war auch eine Zeit lang, hat mich das einfach angespornt. Ich will die 10.000
Punkte knacken und oder irgendwelche Features freischalten.
Ja, total. Auch wenn du hier versuchst, möglichst viele Fragen zu beantworten und der oder die
Erste zu sein, die was beantwortet, dann guckst du halt schnell so, bevor ich jetzt Blödsinn
erzähle, noch mal kurz nachgucken. Mein Hund dreht gerade durch im Hintergrund, das ist
das, was so quietscht. Genau. Und also, ich habe in der Zeit auch echt viel gelernt, aber
es nimmt halt auch dann auch viel Zeit in Anspruch, wenn man das exzessiv betreibt.
Das ist geil. Ich habe tatsächlich, erinnerst du dich noch, dass ich, das hatte auch mit
dem Stream mit meinem Licht hier zu tun, mal so eine macOS-Shortcuts-Frage gestellt habe
bei Stack Overflow. Die habe ich irgendwann selbst beantwortet, die Frage, weil keine
Antworten kamen und habe tatsächlich, auf die Frage habe ich sechs Upvotes und auf die
Antwort, die ich gegeben habe, habe ich drei, obwohl es eigentlich auf der Hand lag, war
gar nichts Verrücktes. Aber das hat mir echt ein paar Punkte gebracht. Also einfach nur,
dass ich die Frage gestellt habe und am Ende selbst beantwortet habe, weil offenbar noch
fünf Leute das Problem auch irgendwann mal hatten. Das ist jetzt auch nicht so viel, aber
immerhin. Ja, aber das ist gut, dass du es dann beantwortet hast für die Nachwelt, weil
es gibt wenig, was ich mehr hasse, als einen Formbeitrag zu finden, wo dann nur irgendwie
als letzter Post steht, ah ja, hab's hinbekommen, aber ohne Lösung. Aber weißt du, was ich
jetzt machen würde? Jetzt würde ich einen Blogpost schreiben in meinem Blog. Das mache
ich nämlich jetzt knallhart. Denke ich mir so, was soll ich irgendeiner Plattform meinen
Content schenken? Die können dann gerne bei Stack Overflow meinen Blogartikel verlinken,
das können sie gerne machen. Und ich habe auch einige Klicks bekommen, obwohl man es
bei Reddit zum Beispiel gefunden hat. Auf diese, es gab jetzt bei macOS so ganz schlimme
Emoji-Vorschläge, wenn man irgendein Wort getippt hat und dann ein Emoji danach machen
wollte und man hat vorher Bett geschrieben. Dann hat es einem als erstes ein Bett-Emoji
vorgeschlagen, was total kacke war, weil ich will nicht ein Wort schreiben und danach das
passende Emoji. Ich will das nicht. Dann war natürlich die Frage, wie kann man es ausschalten?
Irgendwo im Internet, ganz tief vergraben, gab es eine Lösung. Da dachte ich mir, nee,
da blogge ich jetzt drüber. Und jetzt finden Leute das auf meinem Blog. Und ja, man findet
auch die Antwort bei Reddit, aber man findet sie eben auch bei mir. Ich mache das genauso,
wie Stefan vorhin gesagt hat. Ich versuche diszipliniert zu sein an der Stelle. Immer
wenn ich irgendwie so denke, oh, da habe ich mich jetzt aber durchwühlen müssen durch
irgendwas, bis ich es irgendwie herausgefunden habe, dann versuche ich möglichst SEO-konformen
Titel für einen Blogpost zu finden und dann die drei Schritte, die ich gemacht habe, die
ich am Ende herausgefunden habe, da aufzuschreiben. Bislang, muss ich sagen, weiß ich nicht,
ob ich die richtigen Keywords schon gefunden habe, weil ich immer so den Eindruck habe,
naja, so viele Leute lesen das jetzt irgendwie nicht. Ich habe da irgendwie so Statistiken
und denke mir so, naja, gut, ich habe jetzt diesen Blogpost da geschrieben. Jetzt hatte
ich hier irgendwie im letzten Monat irgendwie vier Leser da drauf und denke mir so, okay,
hat sich jetzt so ein Mittel gelohnt, das zu schreiben, aber wer weiß, vielleicht hat
es ja irgendjemandem weitergeholfen. Weiß ich natürlich nicht so genau, weil ich keine
Kommentarfunktionen habe. Also deswegen kann auch keiner jetzt irgendwie direkt Danke sagen
oder so.
Das ist aber natürlich schwierig, weil du ja sagst, irgendwie hat sich das jetzt gelohnt
zu bloggen. Das ist halt so die, erstmal meiner Erfahrung nach, weil ich ja für mich
selber blogge, aber auch für Unternehmen irgendwie, Traffic geht halt runter. Das ist tatsächlich
was, was man sich jetzt wegen AI, wegen Reddit, Google präferiert ja Reddit saustark jetzt
seit einem Jahr, weil die ja Benutzerkontent haben wollen und nicht den ganzen AI und
SEO-Nonsens. Also das ist halt so die Frage. Willst du jetzt halt große Blogposts schreiben,
das ist schwierig.
Okay, aber das finde ich total spannend, dass du das sagst, weil ich habe vor kurzem mal,
also ich habe schon relativ lange auf meinem alten Blog Matomo am Laufen gehabt. Also schon
über zehn Jahre läuft das und habe dann mir gedacht, naja, also wenn ich irgendwie was
hatte, was abgehoben ist, was irgendwie einmal alle zwei Jahre oder so vorkommt, dann hatte
ich da halt mal auf meinem Artikel oder auf meinem Cheatsheet zum Beispiel 50.000 Leute
im Jahr oder so oder noch mehr. Und das war für mich eine große Zahl und egal, was ich
jetzt mache, selbst wenn ich was irgendwo bei Social Media platziere, bei Reddit oder
so und der Post geht ab, komme ich da nicht mehr im Ansatz dran. Also interessant, dass
du das sagst, dass Traffic runtergeht, weil dann ist das nicht nur bei mir so, weil ich
habe so versucht, jetzt ein bisschen Auswertung. Das ist echt krass, aber wo geht er denn
hin?
Also bei mir, also ich sehe das, also wenn wir jetzt kurz in die Zahlen gucken wollen,
weil manchmal man macht das mal nebenbei auf hier, falls sich das interessiert, so allein
schon Google Search sehe ich jetzt für mich selber, aber halt auch für mehrere Firmen,
für die ich Content irgendwie erstelle. So warte mal, mein eigener Blog hat im Mai
2023 hatte ich noch knappe 1500 Leute von Google, die reinkommen pro Tag. Heutzutage
sind es 500.
Krass, nur noch ein Drittel.
Nur noch ein Drittel und das sind halt mehrere Algorithmus-Updates. Keiner sagte ja, ich
habe halt auch mit SEO-Agenturen zusammen, hier Blackmagic, jetzt unterhalten wir uns
auch noch über Blackmagic, das ist halt schwierig, aber ich sehe halt in mehreren Properties,
dass tatsächlich Google Traffic runtergeht und das hat halt die Gründe, dass Google
muss jetzt halt auch so ein bisschen gucken so, was machen wir jetzt mit dem ganzen AI-Slob,
was machen wir mit den ganzen SEO-Butzen, Sass-Butzen, die jetzt Entwickler, weil das
ja die Leute sind für die, Du-Blogs von Entwicklerinnen. Sass-Butzer ABC benutzt jetzt JetGPT, um deine
ganzen Fragen zu beantworten. Ist die Information korrekt? Ja, nein, weiß keiner. Wir sind halt
jetzt gerade in diesem Niemandsland, wo halt wir alle die Tools haben oder habt ihr diesen
einen Social-Media-Post gesehen, wo dieser eine CEO irgendwie 150 Blog-Posts vom Competitor
durch JetGPT gejagt hat, nur um den SEO-Traffic abzugreifen und das funktioniert hat. Das
ist krass. Das ganze Internet ist halt nur noch voll mit Quatsch und mit Nonsense und
als Suchmaschine ist halt so die Frage, okay, was zeigen wir jetzt? Und soweit ich weiß,
ist halt aktuell der Ansatz, schieben wir die Leute zu Reddit. Ja, super. Oder zu irgendwelchen
Tools, zu Stack Overflow, wo halt Google noch weiß, okay, hier sind echte Menschen. So und
du, Moritz, als Umkehrschluss sagst du natürlich, ja, aber ich gebe doch Stack Overflow nicht
mehr meinen Content. Stack Overflow wird den ganzen Content zu OpenAI irgendwann verkaufen
und dann zu Google verkaufen und jetzt habe ich hier umsonst irgendwelchen Konto gemacht.
Aber Google weiß ja auch nicht mehr, was sie anzeigen sollen. Wir sind in diesem Inhalts-Wahnsinn
gerade und das ist so schräg und zusätzlich hast du halt noch irgendwie ganz viele Leute
irgendwie die JetGPT als die neue Google-Suchmaschine benutzen und gar nicht realisieren, dass das…
Oh je. Oh Gott, jetzt werde ich so voll apokalyptisch.
Weil ich habe da, da habe ich echt den Kopf geschüttelt. Ich habe da jetzt vor kurzem
mit einer Person mich ausgetauscht und dann auch mal ein paar Nachfragen gestellt, wo
ich gemerkt habe, wie sehr die sich auf JetGPT verlassen und den Output davon. Ich kann jetzt
nicht konkret sagen, was sie damit gemacht haben, aber ich sage mal so, das war, die
haben sich etwas schreiben lassen, was Real-World-Impact hat, Business-Impact und haben, meiner Meinung
nach müsste man den Output, es ist ja schön und gut, wenn man das als Werkzeug benutzt
und sich da helfen lässt bei irgendwelchen Sachen, aber so wie ich es verstanden habe,
haben die den Output quasi ungeprüft verwendet. Und da geht es drum, da ging es in dem Fall
drum, versuch es so ganz wolkig mal zu formulieren, wann, wo, wie was investiert wird in ein Projekt
und wann, wie, wann man mit was anfangen muss, um bis zu Zeitpunkt X fertig zu werden. Und
ich denke mir so, da kann doch keine AI, also wenn, also da kann eine AI zufälligerweise
eine richtige Antwort geben, aber wenn das nicht stimmt, dann setzt du unter Umständen
riesige Summen ins Nichts oder du vergisst irgendwas, was total wichtig gewesen wäre,
und dann kannst du nicht mal irgendjemandem die Schuld geben.
Das merkt man ja schon bei Programmierfragen, du sagst dem was anders geht und der eine
Punkt, der aber echt wichtig ist, den übergeht es einfach komplett.
Da kommt manchmal kompletter Quatsch raus, also auch mein Checkbox-Tetris, was ich vorhin
angesprochen hab, ich bin da irgendwann in so einem Deadlock angekommen und hab gesagt,
ey, da gibt's einen Bug, der ist so, ich hab versucht in 27 verschiedenen Arten zu formulieren,
es kam immer wieder derselbe Mist zurück, war immer noch drin. Und dann kann man sich
doch nicht in der echten Welt so darauf verlassen und wenn dann Leute noch sagen, ja, die Intelligenz
hat verstanden das, wenn ein Satz so anfängt, dann weiß ich schon, da hat jemand überhaupt
nichts verstanden, wie das funktioniert. Überhaupt nichts. Weil das ist ein Ding, das rät, was
das sinnvollste nächste Wort ist. Das hat überhaupt keine Intelligenz. Das ist erstaunlich
gut in Dinge vorhersehen, was ich für eine Antwort gerne hätte und ich nutze es an vielen
Stellen, aber wenn's um Fakten geht, also ich hab ganz, das ist gut, das ist eine ältere
Version gewesen, da hab ich gedacht, naja, das wäre vielleicht mal witzig, ich lasse
mir mal einen Wikipedia, schreib mal einen Wikipedia-Artikel über Moritz Gießmann. Ja,
Moritz Gießmann war halt, ich weiß gar nicht mehr was, aber garantiert nicht aus Karlsruhe
und war irgendein Fußballer oder irgendwie sowas, der in den 80ern in der ersten Bundesliga
gespielt hat, irgendwie so ein Käse kam da raus. Wahnsinn. Da hatte ich mir ja so, okay,
gut, Fakten kannst du halt einfach knicken und vielleicht ist das ein bisschen besser,
wenn dieses Copilot-Ding das vielleicht noch aufs Internet zugreifen kann und dann so merkt,
ah, das ist jetzt was, was ich im Internet nachgucken könnte, dann wird das dadurch
vielleicht ein bisschen cleverer, aber so generell Fakten abzufragen, anspricht…
Ja, ist schwierig, finde ich. Aber wenn wir noch mal kurz aufs Blogging kommen wollen,
ich glaube für die Zuhörerinnen, also mit Blogging heutzutage neu anzufangen und Reichweite
zu generieren, ist unglaublich schwierig. Und also ich kann halt nur sagen, Blogging,
was Blogging mir halt bringt, also ich bin auf jeden Fall ein besserer Schreiber als
vor fünf Jahren. Und das setzt sich halt in Projektbriefen, in Bloggen, im E-Mail-Schreiben,
das ist ein Skill, der hilft. Und den musst du halt trainieren. Du meintest vorhin, du
schreibst halt nicht so gerne oder so, das ist tatsächlich Übung, hilft da tatsächlich
sehr. Wo ich es noch gesehen habe, wo es mir definitiv geholfen hat in den letzten zehn
Jahren, ist halt, wenn meine Bewerbung halt irgendwo reingeht und jemand guckt halt auf
meine Webseite, dann springe ich meistens einen Schritt weiter. Schon automatisch. Das
heißt, vielleicht habe ich Glück, aber ich denke schon, dass halt so Kleinigkeiten nicht
zwangsläufig notwendig sind, aber sie geben dir schon ein bisschen Rückenwind, wenn du
auf Jobsuche bist. Das ist, glaube ich, nicht von der Hand zu weisen. Und man lernt halt
Sachen. Eine Sache wirklich, wenn man sich ein bisschen mit dem Thema auseinander kaut
und wenn man halt angefangen hat zu schreiben und dann so, okay, jetzt lese ich das nochmal
durch. Meistens, wenn du irgendwas schreibst, dann kommt halt so, aber eigentlich müsste
ich jetzt als nächsten Umkehrschluss fragen, warum das so und so ist. Das heißt, wenn
man sich wirklich ein bisschen Zeit nimmt und jetzt mal einen längeren Blogpost schreibt,
dann kommt man meistens deutlich schlauer raus, weil man idealerweise setzt sich halt
auf die andere Seite des Tisches. Wer liest denn das jetzt? Und was ist denn jetzt die
Folgefrage? Und dann so, ja, habe ich endlich auch keine Ahnung. Also geht's weiter.
Absolut. Also ich habe immer dann, wenn ich es gemacht habe, also bei mir ist es, es ist
für mich so ein Ding, dass ich überhaupt in den Zustand komme, das damit anzufangen.
Das ist, das ist das Schwierige. Aber ich kann dir absolut zustimmen, wenn ich da mal
da drin bin und das mache. Man lernt unglaublich viel dabei, eben genau durch das, was du gerade
gesagt hast, weil ich nämlich mir dann eben die Folgefrage stelle und dann sage, die kann
ich vielleicht gar nicht beantworten. Was, was, was wäre denn da jetzt das Nächste?
Oder genau, die, die oder ich finde nicht nur bloggen, aber auch, dass jemandem anderen
was beibringen, was man im Prinzip ja mit einem Blogbeitrag versucht, vielleicht auch
sich selbst das beizubringen. Ja, und aber auch wenn, auch wenn das jetzt eine Situation
ist, wo jetzt die Person mir gegenüber sitzt und ich versuche, ihr was zu erklären, merke
ich dann entweder direkt anhand der Fragen oder anhand dem, wie erkläre ich das jetzt
so, dass das irgendwie alles, alles Hand und Fuß hat. Alleine dadurch kommen, werden ganz
andere Areale in den Gehirn irgendwie angesprochen plötzlich.
Ja, also das ist. Wir hatten hier in Berlin, hier, ich habe eine Zeit lang, hatten wir
hier CSS Classes, wo wir halt so Sonntagsworkshops gemacht haben und wirklich nicht Programmierleuten
irgendwie CSS beibringen. Das ist so schräg, wenn du dann halt so eine Frage, warum ist
das jetzt so? Und dann stehst du da, naja, du hast hier einen relativen Blog, einen absoluten
Blog und dann machst du so zu, ja, aber warum denn? Und wieso funktioniert mein Z-Index
nicht? Und dann ist so, ja gut, müssen wir uns jetzt mal kurz hinsetzen so. Und das machst
du halt einmal. Und das Schöne ist halt so, und das ist meine absolute Lieblings-Story
so von, zum Thema Leuten was beibringen. Wir haben dasselbe hier, weiß ich nicht, hattet
ihr nicht auch irgendwo Open Tech School? JavaScript, das war auch so, wir bringen Leuten
was bei für umsonst. Und das war, viele Leute, gerade wenn man in Person macht oder mit einem
Event, was hier in Berlin wirklich tot ist seit Corona, es ist so schräg, wir haben fast
keine Meetups mehr. Da war ich halt für Open Tech School JavaScript und das war super schräg,
dann war ich halt unten irgendwie, ich war nach vorher unterwegs, war Mitte 20 und war
schon ein bisschen fertig, hab halt ein bisschen JavaScript beigebracht und dann stand so ein
älterer Herr vor mir und der war wirklich glücklich, der hat halt drei Stunden JavaScript
gelernt und meinte halt zu mir so, wieso macht ihr das? Das ist ja sau cool, dass ihr das
macht. Ich hab halt irgendwas gelernt so. Dann hab ich halt ein bisschen mit dem geschnattert
irgendwie, der war 50, 55, 60 und nachher meinte so, naja, ich bin ja hier Mathe-Professor
an der Humboldt-Uni hier in Berlin und ich hab meinen ersten Code heute geschrieben.
Oh krass! Und ich halt irgendwie verkatert so mit einem Auge meinte so, also du bist
ja auf jeden Fall eine Million mal schlauer als ich und alles, was ich dir heute gebracht
habe, hast du bestimmt super schnell gecheckt und so. Nein, das war sau cool und so. Und
das ist halt Leuten was beibringen. Wenn denen halt noch Danke sagen, das erzähle ich jetzt
halt zehn Jahre später. Ja, über den Punkt ist es auch schon, dass man so oft vergisst,
dass man, man stellt oft das eigene Licht unter den Scheffel und denkt, eigentlich kann
ich das gar nicht so gut, aber dass man doch halt einfach Meister seines Fachs ist und
dass das, was wir als selbstverständlich ansehen für andere halt echt so Brain Explosion
ist und für die wirklich das so auch schwarze Magie ist, was wir so machen, ja. Also wenn
man da so drin ist in dem Feld und sich dann vergleicht mit anderen, die halt wirklich
Korrifien so auf dem Gebiet sind, dann vergisst man oft so die eigenen Kenntnisse, was man
doch so angehäuft hat in den Jahren. Ja. Was mir da zu dem Thema gerade noch eingefallen
ist, vielleicht noch ein Mini-Einschub, bevor wir weitermachen. Ich weiß, vielleicht kennt
ihr Homebrew Website Club, vielleicht sagt euch das was. Das ist so aus dieser Indie-Webbewegung
heraus und ich war da zum allerersten Mal witzigerweise in Brighton und das war, da
habe ich glaube ich auch im Podcast, in der ersten Podcast-Folge glaube ich, habe ich
da drüber erzählt, wirklich die allererste. Genau, und habe da den Jeremy Keefe getroffen
und wir waren quasi die einzigen Teilnehmer an dem Tag, er und ich. Und ich habe dann,
er hat dann irgendwie einen Blogpost geschrieben und er hat mir dann noch so ein paar Indie-Web-Sachen
erklärt und so, war super. Und dann habe ich herausgefunden, dass es das auch in Karlsruhe
mal gab, aber ich habe es dann irgendwie trotz Kalendereintrag irgendwie nie dahin geschafft.
Aber jetzt so nach Corona habe ich, also es war vor Corona, habe ich mir gedacht, eigentlich
wäre das doch geil, sowas nochmal ins Leben zu rufen. Und ich glaube, die Idee dahinter
ist auch genau, da treffen sich einfach Leute und mit unterschiedlichen Skill-Leveln, also
auch Leute, die irgendwie einfach mal eine Webseite bauen wollen und keine Ahnung davon
haben oder halt auch Leute, die was wissen und sich dann gegenseitig aushelfen und trifft
sich da irgendwie für zwei, drei Stunden und jeder bastelt was, aber es ist auch erwünscht,
dass man sich gegenseitig irgendwie was fragen kann oder so. Da sind auch Neulinge erwünscht,
die dann sagen, hey, wie fange ich denn da an? Und dann setzt man sich mal zusammen und
sagt, ja, ich komme, ich zeige es dir mal und so. Und ich habe den Matthias Pfefferle,
der das hier mal organisiert hat, den hatten wir übrigens auch schon mal im Podcast hier
bei uns, gefragt, also der kommt ja auch hier aus der Gegend, aus Karlsruhe, ob er Bock
hätte, sowas nochmal zu machen, weil ich selbst mir auch dachte, ich kann auch davon profitieren
und vielleicht starten wir das jetzt und falls jemand jetzt hier zuhört und sagt, hey, Karlsruhe
Homebrew Website Club interessiert mich, wäre ich gerne dabei, dann gerne mal bei mir direkt
melden, entweder irgendwie per Mail auf meiner Webseite findet ihr die Mailadresse oder auch
bei Mastodon irgendwie mal anschreiben oder so. Weil es ist jetzt noch nicht sicher, wann
und ob, aber wir, ich glaube, es waren jetzt schon so drei Leute interessiert, reicht eigentlich
schon, um das zu starten und da vielleicht, genau, wenn ihr da up to date bleiben wollt,
einfach euch bei mir mal melden und dann kann ich euch da irgendwie sagen, wo ihr euch da
hinwenden könnt. Ich glaube nicht, dass das irgendwie schon Social Media Accounts hat
für Karlsruhe oder so, was vielleicht sinnvoll wäre, mal einzurichten, um es auch zu verbreiten.
Also das würde ich gerne irgendwie wieder anschieben, weil die Idee finde ich mega gut,
einfach so einmal im Monat oder so sich irgendwo drei, vier Stunden gemeinsam hinsetzen in
irgendeine Kneipe. Jeder bringt seinen Laptop mit und dann macht man halt was irgendwie
zusammen oder jeder macht seins oder aber die Community ist irgendwie gut an der Stelle.
So, wir müssen echt jetzt schon eine Weile dran. Ich habe noch eine schnelle Frage an
dich, Stefan, weil es mir aufgefallen ist auf deiner Webseite oder auf deinen Seiten,
die du so betreibst. Wir haben jetzt die Tiny Helpers gar nicht so hervorgehoben. Das ist
aber so das erste Projekt von dir, was mir aufgefallen ist oder wo ich gedacht habe,
das ist ja der Stefan, der das macht und ich dann auch gleich mal Tools von mir da eingereicht
habe. Aber sowohl bei den Tiny Helpers als auch auf deinem Blog, bei deinen Projekten
ist mir aufgefallen, dass die Screenshots von den jeweiligen Tools irgendwie so ein
bisschen fancy nachladen und da habe ich mich gefragt, wie machst du das? Werden die da
irgendwie on the fly generiert oder wo kommen die her? Ist da irgendeine Magie dahinter
oder ist das irgendwas absolut unspektakuläres?
Okay, das sind zwei unterschiedliche Sachen. Also Tiny Helpers hat einfach nur Screenshots,
die aus einer Serverless-Funktion kommen. Also Tiny Helpers für die Leute, tinyhelpers.dev
ist eine Collection von Online-Tools für Web-Devs. Das ist ganz klassisch eine Liste
von kleinen Tools, die niemals bei Google rauspoppen werden, weil die nicht optimiert
werden oder optimiert sind. Keine Chance, dass du die findest. Und es ist so ziemlich
eigentlich nur für mich und für andere, aber primär war es für mich.
Mittlerweile für viele, glaube ich.
Wenn ich halt weiß, ich habe hier irgendeinen Color Palette-Generator irgendwo mal gesehen,
dann füge ich den halt hinzu. Dauert eine Minute und dann geht das los. Das ist alles
Eleventy. Das ist eine Serverless-Funktion, die macht Screenshots on the fly. Das ist
unglaublich ätzend, Chromium in Serverless-Functions zum Laufen zu kriegen. Ich habe jetzt einfach
das benutzt. Das ist mir auch schon zwei, drei Mal kaputt gegangen, weil irgendwann
wird die Node-Runtime irgendwo upgedatet. Bin ich momentan für die Leute, die dasselbe
Problem haben. Zac Lied von Eleventy hat ein Paket dafür, der updatet das und der kümmert
sich darum, dass es nicht in den Netlify-Versus-Serverless-Functions kaputt geht. Also falls ihr dieselben Probleme
habt, das ist der Punkt. Und auf meinem Blog, da habe ich tatsächlich, da sind SVGs unter.
Das heißt, während des Bildprozesses lade ich Screenshots, schiebe die durch so einen
Squip-SVG-Kollegen, der halt das Bitmap nimmt, daraus Pfade nimmt und dann lege ich halt
einen Blur drüber. Und das heißt, die Bilder sind ja lazy-loaded und dann ist da halt noch
ein Onload-Händler, der halt das Bild runterschiebt und das schärfer werden lässt.
Das sieht fancy aus. Ja, da bin ich ganz glücklich mit. Und ist
halt schönere Lazy-Loading-Experience. Die ganzen SVGs sind dann zwischengecached irgendwo
und dann, ja. Aber das ist funky. Das heißt, du machst
während dem Bild von deinem Blog, was auch Eleventy ist, Fragezeichen, machst du Screenshots?
Ne, das ist, mein Blog funktioniert mit Contentful. Das heißt, die Bilder kommen schon aus dem
CMS. Und während des Bildprozesses, das gibt ein Hidden-Feature bei Netlify. Du kannst,
auf Netlify kannst du, gibt's einen Hidden-Folder, der ist persistent über alle Bildprozesse.
Das heißt, wenn du Sachen zwischencachen willst, kannst du die halt alle in den einen
Folder schieben und der ist immer, immer erreichbar. Das ist halt so wie deine kleine Mini-Json-Datenbank.
Und während des Bildes iteriere ich halt über alle Bilder durch, die bei mir in meinem
CMS liegen, transforme die zu SVGs und dann werden die halt beim Bild wieder ausgelesen
und dahintergelegt. Okay, die Bilder existieren aber da quasi
schon. Ja.
Ja, okay, gut. Dann hat sich das erklärt. Das waren nur so Details, die ich noch wissen
wollte. Aber Sarah hat, glaube ich, noch eine Frage an dich.
Genau, und zwar mal ganz weg von dem Technik-Kram. Wir haben es ja auch ab und zu mal über Mental
Health und Developer-Fatig und geht auch ein bisschen in die Richtung, so was motiviert
dich, aber eher, was machst du zum Ausgleich, wenn du mal nicht nur Web-Kram im Kopf hast?
Das ist eine großartige Frage. Mental Health bin ich strugglig, glaube ich, weil ich glaube,
ich mache halt viel nebenbei. Ich habe halt ein Newsletter einmal die Woche. Was mir tatsächlich
jetzt hilft, Fingers crossed, ich bin jetzt drei Monate morgendliches Yoga bin ich mit
dabei, eine Stunde jeden Morgen, hilft mir tatsächlich. Ich werde jetzt nächstes Jahr
40, ich habe Stuhlrücken. Ich merke, dass ich den ganzen Tag sitze, das hilft mir ein
bisschen. Normale Tagesroutine ist unglaublich wichtig. Ich schiebe das gerne hin, hier arbeite
ich nochmal ein bisschen später und da mal ein bisschen früher und so. Das sind meistens
die Sachen, die mich dann aber komplett rauskanten. Kennt ihr ja bestimmt. Das ist so, ich habe
jetzt viel Stress, ich trinke einen Kaffee, ich trinke mehr Kaffee, ich schlafe schlechter
und dann geht das Ganze wieder vorne los und dann spiralt man sich so hoch und dann wundert
man sich nach einer Woche, warum es einem so schlecht geht und warum man so schlecht
schläft. Und wenn ich jetzt ewig schlafen kann, dann kann ich ja auch was Produktives
tun. Genau. Und dann schläft man wieder. Und da arbeite ich tatsächlich so ein bisschen
entgegen. Rhythmus und Sport sind die Sachen, die wichtig für mich sind. Ich bin sehr stark
im Tracking Game. Das heißt, ich habe immer ein Spreadsheet laufen, das mir dann sagt,
okay, so und so viel Sport hast du die Woche gemacht und schaue halt, dass ich das schaffe
mit der sportlichen Routine einmal pro Woche. Und ich bin ganz, ganz aufgeregt jetzt seit
einem halben Jahr schon. Ich habe einen Stehtisch und tatsächlich, also ich arbeite auch komplett
von zu Hause, aber ich habe einen Stehtisch und ich habe so ein Gehlaufband. Tatsächlich
bis um zwölf habe ich meine zehntausend Schritte drin. Cool. Also du erinnerst dich vielleicht
Moritz, dass ich das auch mal vor einem Jahr oder so habe ich da auch durchgehalten. Dann
mit dem Sommer, mit den Temperaturen habe ich schleifen lassen. Aber ich habe auch extra,
als ich hier das Büro runtergezogen habe, einen Keller, mir so einen elektrisch fahrbaren
Schreibtisch zugelegt und auch so ein Laufband und habe dann teilweise auch wirklich beides
kombiniert und im Stehen, im Laufen dann hier auch noch ein bisschen was gearbeitet. Ja,
jetzt nicht Deepfocus, aber so morgens E-Mails machen und so, haut schon hin. Ja, also beim
Programmieren kann ich es auch nicht. Also entweder körperliche Bewegung oder gescheit
nachdenken. Aber gerade für so wirklich E-Mails oder irgendwie was konzipieren oder so was,
da geht es schon eher. Laufband habe ich noch keins, aber ich erinnere mich, dass der Dirk
Ginader, der auch mal bei uns im Podcast war, der hat dann auch mal gesagt, dass er sowas
glaube ich auch hat. Also es ist gar nicht so wenig verbreitet. Ja, so, wir müssen jetzt
schnell vorankommen. Wir haben heute viele technische Probleme, ihr hört davon hoffentlich
am Ende in der Folge gar nicht. Mal gucken, ob ich es geschnitten bekomme oder ob ich es
drin lassen muss in abgeschlechter Form. Aber mit Mental Health waren wir fertig, oder?
Genau. Dann der letzte Teil des Themas. Stefan, möchtest du noch für irgendwas Werbung machen,
noch irgendein Tool, was du irgendwie, was du gebaut hast oder so irgendwas, keine Ahnung,
was auch immer du möchtest? Naja, ich teile halt oder schreibe viel über Webkram. Also
falls euch das interessiert, habe ich ein RSS-Feed. Falls ihr Lust habt, ist auf meiner
eigenen Webseite stefanjudis.com. Aber für die Leute, die jetzt nicht so RSS-affin sind
oder die lieber Newsletters lesen, habe ich halt webweekly.email. Sehr plattformnah, sehr
faktbasiert, sehr how-to-build-a-good-web oder wie das Web funktioniert. Also falls das ist,
worauf ihr Bock habt. Ich freue mich über jeden, der mitliest und ich investiere da sehr viel Zeit
und vielleicht wird es mal ein richtiger Newsletter, sage ich mal. Cool. Ihr habt es ja von mir schon
gehört, ich bin Fan und finde da eigentlich fast in jeder Ausgabe, beziehungsweise ich bin eher
der RSS-Mensch, irgendwas Neues, irgendein kleines neues Detail. Also danke dafür. Ich
bedanke mich fürs Mitlesen. Cool. Okay, dann kommen wir zum Geil-Teil, oder? Ja,
ich muss jetzt, müssen uns jetzt richtig beeilen. So, schnell, schnell, zack, zack. Geil-Teil. Ist
jetzt auch schon nicht mehr ganz, ganz, ganz frisch, aber fand ich so geil, dass es jetzt
immer noch in der Liste drin ist. Und zwar, vor ein paar Wochen hat es in meine Timeline gespült,
eine Schriftart, die selbst Syntax-Highlighting mit in sich drin hat. Und die Idee finde ich
ja mal so genial, weil wie viel hat man schon irgendwie mit seinen Code-Beispielen auf seiner
Webseite irgendwie rumgevorwerkt mit, ich möchte da Code-Syntax-Highlighted haben. Und es ist echt
immer ein Pain in the butt, weil da gibt es irgendwelche Frameworks und also man kann es
Server-Side rendern, dann dauert es halt irgendwie im Bildprozess. Wenn man es kleinseitig macht,
dann ist es überhaupt nicht performant, weil dann irgendwie der ganze Code irgendwie tausendmal
durchgerendert werden muss, bis das Ganze irgendwie steht und da tausend Spans irgendwo
hingeschrieben werden, ist alles Mist. Und jetzt hat jemand gedacht, ey geil, man kann doch Open
Type Font-Features verwenden, um eine Syntax-Highlighting-Font zu bauen. Und das finde
ich ist eine mega geile Idee. Und das Ding heißt FBSH, wenn ich es richtig sehe, Font with Built-in
Syntax-Highlighting. Und das kann man ausprobieren und Link kommt in die Show Notes. Und da gibt es
auch einen Blog-Artikel, also ich glaube, den verlinken wir dann, wo auch ein bisschen erklärt
wird, wie das gemacht wurde. Und man kann das Ding, das ist echt geil, man kann es nämlich
auch per CSS themen. Das heißt, ich glaube, der Standard-Theme, was man da sieht, ist so
Dark-Mode-mäßig, so ein bisschen Neon-Farben. Aber man kann auch einfach selbst die Farben
festlegen und dann kann man es auf ein beliebiges Theme irgendwie bauen, einfach nur mit CSS. Und
wenn man den Font einbindet. Mega geile Idee. Ich bin jetzt nicht unbedingt Fan von der Schriftart,
die ist mir so ein bisschen arg eckig technisch. Aber alleine, dass das jemand mal gemacht hat,
ich denke, da wird es wahrscheinlich noch einige Nachahmer geben, die das dann vielleicht mit für
mich ansprechenderen Schriftarten machen werden. Mega geile Idee. Syntax-Highlighting einfach an
den Font auslagern. Ja, natürlich kriegt man es irgendwie kaputt gespielt. Was hast du denn
gemacht schon wieder? Ich habe einfach nur einen Style-Block hinzugefügt und dachte dann, innerhalb
von dem Style-Block ist dann CSS-Syntax-Highlighting. Aber irgendwie, nee. Ja gut. Würdest du, ja,
bei Style-Block in HTML, naja, du würdest aber wahrscheinlich selbst kein Code-Beispiel in deinem
Blog-Post machen, wo du das machst, oder? Jetzt sind wir mal ehrlich. Ich weiß nicht genau,
wie das gesteuert wird. Wenn ich den CSS-Code in das andere hier oben einfüge, dann sieht das
anders aus als da unten. Naja, ich weiß nicht. Es steht auch drin, dass das Code nicht perfekt
ist und dass es doch einige Herausforderungen gibt, wenn man nicht will, dass die Schriftdatei
explodiert in der Dateigröße. Das willst du ja auch irgendwie kleinreiben. Ah, jetzt hab ich's
einfach ausgeschnitten, wieder eingefügt und jetzt passt's. Also, ich find's eine Mega-Idee und ich
glaube damit, wenn man das noch ein bisschen weiterverfolgt, noch ein bisschen verfeinert
und es noch zwei, drei andere Schriftarten vielleicht gibt, die das so einbauen, dann
ist das Syntax-Highlighting-Problem gelöst once and for all. Cool. Also, das denke ich mir auf
jeden Fall so. Der Stefan hatte auch noch, du darfst noch, ich würde sagen, nimm dein liebstes
Geil-Teil, bevor uns die Sendung wieder abschmiert. Ein kurzes Techie-Geil-Teil ist wirklich nur Squoosh
zum Bilder-Optimieren. Ich habe das Gefühl, ich hatte das letztens im Newsletter und tatsächlich
viele Leute haben gesagt, das kannten sie nicht. Das wurde mal von den Google-Leuten gebaut und
das ist halt so ein Progressive-Web-App zum Bilder-Optimieren. Benutze ich einmal die Woche,
es ist mega smooth, mega gut. Squoosh.web, ne? Ja, wird nicht alt, kann ich. Highly recommended.
Es gibt schon eine ganze Weile, ich kenne das schon eine ganze Weile, aber es gibt einige von
diesen Bild-Optimierungs-Dingern. Ich nutze mal TinyPNG, also ich kann das Squoosh noch nicht
so mal gegeneinander laufen lassen, was da bessere... Wahrscheinlich, aber als Progressive-Web-App finde
ich, die Idee finde ich sowieso immer gut, wenn man so ein Ding installieren kann und es ist
eigentlich so ein Web-Dings dahinter. Finde ich, werde ich auf jeden Fall noch mal ausprobieren.
Ich erinnere mich, das habe ich, glaube ich, auch mal getestet für den Hintergrund von unserer
Podcast-Seite. Da ist es dann aber am Ende was anderes geworden. Ach, es kommt immer darauf an,
was für ein Bild man hat und so. Aber geil. Ich glaube, das ist der PWA-Fakt, ne? Ich habe das
halt auch als PWA installiert. Ich habe halt über meinen Command-Launcher und dann dragge ich da die
Bilder. Das bin ich halt in zehn Sekunden fertig, wenn ich da einmal die Woche fünf Bilder optimieren
muss. Und dass es halt das Web ist, ist halt mega nice. Perfekt. Super, dann kommt jetzt der Jingle,
vor dem ich immer Angst habe, glaube ich, oder? Ja, sind wir schon soweit? Wow. Und gerade,
wenn wir Gäste haben, ist immer am allerschlimmsten. Frag nicht. Stefan, es ist irgendwann einfach
passiert, da war dann dieser Jingle da und ging nicht mehr weg, weil wir irgendwann gemerkt haben,
wir brauchen noch einen für das Ende, weil da hatten wir lange Zeit keinen. Und dann haben
wir gesagt, ja, machen wir jetzt mal Geräusche. Und Sarah hat dann das zusammengeschnitten und
das ist es jetzt geworden. So bleibt es auch. Und ich tue mir Mühe, dahinter zu stehen und es gut
zu finden. Ich bin sehr beeindruckt von eurem Audio-Game. Dankeschön. Du weißt nicht, wie
lange wir geplant haben. Es war die Chance, dass dieser Podcast niemals live geht. Es war sehr,
sehr groß, weil wir uns sehr in Planung und allen möglichen Kram verloren haben.
Allein schon die Webseite. Stimmt, am Anfang gab es noch gar keine Jingles,
da haben wir es noch selbst eingesungen sozusagen, live in der Sendung. Doch,
das war wirklich so. Ich traue mich gar nicht, die ersten drei Folgen nochmal anzuhören. Da
habe ich gesagt, ah, jetzt müsste eigentlich ein Jingle kommen. Und dann so, oh ja, das Thema.
Wir könnten auch einen Reaction-Stream dazu machen. Wir gucken einfach mal den Stream lang,
hören wir unsere alten Folgen durch und cringen dazu. Das ist aber immer so. Man will halt alle
Sachen erst fertig machen, schöner machen und dann fängt man nie an. Ja, genau. Wir haben es
geschafft und jetzt sind wir schon eine ganze Weile dabei. Das ist jetzt der Moment, wo wir
noch ein bisschen euch auffordern, hey, schreibt uns doch mal auf Social Media oder schreibt uns
mal, wenn ihr irgendwie Themen für uns habt. Wir können nicht garantieren, dass sie drankommen,
aber wir freuen uns, einen Strich auf unserer Liste zu machen und dann schiebt sich vielleicht
was weiter nach oben. Bewertet uns auf Podcast-Portalen. Es freut mich immer sehr,
wenn ich da irgendwie Bewertungen sehe, weil die meistens total nette Texte dabei haben. Also nette
Texte dürft ihr schreiben. Schlechte Bewertungen schickt ihr uns an div0, wo wir sind, ist vorne,
Punkt Show. Oder per Fax. Genau, ja, wir haben eine Faxnummer. Das kommt auch nur in Deutschland
an. Genau, erzählt euren FreundInnen von uns. Wir können noch ein bisschen mehr Reichweite
gebrauchen, bin ich ganz ehrlich, würden wir uns sehr drüber freuen. Ihr dürft uns auch,
wenn es unbedingt sein muss, über Spotify hören, da gibt es uns auch. Aber wenn ihr uns jetzt hier
schon hört, dann brauche ich euch nicht sagen, wie ihr uns hören könnt, weil das habt ihr ja
irgendwie schon hingekriegt. Genau, dann das waren meine letzten Worte für heute. Ich habe jetzt
sonst nichts mehr. Ich bedanke mich auf jeden Fall sehr, sehr, sehr für deine Zeit und deine
Geduld, Stefan. Wir haben heute, ich kann es jetzt noch mal kurz disclosen, ich glaube mindestens
dreimal wurdest du im Wort abgeschnitten, weil die Technik versagt hat. Ich entschuldige mich
nochmal an der Stelle und bedanke mich für deine Geduld. Ja, ich muss mich entschuldigen,
weil es an mir lag, an meiner Technik, was auch immer es ist hier. Aber ja, vielen Dank,
dass du dir die Zeit genommen hast. Und ja, war, finde ich, eine sehr schöne Folge. Und
bei uns hat traditionsgemäß der Gast das letzte Wort oder die letzten paar Worte.
Na, dann bedanke ich mich jetzt auch nochmal. Es hat sehr viel Spaß gemacht und wir haben
jetzt elf Uhr Berlin-Zeit. Schließen wir ab. Haben wir noch einen Jingle?
Wir haben noch ein Outro. Selbstverständlich. Einen schönen Abend noch.
Dann bedanke ich mich mal und allen einen schönen Abend noch.
Ciao, bis zum nächsten Mal. Ciao.
Ciao.
Musik