Wo wir sind, ist vorne, Folge 20. Heute scrollen wir uns die Fingerwund.
Herzlich willkommen bei Wo wir sind, ist vorne.
Frontend-Fakten-Frotzeleien.
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ß.
Frohes neues Jahr, von dem schon wieder ein Zwölftel rum ist.
Aber unsere erste Folge des Jahres und ich hoffe, dass alle gesund sind und reich beschenkt worden sind zu Weihnachten.
Nur noch elf Monate, dann ist es wieder soweit.
Und wenn noch was übrig ist von den Geldgeschenken zu Weihnachten, ihr wisst, wir freuen uns immer über eine kleine Spende.
Ich glaube, wir müssen einfach den Link nochmal öfter erwähnen.
Buy-Me-A-Coffee.com slash W-W-S-I-V.
Geht ganz schnell, tut nicht weh.
Ja, bitte spenden.
Ah, herzlich willkommen übrigens.
Hallo.
Bevor wir ums Geld betteln, erstmal hallo.
Hallo.
Hallo, schön, dass du zuhörst.
Ja.
Gut.
So, fertig.
Fertig.
Bier.
Bier-Frage.
Warte, warte.
Traditionell.
Ach so, Bier.
Ja, Bier, genau.
Erzähl mal, was trinkst du denn heute?
Ich habe heute mal wieder, das hatte ich glaube ich auch schon mal, einen Mönchshof-Natur-Radler.
Ich habe ein Augustiner-Lagerbier-Hell mal wieder, es ist einfach gut und ich sehe gerade, das läuft bald schon ab, also muss ich jetzt demnächst mal trinken.
Was, bei dir wird Bier schlecht?
Ja, tatsächlich, also ich habe, ja, das ist, wenn wir mal irgendwie an der Hunde nicht aufnehmen, ne, dann ist, ich bin ja nur Podcast-Alkoholiker, ich trinke ja sonst, trinke ja sonst nix.
Ja, dann.
Okay, also.
Oh, das hat aber nicht schön geploppt.
Naja.
Naja, du kannst ja nochmal schütteln und nochmal.
Nee, nee, nee, lieber nicht.
Ja, während der Konstantin genüsslich an seinem Bier trinkt, sage ich einfach noch irgendwas, dass ich dann auch gemütlich an meinem Bier trinken kann, weil der Konstantin nämlich jetzt wieder reden kann.
Okay, du hast die Retro-Intro-Zeit, um Bier zu trinken.
BWSEV präsentiert die Retrospektive.
Das darfst du auch gleich anfangen.
Ja, ähm, nicht, dass wir wieder, wir müssen aufpassen, nicht, dass wir wieder Burp-Gate-Zwei verursachen.
Hashtag Burp-Gate.
Es ist, es ist, es ist gefährlich, wer, wer wissen will, worum es geht, der kann mal, kann mal bei Twitter suchen.
Ähm, so, Retro.
Ähm, mein erster Punkt ist, äh, und wir haben, ich glaube, die Retro wird heute ein bisschen länger, ähm, manche Leute finden das gut, manche finden es vielleicht auch schlecht.
War ja auch ein bisschen Zeit dazwischen und wir haben ja auch das Feedback bekommen, dass tatsächlich unser nebenher Geplabber, äh, interessanter ist manchmal, ich weiß nicht, ob das, ob das jetzt so für unsere Themen spricht, aber dass das eigentlich das Interessanteste manchmal ist.
Eigentlich ist das hier für mich auch gar kein Technik-Podcast, sondern eigentlich nur ein Laber und Selbst-Selbsttherapie.
Ja, ja, ja, ja, eigentlich will ich mir bloß keinen Psychologen leisten.
Genau, weil Bier trinken ist billiger.
Und die Hardware, ist auch egal.
Ähm, also ich fange, ich fange mal an, mein erster Retro-Punkt, ähm, ist, weil, weil ich, äh, in einer der vergangenen Sendungen mal gesagt habe, es gibt so viel Software, die irgendwann am Anfang gut ist und dann irgendwann scheiße wird.
Ähm, da immer dann, wenn, wenn irgendwie Kapital fließt oder wenn irgendwie Geld verdient werden soll, wollte ich jetzt mal ein paar Positivbeispiele nennen, weil ich mal drüber nachgedacht habe, was ist denn eigentlich gut?
Was ist denn so Software, die über Jahre lang irgendwie schon gut ist und immer besser wird, ähm, und die nicht irgendwie durch Kapital doof geworden ist oder durch irgendwas anderes, die, wo die nächste, wo irgendeine Version dann plötzlich doof war.
Ähm, und ich habe mal zum Beispiel, weil wir schon hier in einem Podcast sind, ähm, habe ich Pocket Casts.
Ähm, das ist eigentlich ein sehr, sehr geiler Podcatcher, nutze ich jetzt schon seit einigen Jahren, ähm, und macht Spaß, hat eigentlich alle Features, die ich so brauche und eigentlich noch mehr Features als die, die ich brauche,
Also irgendwie sowas wie Playlist, das nutze ich gar nicht, aber das ist, glaube ich, echt praktisch für Leute, die, äh, die Dauer-Podcast hören, das ist geil, du kannst dir sagen, ja, die Folge und das dann als nächstes und dann als nächstes, also wenn du jetzt den ganzen Tag hören willst, kannst du hier eine Playlist machen.
Ähm, aber du hast auch zum Beispiel ein Web-Interface, also du kannst auch im, im Browser hören, das ist sogar auch ganz, ganz nett gemacht.
Aber das kostet, glaube ich, extra, oder? Das ist, glaube ich, so ein Pay-Feature, kann das sein?
Ja, also, ähm, ja, das ist, glaube ich, mittlerweile sogar so ein Abo. Es ist so, und da, da kommen wir auch nochmal zu dem Punkt.
Warum Pocket Casts, ähm, irgendwie nett ist und nicht scheiße. Ich habe Pocket Casts mal gekauft, als die Abos irgendwie noch nicht so das Ding waren.
Als man, ähm, Apps auf dem Handy irgendwie, also ich habe das auf dem, äh, auf dem Android-Handy, als Apps auf dem Handy mal noch so, ähm, einmalig gekauft wurden.
So, ähm, und die, die Abo-Geschichte noch nicht so das Ding war. Ähm, und dann hat Pocket Casts irgendwann gesagt, so, wir wollen jetzt aber auch Abo machen.
Und, ähm, wie man das zum Beispiel von, äh, Quiz-Duell kennt, wie ich das irgendwann mal erfahren musste.
Ach, echt?
Die sagen dann irgendwann so, wir klemmen das jetzt ab, dann gibt's jetzt irgendwie noch die neue App und da ist jetzt Abo und Tschüss.
Und bei Pocket Casts, die haben das so gemacht, die haben gesagt, naja, äh, wir wollen das zwar irgendwie jetzt schon mit Abo machen, aber, ähm, wir haben eine relativ lange Phase, äh, wo wir jetzt, äh, von A auf B umstellen.
Und ich weiß es jetzt nicht gerade auswendig ganz genau, aber es sind mehrere Jahre, wo ich mit meiner, ähm, mit meiner, mit meiner gekauften App jetzt quasi diese Premium-Mitgliedschaft erworben habe.
Und ich glaube, zwei oder drei Jahre lang sagen die, habe ich jetzt Premium-Features, äh, ohne dafür bezahlen zu müssen.
Und dann, wenn ich sie weiterbehalten will, müsste ich dafür zahlen.
Aber das Web-Interface nutze ich eigentlich so gut wie nie.
Allerdings ist es echt cool, weil, also, ich bin ja normal kein Freund, äh, von Anmelden in Apps, wenn es nicht unbedingt notwendig ist.
Und bei Pocket Casts ist es aber echt cool, weil ich ja, ich quasi, äh, Podcast weiterhören kann auf einem anderen Gerät einfach.
Der merkt sich auch wirklich genau die Sekunde, bis zu der ich abgespielt habe, auf beliebig vielen Geräten.
Und dann kann ich einfach da weiterhören, da weiterhören, da weiterhören.
Und ist einfach ein stabiler, äh, Podcatcher. Gutes Ding.
Ja, ich nutze ihn auch, ähm, wusste aber von, von irgendwie 90 Prozent der Features, die du gerade erwähnt hast, nichts, weil ich, seit wir selber Podcasten, irgendwie kaum noch andere Podcasts höre, warum auch immer.
Und, äh, ich einfach nur mit der Grundfunktion schon so zufrieden bin und mir das eigentlich reicht.
Also, ich kann mal sagen, was ich so an Features benutze. Ähm, also, wie gesagt, die Playlists nicht. Ähm, man kann relativ granular bei jedem Podcast einstellen, ob die, ähm, die, die Folgen automatisch runtergeladen werden sollen und wie viele behalten werden sollen.
Also, wenn ich sage, behalt mal die letzten fünf, die ich nicht gehört habe, oder wenn, aber mehr halt nicht, auch so um Speicher zu sparen, aber das kann man pro Podcast einzeln einstellen.
Dann natürlich, ähm, Geschwindigkeit kann man regulieren und das kann man sogar pro Podcast einzeln festlegen.
Also, wenn du jetzt einen Podcast, Podcast hast, wo du weißt, die reden eher langsam und du willst es eigentlich in 1,5-facher Geschwindigkeit jedes Mal hören, kannst du das für diesen einzelnen Podcast einstellen.
Mhm. Ähm, das habe ich, das nutze ich auf jeden Fall. Und was super, super hilfreich ist, und da gucke ich jetzt gerade mal, äh, live in meine Statistiken, das zeigt, nehme ich dann auch an, ähm, äh, äh, removing silence.
Also, dass, äh, stille rausgekattet wird, ähm, und das ist, warte mal, jetzt muss ich gerade mal gucken, hier steht.
Wie viel man da gespart hat dadurch, ne, durch die, durch die Features.
Wie viel man gespart hat, genau. Und, äh, ich habe jetzt hier, also das ist wahrscheinlich, ähm, ich bin jetzt nicht sicher, was das, warum jetzt das Datum ist, wahrscheinlich, wo ich das letzte Mal, ähm, die App neu aufgesetzt habe oder, oder wo ich mir den Account gemacht habe.
Ja, das würde mich aber wundern, ist eigentlich zu kurz, egal. Ähm, seit dem 25. November 2017 habe ich, äh, 26 Stunden und eine Stunde Podcast, äh, 26 Tage und eine Stunde Podcast gehört.
Ähm, ich habe durch Skippen 20 Stunden gespart, äh, durch variablen.
Was, 20 Stunden?
Ja, 20 Stunden durch Skippen.
Warte mal, Moment, das wird noch geiler.
Äh, durch variablen Speed, äh, 10 Stunden und jetzt removing silence, zwei Tage, zwei Stunden.
Wow.
Habe ich gespart.
Okay, krass.
Äh, Autoskipping, sechs Minuten, das habe ich bei einem Podcast mal gehabt, wo ich, äh, das Intro nicht hören wollte, ähm, und ich, und das immer an derselben Stelle war, also, ja, da wurde nichts vorher gesprochen, da konnte man das, äh, relativ gut, äh, machen.
Nicht so bei uns.
Also, insgesamt habe ich drei Tage, neun Stunden gespart durch diese Features.
Und das ist eigentlich witzig, auch so diese Statistik zu sehen.
Und, äh, dieses, ähm, äh, äh, stille Entfernen, das, da gibt es mittlerweile sogar auch drei verschiedene, ähm, Härtegrade davon.
Also, wie aggressiv der das macht.
Und ich habe es auf dem aggressivsten und ja, da hat man dann manchmal sowas, wo man merkt, ah, da war es jetzt vielleicht ein bisschen zu krass, da geht es jetzt irgendwie in so ein Luftholen mit rein.
Aber es stört mich nicht, weil dadurch wird, äh, spare ich irgendwie Zeit und, äh, Podcast geht schneller.
Aber ich schweife aus, zu tief schon.
Ja, aber krass, ich, äh, ich, äh, nutze das, wie gesagt, nicht so häufig, aber ich habe auch schon irgendwie zweieinhalb Stunden durch Skipping gespart, 17 Stunden durch die Geschwindigkeit, äh, und zwei Stunden durch die Silence.
Also krass, wie viel, wie viel Stille man fabriziert, wenn man einen Podcast macht.
Ja, wir machen auch eine Menge Stille.
Und wie langsam man teilweise spricht.
Ja, ich glaube, äh, Sprechgeschwindigkeit, äh, dynamisch anpassen haben sie, glaube ich, nicht drin.
Wenn man mal langsamer spricht, wird es nicht schneller gemacht.
Wenn man mal ein bisschen schneller spricht, wird es auch nicht langsamer gemacht.
Das hat jetzt keiner gestanden mehr.
Ich habe aber auch erst irgendwie so 100 Milliliter Bier getrunken.
Das geht gleich dann nicht mehr, sowas.
Das geht dann wahrscheinlich schief.
Das ist auch gut zu der Zeit.
So, Software Nummer zwei.
Äh, Software Nummer zwei, die ich richtig gut finde und schon viele Jahre benutze, Feedly.
Ähm, viele, viele junge, äh, Zuhörer und Zuhörerinnen kennen Feeds vielleicht gar nicht mehr.
Ich habe das immer gemerkt bei unseren Studenten auf der Arbeit, die sagen, naja, meine News, die kriege ich irgendwie aus Twitter, Facebook, Instagram, keine Ahnung woher.
Ähm, ich bin da relativ klassisch noch und wenn ich irgendwie, äh, News mitkriegen will aus dem Web, ich meine, ich habe zwar auch Twitter, aber Feeds sind so für, für Blogbeiträge und sowas sind irgendwie so meine Quelle Nummer eins.
Und ich lese jeden Tag, äh, mich durch meinen Feedreader durch.
Und da habe ich eben seit vielen Jahren Feedly, ähm, genauer, äh, auf dem Handy Feedly Classic, äh, und auch auf dem, also auf dem iPad und auf dem Handy, ähm, weil das irgendwie ein netteres Layout hat als das Neue.
Das Neue ist so ein Endlosscroller, das, das Standardfeedly und das Feedly Classic ist so, man, man scrollt da so seitenweise durch.
Es ist irgendwie, man muss man sich einfach mal angucken, also irgendwie Newsreader, äh, ich finde, das ist die schönste App, du kannst da innerhalb auch, ähm, deine, deine, deine, äh, Feeds durchsuchen, du kannst auch innerhalb welche finden von Feedly.
Man kann natürlich aber auch externe irgendwie importieren und, ähm, ich mag das Layout von dem Ding einfach.
Und es funktioniert gut und, ähm, ich habe da auch überlegt, ob ich das schon mal umstellen soll auf, äh, auf, äh, irgendwie eine Software, die auf meinem eigenen Server läuft oder so, aber bislang habe ich keinen Grund dazu.
Und weil ich das schon so viele Jahre benutze, die Free-Version, und es immer noch gut finde und auch schon guten Austausch mit dem Support hatte, habe ich jetzt dieses Jahr einfach mal, äh, das Premium abonniert, auch wenn ich die Features überhaupt nicht brauche, aber ich wollte denen irgendwie mal Geld geben, einfach.
Das ist doch nett.
Wenn, äh, wenn ihr was nutzt, wofür ihr nix bezahlt oder nix bezahlt habt.
Zum Beispiel auch Podcasts.
Zum Beispiel Podcasts.
Und ihr das irgendwie, das gut findet und schon seit einer Weile dabei seid, wie ich jetzt bei Feedly Classic, oder ihr vielleicht, wobei, wo wir sind, ist vorne, das hast du ja auch gut eingeflochen.
Ähm, dann einfach vielleicht mal irgendwie ein bisschen Geld geben.
Also ich, ich weiß nicht, ob ich das Abo danach jetzt verlängern werde, ähm, aber ich habe mir, ich habe die gefragt, kann ich euch irgendwo spenden?
Weil ich wollte, ich wollte ihnen eigentlich mehr geben, als das ein Jahresabo kostet, aber ich wollte in keinem Abo drin sein.
Und dann haben die gesagt, äh, ja, nee, spenden ist nicht, es gibt halt nur diese, dieser Plan da und dann habe ich gesagt, okay, gut, dann schließe ich das halt jetzt mal für ein Jahr ab und dann gucken wir mal.
Ähm, so, eins muss ich überspringen, weil ich es mittlerweile nicht mehr nutze.
Okay.
Äh, genau, aber meine letzte, letzte Software auf der Liste ist Nextcloud.
Also ich nutze Nextcloud jetzt, also habe ich auch auf dem eigenen Server installiert, ähm, schon seit, boah, fünf, sechs, sieben Jahren, keine Ahnung.
Ähm, und das ist ja so ein, also ich bin so draufgekommen, so, das ist so deine eigene Dropbox, aber Nextcloud kann noch viel, viel, viel mehr mit diversen Plugins.
Also es ist nicht nur, äh, File-Sharing auf dem eigenen Server oder, oder, ja, auch für mehrere Nutzer theoretisch, ähm, sondern ich habe, ich synke da zum Beispiel auch von meinen Mobilgeräten meine ganzen Kontakte hin,
mein Kalender ist dort, ähm, meine Notizen sind dort, meine Tasks sind da und ich habe da auch sowas ähnliches, äh, wie Trello, das heißt da Deck.
Da bin ich jetzt auch hinmigriert, das, äh, kommen wir später nochmal zu, in einem anderen Retro-Punkt von mir.
Also Nextcloud ist so ein, ähm, äh, Wohlfühlding, äh, wenn man irgendwie so ein bisschen auf die eigenen Daten Acht geben möchte und, äh, es wächst immer weiter, es wird immer besser, äh, es wird immer schöner, äh, besser benutzbar über die Jahre und es ist Open Source und es ist kostenlos und es kommt aus Deutschland.
Also soweit ich weiß, äh, in Stuttgart wird es hauptsächlich entwickelt, aber ich glaube, die haben weltweit Mitarbeiter.
Ist einfach eine, eine richtig coole Sache und, äh, kann ich empfehlen und da will ich demnächst dann auch mal hinspenden, weil das ist einfach, ähm, das ist einfach der Knaller, was man da kriegt für nix.
Cool. Ja, schön, dass es auch, äh, positiv zu erwähnende Software gibt. Ähm, wir haben ja auch schon viel gerantet hier.
Es kommt auch nachher nochmal ein kleiner Rant, äh, aber, äh, schön, dass es auch, dass es auch gegensätzliche Beispiele gibt.
Ja, mir war wichtig, nicht immer nur zu motzen, sondern auch mal, nee, mal drüber nachdenken, was, was ist denn eigentlich auch gut, weil oft fällt einem nur das Schlechte auf, aber ich wollte jetzt einfach mal auch den Fokus auf das Gute lenken.
Sehr schön, wir wollen ja hier, äh, Positivität, Positivität verbreiten.
Gut, bist du durch mit deinem?
Ich bin total durch.
Du bist sowieso durch. Gut, ich habe diese Woche, das ist jetzt auch ganz frisch, äh, mein erster Retro-Punkt, mit, äh, VIT gearbeitet.
Ähm, wenn man's sieht, könnte man's, könnte man's, könnte man denken, es wird VITE ausgesprochen, V-I-T-E, äh, wird über VIT ausgesprochen, kommt aus dem Französischen, bedeutet schnell und den Namen hat's auch verdient.
Ähm, VIT.js.dev, entwickelt von AVENU, dem Macher von Vue.js.
Und das ist eine Toolchain, also ähnlich wie Webpack zum Beispiel, ähm, aber mit viel minimalerer Konfiguration, oder ich sag mal, es ist mit Sicherheit flexibel konfigurierbar, auch zusätzlich, aber man muss es nicht, äh, mit einer 5000 Zeilen langen Konfigurationsdatei konfigurieren, ja, wie man das bei Webpack, äh, gerne mal macht.
Ähm, und es ist vor allem deutlich schneller, daher auch der Name. Ähm, also im Vergleich, Webpack, Startzeit, Dev-Server, wenn man den startet, das dauert gerne mal einige Sekunden, also bei größeren Projekten, bei mir zumindest, bei der Kiste ist vielleicht auch nicht mehr die allerschnellste,
Aber, äh, deutlich, also irgendwie 12, 15 Sekunden oder sowas, bis, bis das mal hochgeht. Und ich hab gar nicht so riesenumfangreiche Projekte in der Regel.
Und auch, ähm, HMR, also Hot Module Reloading, das heißt, ich ändere was und speicher's und es ist direkt im Browser, äh, sichtbar.
Das dauert dann trotzdem zwei bis drei Sekunden teilweise mit neu kompilieren, je nachdem, was da alles gemacht wird.
Weil eben immer der ganze Tree da wieder, also es gibt da schon Optimierungen, aber es muss halt immer wieder sehr viel neu kompiliert werden.
Und im Vergleich dazu, VEAT, äh, startet bei mir in ein bis zwei Sekunden und HMR ist also wirklich, das fühlt sich wirklich instantan an.
Also du speicherst was, du änderst irgendwie Color Red und du klickst Speichern und du merkst keine, keine Verzögerung und den Browser macht's zack und der Text ist rot.
Also ich hab in einem Video gesehen, 300 Millisekunden sind das etwa, also es fühlt sich wirklich instantan an.
Und, ähm, gerade gestern erst, also jetzt wo wir das aufnehmen, heute ist der 29., gestern am 28. Januar, ähm, hat Avenue gepostet,
dass er ein Projekt mit 5800 Modulen hat, das auf seinem, auf seinem MacBook M1 aus dem Kaltstart in zwei Sekunden hochfährt.
Äh, 5.000 Modulen?
5.800 Modulen.
Ich glaube, er ist dann irgendwie in den Kommentaren drauf eingegangen, so genau hab ich's aber nicht mehr angeschaut,
es ist quasi so ein Beispielprojekt, wo wirklich alles, was man in einem, in einem CRM-System haben könnte, theoretisch, ist da drin.
Einfach quasi auch so als Benchmark, um zu gucken, wie schnell ist denn tatsächlich, äh...
Also ich finde, 5.800 Module hat einen Applaus verdient, ja.
Absolut.
Das ist schon, schon ordentlich.
Und wie gesagt, zwei Sekunden, ähm, also das, das ist schon wirklich Wahnsinn.
Der Vorteil ist eben, dass das nicht alles neu kompiliert werden muss jedes Mal, sondern, ähm, wirklich zur Laufzeit das, was angefordert wird, was ich gerade brauche, das wird im Hintergrund kompiliert.
Und, äh, wen das mehr interessiert, auch so die Hintergründe, ähm, was da genau passiert, ähm, da gibt's einen, einen Talk von der ViewConf Toronto von letztem Jahr.
Vid & Vid Press, äh, heißt das auf YouTube, verlinken wir natürlich in den Shownotes, auch die Slides dazu gibt's, ähm, und das fand ich sehr interessant.
Und das hab ich direkt diese Woche, ich hab das Video gesehen am Montag und hab, äh, eine neue Library gerade angefangen zu schreiben für uns für ein Projekt.
Und dann hab ich direkt mal damit rumgespielt und das direkt mal eingesetzt und ich bin bisher also wirklich sehr zufrieden.
Und man muss auch dazu sagen, ähm, es kommt zwar von dem View-Entwickler, aber es läuft nicht nur mit View, sondern es ist Framework-agnostisch, ähm, das heißt, ich kann das auch, ähm, mit React zum Beispiel benutzen.
Und da gibt's auch schon ein fertiges React-Template und ein View-Template, ähm, das man relativ einfach installieren kann über MPM.
Und dann ist man da sehr schnell am Start und das macht wirklich Spaß, damit zu arbeiten.
Und, ähm, muss man vielleicht noch sagen, ähm, man arbeitet direkt mit ESM-Modulen, also, ähm, Import-Export, was man ja kennt im Vergleich zu Require, ähm, und auch im Browser während der Entwicklung läuft das also, muss man halt natürlich einen entsprechenden aktuellen Browser nutzen, was man während der Entwicklung ja eh sowieso meistens tut, ähm, da läuft das wirklich über, über native Module, die werden zwar schon nochmal irgendwie anders, äh, verarbeitet,
im Hintergrund, aber es ist eben ESM, was man da schreibt und ich hab mich inzwischen da echt schon an die Schreibweise gewöhnt durch, äh, jahrelanges Babel rumkompilieren, transpilieren, ähm, und für die Releases wird's dann eben nochmal gebundelt.
Allerdings auch standardmäßig trotzdem für Browser, die ESM supporten, was ja inzwischen die Evergreen-Browser sowieso alle tun.
Und es gibt aber auch entsprechende Module, die man, die man konfigurieren kann, auch Babel übrigens, also out of the box ist das Ganze ohne Babel, äh, aber man kann auch Babel konfigurieren und auch TypeScript und so weiter.
Äh, da hatte ich noch eine Frage zu, seit wann ist das denn so, dass diese, dass die Module standardmäßig irgendwie, also so ungefähr, weil ich hab das.
Muss ich jetzt selber auf, auf keiner Use mal kurz, äh, schauen, was da so die Browser-Versionen sagen, also, ähm, der Edge seit 2017, Firefox 2018, äh, 2017, der Chrome, Safari, 17, ja, also, 92% äh, globale Abdeckung.
Also, für das Projekt, was ich jetzt gerade nutze, wo das sowieso nur im, im Backend benutzt wird, was ich da vorhabe, ähm, wo ich einfach auch als, als Produkt, äh, Owner sagen kann, das läuft nur in, in, in aktuellen Browsern, äh, ist das perfekt.
Und wie gesagt, man kann's auch transpidieren lassen, also, ist auch kein Problem und diverse Shims und Shifts und Polyfills und so ist auch alles, äh, kein Problem.
Schimpf, Schimpf, Schimpf, Schimpf, Schimpf, Schimpf, Schimpf, also, es, es, es steckt noch etwas in den Kinderschuhen, das ist, wie gesagt, ganz neu, ich glaub, Anfang letztes Jahr gab's so die, äh, jetzt sag ich wieder was Falsches, was ich hinterher rausschneiden muss, ähm, nee, aber es ist, äh, relativ, relativ, relativ neu, es ist jetzt gerade die Version 2 ist jetzt im, im Alpha-Stadium, ähm, aber in den Kinderschuhen muss man sagen, eher, was die Features betrifft, nicht was die Funktionalität betrifft, also, ansonsten läuft das,
erstaunlich, äh, stabil, ähm, bis auf ein oder andere, ja, so, so kleine Schluckäufe während, Läufe während der Entwicklung, ähm, wo mal in, in Konsolenfehlern nicht die korrekte Zeilenangabe drin war oder sowas, also,
so, man merkt so, ja, okay, manchmal, da kommt's irgendwie durcheinander, wenn's da sich die Module zusammensammelt oder so, aber ist jetzt nix Größeres, also, ähm, läuft wirklich erstaunlich gut.
Erdruckend, du hast gerade zum ersten Mal, das ich in meinem ganzen Leben gehört hab, der Plural von Schluckauf.
Schluckäufe, Schluckläufe, ah, Schluck, äh, wie heißt das denn? Schluckaufe, Schluckauf, ich weiß es nicht.
Ich weiß es, ich weiß es ehrlich gesagt nicht, aber, äh, thanks for trying, also, das ist auf jeden Fall schon mal irgendwie interessant drüber nachzudenken, was der Plural von Schluckauf ist, super.
Also, das Einzige, was, äh, was noch so ein bisschen hakt oder einfach nicht so gut abgedeckt ist mit, mit Libraries und so, ist, äh, Testintegrierung, das ist so ein bisschen mangelhaft, da hab ich heute so gut wie den kompletten Tag damit verbracht, ähm, da Tests irgendwie mit reinzubringen und, äh, aber für Unit-Tests kann man natürlich jetzt einfach irgendwie Mocker zum Beispiel installieren, ähm, was auch mit den, äh, mit den Modulen, mit den, ähm, ESM-Modulen klarkommt.
Und ich hatte zuerst, ähm, na, wie heißt das andere, ähm, das fällt mir in der Dame natürlich nicht ein.
Egal.
Also, mit das bekannteste JavaScript, äh, ähm, ähm, ähm, Testrunner, mit J, irgendwas.
Stress mal.
Nee, egal.
Der hat, das hat nicht funktioniert, da muss man irgendwie ganz kompliziert das umbiegen, dass das, äh, mit den Modulen funktioniert.
Naja, ist ja auch egal, führt jetzt zu Akt in die Tiefe, aber das ist so ein Ding, also, das hat auch, äh, Avenue selbst heute, äh, gesagt, auch, äh, oder gestern auch wieder in einem Tweet, ähm,
ähm, dass er, also, ja, die Frage, vielleicht fang ich anders an, ist, ist das ein Ersatz für Vue CLI?
Also, man kennt, äh, als, als Vue-Entwickler Vue CLI, ähm, wahrscheinlich, mit dem man relativ einfach auch so Scaffolding machen kann und, äh, und, und Plugins und was weiß ich.
Und, äh, also, äh, für die Leute, die nicht wissen, was sowas standardmäßig tut, ich kenne es auch aus dem Angular-Bereich, ähm, das ist so ein, eine Möglichkeit, sehr, sehr schnell ein Projekt aufzusetzen und irgendwie schon Module einfach nur mit einem kleinen Kommandozeilenbefehl, ähm, anzulegen und sowas, oder?
Genau, also, CLI ist ja Command-Line-Interface, das kennt man ja, ähm, auch von, von anderen, ja, Programme ohne grafische Benutzeroberfläche, ja, wir vergessen immer, wir müssen auch die, die ganz neuen Einsteiger und Quereinsteiger mit einbeziehen.
Genau, gut, dass du, dass du das, äh, noch angemerkt hast.
Genau, und das, ähm, ist eben bei vielen solchen Libraries gibt es das inzwischen, dass die so Tooling, äh, so, so CLI-Tools anbieten, WordPress übrigens auch, gibt's auch als CLI.
Ähm, und da war so die Frage in der Community, ja, soll das jetzt ein Ersatz werden dafür oder, oder läuft das parallel?
Und, äh, Avenue war da selbst so ein bisschen vorsichtig mit der Aussage, auch in dem Video, das ich da verlinken werde, ähm, hat aber dann gestern getwittert, wird, wird, wird UCLI ersetzen?
Äh, äh, anfangs war er sich nicht sicher, aber in dem Stadium, wo es jetzt ist, glaubt er, dass das eventuell der Fall sein wird.
Und das Einzige, was noch nicht so gut läuft, sind Runner-Integrationen.
Also genau das, äh, was ich jetzt auch gerade gesagt habe, das ist so der Punkt, da muss auf jeden Fall noch nachgebessert werden, aber da gibt's auch schon vielversprechende Libraries und Ansätze, die ich da gesehen hab, Repositories, ähm, die das so beispielhaft integrieren.
Das läuft alles noch nicht so ganz rund, aber das wird noch, und dann ist das wirklich ein, ein sehr cooles Tool.
Also ich glaub nicht, dass das Webpack ganz ersetzen wird, dafür ist es, glaub ich, nicht mächtig genug, noch nicht, ähm, und das ist aber, glaub ich, auch gar nicht die Frage.
Also ich glaub, das ist immer so ein Anwendungsfall, brauch ich schnelles, für schnelles Prototyping, ja, äh, nutze ich vielleicht eher das, oder ich fang ein Projekt damit an, ähm, und, äh, wenn ich irgendwann merke, okay, ich bräuchte dann doch, keine Ahnung, automatische Web-Font-Generierung oder sowas, was vielleicht, äh, jetzt mit WIT noch nicht funktioniert, dann kann ich auch noch später auf Webpack setzen.
Wer muss schon automatisch Web-Fonts generieren?
Ich.
Warum?
Ja, es, äh, geht zu sehr in die Tiefe.
Okay, gut, da frag ich nicht, nicht weiter nach.
Aber jedenfalls hat es Spaß gemacht, mal wieder sich in was Neues reinzudenken und vor allem damit auch so schnell produktiv sein zu können.
Also ich bin da wirklich jetzt sehr schnell ans Ziel gekommen, ähm, also das ist, muss ich sagen, ausgekoppelt, also das Hauptprojekt läuft tatsächlich über Webpack und eben unter anderem mit Web-Font-Kompilierung und so, ähm, und ist entsprechend langsam,
und träge und ich hab das explizit ausgekoppelt, also das wird auch irgendwann Open-Source, wenn's mal einen Stand erreicht hat, mit dem man halbwegs damit arbeiten kann, ähm, das heißt, das ist ein Open-Source-Paket, das aus der proprietären Geschichte, äh, rausgenommen wird und damit bin ich jetzt echt schnell ans Ziel gekommen.
Ja, das ist doch schön, als wenn ich das in meiner normalen Umgebung von diesem Projekt, äh, gemacht hätte, auf jeden Fall. Also sehr zufrieden. Auch hier mal wieder was, äh, was Positives zum Thema Software.
Ja, ist doch schön, also, dass der Name dann auch stimmt.
Ja, tatsächlich.
Witt, witt, witt, witt, witt, witt, witt, witt.
Schnell, schnell.
Äh, ja, das, mein, mein, mein, mein Beitrag zu Sprachen.
Sehr schön.
Ja, ähm, ich hab's vorhin schon angesprochen, ähm, dass ich nochmal bei Nextcloud, äh, sprechen wollte, aber ich fang jetzt mal anders an. Also ich hab, äh, so einen kleinen Tweet mal geschrieben, kommt vielleicht auch in die Shownotes, ähm, dass ich so einen kleinen Privacy-Frühjahrsputz gemacht hab, der ist irgendwie dann auch von ein paar Leuten retweetet worden, war irgendwie ganz nett, ähm, und das wollte ich nochmal kurz vorstellen, was ich jetzt irgendwie so dieses, äh, dieses Frühjahr irgendwie gemacht hab, ähm, nämlich so der Klassiker, äh, jetzt mal versuchen von WhatsApp und Telegram wegzunehmen.
zu kommen, hin zu einem Messenger.
Gerade so ein Trend nochmal, der nochmal befeuert wurde jetzt durch die Datenschutzgeschichte, ja.
Zu Signal, also das ist jetzt so mein, mein, äh, Chat-Client der Wahl, ich glaub Konstantin, deiner auch.
Also wir haben unsere komplette Familie inklusive der Eltern und, äh, Schwiegereltern dahin umgezogen, die ganzen Familiengruppen.
Ich, äh, ich bin noch, ich bin noch dran.
Ja, ist nicht ganz einfach.
Ähm, ich muss ja sagen, die, ähm, die animierten Sticker, und das, finde ich, ist ein großes Kriterium, das ist mir sehr wichtig.
Die sind unter Telegram schon noch ein Stück smoother, also die sind schon richtig geil, so mit 60 FPS, äh, unter Telegram, und das ist bei Signal, naja, ne, ich glaub, die stecken da jetzt viel rein.
Also WhatsApp und Telegram oder sonstige Messenger versuch ich gerade zu Signal zu migrieren.
Ähm, und, äh, witzigerweise hab ich, kurz bevor dieser Hype losging, dass da irgendwie alle hin, also ich bin oft so einen Schritt vorm Hype.
Es ist, es ist total komisch. Also war ich da wieder, also irgendwie so ein oder zwei Wochen vorher.
Du bist halt ein Hipster.
Nee, eigentlich gar nicht. Normal bin ich ein Late Adopter.
Ich warte jetzt zum Beispiel bei, bei, äh, wie heißt dieses, dieses komische, äh, Podcast-Live-Dingsda-Clubhouse oder so.
Ach ja, mhm, ja.
Aber das ist ja eh nur eine Einladung, ne? Hast du schon einbekommen?
Das guck ich mir, das guck ich mir aber vermutlich wahrscheinlich nie an, aber wenn, dann frühestens in einem Jahr oder so.
Also normalerweise bin ich immer sehr, sehr, sehr spät bei sowas.
Also ich war auch, ähm, irgendwie ein oder zwei Jahre, erst nachdem andere Leute schon bei Twitter waren, war ich dann bei Twitter.
Also hat immer, ich guck mir das immer erst mal ein bisschen an und, äh, entscheid relativ spät, ist das jetzt was, wo ich mitmachen will oder nicht.
Aber da war es zufällig, ich mein, Signal gibt's ja jetzt auch schon relativ lange, da war ich zufällig ein bisschen, äh, vorne und das war eigentlich nicht gut, weil ich krieg jetzt eine Million Nachrichten, Kontakt nicht, ob wir uns jetzt bei Signal, ja.
Jeden Tag, irgendwie sind's zehn neue Leute, die jetzt irgendwie bei Signal sind. Ich find das gut, aber diese Nachrichten, die nerven echt.
Ja, dass man die auch nicht ausstellen kann, also ich hab zumindest Dix entdeckt.
Ich archivier diese Chats dann immer, weil ich hab vielleicht sogar.
Ja, das ist ja noch dazu, es erstellt dann auch noch einen Chat mit der Person, so hier gleich anschreiben.
Notification, genau.
Ja, aber ab und vor, es erstellt ein Chat, das muss ich noch sagen, ähm, find ich ein sehr cooles Feature, ähm, das hab ich bei WhatsApp gemacht, ich hab eine Gruppe mit jemandem erstellt, die ich dann, äh, me, myself and I genannt hab und hab denjenigen dann wieder rausgeschmissen, nur damit ich eine Gruppe hab, wo nur ich drin bin, damit ich mir dann Notizen da reinschreiben kann, bei WhatsApp, ja, und Signal kann das von Haus aus, du kannst einfach eine Gruppe mit dir selbst erstellen und dann hast du, die heißt dann auch, äh, no to myself oder sowas, genau.
Und dann kannst du da, ja, Infos, Links und so weiter speichere ich dann da drin.
Es gibt auch zum Beispiel eine Mac-App, äh, für Signal, die funktioniert so, ähm, ich hab da grad mit diesen Notizen ein bisschen Probleme, aber ist okay, funktioniert.
Ähm, genau, aber bei Telegram, von Telegram kannte ich das auch schon, Telegram hatte genau dieses Feature auch, das hab ich seit Jahren genutzt, ähm, also wenn man sich irgendwie selbst mal was schicken muss, ein Bild irgendwie, äh, ich würd nicht sagen Passwort, das machen vielleicht Leute.
Nee, hoffentlich nicht, nee.
Sollte man vielleicht eher nicht machen, ähm, aber, ja, defort.
Auch wenn End-zu-Ends verschlüsselt, aber, äh, nee.
Ja, ja, wahrscheinlich, ja, keine Ahnung, Ende-zu-Ende, egal, also, Signal, mich hat tatsächlich überzeugt, und ich hoffe, dass es nicht irgendwie eine Marketing-Lüge ist, dass, äh, Snowden, dass, äh, Edward Snowden, das täglich benutzt, wie er sagt, und er ist noch am Leben und deswegen ist Signal wahrscheinlich eine gute Sache, meint er.
Ja, das hat er auf Twitter, äh, irgendjemand hat die Frage gestellt, ja, was, äh, taugt das dann, oder so, und er hat's dann retweetet und gesagt, ähm, ich benutze es jeden Tag und ich lebe noch.
Genau.
Das ist ein gutes Argument.
Das, das hat mich überzeugt.
Ja, mich auch tatsächlich, an dem Tag bin ich dann auch zu signalen.
So, ähm, das war, das war das, jetzt muss ich grad mal gucken, ähm, genau, was ich jetzt, was ich auch versucht hab, ist, äh, von Trello wegzukommen, zumindest, äh, für Sachen, die ich nur für mich hab.
Ich hatte ungefähr eine Million Trello-Boards, äh, auch mit, mit lauter To-Dos und, äh, Sammlungen von Dingen, die ich irgendwie für mich selbst so gesammelt hab, gar nicht mit anderen Leuten zusammen, ähm, und hab halt, äh, dafür auch Ersatz gesucht, weil ich irgendwie, äh, das auch irgendwie am liebsten auf meinem eigenen Server gerne hätte.
Und da, wie ich vorhin schon gesagt hab, ähm, ähm, gibt es in Nextcloud Deck.
Das ist aus meiner Sicht noch nicht ganz so weit wie Trello, hat noch nicht alle Features, die ich da drin gerne hätte, äh, und vom Layout her würde ich sagen, ist es schon ganz gut, aber, ähm, es gibt noch, hat noch so ein paar, äh, rough edges, sag ich mal, ähm, um die ich, um die man aber drum herum, äh, arbeiten kann.
Ich hab da mir auch so ein bisschen User-Style-Sheet jetzt da, äh, eingebaut, damit es für mich ein bisschen besser zu benutzen ist.
Ein paar Zeilen einfach nur, ähm, hat mir dann irgendwie geholfen.
Ja, das fand ich irgendwie, ähm, also, aber Nextcloud Deck oder generell, Nextcloud ist geil, hab ich ja vorhin schon gesagt, und Nextcloud Deck kann für mich Trello eigentlich ganz gut ersetzen.
Und wenn, auch wenn ich Trello mit anderen Leuten zusammen benutzen wollte, ich weiß nicht, ob es alle Features gibt, die wir beispielsweise nutzen hier für einen Podcast, ich glaube nicht, ähm, aber für die meisten Sachen könnte ich dann auch in meine eigene Nextcloud umziehen.
Wenn ich jetzt mit irgendjemandem zusammen ein Board haben will, kann ich sagen, ey, ich mach dir einen, äh, einen Account in meiner Nextcloud und dann machen wir da irgendwie den Kram.
Dann muss man es nicht irgendwie auf fremden US-Servern rumliegen haben.
Genau, also, ähm, das und eben auch, ähm, Kalender, wie ich auch vorhin schon gesagt habe, Kalender, Kontakte, Tasks, Notizen, alles ist jetzt in meiner Nextcloud.
Ähm, damit kam ich dann zum Beispiel weg, wie, äh, von, von beispielsweise Google beziehungsweise Apple, die ja normalerweise auf den Endgeräten, ähm, den, den Kalender irgendwie in, in ihrer Cloud speichern und so.
Und ich hab gedacht, nö, das will ich selbst machen. Ich will meine, äh, Kontakte nicht mit Google oder mit Apple teilen und das liegt jetzt auch alles da drin.
Funktioniert super, standardmäßig synchronisiert dann über die entsprechenden, äh, Standardschnittstellen, die es da gibt.
Ähm, echt, äh, klasse, macht Spaß und, äh, Privacy ist irgendwie, fühlt sich einfach gut an, wenn man Sachen sozusagen nach Hause holt.
Kann ich nur jedem empfehlen. So.
Gut.
Ja, du darfst weitermachen.
Ich, ich darf schon weitermachen.
Du darfst weitermachen.
Nachdem wir jetzt sehr viel Positives über diverse Software.
Oh, ja, jetzt kommen die schlimmen Sachen.
Erzählt haben.
Ja, das Thema, ähm, Apple Music und mein schmerzender Abschied von Google Play Music, äh, lässt mich immer noch nicht los.
Ähm, ich bin jetzt tatsächlich, äh, in den drei Monaten Probeabo von Apple Music, habe mir extra einen, eine Apple ID zugelegt.
Ja, ich als alter, äh, nicht Apple-Hasser möchte ich jetzt nicht sagen, das ist zu emotional, aber als, äh,
äh, ablehnender, äh, habe mir tatsächlich eine, eine, eine Apple ID angelegt und iTunes unter Windows installiert.
Ja, das ist ja, äh, ja, das ist, äh, das ist, äh, da leitest du das Thema schon gut ein, das ist nix, das trifft, ja, das ganze Thema, das ist nix.
Ja, also, äh, also, das, ja.
Gut, iTunes brauche ich nur, damit ich, ähm, Musik, die es nicht gibt, äh, reinziehen kann und synchronisieren kann und dann in der Apple Music App habe.
Ähm, das ist verkraftbar, auch wenn es irgendwie gefühlt fünf Minuten braucht, ohne Witz, wenn ich da draufklicke, bis es gestartet ist.
Äh, da bin ich auch nicht alleine, wenn man sich im Internet umhört, aber ich muss sagen, Apple Music und auch die Web-App von Apple Music, also music.apple.com ist es, glaube ich, das ist wirklich die langsamste App und Web-App, die ich kenne.
Also, das, die Verzögerung, wenn ich ein Lied starte, bei Google Play Music war das quasi sofort da, also innerhalb von zwei, drei Sekunden.
Also, sogar so, wenn ich bei Google Home gesagt habe, ähm, spiele das in das Lied, dann hat die Stimme vom Assistant noch über den Liedanfang gequatscht, was mich immer genervt hat, ja.
Bei Apple Music wäre ich froh, ich hätte das wieder zurück, ähm, weil es tatsächlich so ist und, also, es kann auch nicht am Netzwerk liegen, es ist auch, wenn ich über das mobile Netz drin bin oder über WLAN oder wie auch immer verkabelt, ich starte einen Song, entweder über Google Home oder auch in der App und ohne zu übertreiben, zehn Sekunden manchmal, manchmal auch länger, passiert einfach nichts.
Ja, gähnende, leere, Stille und du denkst schon, okay, hat er jetzt, ähm, war das jetzt Google Home dran schuld, äh, hat er wieder die Verbindung verloren und sagt jetzt einfach nichts und nach zehn Sekunden, zwanzig Sekunden kommt dann plötzlich das Lied, das ich spielen wollte.
Und auch in der, die, die, die Web-Oberfläche, wie gesagt, gleiches Thema, alles mit so hoher Latenz, teilweise vergisst es dann, dass ich eingeloggt bin oder merkt nach zehn Sekunden, also, es ist genau diese, da scheint irgendwas einfach unglaubliche Latenz zu verursachen zum Server.
Vielleicht haben die kein CDN, ich weiß es nicht, aber ich meine, es ist Apple, ja, äh, und hat Millionen Kunden weltweit, aber es fühlt sich wirklich an, als ob der Server irgendwie in Australien steht, so weit weg, wie es nur geht und alles darüber läuft und der Server nach zehn Sekunden dann irgendwie merkt, ach, der ist ja eingeloggt.
Und vorher kriege ich dann, ich kann die Sprache wieder einstellen, ich kriege Angebote, hey, probiere das drei Monate lang kostenlos aus, ähm, ich hab keine Playlists da, ich muss manchmal dreimal den Browser neu laden, also die Seite neu laden oder den Browser auch teilweise neu starten, weil irgendwelche Fehlermeldungen kommen, ähm, also es ist wirklich ein Krampf.
Und so, wie das jetzt läuft, werde ich das nach den drei Monaten sicherlich nicht weiter nutzen.
Also bei mir, ich hab ja auch Apple Music, ähm, bei mir ist es nicht ganz so schlimm, also es dauert, glaub ich, nicht ganz so lange, aber ich nutze es auch nicht mit Google, äh, Home oder, äh, keine Ahnung, was, also, ich nutze es nicht mit einem digitalen Assistenten oder mit irgendwie so einem Voice-Dings.
Ähm, aber ich kann das bestätigen, ähm, es ist, es fühlt sich sehr langsam an, das Interface, wenn ich irgendwie jetzt, äh, Play drücke, es sind keine zehn Sekunden, aber es sind gut mal zwei oder so, wo man so denkt, naja, ich hab das Play gedrückt.
Und bei Google, ne, bei Google Music war das dann halt so quasi instant, nicht immer, je nach Netzwerk.
Ja, ich hab da auch mal so ein bisschen, äh, erforscht, wie die das machen und was drüber gelesen, dass die halt einfach nicht das komplette MP3, äh, oder MP4 oder was für ein Format, die zum Stream benutzt haben, auf einmal runterladen, ja, und du warten musst, sondern da wird halt wirklich die ersten zehn Sekunden oder sowas werden schon mal runtergeladen und dann der Rest und das, das ist einfach sofort da.
Also könnt ihr mir sogar vielleicht vorstellen, dass das so ist wie bei, ähm, äh, dieses Instant-Page, was wir ja auch auf unserer, auf unserer Seite benutzen und in anderen Projekten, ähm, dass das quasi bei Hover über den Play-Button, wenn der länger als 60 Millisekunden ist, dass es diese ersten zehn Sekunden oder so, das ist ja wirklich an Daten nicht sehr viel und das reicht ja auch, wenn es fünf Sekunden sind in der Regel, ähm, wenn er die schon mal prefetcht und die sind einfach automatisch da oder vielleicht sogar von der kompletten Liste, die man angezeigt bekommt an Ergebnissen, dass das da ist.
Ja, aber Moment, es ist ja in Apple Music, jetzt muss ich auch noch ein bisschen mitrenten, es ist ja in Apple Music nicht nur das Musik abspielen, es ist ja in der App, auf, wenn ich jetzt, äh, zum Beispiel, ähm, von jetzt hören auf den nächsten Reiter entdecken gehe, selbst das fühlt sich verzögert an in einer nativen Mac-App hier jetzt, weißt du, ein, nicht, nicht irgendwie im Browser oder sonst irgendwas, es ist eine native Mac-App, ich weiß nicht, ob da irgendwie Web-Technologie dahinter steckt, kann sein, aber da, selbst das
das dauert viel zu lange, meines Erachtens nach, das müsste, da müsste, da müsste es doch irgendwie ein Cache geben.
Auch Suchergebnisse und alles, ja, und auch nicht nur das, es sind auch im, im UI manche Dinge, äh, die mich ein bisschen stören, auch irgendwelche Bugs, ähm, gerade bei den, die Google Home-Geschichte, gut, die ist auch neu, das hat mir gefallen, dass das noch nicht so ganz funktioniert, ähm, dass, dass irgendwie dann die Verbindung zwischen Handy und dem, was gespielt wird, verloren geht, ja, der erste Song ist noch da, da kann ich auch theoretisch drin rumscrollen oder Pause drücken und dann ist, spielt es plötzlich auf dem Gerät, äh, einen anderen, äh, einen anderen, also auf dem Lautsprecher ein anderes Lied ab, als auf dem Handy angezeigt wird und so Zeug.
Also, das ist einfach, ähm, ja, und vor allem ist es ein, es ist ein bekanntes Problem seit Jahren, also wenn du danach suchst, dann findest du Beiträge von vor zwei Jahren, äh, wo jemand genau das Gleiche schildert und, ja, wird einfach nichts dagegen unternommen.
Also, da fühlt man sich als Nutzer dann doch irgendwie verarscht.
Aber was ist die Alternative, frage ich jetzt?
Da ist die Frage, ja, also Google Music ist tot, äh, YouTube Music ist genauso kacke, wenn auch immerhin die Musik ein bisschen schneller abspielt als bei Apple Music.
Apple Music, wie gesagt, in dem Zustand, garantiert gebe ich dafür kein Geld aus, ähm, dann ist als nächstes noch Spotify.
Und bei Spotify, da stört mich halt so ein bisschen die Politik, was, was Podcasts angeht, ähm, dass du halt nicht, äh, da müssen wir auch irgendwann nochmal drüber sprechen.
Ja, dass du nicht, nicht entlohnt wirst und die aber halt, klar, ich meine, du kriegst dafür Hörer, ja, vielleicht aber halt auch nicht, ähm, aber du kriegst vor allem halt, äh, nix, nix dafür, dass du da gelistet bist und dem vielleicht, also, ähm, du kriegst in erster Linie, kriegst du nix.
Ja, richtig.
Vielleicht können wir an der Stelle mal auch jetzt im Podcast drüber sprechen, wir wurden das schon sehr oft, äh, gefragt bei Twitter, ähm, warum wir eigentlich nicht bei Spotify sind, warum unser Pod, dieser Podcast nicht bei Spotify ist und da können wir jetzt ja mal kurz drüber sprechen.
Ich weiß nicht, ob wir da, ob wir da, haben wir da schon mal drüber gesprochen, ist auch egal, wir sagen es jetzt einfach nochmal, ähm, Spotify hat, fährt folgendes Modell, ähm, die sagen, ihr dürft gerne unseren, äh, euren Podcast kostenlos bei uns einstellen und dann saugen wir den und dann, dann kriegt ihr größere Hörerschaft und so, ähm, und wir blenden da Werbung drüber ein, aber ihr kriegt davon einfach nix.
Ja, das nämlich noch dazu, ja, also die monetarisieren das auch noch, nicht nur die stellen das breit und, äh, ja, die verdienen damit Geld.
Wenn sie sich vorstellen würden, dann käme ich damit klar, wenn sie sagen würden, naja, äh, aber die monetarisieren das ja auch. So, also, wenn ich bei Spotify jetzt irgendwie, also, erstens mal, Spotify hat ja, äh, zahlende Nutzer, eine Menge, ähm, die dafür, für den, für den Podcast-Content ja auch mitbezahlen, ähm, und natürlich auch Free-Nutzer, die ja immer mal wieder Werbung eingeblendet bekommen.
Und, ähm, das heißt, die monetarisieren den, allen Content, den sie haben, aber den Podcastern geben sie nix dafür, den Musikern schon.
Die Musiker kriegen zwar einen, wenn sie, wenn sie nicht einen extra coolen Vertrag aushandeln, äh, von der Plattenfirma aus oder irgendwie Rammstein oder die Ärzte sind oder sowas, ähm, dann, äh, kriegen die auch sehr wenig pro Play, aber sie kriegen was.
Und nicht nichts. Und, äh, ich hab auch schon bei Spotify direkt mal nachgefragt, äh, über diverse Support-Kanäle, so, wie sieht's denn eigentlich aus, ähm, plant ihr da irgendwas an dieser Policy mal zu ändern, dass ihr den Podcast dann zumindest dasselbe gibt wie den Musikern, was eigentlich ein Witz wäre, weil so ein Track, so ein Musik-Track ist ja viel kürzer als ein Podcast.
Aber selbst damit wär ich vielleicht schon einverstanden, wenn die sagen würden, äh, okay, diese 0,03 Cent pro Play oder keine Ahnung, wie viel das ist, ähm, die geben wir jetzt auch den Podcastern.
Wär ich schon mit einverstanden, weil das wär nicht nichts. Aber so sagen sie einfach nur, hier ist die Plattform, äh, ihr könnt bei uns mehr Hörer haben, friss oder stirb.
Ja.
Und das find ich einfach scheiße.
Ja, da geht's, da geht's einfach ums Prinzip, also da geht's gar nicht jetzt drum, also machen wir uns nix vor, wegen uns wird jetzt keiner extra ein Spotify-Abo abschließen, ja, wir sind jetzt nicht der Publikumsmagnet für Spotify, mit Sicherheit nicht.
Und, äh, es ist auch nicht so, dass wir damit irgendwie auch nur ansatzweise unsere Kosten, unsere Ausgaben decken könnten, ja, das sind wirklich ja Sengbeträge, ähm, auch mit unseren Hörerzahlen.
Aber es geht einfach ums Prinzip, ja, und deswegen will ich dort auch nicht Geld hingeben für mein Musik-Abo.
Also vielleicht probier ich's mal aus, die haben ja auch so ein 30-Tage-Kostenlos-Ding, probier's mal aus und werd vielleicht dann leider feststellen, okay, ist das Einzige, was aktuell funktioniert, dann ändere ich vielleicht meine Meinung noch, aber so im Moment denke ich mir, nee, eigentlich will ich nicht.
Nee, ist ja, nee, ist ja, nee, ist ja, nee, ist ja, das, das Musik, äh, äh, Angebot ist ja auch, ist ja auch korrekt, ja, also, ich würd jetzt, würd gar nicht sagen, nur weil das bei dem Podcast so ist, darfst du jetzt kein Musik-Abo bei denen abschließen.
Ja, verbieten, dass ich mir das eh nicht von dir.
Ey, wir werden dir nichts sagen, du Arschloch.
Nee, aber, nee, das ist, das ist mir, also fände ich total okay, wenn man, wenn man sagt, bei dem einen ist es so und bei dem anderen ist es so, aber das, das, das läuft, das läuft einfach nicht.
Also, ich, ich verstehe, also, dass man als Hörer größtmöglichen Komfort haben will und man will vielleicht nicht jetzt, wenn man eh alles bei Spotify hat an Audio, will man vielleicht jetzt nicht für den einen Podcast irgendwie einen Podcatcher installieren, aber dann, ähm, okay, hier Aufruf, jetzt, jetzt kommt's, das ist alles ungeplant übrigens, stand nix dazu bei uns in den Notizen.
Hier, Aufruf, ähm, wenn ihr wollt, dass wir zu Spotify kommen, dann schreibt bitte Spotify mal, ähm, dass sie die Podcasts vernünftig monetarisieren sollen, dass sie den Podcastern Geld geben sollen.
Uns geht's wirklich nicht ums Geld, sondern nur um Gerechtigkeit an der Stelle.
Mir geht's nicht um die drei Cent, die wir dadurch verdienen oder wahrscheinlich noch weniger, also wahrscheinlich fast nix.
Aber macht nicht bei den einen so und bei den anderen so, nur weil ihr es euch als Plattform leisten könnt, irgendwie jemandem kein Geld zu geben und zu sagen, ja, aber hier kriegt ihr die Reichweite.
Weil bei YouTube ist es so, äh, da wird auch jedes monetarisierte Video, ähm, da kriegen die Leute dann auch die Kohle.
So, und das, wieso ist das bei Spotify, bei den Podcasts nicht so? Was soll das?
Also vielleicht liege ich auch falsch, vielleicht haben sie mittlerweile ihre Policy geändert, aber mein letzter Stand, und das war vor so einem halben Jahr, habe ich nachgefragt, ähm, da wurde ich weitergeleitet, bei Twitter habe ich nachgefragt, wurde ich weitergeleitet, irgendwie hier, schreibt doch bitte dem mal, oder hier an diese E-Mail-Adresse, habe ich gefragt, wie sieht eure Monetarisierungsstrategie für die Zukunft für Podcasts aus, kam nichts zurück.
Super.
So, ähm, ja, das dazu, also das ist einfach, äh, aus meiner Sicht ist das, ist das inakzeptabel und da verschenke ich den Podcast lieber.
Einfach so im Podcatcher und jeder kann sich das MP3 runterladen, ähm, als dass ich ihn dann noch auf eine Plattform tue, die damit Geld verdient, aber irgendwie den Podcaster nichts davon abgibt.
Und wir werden die bestimmt nicht umstimmen damit, ähm, aber das läuft einfach nicht, das passt nicht für mich.
So, und deswegen entgehen uns wahrscheinlich einige Hörer.
Ja, vermute ich schon ein bisschen was, ja.
Also wir würden da vielleicht vorgeschlagen werden, keine Ahnung, man landet da vielleicht als neuer Podcast irgendwo drin und dann, keine Ahnung, ich weiß nicht, wie, wie stark da Spotify ist, ich hab irgendwo mal bei einem anderen Podcast Zahlen gelesen, ähm, die haben, die hatten irgendwie, die haben gesagt, ja, seit sie auf Spotify sind, haben sie irgendwie zwei Drittel mehr Hörer oder so.
Also es hat sich einfach verdreifacht.
Ja.
Insgesamt die Hörerschaften, ich dachte dann so, okay, krass, äh, das ist ja schon was, aber, ne, da bleib ich lieber in der Sparte.
So, das ist mir grad egal.
So.
Oder Spotify, ihr dürft uns auch exklusiv machen, aber das wird nicht ganz billig.
Okay, machen wir einen Cut, äh, genug.
Ja, machen wir einen Cut, so.
Ja, jetzt geht's noch weiter.
Oder renntest du weiter.
Jetzt geht's noch weiter.
Man merkt schon, wenn wir, wenn wir positiv reden, dann ist irgendwie so fünf Minuten okay, ja, alles gesagt, wenn wir, wenn wir renten dürfen, dann ist...
Ja, richtig, jetzt bin ich erst richtig in Fahrt, die Hörner sind gewachsen, jetzt geht's weiter mit Vodafone.
Oh.
Nein, also ich muss sagen, äh, meine Download-Probleme, die ich mal mit Vodafone geschildert hab, die sind jetzt eigentlich im Griff, die Download-Rate, die stimmt jetzt, ähm, keine Ahnung, woran das lag, vielleicht liegt's am Router, vielleicht würde es mit dem, äh, keine Ahnung, ich weiß es nicht genau, ich habe über Twitter auch, äh, bekannte, ähm, mitten in Berlin, ähm, die genau die gleichen Probleme hatten, auch Router getauscht, keine Ahnung, äh, läuft nicht.
So, bei mir läuft es jetzt mit dem Download mittlerweile, aber jetzt, ich darf einfach keine Speed-Tests mehr machen.
Speed-Tests machen mich unglücklich.
Ich hab das extra mal so gesagt, das könnte man irgendwann mal, da könnte man vielleicht mal einen Song draus machen, also falls du jetzt mit Autotune zu Hause vorm Rechner sitzt und sagst, ähm, ich wollte schon immer mal einen Song machen mit saudummen Zitaten, aus, wo wir sind, ist vorne, Speed-Tests machen mich unglücklich.
Es klingt so ein bisschen wie das, was auf den Zigarettenpackungen steht, also man muss das so als großen Banner mit schwarzem Rand, äh, sollte auf jedem Speed-Test eingeblendet werden, Speed-Tests machen unglücklich.
Ich hab auch noch ein Bild, wo ich ziemlich traurig gucke oder sowas.
Ich, wir basteln da mal was.
Weil ohne, weil ohne Bilder, ohne Bilder geht's ja nicht auf den Zigarettenpackungen, das sind ja irgendwie Krebslungen und keine Ahnung und dann vielleicht einfach, naja, also warum?
Naja, jetzt war dann der Download irgendwann okay, jetzt ist der Upload scheiße.
Ähm, also ich sollte eigentlich 50 MBit Upload haben, jetzt könnte man sagen, naja, äh, sei doch mal nicht so, ist doch nicht so wild und 50 MBit, das braucht doch kein Mensch.
Doch, ich hab mir das extra geholt, weil ich Backups fahre.
Ich, ich fahre ziemlich große Backups, äh, von, von meiner Festplatte, äh, in die Cloud und da möchte ich auch entsprechend, also wenn wir jetzt mal eine neue Podcast-Folge aufnehmen, äh, möchte ich auch irgendwie, äh, nicht drei Tage warten, bis das Backup fertig ist, sondern es soll dann irgendwie auch flott gehen.
Und dafür hab ich halt, das war einer der Hauptgründe, warum ich den größeren, den größten Vertrag eigentlich bei Vodafone, beziehungsweise damals noch Unity Media, nee, das stimmt nicht, das war bei Vodafone, dieser Vertrag jetzt, ähm, genommen hab.
Und jetzt ist plötzlich der Upload schlecht. So, okay, naja, was mach ich natürlich? Ich schreib denen bei Twitter.
Ich weiß ja schon, dass das nichts bringt, also aus langer Erfahrung, aber ich hab mir gedacht, ich mach das jetzt nochmal.
Und dann hab ich ihnen geschrieben und dann haben sie gesagt, hey, wir haben dir ein Ticket aufgemacht.
Also, die haben jetzt ein Ticketsystem, ähm, das, das war mir vorher nicht bekannt.
Also, es ist ein Ticketsystem gibt.
Und, ähm, jetzt hab ich hier so ein, die haben ja dann tatsächlich, die haben es tatsächlich auch zum allerersten Mal geschafft, meinen Twitter-Account mit mir, mit meinem Vertrag zu verknüpfen.
Ach.
Ähm, sonst haben die nämlich jedes Mal, wenn ich bei Twitter gefragt hab, haben sie nochmal gefragt, ja, was für eine Vertragsnummer war das nochmal?
Ich hab ungefähr hundertmal denen geschrieben, äh, was für eine Vertragsnummer und immer wieder dieselben Daten.
Und ich hab den Tweet immer quasi wieder kopiert.
Also, es war irgendwie per DM dort.
Äh, äh, ja, genau.
Und hab ich gedacht, wow, okay, das ist ein Fortschritt, ähm, weil ich hab denen bei Twitter geschrieben und direkt hab ich irgendwie eine halbe Stunde später eine SMS gekriegt.
Ja, wir haben dir jetzt ein Ticket angelegt.
Hä?
Äh, was?
Wie?
Okay, gut, ihr habt diesen Transfer hingekriegt, das find ich schon mal sehr gut.
Äh, da, danke dafür, dass ihr das endlich schafft.
Jetzt hab ich hier ein Ticket, das ist jetzt, äh, zwei Wochen alt, da steht drin, deine Störungsmeldung hier in Bearbeitung, Ticket erstellt, in Bearbeitung seit dem 15.01.
Ähm, und naja, seitdem, es wurde an die Fachabteilung zur weiteren Bearbeitung geleitet.
Mal jetzt abgesehen von der, ähm, ja, am 15.01. aber schon.
Jetzt hab ich nochmal nachgefragt, ähm, was ist denn damit jetzt eigentlich?
Wie tut sich da jetzt irgendwie noch was? Ähm, und dann hab ich, äh, ne Nachricht bekommen nochmal, ähm, äh, wo sie mir im Prinzip eigentlich einen fristlosen Kündigungsgrund gegeben haben.
Sie haben nämlich gesagt, äh, ja, Corona-bedingt, bla bla bla, ähm, ein Termin zum Ausbau der Leitung steht gerade leider noch nicht fest.
Dies ist ein komplizierter Eingriff und muss somit sorgfältig geplant werden.
Bis ein Termin feststeht, können leider Monate vergehen.
Tut mir leid.
Ja, das heißt, äh, was heißt denn hier Ausbau? Das heißt, die haben einfach gar nicht die Kapazitäten, die sie dir angeboten haben.
Korrekt, die haben nicht die Kapazität, die sie mir angeboten haben.
Komischerweise krieg ich 900 MBit down, aber keine 50 ab, die sie mir, äh, geben.
Also keine Ahnung, wie die Leitung dann braucht es.
Dabei ist das doch bei Kabel, ist das doch nicht, also jetzt wahrscheinlich offenbar ich jetzt wieder irgendwelche Unwissen und werde dafür dann, äh, gepeinigt.
Aber ist das nicht irgendwie, es gibt ja synchrone und asynchrone Leitungen, ist, ist Kabel nicht immer synchron, dachte ich.
Und die können das quasi verteilen, wie sie das wollen, den Upload und den Download.
Ja, du meinst symmetrisch, glaube ich.
Ja, symmetrisch, ach ja, siehste, ja.
Ich verwechsel das auch immer, aber diesmal, diesmal, jetzt konnte ich endlich mal hier mal zurecht.
Ich bin weg.
Ja, natürlich symmetrisch und asymmetrisch.
Ja, ähm, ich hab keine Ahnung, wie das bei Kabel ist.
Also ich hab hier Kabel-Internet, ähm, vorher Unity Media.
Ich hab keine Ahnung, wie das jetzt hier ist bei meinem Kabel.
Aber offenbar, äh, scheint es ja ein Problem zu sein, da irgendwie den Regler ein bisschen auf die andere Seite zu drehen.
Sonst, sonst könnten sie ja sagen, naja, dann gibt's halt nur noch 800 down, aber dafür kriegst du deine 50 ab, aber scheinbar ist das ja ein Problem.
Aber wenn sie mir sagen, dass das Monate dauern kann, dann frage ich mich, ähm, ihr habt mir jetzt gerade angekündigt, dass ihr monatelang meinen Vertrag nicht erfüllt.
Ja, wobei, ja, das ist natürlich so eine Sache, wenn du's jetzt wirklich drauf ankommen lassen würdest, rechtlich und so, mit Sicherheit ist da irgendeine Klausel drin, ja, wo dann steht bis zu, und dass das aber abhängt von den örtlichen Gegebenheiten und was weiß ich, also die haben sich da mit Sicherheit abgesichert.
Also ich glaub nicht, dass du da so einfach rauskommst.
Die sollen den Soas Röhrenfernseher drei Häuser nebendran halt einfach mal abschalten.
Okay, äh, ja, Verweis auf eine alte Sendung von uns und die.
Oh ja, ich weiß jetzt nicht mehr Folge.
Nein, das ist egal.
Nicht so wichtig.
Wer nicht weiß, was mit dem Röhrenfernseher gemeint ist, der.
Hört nochmal alle Folgen durch.
Hört nochmal alle Folgen.
Genau, also, äh, positiv, es gibt ein Ticketsystem und sie verknüpfen meinen Account negativ, sie sagen mir, ja, die nächsten paar Monate wird sich nix tun, hier hast du Pech gehabt.
Super.
Ja, super, ne?
Da kommt Freude auf.
Da kommt Freude auf, so.
Da, jetzt, jetzt haben wir.
Jetzt sind wir durch, endlich.
Jetzt sind wir ausgerantelt.
Drei Viertelstunde.
Ausgegrantelt.
Gut, dann darfst du jetzt direkt weitermachen.
Die Property der Woche.
Brrm.
Ja, unsere Property dieser Woche heißt Aspect Ratio.
Das ist, äh, vor kurzem bei mir irgendwie in Twitter durchgeblubbert und, ähm, ich hab's, ihr habt ihm keine große Beachtung geschenkt.
Äh, ich glaube, wenn ich's richtig weiß, wird das jetzt, äh, unterstützt seit, ähm, der aktuellen Chrome-Version.
Also ist es, glaube ich, so richtig angeschaltet, sodass man auch kein, äh, Feature-Toggle oder irgendwas mehr umstellen muss.
Ähm, Aspect Ratio ist, wie der Name schon sagt, äh, Aspect Ratio, aber in CSS, also tatsächlich Aspect Minus Ratio.
Und ich kann dann, äh, so wie man sich das wünscht, ähm, da auch, äh, so und so viel zu so und so viel eintragen.
Also zum Beispiel 16 zu 9 wäre so eine klassische Aspect Ratio.
Also ich schreib dann zum Beispiel 16, äh, leer, Schrägstrich, äh, also Slash 9 und dann hätte ich eine Aspect Ratio von 16 zu 9.
So, und was tut das jetzt?
Also ich, ich bin draufgestoßen, weil ich's dann tatsächlich, äh, witzigerweise ein paar, paar Tage später gebraucht hab.
Ähm, Spoiler, äh, ich hab's nicht so gemacht, sondern ich hab's so gemacht, wie man's früher gemacht hat, um ein bisschen mehr Browser-Kompatibilität zu haben als nur den Beispiel.
Höhe Null und, äh, Padding Bottom irgendwie mit Prozent, oder?
Ah, ja, das ist total fies. Aber ich erklär jetzt erstmal Aspect Ratio und danach, wie man's, wie man's jetzt heutzutage macht.
Also ich mein, das funktioniert genauso. Also ich möchte einen Container haben, ähm, der eine gewisse Aspect Ratio einhält, also wie gesagt, zum Beispiel 16 zu 9.
Und dann kann ich zum Beispiel sagen, naja, die Breite ist jetzt, ähm, variabel, aber die Höhe soll sich dann immer dem in der Aspect Ratio anpassen.
Ich hab dazu auch Demos gebaut, äh, kannst du mal gucken, konzentrieren.
Funktioniert das auf, auf allen, äh, Block-Elementen, oder?
Die sind im, äh, meines Wissens nach schon, ja.
Also ich hab einfach nur ein ganz normales Diff in meiner Demo und hab dem Aspect Ratio, äh, 10 zu 3 in meinem Fall gegeben.
Ähm, und das hat halt, äh, eine Breite von 100 Prozent, was Diff-Elemente so an sich haben.
Und, äh, wenn man dann, äh, das größer, breiter oder schmaler zieht, dann passt sich, ach, das ist ja interessant.
Ha!
Wieder was gelernt gerade, ich hab nämlich grad ein bisschen rumgezogen.
Also erst mal passt sich das an, solange genug, ähm, solange nicht zu viel Content in der Box ist.
Also irgendwie, äh, bei der Demo, bei der ersten, was du da gepostet hast, mit diesem grauen Balken oben, Aspect Ratio Box, das funktioniert bei mir.
Gut, 10 zu 3, gut, doch, das kann sein.
Vielleicht hast du, hast du, hast du den ganz aktuellen Chrome, also ist die Chrome-Version 88.
Achso, nee, Firefox, ich dachte, du meintest, ähm, das ist, äh, das ist, das ist, das ist Chrome, das ist Chrome-Only, also, äh, Version, wirklich die aktuelle, ich glaub, 88 ist das.
Ah, okay, ja. Aber du meintest doch irgendwie, dass nicht mehr hinter Flex versteckt ist, sondern, aber nur im Chrome, oder wie?
Genau, nur im Chrome ist es nicht hinter Flex versteckt, genau, nur in diesem ganz neuen Chrome, ähm, warte mal, ich kann mal gucken nochmal bei Canon News, das hab ich irgendwo noch offen gehabt.
Äh, äh, äh, äh, ich hab's nicht mehr offen, ah, doch, ja.
Ähm, genau, also aktueller Chrome, 88, erst da ist es nicht mehr hinter dem Feature-Flag.
Ja.
Versteckt, ähm, genau, und tatsächlich Feature-Flag, nicht irgendwie Webkit, bla bla bla, sondern man muss irgendwo, äh, in den Feature-Flags enable experimental Web-Plattform-Features
anschalten und dann hatte man das vorher schon.
Ah, Firefox auch, Firefox ist noch hinterm Flag, okay.
Aber auch schon implementiert, das heißt, es wird auch irgendwann mal kommen.
Genau, so, also, was ich jetzt gerade erst, also, klar, ich kann halt eine Box, die ist jetzt beispielsweise 100% breit und, ähm, die Höhe passt sich dann entsprechend an.
Und das ist jetzt, äh, gerade, also, ich hab's gebraucht für eine Stelle, wo ich so eine Art, ähm, so ein Titelbild wie bei Twitter oder bei Facebook, äh, hatte, ähm,
und das ich aber dann anpassen soll, äh, wenn dann der Browser schmaler wird, dass dann, äh, die Aspect-Ratio gleich bleibt, weil da eben auch ein Bild mit dieser Größe reinkommt.
Ähm, genau, aber, äh, ich mein, an, an sich, wenn man nur ein Bild hat, ist das kein Problem, weil dann sagt man einfach, äh, Max wirf 100%, aber in dem Fall wollte ich eben auch einen Container hinten dran haben,
Falls kein Bild da ist, damit ich so einen Fallback-Verlauf hinten dran anzeigen kann und damit eben dieser Container auch die Aspect-Ratio behält, ähm, hab ich das eben gebraucht.
Genau, ähm, also, wie gesagt, äh, das ist jetzt relativ neu und dann kann ich eben das einfach so reinschreiben, irgendwie 10, äh,
Slash 3 oder 16, Slash 9 oder so, was ich halt eben brauch.
Ähm, und sobald aber der Inhalt höher wird, also, ich hab jetzt hier Text, sobald ich den so hochziehe in der Demo, ähm, dass, dass es nicht mehr passt,
zieht sich die Box dann trotzdem größer, was ich eigentlich ziemlich cool finde.
Ich nehm mal an, mit Overflow hitten könnte man das verhindern.
Du wolltest grad fragen, ja.
Habe ich nicht ausprobiert, kann ich aber mal kurz live machen.
Äh, Overflow hitten.
Es ist tatsächlich so ein klassischer Anwendungsfall, wenn man, äh, YouTube-Videos einbindet über die JavaScript-API und aber irgendwie als Hintergrundbild haben möchte und dann, genau.
Mit Overflow hitten, ich hab's grad ausprobiert, kann man das verhindern, dass, äh, dass es, dass die Box dann wächst, aber ich find's eigentlich so ganz angenehm, weil wenn man da jetzt irgendwie noch,
wenn es eine Box ist, wo Content reinkommen kann, also nicht nur ein Bild oder sowas.
Ne, dann ist ja gut, dass das auch mitwächst.
Dann ist das super, dass das dann auch größer wird.
Das ist eigentlich genauso, wie ich's mir gewünscht hätte, dass es sich verhält und ich kann's halt eben mit Overflow hitten einfach ausschalten, zack.
So, aber wie hat man das jetzt früher gemacht?
Früher, TM.
Ähm, und ich hab, das ist die Lösung, die ich jetzt tatsächlich auch eingebaut hab, dazu gibt's einen ziemlich guten, äh, CSS-Tricks-Artikel.
Ähm, warte mal, wo hab ich, ah, jetzt fühle ich den hier gar nicht mehr.
Ah, doch.
Ähm, früher war das tatsächlich genauso, wie du, wie du gesagt hast.
Ähm.
Man nimmt Padding Bottom, oder ich glaub, Padding Top geht auch, was komischerweise, äh, mit einer Prozentzahl, was komischerweise, äh, sich auf die Width von dem Container bezieht.
Ähm, das irgendwie sehr merkwürdiger Hack ist, also ich wusste, ich find, also, ich hatte's nie ...
Ja, warte mal, bezieht sich, glaub ich, schon auf die Höhe, weil du nimmst ja nicht 16 durch 9, sondern nimmst 9 durch 16 und das ist ja dann das Umgedrehte auf die, auf die Breite bezogen.
Ja, kann sein.
Und dadurch hast du dann, ähm, hast du dann eben in der Höhe das richtige Seitenverhältnis.
Ja, genau, es ist aber total merkwürdig. Ähm, und dann gab's, also, das war so der erste Hack, den's da gab.
Ähm, dann kommt man natürlich auf den Punkt, naja, wenn ich da jetzt Inhalt drin hab, ist das ja blöd, dann schiebt das Padding ja irgendwas rum.
Und dann kamen die Leute auf die Idee, naja, das kann man ja mit einem Before oder, äh, After machen, was irgendwie da drin floated, ähm, sodass, dass, dass, dass der eigentliche Inhalt, ähm, das Element nicht aufspannt, äh, oder, oder dann verschoben wird von dem Padding, sondern dass das nur auf einem extra Before- oder After-Pseudo-Element ist.
Genau, ähm, und da gibt's noch diverse Ausbaustufen davon, die sind in dem CSS-Tricks, äh, Artikel, den, äh, wir auch verlinken in den Shownotes, ähm, äh, sind da noch genauer aufgeführt.
Also, da gibt es, wie gesagt, diverse Ausbaustufen, auf die ich jetzt nicht weiter eingehe, aber Aspect-Ratio, ich hab das jetzt tatsächlich diese Woche zum ersten Mal gebraucht, in meinem ganzen Leben, ich hab das vorher noch nie gebraucht, und dachte so, ah ja, stimmt, da war doch was, und, äh, leider konnte ich die coole neue, äh, Property da noch nicht verwenden, aber, äh, das wird das Ding, weil, äh, wenn, dann brauchst du, kannst dir diesen ganzen komischen Padding, ähm, die ganze komische Padding-Magie sparen, wenn du einfach Aspect-Ratio da reinschreibst, finde ich, äh, super coole Sache.
Ja, oder auch, ähm, Bilder, die immer, also, du hast irgendwie Kacheln, und die Bilder sollen immer die gleiche Größe haben, aber, du weißt das Seitenverhältnis, aber die, die Höhe nicht, und dann kannst du, kannst du es einfach angeben, also, das ist cool.
Coolio. So, jetzt kommt die große Frage.
Ja, die große Frage, wir hätten theoretisch wieder einen Spam-Spot, aber wir sind jetzt schon bei fast einer Stunde, und der ist, äh, fast zwei Minuten lang.
Sollen wir, oder sollen wir nicht?
Nee, ich glaube nicht.
Ansonsten haben wir uns ja überlegt, dass wir den zurückstellen, und ganz, äh, ja, böse sind, und sagen, äh, mit der nächsten Spende, wenn die nächste Spende eingeht, dann gibt's wieder einen Spam-Spot.
Ja, Spende, Spende-Spot.
Ein Spendspot.
Spendspot.
Der nächste, der nächste Spam-Spot wird ein Spendspot.
Ist ein Spendspot.
Spendspot.
Spendspot, und, ähm, der wird dann, der wird dann, ist dann gesponsert von dem, ich würde sagen, er ist gesponsert von dem letzten Spender bis dahin, weil wenn mehrere Spenden eingehen.
Ja, das stimmt.
Oder, wenn's nicht zu viele sind, nennen wir sie alle.
Spendet für einen Spam-Spot.
Also, der nächste Spendspot, gesponsert von dir, lieber Spenderin.
Lieber Spenderin, genau.
Ja.
Genau, gut, dann, äh, bevor wir jetzt dann zwei Minuten über den nicht vorhandenen Spendspot hier gesprochen haben, gehen wir doch mal, äh, direkt weiter.
Hier ist WWS IV mit dem Tagesthema.
Ja, hallo.
Ja, das Tagesthema.
Wir haben, ähm, wir haben verschiedene Wortspiele bei unseren Vorbereitungen gefunden für, für unser Thema.
Ähm, ich, ich nenn die mal Keep Scrolling in Anlehnung an Limp Bizkit.
Oder auch Skololo.
Wenn man, wenn man, wenn man die Age of Empires kennt, genau, Skolololo.
Skolololo.
Oder The Elder Scroll.
Der Alte scrollt.
Ja, ich hab mir überlegt, so spontan jetzt gerade, wir könnten das auch heute Abend noch zur Abstimmung auf Twitter geben.
So bis, bis Sonntagmittag im Endeffekt.
Ähm, und, und die Hörer einfach abstimmen lassen über den Titel.
Das ist eine, das find ich eine super Idee.
Ja?
Das, das, das, das, das machen wir genau so.
Genau.
Dann stellen wir die heute Abend rein.
Dürfen wir diesmal aber keine Popcorn-Optionen anbieten.
Weil die Leute, die Leute mögen Popcorn.
Bei Twitter-Abstimmungen, ähm, bei der letzten Twitter-Abstimmung, die wir gemacht haben, ähm, kam, wollten die Leute Popcorn.
Ja, und einer meinte, mir egal.
Ist mir egal.
Okay.
Also, es geht um, ums Scrollen.
Es geht um Scrollen, genau.
Und, äh, wir haben verschiedene Scrolling-Eigenschaften oder Scroll-Verhalten, ähm, uns mal vorgenommen und, äh, wollen da jetzt mal ein bisschen drüber sprechen.
Und es beginnt, äh, warte mal, wir haben hier noch Scrollen, äh, wir haben noch was.
Haben wir was vergessen?
Pizza-Scrolling-Speziale.
Speziale.
Ja.
Stimmt.
Egal, hab ich grad, hab ich grad noch gelesen, Entschuldigung.
Alles gut, alles gut.
Pizza-Scrolling, ja, es stimmt, Pizza.
Ich könnte mir später noch Pizza machen.
So, jetzt, äh, hab ich mal.
Komm, mach mal lieber hinne.
Ich mach mal lieber, ich mach lieber hinne statt Pizza.
So, ähm, die erste Eigenschaft, um die es gehen soll und damit, äh, die ist auch relativ, ähm, äh, einfach, warte mal, Moment.
Ha, nee, du.
Du zuerst.
Was, ich zuerst?
Ach, tatsächlich, wir haben ja noch mal rumgeschoben.
Ach, jetzt stimmt meine, hier stimmt alles gar nicht mehr.
Moment mal.
Ach, Mist.
Du zuerst, Scroll-Snappen.
Genau, Scroll-Snappen.
Und zwar ist das nicht zu verwechseln mit, äh, Scroll-Snap-Points.
Das war eine Property, die es, äh, glaube ich, schon seit einigen Jahren gibt oder gab.
Und die war auch in einigen Browsern implementiert, ist aber, glaube ich, inzwischen schon wieder, äh, deprecated und ausgebaut.
Und das ist ersetzt worden durch CSS-Scroll-Snap.
Ähm, das ist eine ganze API, basierend auf mehreren verschiedenen Properties.
Die wollen wir jetzt nicht alle im Einzelnen durchgehen.
CSS und JavaScript, gell?
Ähm, ach so, da gibt's ja auch eine JavaScript-Api dazu.
Ich weiß es nicht.
Nee, also in den Demos wird oft noch aus verschiedenen Gründen, äh, JavaScript, äh, ne, wobei, ne, für's, Entschuldige, dann.
Nee, nee, nee, nee, ich glaub, da bist du grad, äh, falsch.
Vielleicht bin ich auch falsch.
Okay.
Äh, genau.
Also was, äh, was ist das?
Ähm, am besten schaut man sich natürlich als, äh, Demo an.
Ähm, ist jetzt erklärungsmäßig über ein Podcast natürlich wie alles, über was wir hier reden, immer ein bisschen schwierig.
Ähm, ich glaub, das beste Beispiel, was man so nennen kann, ist so horizontales, äh, Vision.
Oder solche One-Pager, die so Sections haben, zu denen man, ähm, scrollen kann.
Damit man, da möchte man ja immer, dass die, dass das Scrollen anstößt quasi, ja?
Der Moritz hebt den Finger.
Sehr, sehr artig.
Ja, ich hab hebt den Finger.
Ich wollte, ja, ich wollte, ich wollte mich mal kurz melden.
Ähm, was mein Lieblingsbeispiel für, für Scrollsnapping ist, ist, ähm, äh, quasi, wenn du, wenn du jetzt PowerPoint, äh, oder so ein Slides, so eine Slides-Software im Browser abbilden wolltest, hast du ja so einzelne Seiten, die weiter skippen.
Und du möchtest ja immer nur die eine Seite anzeigen und nicht zwischendrin stehen bleiben beim Scrollen.
Das ist so mein Lieblingsbeispiel dafür.
Ja, genau.
Also das sind, also die Demos verlinken wir natürlich auch, ähm, und es gibt auch eine Demoseite von Webkit auf webkit.org.
Ähm, die ist sehr umfangreich.
Da sieht man, also es gibt sogar ein, äh, eine um 20 Grad gedrehte, äh, ein gedrehtes Element, in dem man dann scrollen kann.
Also, ähm, da ist alles abgebildet, was man dazu wissen muss eigentlich.
Äh, genau.
Also es ist einfach, ich möchte so ein bestimmtes Element scrollen und ich möchte nur dieses Element drin haben.
Es funktioniert aber auch mit Elementen, die nicht die komplette Breite oder Höhe, ähm, einnehmen.
Also ist eigentlich ganz, ganz cool, um gerade so, so Web-Apps, wo man irgendwie Bilder durchscrollt oder, ähm, keine Ahnung, Tinder rechts und links wischen.
Äh, ja, weiß nicht.
Was ist denn?
Kenn ich gar nicht, ich kenne nur Grindr.
Ach so.
Genau, also wenn man, äh, wichtig so ein bisschen auch, wenn man sich die Demos anschaut, am besten tatsächlich sogar mit, äh, Mobilgerät.
Oft ist es ja bei Demos, dass die dann irgendwie gar nicht so auf Mobil, äh, ähm, optimiert sind, aber die, gerade diese CodePen-Demo, die ich da verlinke von, äh, Chris Coyier, ähm, am besten Mobilgerät oder zumindest mal mit Touch, weil im Browser ist dieses horizontale Scrollen ein bisschen schwieriger, äh, man muss halt Shift gedrückt halten, das muss man halt wissen.
Also wenn man die Demos sieht und man scrollt da mit dem Rad rum und wundert sich, warum nichts passiert, also mit Shift gedrückt halten, was ist das denn?
Dann kannst du horizontal scrollen.
Ach so, ah.
Also unter Windows, ich weiß nicht, ob das bei, äh, wie das bei Mac ist, aber, ja.
Ich weiß es tatsächlich nicht.
Genau, also kurz zu den, zu den, zu den Properties an sich, also, ähm, beziehungsweise erst noch zur, zur Browser-Unterstützung, sogar Safari unterstützt das, äh, muss man ja inzwischen hervorheben, wie, wie früher den IE und apropos IE, sogar IE10, ab IE10 mit Abstrichen, zwar, da funktionieren manche Sachen nicht, aber da funktioniert das schon, ich glaube, mit MS-Prefix und manche Sachen gehen nicht, aber, und es basiert auch noch auf dieser älteren Scroll-Snap-Geschichte, aber es ist, äh.
Das wollte ich gerade sagen, das ist eine alte Syntax, ne?
Kann man aber nutzen.
Und die, die Properties, also die wichtigsten dazu, ähm, Scroll-Snap-Type, da gibt's noch die, die, ähm, Keywords Mandatory und Proximity, also ich kann erst mal angeben, äh, ob ich das auf allen, ob ich das auf Block-Ebene oder auf Inline-Ebene möchte oder auf beidem oder nur in X-Richtung, nur in Y-Richtung und dann eben noch das Keyword Mandatory oder Proximity.
Mandatory heißt, es springt auf jeden Fall zu dem, zu dem nächsten Objekt, sobald ich gescrollt hab, zack, äh, sucht es sich das nächste Objekt, das passt.
Äh, bei Proximity ist es so, dass ich ein bisschen, also ich kann scrollen als User, auch ein Stückchen, sodass ich das Element dann raus scrolle, wenn ich aber in einer gewissen Nähe bin zu dem nächsten Element, dann snap das und scrollt zu dem nächsten Element hin.
Und das ist dann ganz gut, wenn das Element nicht den kompletten Bildschirm, also, beziehungsweise mehr als den kompletten Bildschirm ausfüllt, also ich hab da Text drin und der läuft aus dem Bildschirm raus, wenn ich dann scrolle und ich hab Mandatory gewählt, dann kann ich den Text halt gar nicht lesen, weil der schnell überscrollt wird und es springt zum nächsten Abschnitt.
Und durch das Proximity kann ich den Text dann trotzdem noch scrollen lassen und voll sehen, bis ich dann eben so weit bin, dass es zum nächsten snappt.
Genau, wie gesagt, horizontal, zwischen, äh, verlinke ich eine Demo, Web-Demo verlinke ich, ähm, und ich glaub, das war's eigentlich auch schon zu dem Property, wenn du nichts mehr hast.
Ja, oh, nee, äh, ich hab dazu nichts mehr, ich muss jetzt hier nur gerade meine, äh, Notizen suchen für das nächste, und zwar, das ist, das ist a fun one, das wird jetzt, äh, Spaß machen und, ähm, die ganz alten Hasen des Webs werden sich, äh, an frühere Zeiten im Internet Explorer zurückerinnern.
Ich glaub, wir haben's sogar schon mal angerissen in der alten Folge, in unserer Wünsch-dir-was-Folge war das, glaub ich, auch Thema.
Custom-Scroll-Bars, haben wir, ja, stimmt, kann sein, dass wir darüber gesprochen haben.
Und, ähm, ich hab damit nochmal ein bisschen rumgespielt mit Custom-Scroll-Bars, ähm, die Demo, das könnt ihr auch sehen, ähm, wie soll ich sagen?
Du meintest vorhin im Vorgespräch, du weißt jetzt, warum die Browser-Hersteller das limitieren.
Genau, das wollte ich sagen, ich weiß genau, warum das lange nicht ging, und, äh, ich bin mir nicht sicher, ob es eine gute Idee ist, dass man das den, den Web-Leuten überlässt, wie ihre Scroll-Bars aussehen, weil, ich weiß gar nicht, ich hab jetzt nicht versucht, sie zu verstecken, ähm, was man natürlich auch machen könnte, aber, äh, naja.
Ähm, hast du, hast du die Demo eigentlich gesehen, die ich gemacht hab?
Äh, ich schau sie mir gerade an.
Also guck, guck mal, das beim, das Code-Pen, was ich gemacht hab.
Ich seh noch nichts Außergewöhnliches, hast du da nicht, äh, irgendwas ganz Hässliches versucht zu verpacken?
Bitte wieder in Chrome öffnen.
Oh, wow, wow, wow.
Okay.
Weil, ist, äh, ja genau, da kommen wir gleich, da kommen wir gleich zum ersten Punkt.
Da kommen wir gleich zu, ja, ich, ich bin ein bisschen durchgedreht.
Ja.
Da kommen wir gleich zum ersten Punkt, ähm, das ist derzeit, äh, meines Wissens nach nur, äh, Web-Kit, auch da kann ich noch mal, äh, warte mal, muss ich noch mal kurz, ich hab natürlich alles vorbereitet, aber in dem Punkt.
Ich kann den Anfasser vertikal, kann ich gar nicht anfassen, sodass du das kaputt gemacht hast.
Scroll-Bar, äh, Scroll-Bar-Styling, ich guck hier noch grad noch mal bei Can-I-Use, also, ähm, das, äh, die Can-I-Use-Seite, die ist sehr zerflettert bei,
Scroll-Bar-Styling, es gibt insgesamt, äh, sechs, so kleine Zahlen mit Anmerkungen, äh, wo, das funktioniert so, aber da, und da, aber so, und da nur hinterm Flag, und da nur so, also, das ist, ich weiß nicht, ob man jetzt empfehlen kann, dass man es nutzen kann, aber es ist ja auch nur ein Kimmich.
Ich glaube, unabhängig der Browser-Unterstützung kann man empfehlen, es nicht zu nutzen.
Es ist, Moment mal, nur weil ich jetzt in der, in der Demo es wirklich schlimm gemacht habe.
Nein, natürlich nicht.
Äh, das, das, das, das hat nichts zu heißen, nein, ähm, man kann das schon durchaus machen, also bei CSS-Dreams,
Tricks, ähm, die hatten das mal, ähm, in, sehr nervig, und ich finde mittlerweile relativ geschmackvoll, also wenn ihr mit einem Webkit-basierten Browser auf CSS-Tricks, äh, CSS-Tricks.com geht, ähm, dann ist das relativ geschmackvoll mittlerweile,
ähm, also so mit abgerundeten Ecken und sieht so ein bisschen dreidimensional aus, also irgendwie so, äh, ein bisschen hellen Rahmen und ist, ist relativ nett gemacht.
Das war mal sehr groß und bunt mit Verlauf und so. Ähm, das ist es jetzt nicht mehr, das kann man damit aber auch machen.
So, ähm, ähm, ähm, bevor ich nochmal auf die Demo eingehe, vielleicht nochmal ganz kurz, was gibt's denn da so? Das ist nämlich eine ganze Menge.
Ähm, es sind nämlich, ähm, sieben verschiedene Pseudoklassen, also, äh, Doppelpunkt, Doppelpunkt, minus Webkit steht immer davor.
Und dann gibt es Scrollbar, Scrollbar-Button, Scrollbar-Track, Scrollbar-Track-Piece, Scrollbar-Thump, Scrollbar-Corner und Resizer.
Ähm, ich hab mir jetzt tatsächlich, muss ich jetzt zugeben, nicht alle einzeln angeguckt, sondern ich hab mich jetzt so mal aufs Riesende beschränkt.
Es reicht, es reicht, was du getan hast.
Ähm, ich hab mich jetzt, ich hab in meiner Demo mich mal, äh, beschränkt auf, ähm, Scrollbar.
Das ist, äh, die ganze Bar an sich.
Äh, Track, ähm, also, in Scrollbar hab ich so die, die Größe angegeben, die Breite und die Höhe.
Ähm, dann hab ich mich, hab ich Track genommen, das ist tatsächlich, ähm, das, der Hintergrund sozusagen, das, was hinter dem Scroll-Element, das man hin und her zieht, äh, liegt.
Ähm, und, äh, Scrollbar-Thump, das ist das Teil, was man darauf hin und her zieht.
So, ich glaub, das kann man, ich hab da, ich hab da eine lustige, kann man das so verstehen?
Ich weiß es nicht, also, ich seh's ja, ich kann's verstehen.
Okay.
Aber ich hab dann lustige, ich kann diesen, diesen, äh, Knubbel, äh, auf der rechten Seite, also in der vertikalen Scrollbar, den, den kann ich nur im linken Drittel anfassen.
Und rechts ist es bei dir auch so?
Interessant, ich hab ja auch, ich hab ja auch, ich bin ja auch ein bisschen durchgedreht bei dem Beispiel, so.
Was, es gibt, äh, aber das, das reicht noch nicht, es geht noch weiter, es geht noch weiter.
Diese, diese, diese Pseudoklassenartigen Dinger, weil ich hab ja gesagt, Doppelpunkt, Doppelpunkt, Minus-Webkit und so weiter, haben noch Pseudoklassen, beziehungsweise die stehen für verschiedene States.
Es gibt nämlich da noch Horizontal, Vertical, damit man die unterschiedlich ansprechen kann.
Also ich kann tatsächlich die Scrollbars, die Vertikale und die Horizontale, kann ich unterschiedlich stylen.
Decrement und Increment.
Ähm, das heißt nämlich, äh, je nach Position, ich kann ein bestimmtes Styling machen, wenn das Ding ganz links oder ganz rechts oder ganz oben oder ganz unten ist.
Ähm, ich weiß jetzt nicht genau, Start und End.
Äh, warte mal, es, äh, applies to Buttons and Track Pieces, hab ich nicht genau verstanden.
Und dann wird's noch abenteuerlicher, dann gibt's noch Double Button, Single Button, No Button.
Ähm, ich nehme an, dass, das betrifft dann Browser, äh, wenn die dann noch so einen Pfeil oben und unten haben, ja, und ob die einen haben oder zwei, ich glaube, das ist ja, äh, vor allem, ich glaube, im Internet Explorer früher war das so, dass du oben und unten noch so einen Pfeil hast, auf den du drücken kannst.
Und je nachdem, ob der aktiv ist oder nicht, aber das ist jetzt nur geraten, ich hab's jetzt, ich hab jetzt nicht die ganze Doku auswendig gelernt hier, ähm, Corner Present, ob's eine Corner gibt.
Das, das, das Corner gibt's natürlich nur, wenn du beide Scrollbars hast, dann gibt's nämlich noch einen Corner dazwischen.
Und selbst darauf kannst du reagieren, okay, krass.
Ja, und Window Inactive, was passiert mit Scrollbars, wenn es, äh, Window Inactive ist? Also, man kann da krasses Zeug machen.
Also, ich, ich frage mich halt eine Sache, ja, das ist ein Thema, was jahrelang stiefmütterlich behandelt wurde, was viele Browser anscheinend gar nicht irgendwie angehen wollen, auch zu Recht, warum wurde da so viel reingesteckt, was man alles machen kann, während zum Beispiel bei so Sachen, und auch da nochmal der Verweis auf unsere CSS-Wünschte-Was-Geschichte, so Sachen wie mit First Line, First Letter und was weiß ich was, also, da würde man sich wünschen, da gäbe's irgendwelche Pseudo-Elemente und ich kann die Kombination und nur für den Fall das und sowas.
Warum investiert man da so viel Zeit in dieses Scrollbar-Geschichte? Da muss jemand wirklich sehr verliebt in dieses Scrollbars sein und sagen, ich nehm mich dem Thema an und ich mach das richtig geil.
Vielleicht war das so eine Spielwiese, was könnte man denn alles anbieten bei anderen Themen? Und wir machen's mal für die Scrollbars, weil die will eh keiner.
Ja, bei dem Standard, nein, das glaub ich nicht. Bei dem Standardisierungsprozess, ähm, glaub ich, äh, ich glaube, das ist es wie das Erste, was du gesagt hast, wenn so ein Thema, so ein Advocate hat, einen, der da dahinter steht und der das treibt, dann wird das auch relativ weit
weit getrieben. Also, das ist wirklich, glaub ich, so
bisschen personenabhängig da, wenn jetzt jemand, wenn's jemanden gibt, dem das echt wichtig ist,
dann schreibt der da ein Proposal. Und, äh, wir sind momentan, äh, da
im, äh, CSS-Scrollers-Module-Level-1-Editors-Draft.
Okay, also, das ist, also...
Also, relativ, äh, ist noch relativ am Anfang, ähm, ist aber upgedatet worden, tatsächlich am 18. September letztes Jahr.
Und ist trotzdem schon so weit unterstützt, also, das ist ja...
Aber wie gesagt, so richtig, äh, ist das irgendwie nur, in Webkit-Browsern funktioniert das nur so richtig derzeit.
Und, ähm, ja, dieser, dieser Draft ist jetzt auch nicht besonders lang, gibt nicht so arg viel her.
Ich glaub, da ist auch nicht alles drin, äh, was ich jetzt gerade vorgelesen hab.
Ich glaub, das ist so, die einzelnen Browser-Hersteller, die preschen da ja öfter mal vor.
In Webkit-Browsern geht das schon relativ lange.
Also, schon ein paar Jahre. Ich weiß nämlich, dass das CSS-Tricks schon relativ lange hat.
Ich hab's nur die meiste Zeit nicht gesehen, weil ich lang Firefox benutzt hab.
So. Okay, ähm, jetzt noch mal zu meinem Demo, was ich da hab.
So. Ich hab, ich, äh, ich hab ein bisschen komische Sachen gemacht, weil ich wollte mal das ein bisschen stressen.
Ähm, ich hab, äh, ich hab, äh, ich stress das jetzt zumachen.
Ich hab die Scroiber. Ich stresse das auch sehr gut. Es blinkt nix.
Nee, mein aber.
Ich hab keine Animation. Das wär, oh, warte, ey, Animationen könnten wir noch einbauen.
Animierte Scroiber.
Ja, geht das?
Das mach ich gleich im Anschluss mal.
Weiß ich nicht, ich hab's nicht ausprobiert.
Mich würd's nicht wundern, wenn's gehen würde.
Also, was hab ich gemacht?
Ich hab, äh, ich hab, äh, Width, Min-Width und Min-Height auf 20 VH und VW.
Also, die sind relativ hoch und breit.
Also, in dem Fall, ja, hoch oder breit, je nachdem ob horizontal oder vertikal.
Also, nehmen in dem Fall, äh, 20 Prozent, ähm, des Inhalts, des Inhaltsbereichs ein.
Also, sehr, sehr groß.
Ähm, dann hab ich den Track, da hab ich mich bedient bei so, äh, es gab mal so eine wunderbare Sammlung von,
ähm, was kann man denn, äh, mit, äh, was war das, äh, Gradients, was kann man denn mit Gradients alles für verrückte Muster machen?
Also, CSS-Gradients.
Und da hab ich einmal für den Track, hab ich so ein Gradient-Muster, das so kleine Totenköpfe sind.
Und ich glaub, das erkennt man da gar nicht mehr, weil die so klein sind.
Müsste man eigentlich die Größe noch ein bisschen anpassen.
Ähm, genau.
Also, äh, der Track, also der Hintergrund von dem Scroll-Bereich, es sind lauter kleine Totenköpfe.
Und, ähm, das, das Element selbst, das, äh, Thump, heißt es ja, ähm, das ist ein, also auch mit CSS-Gradients gemacht,
so ein Biohazard-Symbol, was da hinten dran steht.
Und, äh, ich hab dem ganzen Ding dann aber auch noch einen, einen, einen fetten, äh, Box-Shadow gegeben, damit man auch sieht, was es ist.
Ja, klar.
Das muss schon.
Ja, klar.
Ja, ja, ja, ja.
Es ist wirklich, was ich da kapriziert hab, ist sehr, sehr, sehr hässlich.
Ähm, aber ich wollte einfach mal gucken, wo liegen die Grenzen und ich hab noch keine gefunden.
Vielleicht liegen sie bei der Animation.
Äh, das kann ich im Anschluss mal noch ausprobieren.
Äh, die Demo kriegt ihr auf jeden Fall in den Shownotes.
Ja, jetzt hab ich viel drüber gesprochen, dass ich was sehr hässliches gemacht hab, ne?
Aber ich wollte einfach mal ausprobieren.
Hässlich und stolz drauf.
Es ist mehr möglich als, als, als, ähm, ähm, wie soll ich denn sagen?
Ich wollte mal gucken, wie viel Macht der Browser einem da gibt und ich bin der Meinung, dass es vielleicht ein bisschen zu viel.
Ja.
Es ist ein bisschen zu viel.
Nee, weil, äh, ich erinnere mich da an sowas, was, wo ich gerne hätte, dass es weniger, weniger restriktiv ist, sowas wie First Letter, ähm, wo nur bestimmte Eigenschaften gehen, ähm, dass ich die da drauf anwenden kann.
Und da gibt's einige, die ich vielleicht gerne, einige mehr, die ich da gerne drauf anwenden würde.
Oder zum Beispiel Selection.
Da gehen, glaub ich, auch nur, ähm, ein paar verschiedene.
Aber gerade bei den Scrollbars, sowas unfassbar wichtiges, meiner Meinung nach, da kannst du so, so abgehen, da kannst du irgendwie alles machen.
Wahrscheinlich kann ich's auch noch blinken lassen.
Ähm, weiß ich nicht.
Ich bin mir nicht sicher, aber Spaß hat's gemacht.
Ja, das glaub ich.
Ja, das ist, äh, wenn ich was Neues in CSS entdecke, oder ich mein, es war jetzt für mich nicht neu, aber ich hab zum ersten Mal so richtig damit rumgespielt, dann bring ich das Ding oft irgendwie an seine Grenzen.
Immerhin ist die, ist die Performance von meinem Browser noch ganz okay, er stützt nicht sofort ab.
Aber du hast gesagt, du kannst es nicht richtig anfassen.
Ja, also, das linke Drittel von der rechten Scrollbar funktioniert, das kann ich anpacken und rechts, äh, funktioniert nicht.
Das linke Drittel? Von dieser sehr schmalen Ellipse?
Ja. Oder auch, wenn ich in der Leiste klicke, das funktioniert nur im linken Drittel davon.
Ah, interessant.
Und nicht im, nicht rechts.
Also, bei mir funktioniert das überall.
Okay.
Ich hab den Brave Browser hier, kann ich nicht mehr Werbung an der Stelle machen.
Äh, ist ja aber eigentlich nichts anderes als ein Chrome, also.
Nee, ich kann, ich kann in, ich kann innen drin klicken, ich kann das Ding überall anfassen, ich hab da keine Probleme bemerkt.
Ähm, ja, update mal.
Das ist bestimmt ein Update.
Ist aktuell, ne.
Naja, ist jetzt auch, find ich jetzt nicht so schlimm.
Scrollbar, viel Spaß damit.
Also, ähm, ich hatte auf jeden Fall schon öfter mal den Anwendungsfall, dass die Scrollbar, dass ich, dass ich gedacht, die Scrollbar ist mir irgendwie zu fett.
Gerade in Firefox.
Bei Trello ist das beispielsweise, find ich, relativ nervig, wenn du bei Trello in so einer, äh, in so einer Liste die, die dicke Scrollbar nebendran hast, dann würde ich mir manchmal wünschen in Firefox, dass die ein bisschen schmaler wäre.
Aber dafür gibt es, und das ist jetzt komplett off-script, das hab ich mir gar nicht aufgeschrieben und ich weiß auch nicht mehr auswendig, wie es heißt, aber für das schmale Scrollbalken gibt es in Firefox auch eine extra Firefox-spezifische Eigenschaft, dass du das Ding nur halb so breit machen kannst.
Ich glaube, es ist tatsächlich Scrollbar-Width oder irgendwie sowas, ich weiß es aber nicht mehr genau.
Darf gerne in den Kommentaren kommentiert werden und drückt auf die Glocke bei Twitter.
Ding, ding, ding.
Ich muss, ich muss jetzt nochmal kurz was dazu erklären. Ich sag das ja immer so und lach danach immer ein bisschen. Ich mach mich da eigentlich nur immer so ein bisschen über die YouTuber witzig, die immer sagen, ja und, äh, auf jeden Fall.
Vergiss nicht zu abonnieren, lass ein Kommentar da.
Lass ein Abo da, lass ein Abo da und schreib es in die Kommentare. Ich sag das eigentlich nur deswegen, weil ich ein bisschen so einen Witz in meinem Kopf mit mir selbst hab. Nicht, weil ich das ernst mein.
Ich mein's aber auch ein bisschen, ein bisschen ernst und jetzt könnt ihr selbst draus machen, was ihr eben draus machen wollt. Ja.
Okay.
Damit, damit ist jetzt, äh, der Wahnsinn, der Wahnsinn, das Wahnsinnsfette Dings da ist jetzt fertig hier.
Puh.
Oh, ja, das war jetzt was, äh, für die Augen. Ähm, gut.
Also die, die schlechter sehen unter euch, vielleicht haben wir ja auch blinde Hörer, ich weiß es nicht, oder Hörerinnen.
Für euch ist das okay, weil euch kann's egal sein, für euch ist das vielleicht ganz gut.
Vielleicht macht das aber auch irgendwas kaputt beim Screenreader, er kommt durcheinander durch, durch so viel geballte Hässlichkeit.
Will ich nicht ausschließen, das wäre aber auf jeden Fall, äh, das sollte man auf jeden Fall dann bei den Standardisierern von dem Scrollbar-Ding anmerken, dass, falls man damit was kaputt macht im Screenreader.
Ja.
Okay, nächster Punkt, äh, Overflow-Anker.
Und das ist eigentlich, ähm, ich hab mir da sehr viel dazu aufgeschrieben, dabei kann man da gar nicht so viel dazu sagen.
Äh, mal gucken, was ich da aufgeschrieben habe.
Genau, also, ähm, Browser-Support, kein Safari, mal wieder.
Ja, was ist, was ist das denn? Also Scroll-Anchoring ist, äh, standardmäßig aktiviert in den Browsern.
Ähm, ich weiß nicht seit wann, ich glaub, das war früher nicht so, das wurde nämlich eingeführt, um eine bestimmte Sache, die ich gleich erwähne, äh, zu vermeiden.
Ähm, und ist aber jetzt inzwischen überall in den ganzen Browsern drin und ich kann es aber per CSS deaktivieren.
Und das heißt, Scroll-Anchoring, der, der Bereich, auf dem sich der User gerade befindet, also ich lade, lande vielleicht über ein, über ein, äh, Hash auf einem bestimmten Abschnitt der Seite.
Und oben drüber ist aber noch anderer Content, der was nachlädt oder der einfach irgendwie Bilder, die keine definierte Dimension haben, äh, lädt.
Und das lädt dann nach und, äh, gibt natürlich ein Redraw und springt hoch und früher war das dann halt so, äh, dass die ganze Seite gesprungen ist und du musstest dann, hättest dann per JavaScript ja merken müssen, wo war ich denn gerade und dann springst du irgendwie, überprüfst du, ob du da, äh, ja, ob das gesprungen ist oder was weiß ich.
Ähm, muss man nicht, der Browser weiß, ich bin jetzt beim Laden der Seite an diesem Textabschnitt, zum Beispiel bei dieser Section, bei diesem Bild und es plöppt oben drüber was auf, aber der User bekommt davon nichts mit, weil eben der, der, der, der, der, der Viewport geankert ist.
Ah, das wusste ich gar nicht.
Hey, wir haben was gelernt.
Ja, wieder was gelernt.
Und, ähm, das kann ich aber deaktivieren, weil ich das vielleicht nicht will. Also erstmal verlinke ich ein YouTube-Video, wo man das sieht, nebeneinander, zwei Screens, ähm, wie sich dieser Effekt bemerkbar macht, wie unterschiedlich sich das auswirkt.
Shownotes.
Was hab ich gesagt?
Ich hab nur gesagt, ich wollte es nur erwähnen.
Ja, ich verlinke das in den Shownotes, ja. Ich, ich, ich kann dir auch irgendwie den, äh, nee, egal. Du darfst es nicht angucken. Du darfst es angucken, wenn es in den Shownotes ist.
Äh, genau. Da sieht man das auf dem Video.
Seht ihr mal, liebe Hörer, HörerInnen, ähm, ihr seid, ihr, ihr seid, ihr seid in einer besseren Lage als ich. Ich darf es nicht sehen, ihr dürft es sehen.
Na komm, na komm, na komm, ich fixe dir, äh, ich fixe dir, äh, ich fixe dir, äh, ich fixe dir, äh, ich fixe dir, äh, nein, nein, nein, nein, jetzt will ich nicht mehr.
Ach, jetzt willst du nicht mehr, jetzt bist du wieder eingeschnappt, super.
Nein, jetzt bin ich beleidigt.
So, bitte weitermachen.
Äh, ja, okay, also, ähm, jetzt bin ich völlig aus dem Konzept, äh, dann fange ich noch eine Code-Pen-Demo auch wieder von, äh, Chris Coyier.
Die schicke ich dir jetzt auch, auch wenn du sind, ja, das war mir wieder klar, jetzt bist du wieder, jetzt bist du wieder beleidigt hier.
So, bitte, ich fixe dir trotzdem, ähm, ich weiß ja nicht mal wo.
Ja, so, Chitzi, iPad bei dir, ne, ja, egal, egal, egal.
Ja, mach, ey, komm, mach, mach, mach, mach, mach weiter, mach weiter.
Also, ähm, ich bin, ich bin, ich bin, ich bin völlig, völlig raus jetzt von unserer Ausschweifung.
Das war jetzt, das war jetzt eine Superstelle, nein, nein, das war jetzt eine Superstelle, wollte ich nochmal sagen.
Also, für die, für die Podcatcher, die diese Stille überspringen, die Hörer haben gar nichts davon gemerkt, dass wir hier so komisch.
Also, wenn du jetzt einen guten Podcatcher hattest, dann hast du jetzt keine zehnsekündige, äh, äh, zehnsekündige Pause gemerkt gerade, ja.
Ähm, wenn du guten Podcatcher hast, wenn du, wenn du einen schlechten Podcatcher hast, oder ich weiß nicht, wie Spotify das macht, Spotify kann das bestimmt nicht, sage ich jetzt einfach mal.
Wenn du uns bei Spotify hörst und irgendjemand unseren Podcaster eingestellt hat, ohne dass er es darf, oh Gott, jetzt habe ich die Leute auf Ideen gebracht, gell.
Wir verklagen euch dann. Ähm, dann, dann hattest du da jetzt eine sehr, sehr lange Pause.
Jetzt habe ich extra dir sehr viel Zeit verschafft, damit ich mich wieder sortieren kann.
Okay.
Jetzt bitte.
Ich bin sortiert, danke.
Du bist, äh, ich bin gut sortiert.
Also, ich wüsste nicht im Normalfall, warum man das abstellen sollte. Also normalerweise, wenn man nicht irgendwelche fancy Geschichten laufen hat, ist es gut so, dass es so funktioniert.
Ähm, ich habe aber einen Beitrag gefunden, einen Blogbeitrag, den ich auch verdinke in den Shownotes, wo jemand den Fall hatte, also es waren so User-Ratings, wo der Text aber verkürzt war auf eine bestimmte Zeilenzahl oder, oder Satzzahl.
Und, ähm, wenn man auf View More geklickt hat, ist das ausgeklappt.
Und interessanterweise gibt es da trotz des Scroll-Anchorings, was alle Browser, äh, eigentlich haben, gibt es da Unterschiede, wie die das handhaben.
Und Chrome hat das dann so gemacht, dass der Text nach oben gerutscht ist. Also nicht, es hat sich nicht nach unten ausgeklappt, sondern nach oben.
Und, äh, gelöst wurde das Ganze dann, indem für diese Section, das ist nämlich auch wichtig zu wissen, für diese Section wurde dann das Scroll-Anchoring deaktiviert.
Also ich kann das, im Normalfall setze ich das, ähm, auf Body, ich kann das aber auch wirklich für ein bestimmtes Element in der Seite aktivieren.
Und nur wenn dieses Element scrollt, dann wird das dafür deaktiviert oder wieder aktiviert.
Genau, und da gibt's auch eine Demo mit, mit zwei GIFs, die das gegenüberstellen, was da passiert ist, was da rumwabbelt.
Und, ähm, ja, wenn jemand diesen Fall hat, dann ist das gut zu wissen, dass man das dadurch, dass man da entgegenwirken kann.
Das, ich glaub, ich muss mir tatsächlich dieses geheime YouTube-Video mal anschauen.
Ja, mach das.
Zu 100 Prozent, äh, war's, war's jetzt mir, hat sich's mir nicht erschlossen.
Nee, es ist, es ist auch schwierig, das zu, zu, also ich glaub, so ursprünglich, was es tut, also was, was, was es im Standardzustand macht, ist, glaub ich, klar, ne?
Also einfach, es verhindert, oben drüber lädt was, ja, das kann per Ajax nachgeladen sein, dass da irgendwelche Boxen eingefügt werden.
Oder halt, wie gesagt, auch einfach nur Bilder, die nachladen oder irgendwas, was länger dauert und keine feste Höhe hat.
Und das würde normalerweise zu springen führen, nachdem ich schon auf der Seite gescrollt hab oder, wie gesagt, über einen Anchor irgendwo gelandet bin.
Und das wird dadurch vermieden und das ist auch eigentlich eine gute Sache, dass die Browser das so machen.
Es kann aber in gewissen Grenzfällen und mehr als diese, diese Beispiele, da hab ich auch nicht wirklich gefunden, ähm, wo man das benutzen kann.
Aber der Vollständigkeit halber wollte ich das Property auch mit aufnehmen.
Ja, nee, aber ich find, ich find, ich find das cool, äh, weil, äh, ich muss es mir mal angucken und dann gibt's vielleicht immer mal wieder den ein oder anderen Anwendungsfall.
Also ich, ich hab so.
Genau, also ich glaub, ich glaub, man ist da jetzt so ein bisschen, äh, sensibilisiert dafür und man weiß vielleicht gar nicht, manchmal nimmt man das einfach so hin, naja, das springt halt, weil der Browser macht das so.
Aber vielleicht kommt irgendwann mal eine Situation, wo man denkt, ah, vielleicht könnte da das, äh, Anchoring ein Problem sein.
Es könnte, es könnte bei mir, also ich, ich hab so ein, ähm, ich hab so ein Teil in meinem Gehirn, äh, der, wo ich, wo ich sowas ablege, sowas in, ähm, hab ich mal gehört.
Und ich guck's mir dann oft auch gar nicht so in der Tiefe an, sondern es reicht mir, dass ich so das grobe, grob verstanden hab, was es tun soll.
Und, äh, das ist, ich, ich, ich hoffe und bilde mir ein, dass in dem Augenblick, wo ich's da mal brauche, dann sag ich, ah, da gab's doch mal, genau so war das jetzt bei Aspect Ratio, dass ich irgendwie ein paar Wochen, äh, bevor ich's jetzt gebraucht hab, hab ich's irgendwie gehört, dass es das gibt, hab's leider nicht verwenden können, aber immerhin, ähm, und genau, also genau da lege ich das jetzt mal hin, aber ich muss mir dieses Video, glaub ich, noch mal anschauen, damit ich, äh, damit ich, äh.
Ja, dadurch wird's wirklich klarer als, äh, durch meine Erzählungen, durch meine Unzulänglichen.
Das wollte ich damit, das wollte ich, deine Erzählung, nein, ich wollte, aha, oh Mensch, oh Mensch, oh, jetzt bist du beleidigt.
Quatsch, nein, nein, nein, nein, es geht hin und her.
Wie so ein altes Ehepaar.
Wie, ja, Mensch, sollen wir's eigentlich, sollen wir's eigentlich der Öffentlichkeit schon sagen, oder?
Nee, noch nicht, nächste Folge, nächste Folge.
Nee, meint hier nicht tatsächlich mal jemand zu dir, wenn er beim Zuhören, hat er immer so das Gefühl, wie so ein altes Ehepaar?
Das hör ich ständig, vielleicht, vielleicht stimmt's, ich hab ja auch gesagt, ich bin nur bei Grinder, äh, vielleicht, vielleicht stimmt's ja, also ich will, ich will dem jetzt, also, ich lass es mal im Dunkeln.
Okay, im Dunkeln ist, nee, egal, ähm, ja, ich hab gerade noch was gesehen, ähm, in meinen jetzt ungeordneten, weil wir nochmal rumgeschoben haben, Aufzeichnungen, ich hab bei Scroll Behavior Smooth noch was vergessen, und zwar.
Das hatten wir noch nicht.
Ah, äh, nicht bei Scroll, es ist ja so, so durcheinander sind meine Aufzeichnungen, ich meinte, ich habe es, äh, bei Scroll Snap vergessen, und zwar hatte ich, ähm, Scroll Snap Type Mandatory Proximity gesagt, und es gibt aber auch noch verschiedene Scroll Padding und Scroll Margins, natürlich auch mit den entsprechenden Varianten, Scroll Margin Top, Scroll Padding Bottom Left Right, äh, schlag mich tot, ähm, da kann ich entsprechend sagen, dass es nicht exakt an dem Element pappen soll, sondern, dass ich vielleicht ein bisschen Abstand habe.
Und genau dieses Scroll Margin Top habe ich schon mal, das hatten wir, glaube ich, schon mal, äh, als Property oder so, und, ähm, wir hatten es auch eingebaut auf unserer Podcast-Seite, und ich kann vermelden, dass es irgendwie momentan nicht mehr so funktioniert, wie ich das will.
Und das liegt wohl daran, dass man, ähm, dass in manchen Browsern brauche ich eben diesen Scroll Snap Container, damit es überhaupt wirkt. Und den haben wir halt momentan nicht. Also ich habe diese Scroll Margin, äh, nur, Scroll Margin Top in dem Fall, nur verwendet, um, wenn ein Anker Link angesprungen wird, dass eben der nicht unter dem fixen Header liegt.
Das funktioniert momentan nicht, also falls ihr einen Fehler bei uns finden wollt und uns auslachen wollt, warum unsere Seite so doof ist, dann versucht mal auf irgendeinen Anker Link zu klicken, also irgendwas, was einen Anker Link hinten dran hat, und das wird dann leider ein bisschen unterm Header stehen.
Ja, aber das müssen wir irgendwie noch fixen. So.
Nochmal gesagt.
Jetzt, jetzt darfst du, äh, zu Scroll Behavior Smooth kommen, was ich gerade schon.
Jetzt darf ich zu Scroll Behavior Smooth.
So.
Okay.
Ich weiß auch nicht, was gerade passiert ist. Ich habe, ich habe seit langem mein erstes Bier getrunken, irgendwie. Ich glaube, da ist irgendwas, irgendwas Komisches drin.
So, Scroll Behavior Smooth, das ist dann, glaube ich, auch unsere letzte Scroll Property, über die wir heute sprechen wollen.
Ähm, genau.
Also, standardmäßig ist Scroll Behavior Auto, das heißt, wenn ich irgendwo hinscrolle, und in dem Fall geht es tatsächlich auch wieder um Anker Links, ähm, dann springe ich da einfach hart hin.
Ich klicke auf einen Anker Link, und das macht, zack, bumm, und ich bin genau an dieser Stelle.
Äh, also gerade, gerade dann, wenn ich auf einer Seite einen Anker Link klicke, also so der Klassiker wäre jetzt, ähm, wenn ich weiß, was ein Anker Link ist, äh, der klickt mal auf einer Wikipedia-Seite mit einem Inhaltsverzeichnis, auf einen dieser Links aus dem Inhaltsverzeichnis, dann springt er auf eine andere Stelle der Seite, das ist ein klassischer Anker Link.
Ich versuche immer ab und zu nochmal ein bisschen so Basis, äh, Wissen mitzuerkriegen.
Ja, ist auch gut, da dürfen wir nicht vergessen, ja.
So, ähm, wenn ich jetzt, ähm, sagen, sagen möchte, naja, ich finde das nicht so schön, dass das so zack, zack ist, und manchmal ist es ja tatsächlich auch, äh, so aus, ähm, eigentlich schon so einer User Experience Sicht ganz gut, äh, wenn man weiß, wo man herkommt und wo man hingeht.
Also, wenn, wenn ich jetzt auf einen Anker Link drücke, der keinerlei, ähm, Scroll Behavior, beziehungsweise der keinerlei Animationseffekt hat, wenn ich drauf drücke, bin ich ja wirklich instantan genau an der anderen Stelle der Seite.
Also, ich weiß ja nicht mal die Richtung, also es gibt ja auch Sprünge, die wieder nach oben springen, aus Fußnoten, und ich weiß gar nicht, bin jetzt nach oben, nach unten, wie komme ich wieder dahin zurück, wo ich gerade eben war?
Genau, wenn ich jetzt in der Mitte von der Seite einen, äh, einen Anker Link drücke, dann weiß ich nicht, wo bin ich jetzt hingesprungen, bin ich nach oben?
Also, außer ich beobachte die Scrollbar, weil sie besonders hübsch gestylt ist, zum Beispiel.
Genau, weil sie besser, vielleicht ist sie ja auch animiert.
Und blinkt in den entsprechenden Farben, je nachdem, ob man nach oben oder nach unten scrollt.
Das, ja, geht, geht, geht ja vielleicht, ja, wollen wir, also, bitte, genau, wir machen hiermit die, die, äh, WWS e.V.
Äh, Code Challenge macht uns die kreativsten Scrollbar-Animationen, bitte, äh, ich, wenn's da überhaupt geht, ja.
Äh, was, was man mit Scrollbars, alles Verrücktes machen kann, äh, wenn ihr was uns einsendet, das hab ich jetzt einfach grad kurzfristig beschlossen, wenn ihr uns was einsendet, irgendwas wirklich Verrücktes, was ihr mit der Scrollbar gemacht habt, äh, mit diesen Scrollbar-Eigenschaften, äh, schickt uns das zu, und, ähm, wir sprechen dann in der nächsten Sendung drüber.
Vielleicht gibt's auch Sticker.
Und wenn's wirklich besonders geil ist, dann gibt's auch Sticker, dann schicken wir euch kostenlos Sticker zu, mit unserem schönen, nicht-animierten Logo.
Ihr bräuchtet ein animiertes Sticker, das wäre doch was.
Mhm.
Das müssen wir uns überlegen, was, wie, wie, wie können wir uns...
Auf E-Paper, ja, egal.
Wenn ihr fleißig spendet, dann gibt's bald animierte Sticker.
Genau.
So, aber nochmal zurück zu Scrollbehavior.
Ähm, Standard ist Scrollbehavior Auto, dann ist das genauso, wie ich's grad beschrieben hab, zack, zack, bam, bam.
Und da gibt's auch eine sehr, sehr schöne, ähm, äh, Demo in der MDN, bei Mozilla Developer Network.
Ähm, da hat man, da kann man hin- und herschalten zwischen den Scrollbehaviors und, wie gesagt, Standard ist Auto.
Und dann springe ich halt wirklich instantan genau zum anderen Punkt.
So, wenn ich jetzt Scrollbehavior Smooth, was ich sowohl, wie du vorhin auch schon gesagt hast, auf dem Body legen kann, also, dann ist es quasi auf allem.
Äh, oder aber auch auf bestimmte Elemente, weil es kann ja nicht nur der Body scrollen, sondern man kann ja auch, äh, mit Overflow, äh, Elemente in der Seite scrollen lassen.
Man kann es auch ganz speziell auf bestimmte Elemente anwenden.
Dann, und ich habe, soweit ich weiß, keine richtige, äh, Handhabe, wie schnell das Scrolling lang geht, das entscheidet dann der Browser, dann wird das animiert.
Das heißt, ich scrolle langsam, der, der Browser schiebt sich, äh, nicht instantan, sondern, ich weiß gar nicht, so gefühlt, weiß ich nicht, 300 Millisekunden würde ich jetzt mal tippen oder sowas.
Das ist relativ schnell, vielleicht sind es auch mehr, vielleicht sind es auch 500, ähm, ist auf jeden Fall unter einer Sekunde, ähm, schiebt sich der Scrollbalken dann in die Richtung.
Das heißt, ich kann dann sehen, in welche Richtung bewegt sich das Ganze jetzt gerade.
Also es ist wichtig zu wissen, äh, wenn man jetzt nur hört, irgendwie scrollbehavior, smooth, oh cool, gleich mal ausprobieren, äh, lustig am Mausrad rütteln, also das hat mit User-Scrollen nichts zu tun, sondern es ist wirklich nur immer dann, wenn eine Navigation erfolgt, oder es über das, äh, CS-SOM, also das CSS-Object-Model irgendwie getriggert wird, dass man irgendwo hinspringt über, ähm, ja.
Genau, also der Klassiker sind Ankerlinks, ähm, und das funktioniert auch, äh, wenn ich auf einen Ankerlink springe von extern, also wenn ich jetzt von einer Seite auf eine andere Seite springe und der Anker schon hinten dran ist,
auch dann passiert das. Und da finde ich es eigentlich sogar meistens relativ unschön, weil es sich dann so anfühlt, als ob das, äh, zu langsam geht.
Dafür habe ich aber jetzt, da muss ich mal noch gucken, ähm, ob ich dafür noch irgendwie in JavaScript was gefummelt kriege, dass das dann ausgeschaltet ist, äh, aber an der Stelle, finde ich, ist es sogar, fühlt es sich ein bisschen zu langsam an.
Ich komme auf eine neue Seite und dann möchte ich eigentlich schon da sein.
Und scrollt erst mal, ja, es ist schon.
Und scrollt erst mal, genau. Ähm, das ist, das ist tatsächlich ein bisschen nervig, ähm, aber so innerhalb, wenn ich jetzt auf einen Anker,
Link auf der Seite scrolle, ähm, also auf der Seite klicke und es dann da hinscrollt, finde ich das eigentlich ganz nett.
Und der Effekt ist zumindest jetzt in meinem, äh, Chrome Brave Browser und auch in Firefox, wo ich mal getestet habe, so schnell, dass es nicht sich zu langsam anfühlt.
Das finde ich ja immer bei, ich finde, es ist so eine magische Zahl, finde ich so, sind bei einer, bei einer Navigation, ähm, wenn ich irgendwo drauf drücke oder bei allgemein bei Animationen, sind so 200.
Millisekunden, 250. Und wenn es drüber ist, habe ich oft das Gefühl, dass es mir zu lang dauert.
Ja.
Ähm, das ist irgendwie so Magic Number, die, keine Ahnung, ob es dazu irgendwie Forschung gibt oder so, aber das habe ich so für mich mal rausgefunden.
Ich habe, ich persönlich habe das Gefühl, wenn es 300 geht vielleicht noch, aber wenn es mehr als 300 Millisekunden sind, dann irgendwann habe ich so das Gefühl, ah, das könnte irgendwie ein bisschen schneller sein.
Ähm, und in diesem Bereich, in diesem angenehmen Bereich bewegt sich das aber auch.
Ähm, ja, genau. Also wie gesagt, man kann das, äh, man kann das auf einzelne Elemente anwenden oder halt auf die ganze Seite.
Es bietet sich an auf die ganze Seite, aber da ist auch wieder vor kurzem was bei mir, äh, auf Twitter vorbei, äh, gescrollt.
Ja, ganz kurz noch, ähm, es wird auch dann getriggert, wenn man Element Scroll Into View aufruft per JavaScript, aber das funktioniert nur in Firefox und Chrome unter Android.
Also Firefox auf Desktop, Chrome, äh, nur unter Android. Die anderen Browser, die das zwar an sich können, machen es da noch nicht.
Gibt es nämlich ein, also was bei mir vorbei scrollte auf Twitter, war, ähm, der Chris Collier von CSS Tricks, den haben wir heute sehr oft erwähnt.
Naja, wir haben auch viel über CSS gesprochen. Ähm, der hat, äh, von seinen, der hat ein Redesign von seiner Seite gemacht, ähm, wo er, äh, Scroll Behavior Smooth auf HTML, auf HTML Element gelegt hat.
Ähm, und hat dafür Ärger gekriegt von den Nutzern. Und zwar in erster Linie offenbar von den Safari Nutzern, ähm, weil wenn man, äh, mit Control F auf dem, im Safari sucht, also auf der Seite sucht,
und das auf dem HTML Element angeschaltet hat, dann scheint irgendwie das, äh, miteinander in die Quere zu kommen mit dem Scroll Behavior Smooth und dann scrollt es wohl sehr langsam und sehr merkwürdig.
Ich hab das jetzt nicht ausprobiert, aber, äh, da sollte man sich wohl überlegen, ob man das, ob man das so macht oder ob man es nicht speziell dann einsetzt für bestimmte, äh, Elemente nur oder weiß ich jetzt nicht, ob man, äh, ah ja.
Genau, der Fix ist wohl, ich hab's grad nochmal kurz nachgelesen, der Fix ist wohl, und das hat, äh, der Shep, äh, von, von Working Draft, ähm, da drunter geschrieben.
Der uns auch zuhört.
Der uns auch hoffentlich zuhört.
Hallo, hallo, hallo, Shep.
Hallo, Shep.
Ähm, genau, also der Shep bei Twitter, Christian Schäfer, ähm, der hat auch schon mal gespendet übrigens, nehmt euch ein Beispiel.
Oh, heute, wir haben eine Gratwanderung hier nicht übertreibt.
Ja, nee, jetzt, jetzt, jetzt reicht's dann auch, ich sag's nur noch viermal.
Ähm, der hat geschrieben, HTML, äh, mit Focus Within, äh, Pseudoklasse, Scroll Behavior Smooth würde das Problem, ähm, beheben.
Wie gesagt, ich hatte das nicht selbst, ich wollte nur noch an der Stelle nochmal drauf hinweisen, wenn wir schon so eine Eigenschaft vorstellen, die so wenig hergibt, drüber zu sprechen.
Wobei wir schon, äh, bei über eineinhalb Stunden sind jetzt mal wieder.
Ja, ja.
Ähm, so könnte man das fixen, ähm, und ich denke, das werde ich dann, äh, auch da, wo ich das mal eingesetzt hab, vielleicht auch mal so einbauen.
Ich glaube, wir haben bei uns kein Scroll Behavior auf der Seite.
Ich meine auch nicht.
Nee, ich glaube, bei uns, bei der Podcast-Seite haben wir es, glaube ich, nicht eingebaut, ähm, aber wir haben auch, glaube ich, kaum Ankerlinks, die innerhalb von einer Seite hin und her zeigen.
Wir haben nur so, welche, die seitenübergreifend sind, so zu den Shownotes oder den Kommentaren, glaube ich.
Ja.
Damit können wir so machen.
Am Ende des Themas.
Weil du nichts mehr hast zum Thema.
Nee.
Und wir haben auch nie mehr, wir haben auch keinen Anrufer mehr in der Leitung.
Heute nicht.
Sollen wir vielleicht mal irgendwie, äh, einen Anrufer, also so, sollen wir vielleicht mal Call-In irgendwie machen?
Ja, müssen wir aber, ja, dann müssen wir das abstimmen mit unseren Aufnahmezeiten und dann.
Ja, dann können wir das ja mal, äh, sagen jetzt.
Eine Live, eine Live-Sendung.
Vielleicht mal eine Live-Sendung.
Wir können es bei Twitter ankündigen, dann rechtzeitig.
Und dann, äh, müssen wir hier mit, äh, mit Studio-Link, oder wie willst du das machen?
Ja, wir, das macht dann unsere Assistenz.
Genau, die, die Regie macht das dann, unsere Redaktion.
Die Regie macht das, die wir uns leisten können, nachdem ihr zum nächsten Mal gespendet habt.
Genau.
Den Link, äh, hat der Konstantin vorhin schon gesagt.
Ja, wir nennen den auch nochmal, wir hauen euch den nach nochmal um die Augen.
Nein, nein, nein, kein Problem.
Nein, ich, ihr müsst euch den nicht auswendig merken.
Auf unserer Seite ist er ganz, ganz oben.
Ihr klickt einfach auf das Bier, äh, oder in den Podcast-Shownotes, da ist auch ein kleiner Link.
Ich wollte gerade sagen, in den Podcast schon sogar, sofern die das unterstützen, Hyperlinks in den, äh, Descriptions.
Auch da, einfach draufklicken.
Tut nicht weh.
Ein Bier ist drin, oder?
Drei Euro ist, glaube ich, kostbar, uns ein Bier.
Ja.
Und, ähm, das, das kann man machen.
Das reicht eigentlich für ein Bier für jeden fast, also je nachdem.
Ja, ja, kommt drauf, ja, ja.
Also mal, einfach mal.
Okay.
Weißt du, es nervt?
Ja, klar.
Ich meine, am Anfang, die ersten, die ersten zehn Folgen haben wir über Feedback gebettelt.
Jetzt, äh, machen wir zehn Folgen, äh, Spenden.
Und dann lassen wir uns was Neues einfallen, mit was wir euch nerven.
Bis keiner mehr zuhört.
Wir wollen dann eure, euren, euren, frischen, neu gekauften Schlüpper, nicht die getragenen.
Oh Gott.
Sondern nur die, die neuen.
Damen und Herren, Gleichberechtigung.
Ja, natürlich, selbstverständlich.
Ich nehm, ich nehm, also mir ist egal, was drin, potenziell drin steckt im Schlüpper.
Okay.
Was?
Ja, was?
Ja, gut.
Ein Mensch.
Also, ich nehm, ich nehm auch, ich nehm auch Affenschlüpper.
Moment.
Ich hab, ich hab, ich hab, ich hab jetzt gerade vor kurzem...
Moment, warte, warte, warte, warte.
Nein, nein, nein, warte, ganz kurz noch, ganz kurz noch.
Ich hab, ich hab, ähm, es gibt, es gibt so ein TikTok-Account, wo einer so ein kleines Äffchen
zu Hause hat.
Mhm.
Ähm, und der, der, der kriegt diesen mittlerweile so bekannt, ähm, ich weiß nicht, wie er heißt
tatsächlich, könnt ihr mal in die Kommentare schreiben, wenn ihr es wisst, äh, und Glocke
drücken geht es ja.
Ding, ding, ding.
Ähm.
Und der hat, der hat so ein kleines Äffchen, so, so, ich weiß nicht, so ein Totenkopf-Affe,
das ist doch, glaub ich, ne Rasse, oder?
So einer von, äh, hier, äh, Pippi Langstrumpf.
Ja, so wie bei Flucht der Karibik, so, so, so, so einer, genau.
Okay.
Ähm, und, äh, oder Pippi Langstrumpf, so, so diese, diese Sorte.
Äh, und die sind mittlerweile so bekannt, dass die immer Päckchen geschickt kriegen, die,
äh, die der, äh, die der Affe dann, äh, öffnen darf.
Und, keine Ahnung, das, also so irgendwie, die schicken dann halt dem Essen und da war halt
irgendwie so eine Riesenkiste Popcorn letztes Mal übrigens, weil die Leute Popcorn, also
so ein Ding, das ist dann sehr putzig, dem Affen dabei zuzugucken, wie er so ein Paket
aufreißt und dann, äh, irgendwie so eine Pop, so eine Popcorn-Tüte aufmacht, die dann
eben Popcorn isst.
Aber, wie so Schlüpper, Affen-Schlüpper, der hat halt Unterwäsche an.
Oder irgendwie, auf jeden Fall so eine Art Hose.
Es sieht mehr aus wie so eine Art Schlüpper, das hat der, also bei dem letzten Video, was ich
da gesehen hab, das war so irgendwie blau, hat, äh, schon Schlüpper an.
Also, die dürft ihr uns auch schicken.
Interessant, ja.
Okay, gut, jetzt.
Darf ich?
Du darfst.
Das Geilteil.
Geilteil.
So, das Geilteil, das entspannt immer so ein bisschen dieser Jingle und kommt man dann
runter und jetzt, man weiß, es ist jetzt langsam das Ende, außer ich laber jetzt wieder eine
Weile, ähm, das Geilteil.
Äh, das, äh, ich hab gesagt eingangs, das, das neue Jahr ist schon wieder einen Monat
alt und damit auch der Brexit, der erfolgte.
und, äh, äh, äh, äh, äh, äh, äh, da wurde der Netscape-Communicator 4.0, äh, neben Outlook und Mozilla-Mail als moderne E-Mail-Software, äh, deklariert.
Das wurde wohl aus irgendeinem alten Vertrag, wahrscheinlich dem ursprünglichen EU-Vertrag, ähm, einfach kopiert und, äh, nicht, nicht abgeändert.
Da steht dann wirklich modern E-Mail-Software-Packages including Outlook, Mozilla-Mail as well as Netscape-Communicator 4.x.
Aber Mozilla-Mail, wieso stolpert da keiner drüber? Gibt's das auch noch?
Nee, ist das nicht, ist da nicht, äh, Thunderbird dann rausgeworden, oder?
Äh, äh, ja, also ich, ich weiß noch, Mozilla war mal, ähm, nicht nur Browser, sondern hatte auch E-Mail-Client, glaube ich, mit drin.
Also dieses Mozilla-Ding, glaube ich, war mit E-Mail.
Also ich verlinke jedenfalls, ich verlinke auch das, äh, Handels-Agreement auf Seite 921, kann man da, äh, sich das selber anschauen, ähm, war witzig, ging dann auch durch die Presse, BBC und so, ähm, und das als Einleitung zu einem passenden Video, was ich gefunden habe, ähm, kommt in die Shownotes, äh, will ich gar nicht groß was, äh, vorwegnehmen.
Da versucht jemand, äh, Netscape-Navigator, also nicht den Netscape-Communicator, das war das Mail-Programm, sondern den Netscape-Navigator unter Windows 10 laufen zu lassen, in diversen alten Versionen, um zu gucken, ob das noch läuft und, äh, wie das aussieht.
Und das war auch schon das Geil-Teil, ganz kurz und schmerzlos.
Mensch, danke. Also, ich, ich bin bestürzt, wollte ich noch dazu sagen.
Bestürzt? Über?
Und ich, ja, darüber, dass die so, ähm, naja, dann sieht man mal, wie, äh, ausgegoren der Brexit ist.
Ach so, ja, ja, gut, also, ich wollte jetzt gar nicht politisch drauf eingehen, weil dann, dann finden wir hier kein Ende, ähm, aber ja, ja, ist ein schönes Sinnbild, was da so alles gelaufen ist.
Aber ich, aber mehr muss, mehr muss ich dazu auch nicht sagen.
Äh, die zweite Hälfte der Folge beginnt jetzt, unser Politik-Spin-Off.
Nee, da, da kann ich mal kurz noch einen, äh, einen anderen Podcast, äh, pluggen.
Wer ein bisschen über den Brexit, ähm, hören will, der kann sich mal, ähm, so ein paar Folgen von, äh, UKW, dem Unsere-Kleine-Welt-Podcast anhören.
Huch. Ähm, die haben zwar, die haben viele Folgen, äh, auch über Corona-Zeug gemacht.
Äh, das ist auch, äh, der Tim Pütloff, ähm, aber auch, er hat immer mal wieder, äh, ein Gast da, der selbst Brite ist und so ein bisschen darüber berichtet.
Und, ähm, die reden da drüber, ich mein, gut, kann man sich jetzt wahrscheinlich denken, nicht unbedingt Brexit-Freund, äh, der Podcast, äh, beide, beide nicht.
Und, ähm, ja, aber das finde ich auf jeden Fall interessant, also, wer darüber ein bisschen mehr erfahren will.
Ja, ich, ich hier, äh, danke für den, für den Tipp, ja, interessiert mich.
Wenn ich mal dazukomme, tatsächlich, äh, selber Podcasts zu haben.
Also, da gab's jetzt, ich sag's, weil jetzt gerade vor kurzem wieder da eine neue,
Folge zum Thema kam, also die haben, ähm, als, ich weiß gar nicht, so vor einem Jahr oder vor eineinhalb Jahren, ich bin mir grad nicht so sicher, so vor einem Jahr, gab's da einige Folgen dazu?
Ja, läuft ja schon eine Weile.
Genau, so vor, vor Corona auf jeden Fall, äh, gab's da so drei, vier Folgen zu dem Thema, ähm, immer mal wieder so ein Update, so, was ist denn jetzt der Stand, was ist denn jetzt der Stand?
Und, ähm, der, ähm, der, der Gast, wo ich, dessen Name mir entfallen ist, ähm, der hat da immer so, äh, Charts gemacht, die, ähm, er hat versucht, die Wahrscheinlichkeit zu berechnen, wie es ausgeht.
Und das hat er jetzt, glaube ich, auch, äh, für noch, für noch was anderes in, ich glaub, für die Bundestagswahl hat er das, glaub ich, auch gemacht jetzt, aber das, der ist damit bekannt geworden und deswegen war er in dieser Sendung.
Also, wie der Brexit ausgeht, ich glaub, er hat am Ende nicht recht, weil ich glaub, er hat, wahrscheinlich war es auch so ein bisschen Wunschdenken, was in dieses Chart reingeflossen ist, dass es halt nix wird, ähm, äh, jetzt ist, jetzt haben wir, jetzt haben wir den Salat.
Aber kannst ja mal reinhören, oder könnt ihr auch mal reinhören.
Ja, ich hab, äh, bevor wir jetzt, bevor wir, bevor wir jetzt noch, ne, Werbeblock haben wir eigentlich schon genug gemacht heute, oder? Ich hab noch eine Frage, so an dich, Konstantin, und so, und so generell, so auch an euch, falls ihr, falls ihr dazu eine Meinung habt.
Ähm, ich hab mich gefragt, ist, ist so Fachbuchschreiben, ist das eigentlich noch zeitgemäß?
Ich hatte es, äh, letztens mit jemandem darüber, der dann meinte, ach, schreib doch mal ein Buch.
Dann hab ich gesagt, du, Buch in unserer Branche, hm, also der, der Gerrit hat's ja auch in unserer Folge 14, war die Web, äh, Webtypografie-Folge, hat er ja gesagt, ähm, also das, das, äh, vom zeitlichen Aspekt mal abgesehen, aber irgendwie, das läuft so, so, auch nicht mehr.
Und das ist so schnell veraltet, das ist, glaub ich, so das Hauptproblem.
Was ich dann auch gesagt habe, bei uns in der Branche, du schreibst heute was, und in einem halben Jahr, da ist das, was da steht, vielleicht einfach schon wieder falsch.
Ja, immer wieder neue Trends, ich mein, es gibt schon grundlegende Sachen, die dann eher so, vielleicht über die Strategie hinter der Entwicklung, äh, sind, ja, oder über Ansätze, Vorgehensweisen, auch das veraltet aber mit der Zeit.
Aber gerade so wirklich jetzt auf technische Neuerungen einzugehen, also, ich mein, auch unsere Podcast-Folgen, die sind ja, wenn du die in, in zwei Jahren hörst, ist wahrscheinlich die Hälfte davon schon längst obsolet.
Na, wir reden hier quasi Geschichte.
Wir, äh, ja, wir schreiben.
Wir reden Geschichte.
Wir nehmen Geschichte auf, ja.
Nein, wir reden.
Wir hören uns das in 20 Jahren dann, äh, nochmal an, retrospektiv, und denken, oh, das ist wie, wenn man, wie man, wie man, wie man, wie man alten Code, äh, sich anschaut, von früher, und du denkst nur so, oh.
Ja, aber, aber ich will, ich will zurück, zurückblicken, beziehungsweise zurückhören und dann denken, ja, war geil.
Das ist eigentlich mein Ziel.
Ja.
Ich will gar nicht in 20 Jahren mit dem, was wir hier reden, noch aktuell sein.
Nee, geht eh nicht.
Genau, weil reich werden wir damit nicht.
Deswegen, ähm, wenn man nicht reich damit wird, muss man eine gute Zeit haben.
Richtig, die haben wir aber, oder?
Und solange ihr, liebe Hörerinnen, ähm, nicht Spotify davon überzeugt, dass wir exklusiver Podcast werden von denen, ähm, dann dauert es noch ein bisschen mit dem Reich werden, und dann müssen wir halt so lange Spaß haben.
So lange haben wir halt hier Spaß.
Genau.
Weil, wenn gern Geld kommt, dann hört der Spaß auf.
Ich hab, ich hab gefragt, weil ich hab so die Tage gedacht, Mensch, ähm, wie wär's denn mal so, ich hab ja immer so das Gefühl, dass HTML, äh, irgendwie, ähm,
stiefmütterlich oft behandelt wird, und dass ich, äh, ich hab ja HTML so ein bisschen autodidaktisch gelernt, eigentlich ohne Buch damals, dann irgendwann auch mal mit Büchern, äh, und diversen Medien, aber so hauptsächlich so learning by doing und ausprobieren.
Und dann irgendwann tatsächlich auch mal Speck lesen oder, ähm, diverse, es gibt ja diverse Abstufungen, ähm, in, in der Zugänglichkeit von Wissen über das Web, von der Speck, das würde ich so mal sagen, ist so die, die Königsdisziplin ist, wenn du die Speck liest und verstehst, ähm, und die ist aber meistens,
ähm, wie soll ich sagen, sehr technisch, sehr technisch und da steht oft viel drin, was mich als Entwickler vielleicht gar nicht interessiert, sondern was vielleicht sogar eher für den Browserhersteller interessant ist.
So, und dann gibt's extrem viele Abstufungen bis zu, ähm, wo es ganz einfach runtergebrochen wird. Und ich hab mich gefragt, ähm, wie wär's denn, ähm, und es ist wirklich nur eine Spinnerei, so, weil HTML irgendwie immer zu kurz kommt, hab ich so das Gefühl, oder nicht so richtig gelernt wird, äh, das,
das HTML-Manual zu machen, und ich sag ganz bewusst nicht Buch, sondern irgendwie das, das muss eben das richtige Medium dann sein, es muss gar kein Buch sein.
Internet, Internet wäre auch vielleicht.
Das, das, ja, das Medium, Medium, Quelle, Quelle Internet.
Das Ganze ausgefallen ist.
Ähm, äh, ja, keine Ahnung, Video, ich mein, der Westboss macht ja geile Sachen zum Beispiel mit, mit Video-Workshops und die kannst du auch, die updatet der auch regelmäßig und, und verkauft die dann wieder.
Aber es geht mir jetzt gerade gar nicht ums Geld, sondern irgendwie so das einfache Einsteiger-HTML-Manual zu machen, das ich gerne gehabt hätte. Also, so wie quasi so, wie hätte, wie hätte ich's gerne gelernt?
Ich hab da so, ich hab's im Konstant-Thema kurz.
Ich hab mit self-HTML tatsächlich viel gelernt, ja, aber damit kann er ja kein Geld verdienen.
Ähm, also geht's dir doch ums Geld?
Nein, nein, mich, mich würde, nein, mich würde generell mal interessieren, ähm, was wäre denn das Medium, wenn jetzt irgendwie jemand zuhört und sagt, haja, das wäre irgendwie schon eine coole Sache und ich würde gerne mehr über HTML lernen, ich bin irgendwie Anfänger und, und ich fände es irgendwie geil, wenn das mal irgendwie zusammengefasst werden würde.
Es gibt, es gibt schon wahnsinnig viel und ich weiß, ich will eigentlich auch nicht das Rad irgendwie neu erfinden an der Stelle.
Ich hab hier grad mal, ich halt's mal kurz in die Kamera, ein sehr, sehr geiles Buch, äh, was ich vor vielen, vielen Jahren mal gekauft hab und zwar in erster Linie, weil ich es so schön fand.
Ähm, das heißt einfach nur HTML und CSS, Design and Build Websites und ich hab vor kurzem nochmal geguckt, äh, die Auflage ist, warte mal, wann kam das raus?
2011.
Und da waren schon so HTML5-Sachen drin, da fing das ja irgendwie so an.
Und es ist wahnsinnig schön und einfach erklärt, ich, äh, kann, keine Ahnung, ich zeig dir das vielleicht demnächst noch mal.
Ja, hoffentlich, ja.
Ich hab, ich hab nur drüber nachgedacht, es war wirklich nur eine Spinnerei.
Bräuchte es sowas eigentlich für HTML mal ein aktuell und was wäre das richtige Medium?
Die WWSEV-Fibel.
Und ich meine damit ganz bewusst kein, keine, äh, Referenz, weil da, da gibt es schon ganz gute, wo du so einfach dich Element für Element durcharbeiten kannst, ähm, weil, es gibt auch sehr, sehr schöne, es gibt zum Beispiel, glaube, ich weiß nicht, gibt's, haben die auch eine HTML-Referenz?
Es gibt auf jeden Fall eine CSS-Referenz von Code Drops, äh, eine meiner Lieblingsseiten, haben wir auch, glaube ich, schon mal drüber gesprochen, so bei Inspiration.
Ähm, es gibt, Referenzen gibt's schon, aber so dieses, und vielleicht auch auf Deutsch, ne, so dieses Werk, weil das, was ich jetzt gerade gezeigt hab, ist auf Englisch, das ist echt ein cooles Buch, sehr, sehr hübsch.
Was, was, was gibt es? Vielleicht gibt es ja auch das, was ich gerne, wo, wo ich gerne hätte, dass es das gibt.
Ähm, vielleicht gibt es das schon.
Ich erinnere mich, dass ich früher Azubis immer ganz gerne Little Boxes, äh, empfohlen hab, von Peter Müller.
Und das hatten wir damals auch als Buch, äh, in, in der Firma, ähm, wo wir die Azubis hatten.
Ähm, das war ein sehr, sehr einfacher Einstieg in HTML und CSS. Und, ähm, ich weiß nicht, ob da, ob es da mittlerweile eine aktualisierte Auflage von gibt, das könnte ich halt nur heutzutage, also das, was wir damals hatten, könnte ich niemandem mehr in die Hand drücken, weil es ist leider nicht mehr so richtig aktuell.
Ich hätte gerne ein Buch, wo halt auch irgendwie Grid mit drin ist, also so wirklich, was jetzt, ein, ein Lehrwerk, ich hab schon wieder Buch gesagt, also irgendwas, wo auch zum Beispiel Grid mal kurz angerissen wird, ähm, die aktuellen, der Stand der HTML5, äh, Elemente, was, was, was nutzt man denn, wofür, Semantik und sowas. Keine Ahnung.
Ja, also Semantik und, ähm, äh, Accessibility, ich glaub, das sind so die zwei Dinge, die hauptsächlich briefmütterlich behandelt werden. Ähm, ich glaub, da ist tatsächlich viel Bedarf, dass man da, das entsprechend kommuniziert auch, ja.
Weil man da vielleicht von sich aus auch nicht drauf sucht, also, ich lerne HTML ja und ich will diesen, ja, wie mach ich da ein Video rein, wie mach ich das rein, wie mach ich, wie style ich das, ja, ähm, aber, aber wie, wie, wie bilde ich semantisch meinen Inhalt ab?
Das ist wahrscheinlich gerade für Einsteiger nicht die Frage, aber wenn ich's nicht von Anfang an lerne, dann, äh, wann lerne ich's dann, ja.
Ähm, deswegen, ja, das stimmt schon, also, vielleicht muss man sich dann wirklich auch solche Themen rauspicken, wie eben Accessibility und, und Semantik und, äh, ja, eben, ich, wie ich gesagt hab, eher so, so ein bisschen Meta, wie, ja, wie, wie lerne ich HTML lernen, ja, und wie geh ich am besten vor und, äh, ich glaub, das sind eher so die Kernpunkte, die man da noch verpacken kann.
kann, die nicht schon verpackt sind auf tausendste Art und Weise.
Ja, also, was mir wichtig wäre, wäre halt, dass die Einstiegshürde extrem gering ist. Ähm, also, ich will, ja, keine Ahnung, ähm, ich, so wirklich auf, auf dem Level, so, jetzt machst du mal dein Texteditor auf und jetzt schreibst du mal dies und das tut dann das, so.
Das ist sowas, was ich, glaub ich, äh, gebraucht hätte, als ich angefangen hab.
Also, ich, mein, mein, mein Neffe hört zum Beispiel, ich, glaub, der hört auch manchmal zu, ähm, der lernt auch HTML so ein bisschen nebenher immer mal wieder, äh, für den wär das zum Beispiel was, ja, weil der mit englischen Inhalten so sich dann doch noch ein bisschen schwer tut, äh, so alt ist er noch nicht.
Ähm, und, ich, glaub, für den wär auch so ein, so ein, so ein, ein deutschsprachiges Lehrwerk, ähm, wo man aber halt nicht einfach irgendwie nur drin nachschlägt, sondern das einem wirklich so ein bisschen an die Hand nimmt und, äh, einem die HTML-Welt erklärt.
Ja, das wär, glaub ich, so ein bisschen die Zielgruppe, halt wirklich der Nachwuchs an, an, ja, Nachwuchsentwicklern.
Sagt mal, vielleicht gibt's ja sowas schon und ich kenn's nur nicht, also könnt ihr gerne mal in die Kommentare schreiben.
Äh, ich weiß, dass da Peter Müller immer noch Bücher schreibt und ich fand dieses Little Boxes damals ziemlich gut, ähm, ich weiß, dass da irgendwas, aber, glaub, ein Wordpress-Buch hat er geschrieben, ähm, vielleicht gibt's ja auch eine aktuelle, äh, Version von Little Boxes oder so, weil, äh, dann, ähm, muss ich hier gar nichts machen.
Ich hab auch nicht angekündigt, dass hiermit, dass ich was mache, ich hab nur drüber nachgedacht, warum gibt's denn da irgendwie nix deutschsprachiges, sehr einsteigerfreundliches, weil das ist...
Ja, du, unser, der ganze Podcast hier hat ja genau so nachgefangen, wir haben mal drüber nachgedacht und haben mal so, naja, muss man mal im Hinterkopf behalten und, äh, ja, mal schauen, was die Zukunft so bringt, vielleicht.
Mal schauen, was die Zukunft so bringt und tut sich da ja was.
Eigentlich machen wir den Podcast ja nur, weil wir regelmäßig Bier trinken wollen.
Ja, und uns sehen und, äh, gerade jetzt.
Stimmt, und uns sehen.
Ich sehe den Konstantin übrigens, äh, den sehr gut frisierten Konstantin, wollte ich dir auch mal sagen.
Ja, selber, mit einem langen Haarschneider hier so.
Uh, very good, very good.
Ja, so, jetzt hab ich hier die Stimmung runtergezogen.
Sehen wir, ach nee, wieso denn?
Nee, schreibt mal in die Kommentare, ob's was gibt, das würde mich echt interessieren, ähm, oder was für euch das richtige Medium wäre.
Da ist ein Buch noch zeitgemäß, sollte es ein Video-Workshop-Tutorial sein oder irgendwie was schriftliches, Audio könnte es ja auch sein.
Manchmal aber bei HTML und CSS ist angucken, glaube ich, immer ganz gut.
Ja.
Mhm.
Ähm, einfach mal sagen, was so für euch das Optimale wäre.
Fände ich irgendwie mal interessant.
Wer weiß, vielleicht gibt's dann demnächst die EWS-IV-Fibel.
Nur echt im Video.
Genau.
Okay, ich glaube, damit sind wir am Ende.
Und hast du sonst noch was Abkündigendes zu sagen?
Ich glaube, Werbung haben wir jetzt tatsächlich genug gemacht.
Ansonsten empfehlt uns weiter.
Also, äh, klar, Hörer dazugewinnen ist, äh, immer nicht schlecht.
Schreibt Spotify.
Schreibt Spotify, äh, und empfehlt uns weiter.
Das sind die abschließenden Worte.
Und ansonsten bleibt gesund.
Und wir hören uns, äh, wahrscheinlich wieder in zwei Wochen.
Ganz genau.
Ciao.
Bis dann.