Wo wir sind, ist vorne, Folge 29, Rückblick, Ausblick, ach nee, Spaß hatten wir schon.
Wir schauen zurück auf die Staffel 2 und schauen, was sich so getan hat.
Herzlich willkommen bei Wo wir sind, ist vorne.
Frontend-Fakten-Frotzelein.
Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.
Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleur Konstantin Groß.
Herzlich willkommen zur letzten Folge vor der Sommerpause.
Wir schauen heute noch mal ein bisschen zurück.
Oh, irgendwas.
Ich dachte, ich überraschte dich mal mit ein bisschen Urlaubsstimmung.
Ich habe mich noch gefragt, was hat es damit auf sich?
Ich habe die Dinger gesehen in unserem Soundboard.
Weißt du, was jetzt noch schön wäre?
Vogelgezwitscher.
Ah, das ist ja traumhaft.
Bisschen Urlaubsfeelung für unseren Staffelabschluss.
Vogelgezwitscher, ja.
Stell uns jetzt einfach vor, wir sitzen am weißen Sandstrand, Cocktail in der Hand und machen eine Live-Aufnahme.
Das sind Vögel auf Hawaii.
Vögel auf Hawaii?
Echt?
Hast du selbst aufgenommen?
Das sind Kilaue-Birds.
Ja.
Und ich habe mich noch gefragt, was das ist.
Hat da sich jemand verschrieben?
Habe ich da irgendwas in den Ordner reingetan und vergessen und habe mich vertippt?
Nee, einfach nur ein bisschen für die Stimmung.
Ja, das ist nett.
Das ist tatsächlich gut.
So, jetzt komme ich gut in Stimmung.
Frage ich mal nach.
Es gibt kein Bier auf Hawaii.
Ach nee.
Ja doch, tatsächlich.
Es gibt Bier.
Es gibt Bier und wir sind auf Hawaii.
Bleibt es jetzt?
Das plätschert irgendwie so vor sich hin, wortwörtlich und hört dann auf.
Das kann auch ruhig bleiben.
Ich kann auch öfter draufkicken aufs Knöpfchen.
Was hast du denn?
Du hast wieder deinen Standardfall.
Nee, ich habe wieder das.
Ja gut, es gibt ja mittlerweile zwei Standards bei mir.
Ich habe wieder einen Rosé-Boc.
Ah, ja.
Das verspricht Schlimmes.
Ja, ich habe ein Kloster-Andex.
Guck mal.
Stimmt, das habe ich jetzt heute nicht so gut gemacht, den Öffner.
Zum Wohl.
Aber der Konzernier hat es umso besser gemacht.
Ihr dürft hören.
Das ist so entspannend mit dem Geplätscher.
Ich weiß nicht, ob wir heute überhaupt noch was machen.
Nee.
Wir sind ein bisschen ja auch den Stream jetzt gewöhnt, wo wir auch ganz gern mal so ein bisschen Stille zwischendrin haben.
Da wird nicht jede Sekunde gelabert, so wie beim Podcast, sondern da hört man auch mal zu, schraut mal, was der Chat schreibt und reagiert dann da drauf.
Und guckt auch manchmal einfach nur belemmert in die Kamera.
Beim Podcast geht das natürlich nicht.
Aber mit diesem Sound hintendran stellen wir vielleicht sicher, dass die ganzen Podcatcher die Stille nicht überspringen liegen.
Stimmt.
Also gerne geschehen.
Dann können wir jetzt einfach mal ein bisschen nichts sagen und in unser Bier nippen, oder?
Und jetzt könnt ihr Meeresrauschen zuhören.
Schön, schön, schön, sehr entspannt.
Können wir vielleicht öfter mal so machen.
Es wurde auf Twitch auch schon öfter mal gefragt, ob wir ein bisschen ASMR machen können.
Das machen wir natürlich gerne für euch.
Jetzt hat mein Hals auch schon gegurgelt, vielleicht hat man es gehört.
Immerhin essen wir nicht während dem Podcasten.
Nee, das stimmt, ja.
Wir trinken nur.
Wir trinken nur, aber...
Oh, jetzt ist es aus.
Ich mach wieder an.
Oh nein.
Ja, mach wieder an.
Kannst du das nicht...
Gibt es da kein Loop?
Nee, geht es leider nicht.
Ich weiß nicht.
Nee.
Naja.
Aber ich mache die Vögel noch dazu, okay?
Mhm.
Ich glaube, es geht nicht bei mir.
Ich höre die Vögel nicht.
Ich habe sie angemacht.
Weißt du was, wir machen das Retro-Intro und dann machen wir nochmal Vogelgezwitscher.
Okay.
WBSEV präsentiert die Retrospektive.
Ich glaube, wir machen einfach sonst auch heute nichts mehr.
Nee, du darfst anfangen.
Was, ich darf anfangen?
Oder fang ich an?
Achso, nee, dann fang...
Mir egal.
Mir ist heute alles egal.
Mir ist alles egal.
Ich bin schon in Urlaubsstimmung.
Mein Hirn ist eh ausgeschaltet bei der Hitze.
Dann fang ich jetzt einfach mal an.
Ich habe zwar jetzt schon alles angefangen hier, aber...
Ähm, genau.
Ich habe gar nicht so viel.
Ich habe eigentlich nur ein Thema.
Ich habe tatsächlich vorher überlegt, Mensch, was könnte ich denn...
Was war denn jetzt irgendwie so?
Irgendwie bin ich auch schon in so einer entspannten Stimmung.
Keine Ahnung warum.
Oder so ein bisschen...
Nimmt der Stream natürlich auch so ein bisschen...
Das Feuer raus beim Podcast, muss ich leider zugeben, weil man da schon über viel spricht.
Und dann, man will sich ja auch nicht unbedingt tausendfach wiederholen, obwohl wir das heute
dann nochmal tun werden, glaube ich, an der einen Stelle.
Aber das ist dann auch okay.
Weil nicht alle, die den Podcast hören, hören ja auch...
Äh, schauen ja auch den Stream.
Oder auf...
Ich habe tatsächlich jetzt schon heute von jemandem gehört, der das wirklich auf YouTube, den
Streamen nachguckt.
Egal.
Tatsächlich.
Ja, also ich weiß, man sieht ja auch die Aufrufzahlen.
Aber, ähm, ich weiß nicht, ob ich das machen würde, mir einen Stream nachher...
Also, ich kenne so Stream-Zusammenschnitte.
Das finde ich, das ist nett.
Also, es haben ja schon andere Streamer gesagt, dass sie tatsächlich, weil sie zur gleichen Zeit
streamen, uns dann nachträglich schauen.
Also, das wird wohl tatsächlich gemacht.
Äh, nee, der, der, der...
Ja, Knossi.
Nee.
Knossi hat angerufen und hat gesagt, ich gucke euren Stream.
Genau, ich gucke euren Stream.
Der Retzo, der Retzo auch.
Der Retzo.
Ich wollte eigentlich schon reden.
Okay.
Also, ich habe ein bisschen, ähm, Design-Tools ausprobiert und eigentlich, ja, was heißt Design-Tools?
Prototyping-Tools würde ich es jetzt mal nennen.
Ähm, weil, ähm, ich jetzt, ähm, wir hatten den Fall, dass wir jetzt mal so ein bisschen UX und UX-Design machen wollten, aber jetzt mal losgelöst vom Code.
Und wenn man, wenn man das mit Code macht, ich weiß, wie es ist, es ist zwar cool, weil man quasi schon einen funktionierenden Prototypen hat, aber man verliert sich dann manchmal in den Einzelheiten des Codes.
Und vielleicht will man ja nur was Visuelles machen, da ist es manchmal ganz gut, wenn man ein Tool hat, ähm, wo man sich in sowas nicht verlieren kann.
Ähm, und ich habe da überlegt, was, was kann man denn da nehmen, ähm, habe verschiedene Sachen ausprobiert und bin dann mal bei Figma gelandet.
Ich glaube, das verwenden viele Leute in der, in der Grafik, äh, Branche mittlerweile.
Wenn man da ganz geile Prototypen, ähm, bauen kann, ähm, und das Ganze funktioniert im Browser.
Oh, das Wasser ist weg, kannst du es bitte nochmal anmachen?
Ich habe mich total dran gewöhnt.
Ähm, genau.
Das Ganze, das funktioniert komplett im Browser und, äh, man kann auch gemeinsam, also gleichzeitig gemeinsam an so einem Prototypen arbeiten.
Und das war halt genau mein Anwendungsfall, weil jetzt gerade Corona, ähm, alle im Homeoffice.
Und wir wollten gemeinsam ein bisschen, ähm, da Elemente rumschieben, Farben, Fonds, äh, und so.
Das war, hat irgendwie ganz gut funktioniert.
Und was dann auch noch, äh, mir über den Weg gelaufen ist, ähm, was ein Kollege mal vorgestellt hat, äh, ist Quant UX.
Ähm, und das kann man sich, äh, sogar auch selbst installieren, wenn man möchte.
Ähm, da gibt es ein Git-Repro dazu, das habe ich jetzt noch gar nicht aufgeführt.
Das ist mir nämlich gerade erst spontan eingefallen.
Steht gar nicht in den, in den Notizen drin.
Ähm, und das ist so ähnlich.
Und was ich, was ich bei beiden Tools ziemlich cool finde, ist, dass man tatsächlich auch so Flows abbilden kann.
Das heißt, du machst einzelne Screens und kannst aber auch einen Bereich markieren und sagen, ähm, wenn ich das jetzt irgendwie präsentiere oder irgendwie jemandem zeige, ähm, und klicke auf diesen Button, dann geh bitte zu diesem Screen, geh bitte zum nächsten.
Also du kannst irgendwie das auch irgendwie so.
Also in den Flow dann wirklich zeigen.
So ein bisschen, so ein bisschen den, den Flow, genau.
Dieses Quant UX kann, glaube ich, noch mehr, ich glaube, da kann man, das kann man noch verbinden mit, mit, äh, Eye-Tracking und, ach, was weiß ich.
Ich, ich, ich, ich habe die ganzen Features jetzt nicht drauf, aber ich fand es nett, mal wieder mit sowas zu arbeiten einfach.
Also, so ganz weg vom Code, einfach mal wirklich nur die, die Grafikbrille aufsetzen.
Ja, cool, weil wir haben, ähm, wir, äh, wir sagen ja immer irgendwie Webdesign und Entwicklung, machen aber eigentlich viel zu wenig Design.
Das ist ja schön, dass so, dass wir da mal heute drüber sprechen.
Also ich kann, ähm, ich, Figma ist irgendwie, äh, kostet irgendwie Geld, aber man kann für so, für, für, für nix kann man, glaube ich, irgendwie ein, zwei, fünf Projekte anlegen und da auch gemeinsam dran arbeiten.
Fand ich nett, also man kann das ganz gefahrlos ausprobieren, ohne dass es einem was kostet.
Und wie gesagt, Quant UX, ähm, das wird, glaube ich, auch von einem Deutschen entwickelt, wenn ich es richtig gesehen habe.
Ähm, das kannst du dir einfach bei GitHub runterladen und bei dir lokal installieren, wenn du es möchtest.
Oder man kann es auch dort, ähm, so als Software as a Service nutzen.
Und das ist dafür, dass es noch niemand, also dafür, dass ich glaube, dass es fast niemand kennt, weil es mir noch nie begegnet ist, bis unser, bis mein Kollege das vorgestellt hat.
Ähm, das ist verdammt gut dafür, dass es niemand kennt.
Und ich verstehe nicht, dass, dass das so, dass es mir noch nie begegnet auf Twitter oder in irgendeinem Blog.
Und ich finde, eigentlich sollte man mal dafür Werbung machen.
Und das machen wir hiermit.
Sehr schön.
Ganz kostenlos.
Und also, äh, auch ohne, dass wir was dafür kriegen, weil ich es cool fand.
Genau.
Jetzt darfst du.
Ja, wir hatten es in unserer letzten Folge unter anderem über CSS Containment, ähm, wo man Inhalte ausblenden kann, aber so ausblenden kann, dass der Browser die gar nicht initial irgendwie versucht, äh, zu layouten.
Und dementsprechend dann Zeit spart beim ersten Paint.
Und dann habe ich gesagt, ich mache das mal testweise bei unserer, äh, also meiner Firmenseite.
Und ich habe das tatsächlich dann angewendet, Content Visibility auf Auto, dann dieses Content Intrinsic Size.
Damit das auf jeden Fall, äh, weiß, wie viel Höhe der Content ungefähr einnimmt.
Und dann das Contain Content noch gesetzt.
Und ich hätte mit mehr gerechnet, äh, Wasser, ha, ich hätte mit mehr gerechnet, es war auf Desktop Performance um einen Prozentpunkt verbessert, wobei wir da schon relativ gut dabei waren sowieso.
Und auf Mobile, wo wir tatsächlich noch Verbesserungsbedarf haben, waren es immerhin fünf Prozentpunkte, die das ausgemacht hat.
Wie hast du das gemessen?
Äh, mit dem, mit dem Lighthouse in Chrome.
Okay, also weil ein Prozent, fünf Prozent, das ist jetzt für mich sehr abstrakt, also kann ich dann schneller scrollen, oder?
Nee, nee, tatsächlich diese Werte, ja, also diesen Performance-Wert, der ja von eins bis hundert geht und da eben dann einen Prozentpunkt verbessert auf Desktop und bei Mobile immerhin fünf Prozentpunkte.
Ja, also mit dem Scrollen nicht unbedingt was zu tun, sondern eben halt einfach der Seitenaufbau und gefühlt würde ich sagen, ist es tatsächlich ein bisschen, ein bisschen spürt man es schon, dass es flotter geht, das initiale Laden.
Cool.
Ähm, und wahrscheinlich kann man da auch noch mehr rausholen. Ich hab das jetzt einfach mal für alle Sections, die so direkt im Body liegen, untereinander, hab ich das angewendet und für den Footer.
Eigentlich könnte ich da noch weiter aufbohren, wenn ich mich da ein bisschen tiefer reinfuchse, aber, ähm, ja, es ist, es ist so ein bisschen wie dieses Loading gleich Lazy, es ist wirklich nicht viel Aufwand.
Das war wirklich an zwei Stellen, wie gesagt, einmal Sections, einmal Footer, äh, reingeklatscht, ähm, noch einen gescheiten Wert für diese Intrinsic Size rausgesucht und dann war das im Endeffekt erledigt.
Und dafür ist es halt, ne, wenn ich diese fünf Prozentpunkte rauskitzeln kann, warum soll ich es nicht tun?
Ja, geil, klar. Kostet ja quasi nichts, also eine Zeile CSS.
Drei Zeile in dem Fall, wenn man es untereinander schreibt, aber das ist ja echt nichts.
Ja, gut.
Ja, mhm.
Und das war's dann eigentlich auch schon.
Ich bin so spannend.
Oh, es ist Wahnsinn.
Was das ausmacht.
Ich hoffe, dass es euch nicht nervt, zu Hause an den Empfangsgeräten.
Aber ich find's, äh, einfach fantastisch.
Dann lass uns doch ganz entspannt in die Property der Woche gleiten.
Yes.
Die Property der Woche.
Wow, die hat jetzt ganz schön reingehauen in die Entspannung.
Das ist ja fast anstrengend.
Du darfst, jetzt darfst du anfangen, habe ich gesagt.
Jetzt darf ich anfangen, okay.
Jetzt darfst du anfangen.
Autocomplete.
Das hatten wir jetzt, äh, der, die ein oder andere wird es jetzt schon wiedererkennen.
Da haben wir im, im Stream am Mittwoch drüber gesprochen.
Und ich hab aber schon gesagt, das ist quasi so hier exklusiv für unseren exklusiven ZuschauerInnen-Club.
Und wir sprechen im Podcast nochmal drüber.
Und ich hatte im Podcast, äh, im Stream dich gefragt, Moritz, kennst du das?
Und wie, wie setzt man das ein?
Und du hast gesagt, äh, ja, du hast dich noch nicht viel mit beschäftigt.
Ähm, man setzt da Autocomplete gleich on und damit sagt man dann oder off.
Und sagt dann damit, äh, in dem Formular oder in dem, auf dem Feld explizit, ähm, möchte ich eben die Autocomplete-Funktion an- oder ausschalten.
Genau.
Und dazu noch, äh, wahrscheinlich, wahrscheinlich, ich glaube, Out, ich glaube, Default ist, äh, on.
Und man schaltet es oft dann aus, wenn man es nicht haben will.
Genau.
Weil, wenn man vielleicht selbst schon irgendwie ein Autocomplete implementiert hat oder so.
Das war mein Anwendungsfall, den ich halt schon öfter hatte, dass ich es eigentlich ausschalte.
Und das war auch mein Stand bis, äh, vor letzter Woche etwa, ähm, dachte ich halt auch, ich kannte das nur mit, mit on und off und hab das auch genauso genutzt.
Manchmal will man ja aus, aus Gründen das eben nicht haben.
Und dann hab ich auch festgestellt, weil ich das für einen bestimmten Fall gebraucht habe, da geht's noch deutlich mehr an, an Values.
Also ich kann da wirklich sagen, also erstmal generell der Browser hat da so eine, so eine Logik, das funktioniert auch ziemlich gut.
Anhand vom Feldnamen wird da versucht zu erraten, was denn da drin stehen könnte.
Also First Name und Surname und sowas, wenn das entsprechend benannt ist, dann kann der Browser sich denken, was da entsprechend rein soll.
Und das funktioniert auch, selbst wenn da mit Dashes irgendwie getrennt noch Prefixes oder so drin sind, da sind die Browser echt trotzdem ziemlich gut, das zu erkennen.
Es gibt manchmal den Fall, dass dann halt was falsch erkannt wird und, äh, da hab ich mir irgendwie aber nie Gedanken drüber gemacht.
Ich hab halt immer, bei mir hat das meistens gepasst und hab jetzt aber festgestellt, man kann da tatsächlich dem Browser sagen,
Okay, in dem Feld möchte ich eben den Vornamen oder den Nachnamen haben, E-Mail-Adresse und so weiter.
In der Regel ist es natürlich sinnvoll, das entsprechend schon zu benarmen und dann kann der Browser das auch.
Ich hatte aber jetzt einen Spezialfall, da hab ich ja gerne mal solche Spezialfälle.
Und zwar war die Herausforderung, eine Text-Area zu haben, also ich hatte Vorname, Nachname, E-Mail-Telefon, alles als einzelne getrennte Felder.
Aber die Adresse, die Anschrift, die hab ich als eine Text-Area gebraucht mit, wie man es halt kennt, Straße, Postleitzahl, Ort, Land jetzt nicht unbedingt, aber könnte man theoretisch auch brauchen für internationale Adressen.
Und dann dachte ich, vielleicht geht das mit mehreren Values, also dass ich halt irgendwie sage, Street-Adress ist zum Beispiel für den Datensatz Straße und Hausnummer, das ist eins.
Dann gibt's noch verschiedene Adress-Lines für solche Zusätze, Postbox oder dieses CO, wenn man irgendwo anders die Post empfängt.
Und dann dachte ich, vielleicht kann man da mehrere reinschreiben, also dass ich irgendwie diese Street-Adress und den Postal-Code, also Postal-Code ist für die Postleitzahl,
und die City vielleicht reinmachen kann und der Browser dann automatisch sogar vielleicht weiß, okay, ich bin jetzt im deutschen Locale, also setze ich die Postleitzahl vor die Stadt
und im amerikanischen eben andersrum und den Start noch dazu, was weiß ich.
Das funktioniert aber leider nicht.
Ich hab dann aber ein Workaround gefunden, ich bin da jetzt auch nicht der Erfinder dessen, ich hab dann an einer anderen Stelle auch gefunden, wo jemand die gleiche Voraussetzung hatte und das irgendwie umgehen musste.
Und was man da machen kann, und da hab ich auch eine kleine Code-Pen-Demo gebaut im Stream, dann live, die ich natürlich jetzt auch in den Shownotes verlinke.
Und zwar kann man die Felder verstecken, also ich hab zum Beispiel nur das Feld Adresse, also die Text-Area, und da mach ich die Street-Adress rein, dass die automatisch ausgefüllt wird.
Wenn ich da reinklicke, zeigt mir dann Chrome oder Firefox oder wer auch immer meine Straße von der Adresse an.
Und die wird dann eingefügt und die Felder für Postleitzahl und Stadt sind aber im Hintergrund versteckt.
Also die sind irgendwie rauspositioniert, Position Absolut mit minus 100 VW und minus 100 VH oder so, Tab-Index minus 1 auch, damit die nicht reingetappt werden können.
Ich meine, dass das Sinn macht aus Accessibility-Sicht, aber vielleicht auch nicht, bin ich mir jetzt nicht hundertprozentig sicher.
Ich hab's mal gemacht, weil ich eigentlich das Autofill nur auslösen will, wenn ich eben in dieses Adressfeld selbst reingehe.
Also ich möchte eigentlich nicht, dass man in diesen versteckten Feldern auch landen kann, um das da zu triggern, weil man dann irgendwie vielleicht was anderes eingibt und das soll man eigentlich an der Stelle nicht.
Also jedenfalls sind die versteckt, werden aber ausgefüllt, also man darf sie nicht mit Display-Nan machen, weil sonst werden sie auch nicht ausgefüllt beim Autofill.
Aber sie sind eben versteckt, werden ausgefüllt, sobald ich die Straße auswähle, steht dann auch an den anderen Feldern was drin, Postleitzahlort, Stadt, Stadt, Stadt und Land.
Und auf denen ist dann aber das Change-Event registriert und sobald die sich ändern, bastle ich quasi alles zusammen, hab das dann auch mit einer Funktion, die das entsprechend nach gesetztem Locale eben zusammenbaut.
Also UK-Adressen sehen anders aus als US-Adressen und deutsche Adressen sowieso und das landet dann zusammen in dieser Text-Area und so hab ich dann diese Text-Area als Adressfeld und trotzdem ein Autofill.
Und das funktioniert erstaunlich gut.
An der Stelle, weil du gerade von Inhalt verstecken gesprochen hast, ich wurde nämlich vor kurzem gefragt, wie macht man denn das eigentlich heutzutage?
Und dann, ich glaube das war auch im Stream, und dann habe ich gesagt, lass uns mal gucken, wie Bootstrap das macht, weil die sind da, ich weiß, dass die so eine Kombination an verschiedenen Techniken haben.
Und da habe ich jetzt gerade nochmal nachgeschaut.
Die nutzen zum Beispiel auch Clip-Path, also nicht Clip-Path, sondern Clip und mit 0, 0, 0, 0, also quasi 0 Größe.
Aber verschiedene Sachen, also auch noch Position Absolut, Width ein Pixel, Height ein Pixel, komischerweise auch Padding 0, Margin minus 1, minus 1 Pixel, Overflow hidden.
Also es ist eine interessante Kombination an Eigenschaften, kann ich auf jeden Fall nur mal empfehlen, sich da das mal reinzuziehen, mal anzugucken.
Fand ich auf jeden Fall interessant, wie das da jetzt gemacht wird mittlerweile.
Genau, also gar nicht rauspositioniert, sondern, und ich glaube das ist auch, ist das focusable?
Ja genau, das ist für beide, ja genau.
Ja, also das werde ich vielleicht auch nochmal verlinken, das kommt noch in die Shownotes rein.
Fand ich irgendwie eine spannende Geschichte.
Machst du fertig.
Noch nicht ganz, weil mir ist nämlich jetzt gerade beim Vorbereiten was ausgefallen.
Ich habe es auch gerade verifiziert in meiner Erinner-Demo, dass es tatsächlich so ist.
Ist mir dann vorhin aufgefallen, ich muss nach diesem Change-Event, wenn ich die Adresse zusammengebastelt habe, diese versteckten Felder leeren.
Aus dem Grund, dass die bei einem erneuten Ausfüllen von diesem Straßenfeld oder von dem Adressfeld, dass die dann auch wieder befüllt werden.
Weil es ist so, zumindest in Firefox und Chrome, die Felder, die bereits befüllt sind, die ich vielleicht manuell schon eingegeben habe,
oder die ich halt nicht geleert habe, im Gegensatz zu einem anderen Feld.
Wenn ich dann nochmal einen Autofill mache, werden die nicht überschrieben, sondern die bleiben dann.
Und das führt halt dazu, wenn ich jetzt die Adresse, die da zusammengebastelt wurde, rauslösche und dann über das Autocomplete eine andere Adresse auswähle,
dann passiert nichts, weil die anderen Felder dieses Change-Event gar nicht bekommen.
Wenn die anderen Felder aber leer sind, dann kriegen die auch nochmal ein Change-Event, weil dann auch tatsächlich in den Feldern wieder was ausgefüllt wird.
Und das ist ein guter Punkt, den muss ich mir merken, weil ich den da, wo ich das gebraucht habe, tatsächlich auch noch machen muss,
weil es sonst gar nicht so funktioniert, wie ich das gerne hätte.
Aber das war's.
Cool.
Dann haben wir zwei Properties, sind damit schon durch.
Wir haben sogar auch noch eine dritte Sache angeschnitten.
Wahnsinn.
Dinge verstecken, ja.
Und jetzt kommt das große Nichts.
Genau.
Jetzt kommt das große Nichts.
Hier ist WWS IV mit dem Tagesthema.
Tja, wir blicken zurück auf 15 Folgen in der zweiten Staffel und auf vier Gäste.
Wow.
Wahnsinn.
Und auf unserer Twitch-Start auch.
Das ist alles innerhalb des letzten halben Jahres passiert.
Nicht nur das.
Merchandise.
Gibt's auch.
Verlinken wir natürlich auch nochmal.
T-Shirts, Pullis und leider noch keine Unterhosen.
Ja, ich hab meinen ja jetzt endlich auch mal in den Händen gehalten und auch direkt mal gewaschen.
Es ist jetzt gerade nur temperaturtechnisch mit dem Hoodie ein bisschen unangenehm, glaube ich.
Aber ich werde mir auf jeden Fall noch ein T-Shirt bestellen, weil die sind nämlich auch toll.
Yeah.
Also, Merch unter wo wir sind, ist vorne.show slash Merch.
Stimmt, das geht jetzt nämlich auch.
Das geht jetzt.
Wir haben jetzt so Weiterleitungen eingerichtet.
Wir haben total geile Redirects eingerichtet.
Ganz viele.
Ihr könnt nur mal erraten, vielleicht findet ihr auch noch andere.
Vielleicht slash Onlyfans.
Vielleicht.
Vielleicht gibt's das auch.
Oder noch mehr.
Wer sie alle findet, kriegt ein Gummibärchen.
WWS IV Gummibärchen.
Fehlt noch in unserem Merch-Repertoire.
Stimmt.
Das kommt dann als nächstes.
Nachdem die T-Shirts ausverkauft sind.
Also ich glaube, eine der Erkenntnisse der Staffel war, irgendwie Clickbait läuft am besten, oder?
Also irgendwie sind die Folgen bei unseren Clickbait-Titeln, die gehen ab wie Schmitzkatze.
Wir machen uns ja so ein bisschen lustig drüber, ja?
Also wir haben, wenn wir Clickbait-Titel machen, dann eigentlich so, weil wir denken, wir meinen das ja nicht so wirklich ernst.
Das ist ja, es steckt ja keine Business-Absicht dahinter.
Das Schlimme daran ist, aber dass es am besten funktioniert.
Das ist tatsächlich fast, das ist mir schon fast unangenehm.
Ich sage, ah komm, lass uns wieder einen Clickbait-Titel machen.
Der klickt einfach besser.
Und es ist tatsächlich so, die Folgen mit den Clickbait-Titeln, die werden deutlich öfter gehört, als die mit anderen Titeln, die so irgendwie kryptisch merkwürdig sind.
Also wenn wir sagen hier, 17 CSS-Eigenschaften, die wir noch nicht kannten, oder Technik-Offenbarung im Wandel der Zeit, oder 48 Dinge, die du nie über Selbstständigkeit wissen wolltest, funktioniert einfach sehr gut.
Man darf einfach nicht zu viel, man muss sagen, um was es geht, aber man muss sagen, implizit, du musst die Folge anhören, sonst sagen wir dir nichts Genaues.
Was ich jetzt noch gelesen habe, ist, dass so Hate-Click noch besser funktioniert, sogar noch als Clickbait.
Also du musst in diesen Clickbait-Titel noch was reinbauen, wo man denkt, boah, nee, das kann ja wohl nicht sein.
Also irgendwie, diese Person, die du absolut nicht magst, könnte etwas gesagt haben, was tatsächlich wahr ist.
Mal gucken, wir experimentieren vielleicht in der nächsten Staffel weiter.
Vielleicht, was Hitler mit CSS zu tun hat.
Oh, Moment.
Ja, keine Ahnung, das ist doch schon diese Richtung, oder?
Ja, gut, das ist vielleicht, ich glaube, das ist ein bisschen verbrannt.
Warum? Ich glaube, bei der Bild-Zeitung kann man da, glaube ich, viel lernen. Die haben das perfektioniert.
Ich weiß nicht, ob ich mich auf dieses Niveau herabziehen lassen möchte.
Ja, aber die klickt auch gut, die Bild-Zeitung.
Das stimmt leider.
Die haben schon immer Clickbait gemacht, schon immer, also auch in Print.
Ja, also zehn Wege mit CSS, Hitler. Und da weiß ich nicht, wie man es zu Ende bringt. Wahrscheinlich bringt man es am besten gar nichts.
Nee, am besten nicht.
Ja, wir haben angefangen, die zweite Staffel, direkt mit einem Gast, mit unserem allerersten Gast überhaupt, Gerrit van Aken.
Und haben da über Webtypographie gesprochen.
Und ja, hast du dich denn mit Webtypographie noch beschäftigt seitdem?
Nicht, ich muss gerade überlegen. Hatte ich noch? Hatte ich noch was Neues seitdem?
Ich bin mir gerade nicht sicher. Ich bin ja auch sehr vergessen.
Also ich weiß, dass wir bei uns, auf der Seite, bei wewesendesphorne.show, haben wir noch was gemacht wegen diesem Blinken, dieses Flash of Unloaded.
Ah, das ist noch gar nicht so lange her, witzigerweise, weil ich nämlich dachte, wir hätten das.
Und es ist aber jetzt noch keine drei Wochen her, dass ich das nochmal eingebaut habe.
Du meinst Font Swap? Nee, Font Loading?
Ja, genau, ja, dieses mit diesem Flash of, wie heißt das denn?
Flash of Unstyled Text?
Ja, genau.
Font Display.
Mensch, sind wir gut vorbereitet, ne?
Wie immer.
Das ist ja fantastisch.
Font Display ist es, glaube ich.
Ich gucke gerade nochmal.
Genau, Font Display.
Swap haben wir, glaube ich, jetzt.
Das gibt ja dann an, wie lange, also unter anderem, wie lange gewartet wird, bis der Font angezeigt wird, beziehungsweise ob irgendwann abgebrochen wird, das Fontladen und gesagt wird, hey, machen wir jetzt nicht mehr.
Unter anderem, ne?
Das war...
Genau.
Ja.
Ich glaube, da haben wir auch nochmal ausführlicher, letzte Folge drüber gesprochen, ne?
Ja, genau.
Und Gerrit hat uns damals, glaube ich, auch noch einen weiteren Font in unserem Font-Stack empfohlen, der damals noch relativ schmal war, der eine ähnliche X-Höhe hat, damit der Sprung dann auch nicht so schlimm aussieht.
Stimmt, ja.
Das haben wir dann direkt im Anschluss an die Folge noch geändert.
Genau.
Aber ansonsten, ja.
Was ich mir noch, also ich habe mir bei jeder Folge aus den Shownotes mindestens eine Zeile markiert.
Und ich habe das Geilteil nochmal mir markiert für die Folge, nämlich der Font, der Color-Font Liebe Heide.
Ja.
Einfach ein Traum. Kann ich jedem nur empfehlen, nochmal drauf zu gehen, sich das nochmal anzugucken.
Das ist einfach, einfach eine Freude, das zu sehen, was man mit Fonts so machen kann.
Und das ist halt eine Schriftart, die tatsächlich aussieht wie mit einem Kugelschreiber auf Papier geschrieben.
So richtig schöne Handschrift und mit auch ganz tollen Ligaturen drin, die dann so ein Smiley machen oder sowas.
Oder auch das Durchgestrichen und Unterstrichen und so.
Das ist einfach ganz wunderbar.
Absolut. Wirklich sehr schön.
Ja, ansonsten haben wir es über Webtypografie, Geschichte, über die Herausforderungen heutzutage und über Variable Fonts.
Auch ein ganz spannendes Thema.
Also wen das interessiert, Folge Nummer 14.
Tolle Folge.
Danke nochmal an Gerrit, dass er dabei war.
War auch ein toller Gast auf jeden Fall.
Ja.
War ja einer meiner kleinen Fanboy-Momente.
Und genau, kann ich nur empfehlen.
Falls ihr es noch nicht gehört habt, auf jeden Fall nochmal anhören.
Das geht jetzt so weiter. Wir gehen jetzt alle durch.
Ja.
Wir sind aber auch gut in der Zeit.
Also wir können die auch alle durchgehen.
Ja.
Ja, die nächste Folge.
Es fehlt eigentlich so ein Donnergrollen und ein Blitzschlag.
Die Folge aus dem Giftschrank.
Ja, so ähnlich haben wir es mir vorgestellt.
Ja, Moritz war nicht gut drauf in der Folge.
Ich war ein bisschen schlecht gelaunt.
Wir haben dafür auch auf die Finger bekommen.
Aber ich glaube, die Kernaussage wurde dabei leider so auch ein bisschen aus den Augen verloren.
Also dein Hass, der sich da so geäußert hat, das war ja eigentlich auch ein Stilmittel einfach so.
Und das heißt ja schon nicht, wir haben ja schon Semantic HTML, haben wir ja schon gesagt.
Und es ist eine Folge aus der Hölle geworden.
Aber ich glaube so, die Kernaussage ist unterschätzt.
Also was wir da gesagt haben, das haben wir ja durchaus ernst gemeint.
Ja, nehmt semantisches HTML und also Kernaussage eigentlich und schaut immer mal, welches Element wäre denn jetzt gerade das passende.
Ich habe jetzt gerade heute in Code, den ich selbst geschrieben habe, was gefunden, wo ich mich gefragt habe, was habe ich mir dabei gedacht?
Und die Antwort ist einfach nix.
Nix.
Ich habe mir einfach nix dabei gedacht und habe hinterher, das kann doch nicht wahr sein.
Wer hat denn den Scheiß geschrieben?
Und wenn man dann in Faust Code das GitLens-Plugin anhat und dann sieht, welche Codezeile wer von wem ist und ich sehe dann halt, dass das alles von mir ist.
Ja, da dachte ich, ja, ich habe nämlich tatsächlich bei einer Textarea kein sprechendes Label gesetzt.
Also habe genau denselben Scheiß gemacht, den ich dir immer vorwerfe.
Also hier nochmal der Appell, auch so zusammengefasst die Folge, schaut euch an, was für ein semantisches HTML-Element für euren Fall passt.
Gerne mal bei MDN einfach die Liste nebenher offen haben an HTML-Elementen.
Ihr wird erstaunt sein, was es da so alles gibt.
Genau, also mehr habe ich, ich weiß gar nicht, habe ich zu der Folge noch was da?
Wir haben da so ein kleines Quiz gemacht, was man auch nochmal nachmachen kann, was man noch hinterher nochmal machen kann.
In den Shownotes steht Semantik-Quiz, da waren drei Beispiele und dann darf man dann nicht den Fehler machen.
Also es sind CodePen-Beispiele und dann macht man die auf und versucht möglichst nicht auf den Code zu gucken, was für ein Element da verwendet wurde.
Und da könnt ihr ein bisschen mitquizzen.
Und natürlich, html.dev ist natürlich eine total coole Seite, die jetzt so wieder ein bisschen wiederbelebt wird, habe ich gesehen bei Twitter, weil der Kollege, der die macht, hat sich hinterher auch bei uns gemeldet, weil er den Podcast gehört hat und hat gesagt, ey geil, dass ihr nochmal was dazu gesagt habt.
Vielleicht muss man da nochmal weitermachen.
Ach, sehr schön.
Da geht es seitdem auch ein bisschen weiter.
Ja, das war echt cool.
Warte mal, der Manuel ist das, glaube ich, wenn ich das richtig weiß.
Ich will nicht, ich will nicht auf Twitch, ich will auf Twitch, ist auch egal, muss ich jetzt nicht.
Das war einfach nett.
Zu ehren dessen gibt es auch auf Twitch und bei uns im Discord ein Emote, html, wir haben den Begriff nicht erfunden.
Genau, wir haben nämlich jetzt auch Discord, das haben wir, glaube ich, im Podcast auch noch gar nicht angekündigt.
Das ist auch eher so spontan entstanden während des Streams, weil es hieß, ey, ihr braucht doch Discord.
Und der liebe Michael, unser Gast aus einer anderen Folge, der hat sich auch, na, breit erklärt wäre eigentlich zu viel gesagt, der ist jetzt unser Discord-Moderator.
Ja.
Ah, achso, jetzt bin ich natürlich blöderweise auf Discord gegangen und habe gerade gesehen, dass jemand lange gebraucht hat, um das eine Emote zu verstehen.
Vielleicht posten wir das irgendwann nochmal.
Nämlich die Frontend.
Ach ja, okay.
Da braucht man vielleicht ein bisschen.
Ja, das passt auch wieder zu deinem vorgeschlagenen Kickbait-Titel vielleicht.
Achso, ja, stimmt.
Achso, ja, ja, vielleicht, vielleicht.
Die Verknüpfung hast du gar nicht hergestellt.
Nee, habe ich tatsächlich nicht.
Gut, machen wir weiter.
Ja.
Folge Nummer 16, da haben wir eine Umfrage ausgefüllt und das klingt so wahnsinnig spannend, wenn man das sagt.
War auch super spannend.
Nee, also ich glaube, es war nicht die spannendste Folge, die wir jemals gemacht haben, aber
Sie hat zur Vorgängerfolge von dieser geführt, zur Folge 28.
Genau.
Und sie hat einige Wissenslücken offenbart.
Genau, wir haben dabei gemerkt, dass wir ganz viel nicht wissen und haben dann tatsächlich, wie gesagt, mit Folge 28 noch eine Folge gemacht, wo wir versucht haben, diese Wissenslücken zu füllen.
Aber weißt du, wir gehen da so ein bisschen von unserem Standpunkt aus und ich meine, wir sind jetzt halt schon relativ lange dabei, ich will jetzt weiß Gott nicht sagen, dass wir alles wissen, das haben wir ja nämlich dann auch festgestellt, aber für jemanden, der da quer einsteigt jetzt oder halt erst jetzt angefangen hat, sich mit auseinanderzusetzen, war die Folge mit der Umfrage vielleicht echt ganz gut, weil man halt doch erst überhaupt gemerkt hat, was gibt's denn da alles.
Und Sachen, wo wir gesagt haben, ach ja klar, gut kennen, alter Hut, sind für andere neu. Von daher, ich glaube, die Folge hat durchaus ihre Daseinsberechtigung.
Ja, also was, was wir ausgefüllt haben, wir haben es noch gar nicht, haben wir es gesagt, die State of CSS Umfrage und die ist schon ein paar Mal passiert und wird bestimmt dieses Jahr auch wieder passieren, weil das war nämlich die von 2020.
Genau, war, ja, war eine, war eine gute Folge, vielleicht wie gesagt nicht, also für uns nicht die spannendste, haben wir dann hinterher gemerkt, aber ist ja euer Problem.
Wir treffen uns ja eh nur zum Biertrinken und neuerdings zum Meeresrauschen hören und was ihr draus macht, ist euer Ding.
Es ist so traumhaft.
Ich könnte mir vorstellen, dass es bei eineinhalbfacher Geschwindigkeit oder bei doppelter vielleicht ein bisschen irritierend werden könnte, aber das seht ihr dann.
Das ist euch.
Ich wollte gerade sagen, das sehen wir dann, aber wir sehen und hören das ja gar nicht.
Ihr könnt ja dann mal in die Kommentare schreiben, ob wir sowas nochmal machen sollen.
Ihr könnt ja schreiben, wie blöd es tatsächlich war.
Also für uns ist es extrem entspannend und das ist jetzt mir, das ist schon wert, dass wir das jetzt beibehalten.
Ich finde das total.
Auf jeden Fall für diese Folge.
Dann hätten wir Folge Nummer 17.
Oh Gott, wir haben noch so viele vor uns.
Wollen wir echt alle machen?
Ja, komm, wir haben jetzt gerade mal eine halbe Stunde.
Die Stunde kriegen wir voll.
Gut, ja komm.
Ja, ja, ja, ja.
Es kommt ja auch bald schon mein Essen.
Und ich glaube auch, je mehr recent wir werden, desto weniger müssen wir, glaube ich, sagen, weil es ist ja noch so frisch.
Tag Template Literals.
Ja, das war so auf meinen Mist gewachsen.
Sehr, sehr spezifisches Thema, aber wir haben es geschafft, einige Zeit damit zu füllen.
Ich weiß gar nicht, wie lange die Folge ging.
War das eine unserer kurzen?
Ach ja, das ist eine unserer kürzeren.
Okay, dann haben wir es ja gar nicht so übertrieben, ein Thema so breit zu walzen.
Es könnte sogar sein, dass es fast die kürzeste ist, bis auf Spezialfolgen.
Ich scroll gerade mal durch.
Währenddessen kannst du erzählen, um was es da ging.
Es ging um Tag Template Literals.
Und wer wissen will, was es damit auf sich hat, der hört sich einfach die Folge an.
Ich glaube, das brauchen wir nicht jetzt nochmal hier so im Speziellen ausbreiten.
Und ich habe seit der Folge auch, ehrlich gesagt, mit Tag Template Literals nichts mehr zu tun gehabt.
Hast du dich da nochmal mit beschäftigt?
Nee, tatsächlich nicht.
Es fehlt mir immer noch so ein bisschen der Einsatzzweck.
Also es ist, ja, es kann Dinge vereinfachen, aber irgendwie habe ich es einfach nicht so auf dem Schirm.
Ich muss es mir vielleicht nochmal anschauen.
Vielleicht höre ich mir auch die Folge nochmal an.
Das ist die kürzeste Folge aus Staffel 2 auf jeden Fall.
Wir hatten in Staffel 1 eine, die Accessibility-Folge, die ging eine Minute kürzer.
Ja, wir haben in dieser Folge, in dieser Staffel auch Rekorde gebrochen.
Und ansonsten waren alle Folgen, die keine Specials waren oder Spezialfolgen, waren länger.
Ja, das war tatsächlich eine der kürzesten.
Aber es war vielleicht auch gar nicht so schlecht.
Es ist ja manche, das könnten wir vielleicht für die Zukunft auch nochmal ab und zu machen,
dass wir uns wirklich so ein Ding ausbreiten.
Ein Ding und das dann, genau.
Und dann gibt es halt vielleicht keine Property der Woche,
sondern die Property der Woche wird ein bisschen größer aufgespannt und wird dann einfach das Thema.
Ich glaube, das könnten wir schon mal sagen.
Was ihr davon haltet, schreibt es mal in die Kommentare.
Ja, das ist ein guter Punkt.
Feedback.
Wir haben ja endlich Feedback bekommen.
In der ersten Staffel haben wir es ja so übertrieben mit, bitte schickt euch uns doch euer Feedback.
Und jetzt aber auch durch den Stream, aber auch durch eure Interaktionen,
haben wir so viel zurückbekommen und wissen, was ihr euch so wünscht und so.
Also es ist schön.
Es macht Spaß mit euch.
Wollte ich an der Stelle einfach auch nochmal zurückgeben.
Ja, über was wir auch gesprochen haben in der Folge Nummer 17.
Es war ja nicht nur Tag Templates Literals, wir hatten ja noch andere Dinge so ein bisschen am Rande.
Container Queries hatten wir noch.
Oh, stimmt.
Und da gibt es jetzt was Neues.
Tatsächlich in Chrome Canary hinter einem Flag gibt es neuerdings Container Queries anzuschalten.
Und ich verlinke da auch nochmal einen Artikel von CSS Tricks.
Und was da noch angesprochen wurde, was auch ein wichtiger Punkt ist, was ich jetzt auch nicht so auf dem Schirm hatte.
Man denkt halt immer, na gut, ich kann dann irgendwelche Bildgrößen oder Aspect Ratio oder sowas anpassen,
je nachdem wie groß der Parent Container ist.
Aber Typografie ist tatsächlich auch ein wichtiger Punkt.
Also ich kann halt eben darauf reagieren, wie schmal, wie klein das Parent Element wird
und dann entsprechend die Font Size, die sich vielleicht an RAM orientiert oder so,
kann ich dann halt wirklich darauf reagieren, dass sie nicht zu klein werden
oder dass sie auch nicht zu riesig werden und ich den Textfluss dann irgendwie nochmal anpassen kann.
Also Container Queries wirklich sehr vielseitig, ein sehr viel gewünschtes, bisher fehlendes Feature von CSS.
Und schön, dass das jetzt endlich kommt.
Wird wahrscheinlich noch eine Weile dauern, bis das erstmal aus dem Canary raus ist
und erst recht, bis es in anderen Browsern ist.
Aber toll, dass das kommt. Sehr, sehr hilfreich.
Haben wir auch schon mal drüber gesprochen bei Jäger der verlorenen CSS Features Kapitel 2, Folge 11,
wo wir so ein bisschen gesagt haben, was wir uns wünschen würden für den Standard
und jetzt scheint es tatsächlich am Horizont zu sein.
Ist aber glaube ich wahrscheinlich auch wirklich das am meisten gewünschte.
Also wenn du jemanden fragst, wenn du fragst den Web irgendwie bei Twitter,
was ist denn das Feature, wenn du dir eins wünschen dürftest,
dann haben die Leute immer sofort Container Queries gesagt.
Also nicht verwunderlich, aber es war wohl irgendwie schwierig umzusetzen.
Es gab viele Diskussionen in den Tickets, ja.
Und ja, aber jetzt gibt es was. Das ist doch geil.
So, ich habe dieses Google-Ticket hier gerade nochmal aufgemacht.
Genau, in dem Ticket hat sich aber glaube ich gar nicht viel getan.
Und trotzdem ist es jetzt im Canary.
Hatte ich nämlich auch vorhin reingeschaut.
Tatsächlich nicht.
Da hat sich dieses Jahr noch gar nichts getan, wenn ich das richtig sehe.
Das Ticket, was wir in den Shownotes in Folge 17 verlinkt hatten, meinst du, ne?
Mhm.
Ja.
So, jetzt haben wir unseren Clickbait.
Ich glaube, das war so, war das nicht der erste Clickbait-Titel, den wir so gemacht haben?
Ja, ja, kann sein.
48 Dinge, die du nie über Selbstständigkeit wissen wolltest.
Und da hatten wir meinen Bruder zu Gast und haben zusammen über Selbstständigkeit und Freelancertum gesprochen.
Und wir haben nicht nachgezählt. Wir wissen gar nicht, ob es 48 sind.
Nein, es sind keine 48.
Wir haben hinterher einfach gesagt, 48, es geht noch viel.
Bei den anderen Folgen stimmt es, glaube ich.
Also wir haben tatsächlich sieben Technik-Offenbarungen und 17 CSS-Eigenschaften.
Aber da haben wir einfach gedacht, komm, ist eh egal.
Da sage ich nur, die Häppchen schmieren sich schließlich nicht von allein.
Genau.
Ja, das kam auch in der Folge vor, oder?
Die Häppchen schmieren sich nicht allein, ja.
Und das war auch die Folge, da warst du gerade frisch im T3N-Magazin.
Ach ja.
Das habe ich mir so aufgeschrieben, ja.
Mensch, das habe ich auch schon wieder vergessen.
Stimmt, ich war ja mal im T3N-Magazin.
Bist du jetzt berühmt?
Ach ja, genau.
Das sieht man auch an meiner unglaublichen Twitter-Follower-Zahl, wie berühmt ich bin.
Was gibt es denn zu sagen über die Folge?
Wir hatten definitiv schon Gäste, die deutlich berühmter sind.
Auf jeden Fall.
Da kommen wir auch noch dazu, ja.
Den, den wir schon genannt haben, der ist auch schon auf jeden Fall berühmter.
Aber der hat ja auch ein Buch geschrieben.
Wenn man ein Buch schreibt, ist glaube ich gut.
Machen wir auch.
So, jetzt habe ich natürlich verloren, was ich mir hier markiert habe.
Ich habe tatsächlich die Browser-Tabs aufgemacht, die einzelnen Folgen, und habe mir immer Text markiert.
Ja, also Property der Woche war Animation-Delay.
Unsere schöne Hintergrundfarbe, muss man auch sagen, das haben wir auch schön gemacht auf unserer Podcast-Seite.
Wenn man da was markiert, dann kriegt man ein schönes Pink.
Das ist einfach eine Freude.
Ach, ich lese gerade hier Sanitizer-API.
Da habe ich erst letztens irgendwas Neues dazu gelesen, ja.
Ach, mein Gott.
Dass das jetzt teilweise schon tatsächlich irgendwas ist, aber ich habe jetzt natürlich hier kein Can-I-Use oder so.
Mal gucken, ob es da schon was Neues dazu gibt.
Das habe ich vorhin irgendwie übersehen bei der Vorbereitung.
Wir hatten es aber davon, hinter dem Flag.
Also tatsächlich, 17. November 2020, Firefox 83.
Also Firefox bisher der einzige.
Die ist ganz neu aktualisiert, am 8. Juni.
Vom 8. Juni ist der aktuelle Draft.
Oha.
Also da tut sich jetzt tatsächlich auch was.
Ich hätte ja wirklich gedacht, da wird nie was draus.
Das war so mein Gefühl, so, ah ja, das ist nicht mal irgendwie auf einer Seite, also es ist irgendwie auf GitHub, irgendwie auf so einer GitHub-Seite.
Und ich hätte gedacht, naja, das sieht so weit weg aus vom W3C.
Es war das W3C-Logo drauf auf der Seite.
Aber immerhin die Kollegen vom Working Draft hatten damals auch eine Folge dazu, unter anderem.
Und wir hatten ja so ein bisschen auch so ein Streitgespräch, will ich gar nicht sagen, aber so, wir hatten es darum, ist das denn überhaupt Aufgabe des Browsers oder ist das Aufgabe der Libraries oder also muss man das mit Bordmeld und so.
Also wen das interessiert, gerne einfach mal in die Folge reinhören.
Und wer nicht weiß, um was es dabei geht, das sagen wir vielleicht nochmal kurz, also es geht da um das Bereinigen von Eingaben.
Also gerade wenn man irgendwie mit JavaScript irgendwie Sachen annimmt, Text annimmt oder ein Eingabefeld hat, dass da kein Schindluder mitgetrieben werden kann.
Und wir haben uns darüber unterhalten, ob der Browser denn das machen muss oder ob das das Framework machen muss oder wo das hingehört.
Und scheinbar wird es vielleicht einen neuen Webstandard geben dazu.
Du sagst, es ist tatsächlich schon implementiert in Firefox?
Hinter einem Flag, ja.
Ah, krass.
Ich markiere jetzt mal, dass ich den Can-I-Use-Link vielleicht noch reinpacke.
Jetzt haben wir noch gar nichts über Selbstständigkeit gesagt.
Ich glaube, ich fasse mal ganz kurz zusammen, um was es denn ging.
Also wir haben hier 48.
Also unsere Liste hier in den Show Notes ist ein bisschen kürzer, ganz dezent.
Also wir reden zum Beispiel über, redeten in der Folge zum Beispiel über Künstlersozialkasse, Rechnungsstellungen, Mehrwertsteuerumsatz, Steuerfreibeträge.
Ich glaube, es ist dann gar nicht akut geworden.
Ich habe ja damals gefragt aus einem bestimmten Anlass.
Ich habe aber dann am Ende gar keinen Auftrag gehabt, beziehungsweise habe dann gar nichts gemacht, selbstständig.
Aber das kommt ja vielleicht noch.
Mehrwertsteuer, ach so, das habe ich schon gesagt, Steuerberater, Gesellschaftsform, IHK-Mitgliedschaft.
Wer alles von einem Geld will, Stundensätze, Aufwände für Verwaltung, Timetracking, Preisverhandlungen, Kundengespräche, Akquise.
Ich lese hier einfach nur vor, aber ich glaube...
Also ich glaube, wir haben das Thema schon sehr gut abgedeckt.
Also wir haben, glaube ich, alles angesprochen, was halt...
Ich meine, mein Bruder und ich sind ja wirklich auch mittendrin.
Und deswegen konnten wir da, glaube ich, auch überall was dazu sagen.
Also wer vorhat, sich selbstständig zu machen, für den ist das, glaube ich, eine ganz gute Folge, um so ein bisschen zu sehen, was da so auf einen zukommt.
Also ich fand es mega.
Ich habe am Ende gedacht, ja, morgen geht es los.
Obwohl wir ja relativ negativ, wir müssen ja aufpassen, dass wir jetzt nicht total madig reden.
Wir haben ja viel, weil es halt auch wirklich viel Verantwortung ist und auch viel Blödsinn auf einen zukommt.
Aber an sich, gerade jetzt in der Pandemiezeit, ich habe es nur ansatzweise bereut.
Also falls ihr noch nicht gehört habt, ich meine, natürlich gilt das für alle Folgen.
Ihr sollt natürlich alle unsere Folgen hören, aber das ist auf jeden Fall eine der Highlights, würde ich sagen.
Tatsächlich.
Ja, freut mich.
Also für mich war die Folge ja, wie soll ich sagen, ich hatte Fragen und ich habe sie einfach gestellt.
Und ich wollte Antworten haben.
Für mich war das eine Goldgrube, weil ich, ja, habe ich absolut bekommen.
Es war super.
Es war für mich eine Goldgrube, weil ich jetzt, weil ich ganz viel über, ja, also im Prinzip,
was ich normalerweise euch bei einem Bierchen abends irgendwo gefragt hätte, so, ach Mensch,
ihr seid doch selbstständig, erzählt doch mal.
Das haben wir einfach in einen Podcast gegossen.
Und ich glaube wirklich, also wenn du, liebe HörerIn, dich selbstständig machen möchtest,
dann ist das auf jeden Fall ein sehr guter Startpunkt.
Haben wir aber eben schon gesagt.
Also, komm, weiter, oder?
Ja.
Ja, jetzt kommt die Folge, die du bei der Folgenvorstellung am Anfang quasi zitiert hast.
Moment, bei welcher sind wir denn jetzt?
Ich bin jetzt gerade bei 19.
Ja, Rückblick, Ausblick, Nitpick.
Die habe ich, was, die habe ich zitiert, was?
Ja, ganz, ganz am Anfang.
Ach so, ja.
Noch vor dem Intro.
Oh, meine Güte.
Die Temperatur des Hirnkocht.
Ja, Moment, aber vielleicht, muss ich jetzt gerade nochmal sagen, falls ihr das nicht hört
am Anfang, dann habe ich das Intro nochmal neu eingesprochen, weil es war wirklich schlecht.
Das war, das war wirklich total mies daneben.
Ich habe mir auch schon ein Post-it notiert, wo drauf steht Intro nochmal.
Nee, jetzt lassen wir es, jetzt lassen wir es extra so.
Nein, das ist, das ist furchtbar.
Nee, weil die Leute springen dann schon ab.
Moritz, wir schneiden nichts, Gießmann.
Ja, ich meine, wenn ich es ja sage, ich meine, das Intro, das kann man jetzt schon.
Also, genau.
Ihr wisst es jetzt einfach nicht, wenn ihr es hört, ob das Intro nochmal neu eingesprochen
wurde oder nicht.
Ihr könnt ja dann mal in die Kommentare schreiben und mal raten, das ist jetzt, ich bin so verwirrt,
wenn das Meeresrauschen ausgeht.
Es fehlt sofort was.
Ich habe mich so dran gewöhnt.
Und das ist echt, also ich glaube, ich war noch nie so entspannt bei der Podcast-Aufnahme.
Wahnsinn, das ist fast, man schläft fast ein dabei, gell?
Ja.
Und wir sind trotzdem eigentlich relativ schnell.
Also, wir kommen ganz.
Ich glaube, wir müssen das übernehmen.
Der Podcast mit Meeresrauschen.
Der Meeresrauschen-Podcast.
So, ähm, ja, aber was war denn in der Folge eigentlich?
Ja, wir haben, wir hatten auch schon mal einen Rückblick, aber keinen Rückblick jetzt so gezielt
über unsere Folgen, wie wir das jetzt machen, wie wir es auch beim ersten Staffelende gemacht
haben, sondern eigentlich so einen Rückblick über das Jahr.
Also, es war ein Jahresrückblick auf Webtechniken bezogen und haben mal geschaut, was hat sich denn
alles getan, in welchen Chrome-Versionen kam denn was dazu und so.
Aber es war auch ein Ausblick, wie man das an Silvester so macht.
Man schaut nicht nur zurück, man schaut auch aufs nächste Jahr und haben mal geguckt, was ist denn angekündigt
in den Browsern, was soll denn alles kommen.
Und, äh, ein Ausblick war zum Beispiel, ähm, diese Internationalization-API, das List-Format.
Da hieß es, das, äh, das soll irgendwie bald ausgebaut werden.
Und tatsächlich geht es jetzt auch in Safari 14, seit, wann ist der April, glaube ich, dieses
Jahr erschienen.
In Safari mal vorne.
Nee, nicht vorne, als letztes haben sie es implementiert.
Ach so, okay.
Ja, aber, aber es ist jetzt eben überall unterstützt.
Also dieses List-Format, das war, dass ich, äh, Area-Elemente formatieren kann zu einer Liste, die
auch wirklich gelocalized wird.
Also, je nachdem, äh, in Deutsch, Englisch, wie auch immer, ähm, ausgegeben wird.
Und, dass ich eben eine Und- oder eine Oder-Verknüpfung machen kann.
Also da stehen dann Area-Elemente eins, Komma, Elemente zwei, äh, oder Elemente drei.
Und, ähm, diese International, das ist nur ein Part von dieser Internationalization-API.
Ähm, das ist so ungefähr wie Spezifizität.
Und, äh, ja, da wird auch noch mehr kommen, denke ich.
Und da, da gibt es auch schon einiges, ähm, wenn man da mehrsprachige Inhalte mit pflegen
will, ja, super Sache.
Und, was du noch vorgestellt hast, auch in der Folge, war die Web-Neural-Network-API.
Da hab ich auch geschaut, da hat sich auch ein bisschen was getan, ja.
Heute sogar.
Der Draft ist heute geupdatet worden, 18. Juni steht hier, ja.
Genau, aber mehr konnte ich noch nicht rausfinden.
Ich hab versucht mal so zu gucken, wie weit sind wir denn da.
Ja, ich werde mich aufnehmen.
Oh, oh, oh.
Im Stream haben wir es ja schon gesagt.
Ähm, geht's denn auf Can I Use was dazu?
Äh, Neural.
Nee.
Web-NN.
Ja, ist auch nicht.
Der Draft, also wird aktiv dran gearbeitet, also da geht auf jeden Fall irgendwas voran.
Ähm, aber es gibt jetzt noch nichts zu sehen, auch nicht hinter dem Flag oder so.
Mir ist gerade YOLO aufgefallen.
YOLO?
Ja, weil das da genannt wird in dem Draft.
Könnt ihr ja mal gucken, was damit gemeint ist.
Clickbait, clickbait.
Da steht auf jeden Fall, in dem Draft steht auf jeden Fall YOLO drin.
Okay.
Und zwar so richtig, wie man das schreibt, so mit Großbuchstaben.
Ja, das ist nur so, nur so angemerkt.
Ach, das sind die Vögelein wieder.
Ja, ich hab gedacht so ein bisschen zwischenrein.
Wie schön.
So.
Nächste.
The Elder Scrolls, der alte Scroll, Folge Nummer 20.
Ähm, das war eine Folge, da ging's eigentlich in erster Linie, also unser Thema war Scrollen
und ganz viele verschiedene Eigenschaften.
Auch wieder so eine Spezialfolge eigentlich, spezialisiert, aber halt alles mögliche, also
viele Properties abgedeckt.
Da haben wir wirklich alles, was mit Scrollen zu tun hat, ne?
Und eine deiner berühmten, berüchtigten Demos.
Genau das war, das hab ich mir tatsächlich hervorgehoben.
Also unsere, die stylable Scrollbars, dass man mittlerweile jetzt laut Standard auch wieder
Scrollbars stylen kann, das ging ja früher mit dem Internet Explorer schon mal, da gab's
schon mal so ein Pseudo Internet Explorer CSS Standard und da gibt's jetzt wieder was Neues
und das geht auf jeden Fall in Webkit-Browsern und ich weiß nicht genau, oder Blink, ich weiß
nicht genau, wie sich's da mit Firefox mittlerweile verhält, auf jeden Fall gibt's da eine lustige
Demo, bei der wir gehört haben, dass es wäre doch Augenkrebs, das anzuschauen.
Ja, stimmt.
Also könnt ihr euch auf jeden Fall, die Demo ist auf jeden Fall sehenswert.
Und wir haben dann im Nachgang zu dieser Folge auch, scrollbar ist bei uns auf der Podcastseite, direkt an dem Abend noch, oder?
Wir hatten die Aufnahme beendet, haben uns dann direkt, glaube ich, noch zusammengesetzt.
Also remote und haben gebastelt, ja.
Und wir haben dann gegenseitig noch unseren Code überschrieben und deswegen hat's noch länger gedauert, weil wir am offenen Herzen in WordPress
Da operiert haben und wie man's halt so macht, aber am Ende ist was ganz okayes rausgekommen und ich finde, es ist tatsächlich nicht nervig, nicht anstrengend.
Man könnte es bestimmt noch besser machen.
Ich hab grad überlegt, ob's so was wie Hover gibt dafür, hab ich nämlich gar nicht nachgekriegt.
Das wäre nämlich tatsächlich noch nett, wenn man mit der Maus drüber geht und es dann eine andere Farbe kriegt.
Macht das der Browser nicht sogar selbst?
Nee, also meiner macht er auf jeden Fall nix.
Ja, und das war aber also eine der Eigenschaften, die wir besprochen haben.
Außerdem haben wir noch über Scroll Snapping gesprochen, also sowas, wo man zum Beispiel so eigene Art Seiten, die dann stehen bleiben und rein snappen beim Scrollen machen kann.
Oder Overflow Anchor und Scroll Behaviour Smooth, dazu kann ich noch was sagen.
Tatsächlich dann mit JavaScript kann man tatsächlich Elemente in den sichtbaren Bereich scrollen und da jetzt auch animieren und ja.
Was haben wir hier noch? Geilteile, Netscape.
Über VEAT habe ich gesprochen.
Ach so, VEAT, genau.
VEAT, das ich seitdem auch tatsächlich weiterhin genutzt habe und immer noch gut finde. Also es ist zackig.
Und bei dieser Folge lohnen sich auf jeden Fall die Shownotes, weil da ist ein sehr schönes Bild drin.
Das sagen wir jetzt einfach nicht mehr, das guckt ihr euch einfach an. Das ist nicht beschreibbar, das muss man gesehen haben.
Ja, sehr schön.
Wir lernen das noch mit dem Clickbait, das kriegen wir auch audiomäßig hin, merke ich gerade. Es lohnt sich. Es lohnt sich wirklich.
Bei diesem Bild habe ich geweint.
Bei diesem Bild habe ich geweint, genau.
Na, eigentlich hast du bei dem Bild geweint, wenn man sich so recht anguckt.
Stimmt, stimmt. Wenn man sich so recht anguckt, habe ich bei dem Bild geweint. Und wenn ihr jetzt noch nicht davon überzeugt seid, dass ihr es euch angucken sollt, dann überzeugt euch wahrscheinlich nicht.
Ach schon mal, in der nächsten Folge hatten wir auch nochmal ein Bild.
Stimmt, in der nächsten Folge haben wir auch nochmal ein Bild. Da lohnen sich die Shownotes auch. Wobei ich das Bild in Folge Nummer 20 besser finde, als das in Nummer 21.
Ja, das stimmt.
Mal gucken, ob die Klickzahlen jetzt hochgehen auf die Folge Nummer 20.
Ich hoffe doch, dass über die Sommerferien, über die Pause jetzt fleißig nachgehört wird.
Ja.
Bei der nächsten Folge, oder wolltest du zu der noch was sagen?
Nee, wir waren ja jetzt quasi schon mit dem Bild.
Folge Nummer 21, sieben Technikoffenbarungen im Wandel der Zeit, habe ich gesehen in unseren Statistiken, dass tatsächlich Leute wegen der Folgenbeschreibung uns bei der Suche gefunden haben.
Und das, weil die Folgenbeschreibung, die ist wirklich sehr merkwürdig, vor allem das Ende davon, also ich muss dazu sagen, das schreibe ich meistens sonntags mittags.
Und ich bin da immer in einem sehr komischen Zustand. Ich weiß nicht genau, was mit meinem Kopf passiert, wenn es heißt jetzt Folgenbeschreibung schreiben.
Da passieren immer sehr merkwürdige Dinge. Und da kommen komische Sachen dabei raus, wie zum Beispiel, was jetzt hier drin steht.
Und das ist tatsächlich auch ein Teil davon, von dem Satz, weshalb jemand uns bei der Google-Suche gefunden hat.
Eigentlich sollte der DAZN-Praktikant unseren Sendungstitel schreiben, aber wir wurden leider von seinem Wishpendant wild weggeflext. AMK.
Und wer hat uns da wieso gefunden?
Ja, wer, weiß ich nicht.
Ja gut, wer war eher der, aber ja.
Wegen dem Wish, wegen dem DAZN-Praktikant, ich weiß nicht, wie man es ausspricht, DAZN?
Ja, DAZN sprechen die sich, glaube ich, selber aus.
DAZN, genau.
Weil der, der hat da zu dem Zeitpunkt, als diese Folge rauskam, so ein bisschen Berühmtheit erlangt, weil er bei YouTube so Fußballclips, sage ich mal.
Ich glaube, bei DAZN kann man, da gibt es, glaube ich, auch Bundesliga zu schauen oder irgendwas, Fußball im Fernsehen auf jeden Fall.
Und der hat so Fußballclips mit lustigen, mehr oder weniger lustigen Beschreibungstexten versehen, die so ein bisschen für so einen Fernsehsender oder für so einen halbwegs seriösen Sender, der halt auch Fußball zeigt, eher ungewöhnlich waren, sage ich mal.
Also zum Beispiel Wild weggeflext, das stand da tatsächlich drin.
Also irgendjemand, irgendjemand hat, irgendein Spieler hat einen anderen wohl schlimm gefoult und der hat halt geschrieben, ja, Spieler A hat Spieler B Wild weggeflext.
Der hat so ein bisschen TikTok-Berühmtheit erlangt damit.
Ja, und ich weiß nicht, ob es jetzt immer noch so was in der Richtung gibt, aber das war einfach lustig und ich dachte mir, naja, so ein bisschen Popkultur aktuell.
Ja, und es lief auch ganz gut, ne? Die Folge lief, glaube ich, auch ganz gut.
Ja, wegen dieser Beschreibung.
Nein, weiß ich nicht.
Ja, wegen dem Clickbait-Titel.
Wir haben noch gar nicht gesagt, über was wir da gesprochen haben.
Ja, das war so ein bisschen Opa erzählt vom Krieg auch, ne?
Aber ich fand das selber eine sehr schöne Folge, so retrospektiv, ne?
Wir haben so ein bisschen in Erinnerung geschwellt, ja, wie du sagst, so die Web-Opa erst erzählen vom Krieg, ne?
Einfach mal so sich zurück zu versetzen in die Jugendzeit und, ne?
Dafür haben wir schon einen Satz, den wir immer mal wieder sagen, den wir genau dafür erfunden haben, nämlich Web-Opa Konstantin sitzt
am Windows und meckert.
Ja, genau.
Das muss immer mal wieder gesagt werden.
Das war einfach, das wird nicht schlecht für mich, das wird nicht alt, ich finde es jedes Mal wieder lustig.
Ja, ich bin ja auch bekennender Windows-User, also es passt einfach.
Ja, richtig.
Es ist einfach ein Traum.
Ja, zum Beispiel AOL-CDs.
AOL-CDs.
AOL-CDs gesprochen.
Abständigkeiten, Downloadgrößen, Speicherplatz, bunte Pixel auf dem Bildschirm, optische Mäuse und nicht-optische Mäuse.
Ich weiß, die meisten Leute kennen wahrscheinlich, oder viele von euch kennen vielleicht gar nicht nicht-optische Mäuse,
so eine mit so einer Kugel unten dran.
Gibt es das heute eigentlich noch?
Gibt es da Leute, die darauf schwören, das noch zu nutzen?
Also, mich würde es extrem wundern, wenn es nicht in Berlin-Mitte so ein paar Hipster gäbe, die nicht irgendwie, wo es einen Laden gibt, wo es nur verschiedene Mäuse gibt mit Kugel unten.
Mit Kugel, mit verschiedenen Gewichten und Mustern.
Ja, wahrscheinlich.
Und wer zwei kauft, kriegt einen Bartkamm dazu.
Oder so.
Ja, und hier noch, ja, drei DFX-Voodoo-Voodoo-Grafikkarten, lauter so altes Zeug.
Ach, da kamen echt, also in der Vorbereitung, da kamen so Erinnerungen hoch, also das war echt einfach, für mich war es echt schön.
Ja, und ich habe es kaputt gemacht, ich habe tatsächlich über Web-Techniken gesprochen noch.
Echt?
Ja, Border-Radios, Box-Shadow.
Border-Radios, Box-Shadow, sowas, also was jetzt heute alltäglich ist, wo wir uns damals vor, naja, sagen wir mal, über zehn Jahren
und irgendwie noch einen abgebrochen haben mit irgendwelchen Grafiken, um sowas zu machen.
Oder PNGs mit Alpha-Transparenz im EA6 und so.
Ist auf jeden Fall eine schöne Reise durch die Vergangenheit.
Ja.
Schönes Schlusswort.
Ja, das war extra dafür.
Folge Nummer 22.
SVG-Sprites und andere Icon-Artigkeiten.
Super Watchplay.
Und die guten Titel kriegen nie viel Klicks.
Weil ich finde den Titel wirklich, also da haben wir, da haben wir wirklich alles reingesteckt, was in uns steckt.
Haben wir uns mal wieder selbst übertroffen.
Wir haben alles Icon-Artigkeiten.
Komm, komm, weißt du was?
Wenn es sonst keiner tut.
Ja, also ich finde, das hat die Folge auf jeden Fall verdient.
Absolut.
Alleine wegen des Titels.
Mindestens, mindestens, mindestens das, wenn nicht sogar ...
Auch für das Wortspiel.
Ja, wir haben über Icon-Systeme gesprochen und über die Geschichte, wie sich das so entwickelt hat.
Und ich glaube auch generell über Sprites, nicht mal nur Icon-Sprites mit irgendwelchen Border-Radiuses und Gradients, was damals noch nicht ging.
Und eben wie so die Entwicklung war bis hin zu aktuellen Techniken und wie man das jetzt umsetzt.
Und dass man es jetzt gar nicht mehr braucht, weil jetzt, wo wir Gradients haben, sind Gradients out und Flat Design is in.
Und Icons nutzt man irgendwie auch anders, als man es früher unbedingt forcieren wollte.
Also ja.
Genau.
Es geht auch darum, wie man es jetzt heutzutage macht mit Icons oder, naja, was heißt, wie man es heutzutage macht.
Wie man es heutzutage machen könnte.
Und nicht tut.
Und was wir finden, was elegante Möglichkeiten dafür sind.
Und dazu habe ich tatsächlich noch einen Nachtrag.
Ich wurde nämlich, ich glaube, das ist leider kein Kommentar gewesen.
An der Stelle nochmal, Stefan, wenn du das hörst.
Wir haben uns sehr über deine Kommentare gefreut.
Und das war aber ein manueller Kommentar.
Nämlich, es geht um die eigentlich am Ende von mir empfohlene Variante.
SVG Sprites mit Symbol und href und id und aber extern.
Also mit extern ist gemeint, dass ich das nicht im DOM liegen haben muss, sondern dass ich tatsächlich das von einer Datei laden kann.
Und da kam noch der Nachtrag.
Das geht aber nicht offenbar aus Security-Gründen.
Und ich habe es nicht getestet.
Ich habe das dann nur nochmal kurz recherchiert.
Und es scheint tatsächlich so zu sein.
Das geht nicht.
Also ein SVG Sprite extern hinlegen, wenn es auf einer anderen Domain liegt.
Das haben wir ja auch dann festgestellt im Nachgang.
Ich habe ja in der Retro von der darauffolgenden Folge, habe ich ja noch was vorgestellt, was wir dann gebastelt haben.
Und ich wollte das eigentlich als Code-Pen-Demo bauen und das ging einfach partout nicht.
Ich konnte diese SVG Sprites da nicht reinladen.
Und dementsprechend haben wir das dann auch tatsächlich auf einer HTML-Datei auf unserer Domain abgelegt, damit wir da die Grafik reinladen konnten.
Genau.
Also das sei vielleicht an der Stelle noch angemerkt.
Wo dieser, wer diesen Use-Case hat, also der Klassiker wäre, meine Grafiken liegen in einem CDN, also Content Delivery Network, irgendwie sowas wie Akamai oder so.
Dann kann ich das, also wenn mein SVG da liegen muss und ich es von da aus liefern muss, dann habe ich da eventuell ein Problem an der Stelle.
Ich weiß auch nicht, ob es dafür mittlerweile eine Lösung gibt.
Ich glaube nicht.
Ich dachte, ich hätte es dann auch ausprobiert mit Course-Headern entsprechend, die zu setzen.
Und auch das hatte irgendwie nicht funktioniert.
Also da scheint das irgendwie nochmal strikter geregelt zu sein.
Falls ihr da was wisst oder Stefan, falls du das hörst und du mittlerweile eine Lösung dafür gefunden hast oder wer auch immer.
Gerne in die Kommentare schreiben.
Und natürlich, überall die Glocke.
Ich wollte es einfach nur mal.
Ja, immer sehr beliebt, die Glocke.
Die Glocke ist sehr, da haben wir schon auch Ärger für bekommen.
So, wir müssen uns beeilen, mein Essen kommt mal.
Oh, okay, ganz schnell.
Nein, nein, da müssen wir nicht.
Ich muss dann vielleicht nur kurz unterbrechen, aber davon kriegt ihr ja nichts mit.
Ich erzähle dann einen Witz.
Genau, der Konstantin hat nämlich jetzt bei uns im Stream.
Vielleicht müssen wir das auch erklären, warum, ja.
Ja, genau.
Es gab öfter mal eben solche Stille, haben wir auch schon gesagt.
Und dann hieß es.
Ich habe irgendwas am Stream kaputt gemacht und musste es schnell reparieren.
Und habe dann immer aus Spaß nebenher gesagt, ja Konstantin, jetzt haben wir hier so lange Stille, erzähl doch mal einen Witz.
Und ich war natürlich nicht vorbereitet.
Aber jetzt, das hat sich geändert.
Ja, ich habe jetzt eine Liste mit schlechten Nerdwitzen.
Ja, also es hieß Nerdwitze, aber im Endeffekt sind das eher so Dadjokes oder wie sich ältere Menschen Nerdwitze vorstellen.
Also, weiß ich nicht, vielleicht können wir nochmal einen aufgreifen, den wir im Stream schon hatten.
Dieser eine war so schlecht.
Also wirklich so, es ist wirklich so doof, dass es also nicht mal zu einem Schmunzeln reicht.
Sowas wie, wird das Internet leichter, wenn ich da etwas herunterlade?
Hüstel.
Nee, man muss ab und zu mal was hochladen.
Hui.
Das wusste das Känguru schon.
Man muss ab und zu mal was hochladen.
Auf der Ebene.
Wenn man so viel runterlädt, dann ist das Internet leer.
Genau.
Wenn man nicht ab und zu mal was hochlädt.
Auf dieser Ebene bewegen sich die Witze.
Ich habe aber noch einen, pass auf, auf Englisch.
Also so, ist tatsächlich sogar auch von dem Twitter-Account Dadjokes.
Und zwar, ich weiß nicht, ob ich den schon mal erzählt habe.
Ich finde ihn großartig.
Das darf man eigentlich nicht vorher sagen.
Er ist hinterher.
A Slice of Apple Pie, also Slider of Englisch,
is a $2.50 in Jamaica and $3 in the Bahamas.
These are the Pie-Rates of the Caribbean.
Wow.
Hui.
Ja, ich, das ist, also, ich finde ihn gut.
Aber es ist oft so, dass ich Witze gut finde, die andere nicht gut finden.
Weißt du was?
Ist mir egal, solange ich meinen Spaß habe.
Also ihr könnt ja mal in die Kommentare schreiben, ob ihr den gut fandet.
Also, nur wenn ihr ihn gut fandet.
Ansonsten braucht ihr den nicht schreiben.
Weil, wenn ihr ihn blöd fandet, da, ihr habt ja von Bambi gelernt.
Also, if you don't have to say something nice, don't say nothing at all.
Ich weiß nicht, ob das exakt das richtige Zitat war, aber irgendwie sowas.
Genau, nur nette Sachen.
So wie dir.
Wenn wir was falsch gesagt haben, fachlich, aber über Witze, über Witzgeschmack lässt sich
nicht streiten, finde ich.
Da könnt ihr mich nicht überzeugen.
Was ist gelb und katt?
Nein.
Geh wir zur nächsten Folge, oder hast du noch was?
Ja, nee.
Was ist denn die nächste Folge?
23 ist es, glaube ich, ne?
Da haben wir es uns leicht gemacht und trotzdem 183 Minuten gefüllt.
Wo wir sind, das Wunschkonzert heißt sie.
Und die sagt überhaupt gar nichts aus, über das, was darin vorkommt.
Es geht um wünschenswerte, ich sag mal, Web-noch-Lichtstandards.
Also eben um Dinge, die noch nicht mal irgendwie als Draft rumliegen.
Oder, ja, eigentlich gar nicht mal um technische Drafts generell, sondern eher so um Dinge, warum
hat sich das eigentlich noch nicht durchgesetzt?
So Verhaltensweisen, Verfahrensweisen, Dinge zu tun.
Was hat man denn zum Beispiel, dass man sich immer noch mit einer E-Mail-Adresse registrieren
muss oft, obwohl viele Leute eigentlich keine E-Mail mehr nutzen, sondern eher irgendwelche
Instant-Messenger-Inzwischen, selbst im Business-Bereich ist das ja nicht unüblich, dass es da WhatsApp-Kanäle
gibt und so.
Two-Factor-Authentification, was immer noch viel zu wenig verbreitet ist.
Einheitliche UI auch von Input, Datetime und Select.
Grafikformate und so weiter.
Also einfach Dinge, wo man sich denkt, ja, warum gibt es denn da noch nichts?
Genau.
Ja, das ist eigentlich schon super zusammengefasst.
Wir hatten dann noch, warte mal, was sind denn die, was sind denn die Geilteile?
Da muss ich gerade nochmal auf die Links klicken.
Ad Nauseam.
Ja, das war irgendwas, das klingt, als wird einem schlecht, aber eigentlich geht es um Design,
oder?
Ah, nee, das war dieser Werbeblocker, der aber nicht blockt, sondern draufklickt.
Der alle Werbung, der auf jedes App draufklickt.
Und dadurch das Targeting kaputt macht.
Das habe ich gar nicht installiert.
Das sollte ich jetzt, das installiere ich jetzt im Augenblick.
Ja, das ist einfach zu gut.
So, genau.
Aber eigentlich, ja, viel mehr gibt es zu der Folge, glaube ich, nicht zu sagen.
Nee, ich glaube, da können wir schnell drüber.
So, und die nächste, die muss man im richtigen Rhythmus aussprechen, den nächsten Folgentitel.
Möchtest du oder soll ich?
Mach du.
Editor, IDE und CMD, UFO, SVG, Ojemine.
Auch wieder so eine Popkultur-Anspielung.
Popkultur-Anspielung, wer weiß, auf was wir da anspielen, der schreibt es mal in die
Kommt, ich sage es einfach zu oft.
Weil es bringt ja gar nichts.
Wir wissen ja, dass es gar nichts bringt, wenn wir das sagen.
Nee.
Und jetzt versuchen wir es noch mit umgekehrter Psychologie.
Aber wenn wir Sachen falsch aussprechen, habe ich jetzt schon gemerkt, das kommt dann
tatsächlich zurück.
Ach so.
Also hier Chris Coyer.
Oh ja.
Nicht Coyer.
Stimmt.
Chris Coyer.
Und gerade auf die letzte Folge oder so kam auch wieder irgendwie ein Kommentar, weil wir
wieder was falsch gesagt haben.
Ja, da hast du was falsch gesagt.
Ausnahmsweise hast du mir was falsch gesagt.
Obwohl ich ja sonst die Sprachpolizei bin, ne?
Ja.
Ja, ich habe das aufgegeben.
Ich bin jetzt in der Dead-Joke-Sektion.
Da darf man dann alles, glaube ich.
So.
Und was ging es denn?
Ja, was haben wir da gemacht?
Erzähl doch mal.
Ja, wir haben über unsere Editoren gesprochen, was für Editoren wir früher verwendet haben,
was wir jetzt verwenden und welche Extensions.
Extensions wir da verwenden.
Und naja, Extensions, da kann man vielleicht rauslesen.
Es muss ein Editor sein, der Extensions zulässt.
Ich glaube, das kann auch nicht.
Mittlerweile wahrscheinlich jeder, aber früher konnte das nicht jeder.
Und wir sind beide, kann man mal kurz vorweg nehmen, bei VS Code gelandet und haben da
auch lange Listen an Extensions, die wir verwenden und sehr schätzen und mögen.
Und auf jeden Fall mal reinhören, wenn ihr was braucht oder wenn ihr Anregungen haben wollt, was man denn so an Extensions installieren kann in VS Code oder warum VS Code ein guter Editor ist.
Oder auch, falls ihr euch interessiert, was wir früher so verwendet haben, weil da ist auch einige, auch so ein bisschen, ja, wir erzählen immer so ein bisschen vom Krieg.
Genau, so.
Was haben wir da noch?
Ah, und als Geilteil war damals Gather Town.
Ein Tool, das ich jetzt tatsächlich bei einer Konferenz im Einsatz gesehen habe.
Ah ja, okay.
Ich habe es da nur zum Test nochmal benutzt, um zu sehen, wie diese Welt aussieht.
Die Gather Town, ganz kurz, ist so ein, wie soll ich sagen, wer Zelda kennt, der kennt auch so das Layout von Gather Town, also die alten Zelda-Spiele.
Es ist so Pixel, Pixelgrafik, isometrische Ansichten, ne, isometrisches nicht, es ist von oben, aber es ist 2,5D, glaube ich.
Egal.
Man steuert so ein kleines Pixelmännchen durch eine Welt und kann aber das mit anderen gemeinsam machen.
Und das wird tatsächlich teilweise auch für Meetings und sowas verwendet, weil wenn man jemandem anderen näher kommt, dann kann man sich per Webcam sehen und mit den Leuten austauschen.
Also alle, die in einem bestimmten Bereich sind, können miteinander reden.
Ist im Prinzip so eine Art Community-Event-Meeting-Ersatz, wenn man tatsächlich auch mal in kleine Gruppen irgendwie sich verteilen will.
Also ich weiß nicht, bei Teams, vielleicht kennt ihr eine oder andere Breakout-Rooms, da kann man dann einfach in eine Ecke von diesem Pixel-Spielraum gehen und dann alle, die da in dieser Ecke stehen oder an einem bestimmten Tisch sitzen sozusagen, können dann miteinander reden.
Das ist ganz nett und man kann auch eigene Level bauen und ja, ist einfach eine coole Sache.
Und ich würde, wir wollten, wollten wir nicht mal, doch, das wollten wir, das haben wir in der Folge mal gesagt, wir wollten mal ein HörerInnen-Treffen machen.
Stimmt, ja.
In Gather Town.
Das sollten wir noch tun.
Das sollten wir tatsächlich tun, ja.
Also auch wenn wir streamen, sollten wir das trotzdem mal machen.
Ja, vielleicht war auch das Streamen halt einfach nicht jedermanns Sache ist, aber so ein HörerInnen-Treffen vielleicht trotzdem gerne angenommen wird.
Und da wir das aktuell immer noch nicht in live machen wollen, wäre das tatsächlich eine gute Sache.
Das sollten wir im Hinterkopf behalten.
Vielleicht steigen wir damit irgendwie dann zum Beginn der nächsten Staffel mit ein.
Ja, also das fiel mir jetzt gerade wieder ein und ich hätte echt Bock drauf, weil ich finde auch dieses Tool geil.
Ich habe es bisher nur, ich habe es noch nie produktiv eingesetzt, wenn man es so sagen kann, sondern immer nur getestet.
Und ich fand es einfach, es macht einfach Spaß.
Man kann auch eigene Levels sozusagen bauen oder so eigene, kann da eigene, ja, ich weiß gar nicht, wie man das nennt, eine eigene Welt kann man sich tatsächlich da zusammenstricken.
Und man kann sogar Spiele da drin spielen, gemeinsam dann.
Also es ist echt eine coole Sache.
Ja.
Genau, ansonsten haben wir, glaube ich, alles gesagt, unsere Configs, unsere Themes, Coding-Fonts hatten wir auch so am Rande.
Extensions haben wir ganz viel darüber erzählt, was wir so nutzen.
Ich glaube, damit ist die Folge eigentlich auch zusammengefasst.
Ja.
Jetzt kommt die Folge, wo Konstantins PC kaputt gegangen ist.
Nicht während der Folge, ne, davor schon.
Zum Glück vorher.
Ja.
Zum Glück.
Ja, und auch wieder eine Folge mit Gast.
Was könnten wir?
Ich wollte nur gerade ausrechnen, wie lange dein PC jetzt schon kaputt ist.
Ach so, ja.
Witzigerweise auch am 18.
Ja, 18.04. war schon kaputt und jetzt ist der 18.06.
Seit zwei Monaten ist Konstantins PC kaputt.
Ja, ich lebe die Prokrastination.
Aber jetzt sind die Zahlen ja so, dass ich mich auch in die Stadt traue.
Jetzt ganz bald TM.
Ich habe schon überlegt, ob ich dir Teile vorbeibringen soll.
Ich muss ja nur wissen, ob es das Mainboard ist oder ob es die CPU ist.
Dann weiß ich ja, was ich ersetzen muss und was ich wieder einbauen muss.
Das ist ganz einfach.
Du gehst auf apple.de.
Ich ziehe die Kopfhörer ab, damit ich mir die Finger in die Ohren stecken kann.
La, la, la, la, la.
Du brauchst gar nicht nachgucken, was da kaputt ist.
Egal.
Also, da ging es.
Die Folge heißt Oh Gitt, Oh Gott mit Michael von Engelshofen.
Der Gittgott.
Auch wenn er es nicht gerne hört.
Der Gittgott.
Gittmissionar hat er, glaube ich.
Und Gittversteher.
Gittversteher.
Hat unsere Gittwissenslücken gefüllt und da wurde uns auch zugetragen, dass diese Folge
eine sehr hohe Informationsdichte hat und man sie mehrfach hören muss.
Ich würde sogar sagen, damit ich alles verstehe, was wir da drin gesagt haben und erklärt
bekommen haben, müsste ich sie auch noch fünfmal hören.
Bin ich ganz ehrlich.
Aber es ist echt einiges klarer geworden.
Also, ich fühle mich jetzt ein bisschen sicherer im Umgang.
Ja, also, ich weiß nicht, ob wir jetzt da groß zusammenfassen müssen.
Es geht schon relativ in die Tiefe.
Nee, es ist schon sehr tiefer.
Es ist kein, das kann ich an der Stelle schon mal sagen, es ist kein Gitt-Beginners-Tutorial,
sondern wir haben den Michael gelöchert mit unseren Problemen, die wir schon mit Gitt hatten.
Ja, wobei Michael selbst aber trotzdem von Anfang an so mit auf Grundkonzepte und alles
eingegangen ist, auch technisch, wie das eigentlich im Hintergrund funktioniert.
Also, ich glaube, auch als Anfänger nimmt man auf jeden Fall was mit.
So.
So, jetzt ist der Moritz weg gleich.
Ich bin kurz weg.
Ich erzähle mal einen schlechten Witz.
Ich erzähle ihn dann auch nochmal zweimal für den Moritz auch nochmal.
Welchen nehmen wir denn?
Wie viele Softwareentwickler braucht man, um eine Glühbirne auszuwechseln?
Keinen.
Es ist ein Hardware-Problem.
Ja.
Ich habe ja gesagt, die sind schlecht.
Die sind sehr schlecht.
Während Moritz da am Rödeln ist, was haben wir noch?
Wie nennt man die Verbindung eines Apple-Gerätes mit einem PC?
Oh, du hast einen Witz gemacht, den ich gar nicht mitgekriegt habe.
Ja, du hast zwei nicht mitbekommen.
Also, ich, äh, die sind wirklich so, also ich sage, das ist so, wie sich, also, ne, wie sich so zwei ältere Herren, sag ich jetzt einfach mal, äh, unterhalten, so, ho, ho, ho, ho, ho, das Internet ist alles Neuland.
Äh, äh, so sind diese Witze.
Aber das, äh, wurde als Nerd-Witze bezeichnet.
Ich glaube nur, dass von uns Nerds, äh, da irgendwie keiner so drüber lachen kann.
Also, ich, ich erzähle es dir auch nochmal, ähm.
Sehr gerne.
Äh, wie viele Softwareentwickler braucht man, um eine Glühbirne auszuwechseln?
Ähm.
Keinen.
Das ist ein Hardware-Problem.
Du lach, du lachst da tatsächlich drüber.
Okay.
Äh.
Ich weiß nicht, vielleicht geht's am Bier, aber ich fand den jetzt gar nicht so schlecht.
Okay.
Aber du weißt, du weißt ja, ich lache über andere Witze als du, das haben wir vorhin schon gemerkt.
Ja, das stimmt, das stimmt. Ist ja auch okay, ne?
Ähm, und, und der zweite war dann, wie nennt man die Verbindung eines Apple-Geräts mit einem PC?
Veräppeln.
Ja.
Ich muss jetzt leider schon anfangen zu essen, sonst wenn die Pommes kalt.
Ja, ja, na klar, das will ja keiner.
Das müsst ihr jetzt, müsst ihr jetzt aushalten.
Mhm, ASMR.
Aber ASMR mit Meeresrauschen.
Hm.
Dann hört man auch das, dann hört man das Schmatzen noch nicht mehr so.
Also, ähm, zur Git-Folge.
Hab ich noch zwei, ähm, kurze Anmerkungen, oder zwei, zwei Teaser, zwei, zwei Appetittäppchen.
Falls ihr euch für Git interessiert, sag ich euch jetzt zwei Git-Befehle und falls ihr die nicht kennt, dann solltet ihr die Folge hören.
Und zwar Git Rerere und Git Bissect.
So, fertig.
Fertig.
Gut.
Ja, da hatten wir es auch in der Folge drauf, dann glaube ich nochmal, ne, aber das, äh, drehen wir jetzt nicht nochmal breit.
Okay, dann sind wir schon bei der drittletzten, ne, Folge Nummer 26.
Schrei aus von der Rückbühne.
Ja.
Also, äh, Shoutout from the Backstage.
Vielleicht muss man es mal auflösen.
Ich weiß nicht, ob wir, das hat sich so aus der Folge heraus entwickelt.
Ja, manchmal, manchmal muss man sich schon selber sehr wundern.
Manchmal geht irgendwas mit uns durch.
Wir wissen auch nicht genau was, aber, also, ich glaube, das höre ich heute irgendwie noch den ganzen Abend.
Das Meeresrauschen, unglaublich, ja.
Ja.
Ja, was haben wir da gemacht?
Wir haben ein bisschen, äh, eben Backstage berichtet, wie so eine Folge entsteht und auch so unseren Software-Stack.
Äh, einfach vielleicht, weil, weil es hoffentlich auch der eine oder andere interessant fand oder vielleicht selber vorhat, äh, einen Podcast zu gründen.
Und, äh, wir wollten auch ein bisschen so die Angst nehmen, so, was muss man denn da alles wissen und können und, und was braucht man denn da?
Und, äh, ja, ich glaube, ach viel mehr müssen wir über die Folge gar nicht sagen oder hatten wir noch irgendwas Spannendes.
Da haben wir viel zu viel verraten, ähm, was unser Betriebsgeheimnis eigentlich sein sollte.
Wir sollten ja eigentlich wieder offline.
Gut, das ist, das ist eine Geilteil vielleicht, ne, die MIT Missing Semester, ne, wo man so kostenlose Online-Semester vom, vom MIT bekommt.
Also wirklich so zu grundlegenden Dingen, auch zu Editoren, wie wir es ja auch schon hatten, ähm, aber auch, ja, Shell-Tools und Scripting, Version-Control, auch nochmal Git aufgegriffen.
Aber halt wirklich so auf Universitätsniveau und das Ganze kostenlos, ähm, Security und Cryptography sogar, also.
Aber keine Angst vor Universitätsniveau, ähm, es ist durchaus so, dass man's, dass man's verstehen kann.
Genau, also wenn man jetzt nicht irgendwie komplett gar nichts mit Computern am Hut hat, dann, dann ist das echt verständlich erklärt.
Gut, dann die vorletzte, VS Code and Edge DevTools mit Chris Heilmann, äh, unser hochkarätigster Gast, würde ich mal sagen.
Also ohne jetzt die anderen irgendwie kleinreden, wir haben alle Gäste lieb.
Die waren alle super.
Die waren alle super, aber, aber Chris hat halt schon, also, ne, er ist halt wirklich ein Web-Opa, ne, also wenn wir das so über uns sagen, ist das eigentlich fast schon ein bisschen überheblich.
Und im Vergleich dazu, der hat ja wirklich, der hat ja schon alles mitgemacht.
Der kann wirklich von, von den Browser-Wars erzählen und, äh, und, ja, unglaubliches Wissen einfach, unglaubliche Erfahrung einfach in sich, äh, versammelt.
Auch durch, äh, durch seine, durch seinen Werdegang bei verschiedenen, auch großen, bekannten Firmen, ähm, viel zu erzählen gehabt, viel Interessantes auch für uns.
Und, äh, was ich zum Beispiel mitgenommen hab, ist die VS Code Extension Error Lens, äh, die, so wie Git Lens, da inline, also wirklich in der Zeile Informationen einbindet, einblendet.
Ich bin gerade heute noch in den Wahnsinn getrieben, aber total gut.
Okay, und, und Error Lens zeigt eben diese Errors, die man, äh, die man kennt aus dem, aus dem Bereich unten, wo man sich die anzeigen lassen kann, äh, also unter Problems, ähm, die zeigt ja wirklich inline an und auch in rot, richtig fett, sodass man die nicht übersehen kann.
Und, äh, und das ist einfach schön, dann wirklich direkt zu sehen, okay, da ist jetzt was, worauf ich mich, äh, konzentrieren muss, ist dann auch entsprechend rot rechts in diesem, äh, in diesem, äh, Scroll-Vorschau, äh, Bereich.
Und, äh, die hab ich jetzt wirklich jetzt im Einsatz und, und freu mich immer, wie gut das funktioniert.
Ja, die meisten Errors, die ich davon habe, sind, ähm, von meiner anderen Extension, die ich vielleicht noch an der Stelle sagen kann, die auch von Microsoft ist, ähm, Webhint.
Ja, genau.
Das gibt einem sehr viel interessante Infos, ähm, ich hab so, ich würde mir wünschen, dass es richtig funktioniert mit, ähm, Browser-List, weil, ähm, ich da so Meldungen krieg, wie, ähm, naja, das wird dem I eh nicht unterstützt, und ich denk mir so, den unterstütz ich eh nicht, ähm, das, das ist, find ich, bisschen nervig dran.
Das ist witzig, weil ich genau diese Erfahrung auch, jetzt gerade erst letzte Woche oder diese Woche vielleicht sogar, genau das gleiche hatte, also, Webhint und dann irgendwie so, oh, die CSS-Eigenschaft, äh, die unterstützt aber, äh, der Edge erst ab so und so viel.
Und ich mir dachte, naja, ist ja schön, aber, äh, ist mir in dem Fall egal.
Also, eigentlich gibt's für sowas Browser-List, für Leute, die das nicht kennen.
Genau.
Ähm, aber das funktioniert irgendwie bei mir zumindest, also, ich hab die Browser-List in dem Projekt, ähm, in der Package-Chasen, das ist ein definierter Ort dafür, funktioniert aber irgendwie nicht.
Also, oder wird von, von, entweder von Webhint oder eben von dem, ähm, ähm, wie heißt's denn, Inland, dings da, Error-Lens, ja.
Vielleicht unterstützen die das gar nicht.
Die Browser-List, oder wird das angegeben?
Man sollte es unterstützen, angeblich.
Aber.
Okay, interessant.
Hm.
Also, ich hatte den Fall, wie gesagt, auch, ich hab da aber, glaub ich, keine Browser-Liste, also, das würde es natürlich erklären, weil ich gar nicht davon ausgegangen bin, dass die das überhaupt unterstützen und berücksichtigen.
ist eigentlich ein sehr guter Standard, das ist, ähm, eine sehr gute Idee.
Ähm, zu der Folge wollte ich noch was sagen und zwar wollte ich noch auf den Kommentar eingehen, den wir dazu bekommen haben, von dem Jens.
Ähm.
Wenn ich in der Folge, ähm, warte, war das bei der, wo haben wir denn das erwähnt?
Ich weiß gar nicht, wie wir da drauf kamen.
Ah, das war, ah, das war in der Retro, genau.
Der Spezifitäts, äh, Irrsinn, der in der Retro besprochen wurde, nämlich, dass man in CSS Klassen mehrfach hintereinander schreiben kann und dass die Spezifität erhöht, obwohl immer nur die gleiche Klasse geschrieben hat, also zum Beispiel .nav, .nav, .nav.
Und ich habe mich so gefragt, ähm, ja, cool, aber wofür?
Und der Jens hat, ähm, gesagt, dass sie damit, ähm, altere Code-Basen, Code-Bases refactoren, indem sie halt Dinge damit überschreiben können, ohne aber eine neue Klasse zu erfinden zu müssen oder irgendwie jetzt eine ID oder irgendwas, was mit einer höheren Spezifität, ähm, da drüber ballern zu müssen.
Und das, wenn man, äh, er sagt dann auch, ähm, wenn man das gut kommentiert, man sollte das gut kommentieren im Code, was man da macht und warum, ähm, dann kann es tatsächlich hilfreich sein und dafür finde ich das tatsächlich einen guten Anwendungsfall und das, ähm, genau.
So, jetzt lustig, jedes Mal, wenn du Spezifität sagst, macht's in meinem Kopf Spezifizität.
Und witzig fand ich, dass es dem, dem Chris aber genauso ging, weil man eben aus dem Englischen, weil wir ja echt sehr viel mit Englisch zu tun haben den ganzen Tag über und da heißt es halt nun mal Specificity und, äh, oder Specificity und bei mir ist es im Kopf so verankert, dass, äh, das geht einfach nicht raus.
You're welcome. Also, wenn du irgendwann mal möchtest, dass ich das für dich sag, jederzeit.
So, dann kommen wir jetzt schon zu, zur letzten, zur Folge Nummer 28, richtig?
Genau. Auch wieder Clickbait, 17 CSS-Eigenschaften, die wir noch nicht kannten. Und das sind tatsächlich 17 gewesen.
Wenn wir jetzt, wenn wir jetzt den richtig durchgezogen hätten als Clickbaiter, hätten wir gesagt, 17 CSS-Eigenschaften, die du noch nicht kennst.
Die du noch nicht kennst, genau. Drei hat mich schockiert.
Und bei fünf hab ich geweint.
Ja.
Hm. Nee, nee, wenn du es richtig durchziehen willst, dann musst du auf die letzte. Die letzte hat mich schockiert, damit die Leute auch wirklich komplett durchhören oder durchschauen oder keine Ahnung, was auch immer du durchlesen, was du bewerben willst.
Ja, das ist dann schon wieder, da ist der Kreis jetzt dann so geschlossen zum Anfang. Das war nämlich quasi die, die Füllung der Lücken, die sich aufgetan haben, als wir die Umfrage ausgefüllt haben.
Genau. Genau. Das war eine sehr, sehr gute Folge. Also ich hab da extrem viel gelernt.
Soll ich vielleicht nicht einfach mal fertig essen, sonst klingt das komisch.
Schluck.
Ja, schluck, schluck, schluck.
Wir reden, also es sind wirklich, diesmal stimmt die Zahl, es waren wirklich 17 und es sind nicht nur Eigenschaften, sondern es sind auch zum Beispiel Pseudoklassen oder sowas.
Und zum Beispiel, ich sag jetzt einfach mal ein paar davon, Text-Align-Last, Font-Arient-Numeric-Image-Rendering, das war für mich so ein Highlight, das fand ich ziemlich cool.
Sub-Grid ist, glaube ich, da brauchen wir eigentlich nichts drüber sagen, Aspect-Ratio, Default-Indeterminate-Content-Visibility, da hatten wir es heute nochmal davon.
Das war für mich auch so das Größte, Unbekannte eigentlich, diese Content-Visibility.
Ja.
Ja, genau. Ich glaube, damit sind wir doch tatsächlich jetzt am Ende, oder?
Ja.
Also für mich hat sich sonst auch nichts mehr Neues ergeben.
Nee, für mich jetzt auch nicht, aber das ist ja auch ganz frisch gewesen.
Genau.
Diese Folge, also können wir direkt...
Also es war ein schönes Jahr, wir haben viel gelernt, ich hoffe, ihr auch alle.
Und ja, wenn ihr irgendwelche Themenwünsche habt oder einen Gast, eine Gästin gerne mal bei uns hören würdet, dann macht doch gerne Vorschläge, auf welchen Kanälen auch immer.
Es gibt ja mittlerweile so viele. Also ich zähle mal kurz auf, was mir jetzt einfällt, mir fallen wahrscheinlich gar nicht alle ein.
Also erstens mal müsst ihr unser Merch bestellen.
Nein, Spaß.
Und da, wo wir sind, ist vorne.show slash Merch.
Joach, müsst ihr trotzdem. Bis es leer ist. Es ist bald leer.
Habe ich gehört.
Unsere Kanäle, ja.
Twitter, ihr könnt uns auf Instagram schreiben oder auf Discord. Wir haben einen Discord-Server.
Ihr könnt uns eine Mail schreiben, ihr könnt uns Kommentare schreiben.
Ihr könnt theoretisch auch kommentieren bei YouTube auf unsere Streams.
Ihr könnt bei Twitch mal vorbeischauen.
Die ist auch schon passiert, bei YouTube tatsächlich.
Ihr könnt unbedingt mal bei Twitch vorbeischauen, wenn wir mal wieder streamen.
Die Livestreams gehen später zu YouTube.
Also das heißt, man kann sie auch danach schauen.
Aber es ist viel mehr Spaß, wenn ihr bei Twitch dabei seid, weil da...
Bei Twitch ist das weniger so wie der Podcast.
Wir peitschen da nicht so die Themen durch.
Das ist so ein bisschen entspannter, so ein bisschen Afterwork-Party, so ein bisschen quatschen,
weil da die Interaktion so im Vordergrund steht.
Wir reden mit den anwesenden Leuten im Chat und gehen auch auf Vorschläge da ein.
Und das ist irgendwie eine witzige Runde.
Es ist meistens mittwochs und freitags.
Nicht immer, nicht jeden Mittwoch und jeden Freitag.
Und auch jetzt in der Sommerpause werden wir, glaube ich, ein bisschen runterfahren.
Aber da wäre es sehr schön, wenn ihr da mal vorbeikommen könnt.
Und da könnt ihr natürlich auch eure Themenwünsche oder Gast-Gästinnen-Wünsche äußern.
So.
Genau.
Das war der letzte Punkt, oder?
Zum Abschluss.
Der Moritz ist das geil-Teil.
Yes.
Das geil-Teil.
Geil-Teil.
Ich ziehe zur Feier des Abends die Sonnenbrille auf.
Im Stream kostet das.
Punkt, aber bei uns jetzt hier im Podcast gibt es das kostenlos.
Ihr könnt es nur leider nicht sehen.
Aber der Konstantin sieht es.
Ich sehe es.
Ich freue mich.
Ich habe es tatsächlich gemacht.
Das geil-Teil heute ist Colors.
Das geil-Teil heute ist Colors.Lol.
Und es hat seinen Namen.
Es ist auf jeden Fall ein würdiges WWS-TV-Geil-Teil.
Und zwar der Untertitel von Colors.Lol, also so heißt tatsächlich die Seite, Colors.Lol, ist Overly Descriptive Color Palettes.
Und ich lese jetzt mal vor Ort.
Das sind tatsächlich, man sieht auf dieser Seite Farbbalken nebeneinander.
So Color Palettes, das habt ihr bestimmt auf anderen Seiten schon mal gesehen.
Aber die Farben haben halt besondere Beschreibungstexte.
Und ich nehme jetzt mal einfach den ersten, den ich hier sehe.
Das sind drei Farben.
Und zwar die erste heißt Snail Paste Soft Pink.
Die zweite heißt, das ist halt natürlich so ein helles Rosa.
Dann kommt so ein bräunliches Unsealed Mahogany.
Und dann kommt noch so ein, ich sag einfach mal den Namen, Lousy Watermelon.
Ja.
Das trifft schon ganz gut.
Und da sind auch, ich glaube, da kann man noch viele, viele englische Worte lernen.
Weil da waren ganz viele dabei, die ich nicht kenne.
Wo ich so dachte, was bedeutet das denn eigentlich?
Und ich traue mich auch nicht so richtig, sie auszusprechen.
Weil ich so ein bisschen Angst habe davor, dass dann alles, oh, das wird ja ganz anders ausgesprochen.
Aber eins traue ich mich noch, weil natürlich wir, wo wir sind, ist vorne.
Wir haben ja eine Farbe zu unserer Hauptfarbe, zu unserer Lieblingsfarbe aus Erkorn.
Es ist Pink.
Und es gibt eine Color Palette, die hat ein helles Rosa, ein, würde ich sagen, hot pinkartiges Pink.
Und ein dunkleres Pink.
Ich würde sagen dunkleres Pink.
Die erste, die das helle Rosa heißt, a banging pastel pink.
Dann die zweite, das ist das, wo ich sagen würde, hot pink oder so, Barbie pink.
Extrovert darkish pink.
Und die dritte ist two penny deep pink.
Ich habe hier gerade nur gelesen, grumpyest vivid purple.
Es ist jerking grapefruit.
Ja, jerking grapefruit ist so ein bisschen der Nagellack, den ich hier stehen habe.
Ich habe einen Nagellack hier stehen, weil es gibt für Kanalpunkte, lackiere ich mir live die Fingernägel Pink im Stream.
Das sollten wir irgendwann mal umtauschen.
Wenn das zum ersten Mal passiert ist, dann werden wir das umtauschen in Cheers oder sowas.
Und tatsächlich sieht das, das kommt dem recht nah, dieses Jerking Grapefruit.
Jerking Grapefruit, genau.
Also es ist einfach eine sehr, sehr lustige Seite.
Und vielleicht findet ihr ja da eure Farbpalette, aber normalerweise haben die tatsächlich nur drei Farben.
Aber ich meine, wer kann schon sagen, dass er auf seiner Seite Muttering Dusty Purple hat oder Supplycatory Yellowish Tan oder Screaming Deep Aqua.
Aber es sieht trotzdem gut aus.
Also die Kombis sind trotzdem gut.
Motorized Ocean.
What?
Ja, also ihr seht schon, ich habe Spaß damit, ihr könnt damit auch Spaß haben.
Geht einfach auf colors.lol und wir kriegen dafür gar kein Geld, Mensch.
Schade eigentlich.
So wie ich das jetzt gerade advertised habe, hätte man eigentlich...
Könnte man denken, ja.
Ja, schade eigentlich, ne?
So, mein Burger wartet, deswegen müssen wir jetzt schnell Schluss machen.
Okay, also ganz, ja, wir sind ja auch schon am Ende.
Wir haben den, jetzt kommt der nicht vorhandene Verabschiedungs-Dschingel.
Das Endschingel.
Ja, wie gesagt, das war's jetzt vor der Sommerpause.
Vielleicht merkt man es auch schon, dass wir irgendwie durch sind, ich weiß nicht.
Die Vöglein hätte ich gerne nochmal.
Die Vögelchen.
Die Vögelchen, ja.
Wie wär's denn mit den Vögelchen?
Wir haben einen Vogel, mindestens einen.
So.
Ein Traum.
Ja, weiter geht's im September.
Wann genau wissen wir nicht, ne?
Das ist die Folge zum Runterkommen.
Das war die Folge zum Entspannen am Strand mit dem Cocktail.
Jetzt weiß ich auch, warum der Konstantin mir das vorhin geschrieben hat.
Ja.
Er wollte mir nicht sagen, dass es hier coole Sounds gibt, aber er hat schon angeteasert.
Und ich hab so gedacht, was, Cocktail, Arbeit, ist doch blöd am Strand und so.
Aber nee, jetzt verstehe ich das alles.
Ich bin jetzt super entspannt.
Ich auch.
Ich kann jetzt wunderbar in dieses Wochenende starten.
Es ist ein Traum.
Ihr könnt wunderbar in die neue Arbeitswoche starten.
Die neue Arbeitswoche für euch, ja.
Oder in euren Urlaub.
Genau.
Weil, ähm, die Folge wird ja relativ sicher am Sonntag veröffentlicht.
Aber ihr könnt sie natürlich auch am Sonntag noch hören.
Und, ähm, ich weiß gar nicht, ob wir jetzt noch Werbung machen müssen.
Wir haben so viel Werbung gemacht.
Geht einfach auf, wo wir sind, ist vorne.show slash unterstützen mit UE.
Da seht ihr, wie ihr uns helfen könnt.
Also von wegen Werbung.
Ihr könnt uns bewerten.
Ihr könnt unser Merch kaufen.
Ihr könnt uns bei Twitch, äh, abonnieren oder folgen.
Oder bei YouTube.
Ähm, überall könnt ihr uns helfen.
Wir würden uns sehr, sehr freuen.
Es hilft uns.
Jeder einzelne Klick hilft uns.
Und, ähm, darüber freuen wir uns sehr, wenn ihr das tut.
Genau.
Und wann es weitergeht, äh, das vielleicht melden wir uns auch mal wieder kurz mal zurück aus der Sommerpause,
wie wir es letztes Mal gemacht haben.
Haben wir noch gar nicht drüber gesprochen, wie wir es machen.
Also ihr bekommt es auf jeden Fall mit.
Irgendwann plöppt eine neue Folge auf in eurem Podcatcher.
Und mal schauen, was wir so machen nächstes Jahr.
Wir haben noch selber gar keinen Plan.
Wir werden mal die Zeit nutzen, auch da in uns zu gehen.
Und vielleicht mal ein bisschen mehr Comedy-Elemente wieder.
Ich meine jetzt nicht die schlechten Witze, aber vielleicht mal wieder ein Spam-Spot.
Das habe ich ja schleifen lassen, obwohl die ja, äh, eigentlich ganz gut ankamen immer.
Ich habe auch schon eine andere Idee.
Da haben wir auch noch nicht drüber gesprochen.
Äh, wir gucken mal, was, was die Zukunft bringt.
Ich bin jetzt auch, du siehst auch so entspannt aus.
Also man sieht es schon, ja, total.
Sagt uns, was ihr mögt.
Sagt uns nicht, was ihr nicht mögt.
Doch, sagt uns auch, was ihr nicht mögt.
Sagt uns, es ist uns nett.
Und, äh, dann schauen wir mal.
Sagt uns, es ist uns nett.
Und, ähm, vielleicht wird alles gut.
Vielleicht.
Ansonsten, einen schönen Sommer.
Und schaut mal im Stream vorbei, weil den gibt es vielleicht ab und zu mal.
Und, ähm, wenn ihr uns folgt auf Twitch, dann werdet ihr auch notifiziert darüber, wenn wir live gehen.
Und, ähm, genau.
Schaut mal vorbei.
Sagt mal Hallo im Chat.
Darüber würden wir uns sehr freuen.
Genau.
Tschüss.
Alles gut.
Bleibt gesund.
Und anständig.
Bis zum nächsten Mal.