WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: The elder scrolls (der Alte scrollt)
Publishing Date: 2021-01-31T14:05:44+01:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/the-elder-scrolls-der-alte-scrollt/

00:00:00.000 --> 00:00:03.460
 Wo wir sind, ist vorne, Folge 20. Heute scrollen wir uns die Fingerwund.

00:00:03.460 --> 00:00:19.480
 Herzlich willkommen bei Wo wir sind, ist vorne.

00:00:19.480 --> 00:00:22.260
 Frontend-Fakten-Frotzeleien.

00:00:22.260 --> 00:00:26.280
 Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

00:00:29.220 --> 00:00:37.980
 Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleur Konstantin Groß.

00:00:37.980 --> 00:00:56.440
 Frohes neues Jahr, von dem schon wieder ein Zwölftel rum ist.

00:00:57.440 --> 00:01:03.820
 Aber unsere erste Folge des Jahres und ich hoffe, dass alle gesund sind und reich beschenkt worden sind zu Weihnachten.

00:01:03.820 --> 00:01:06.280
 Nur noch elf Monate, dann ist es wieder soweit.

00:01:06.280 --> 00:01:12.660
 Und wenn noch was übrig ist von den Geldgeschenken zu Weihnachten, ihr wisst, wir freuen uns immer über eine kleine Spende.

00:01:12.660 --> 00:01:15.500
 Ich glaube, wir müssen einfach den Link nochmal öfter erwähnen.

00:01:16.060 --> 00:01:19.580
 Buy-Me-A-Coffee.com slash W-W-S-I-V.

00:01:19.580 --> 00:01:21.120
 Geht ganz schnell, tut nicht weh.

00:01:21.120 --> 00:01:23.620
 Ja, bitte spenden.

00:01:23.620 --> 00:01:25.480
 Ah, herzlich willkommen übrigens.

00:01:25.480 --> 00:01:26.560
 Hallo.

00:01:26.560 --> 00:01:29.300
 Bevor wir ums Geld betteln, erstmal hallo.

00:01:29.300 --> 00:01:30.340
 Hallo.

00:01:30.340 --> 00:01:32.340
 Hallo, schön, dass du zuhörst.

00:01:32.340 --> 00:01:34.100
 Ja.

00:01:34.100 --> 00:01:34.500
 Ja.

00:01:35.280 --> 00:01:35.680
 Gut.

00:01:35.680 --> 00:01:36.360
 So, fertig.

00:01:36.360 --> 00:01:37.240
 Fertig.

00:01:37.240 --> 00:01:38.120
 Bier.

00:01:38.120 --> 00:01:39.000
 Bier-Frage.

00:01:39.000 --> 00:01:39.880
 Warte, warte.

00:01:39.880 --> 00:01:40.700
 Traditionell.

00:01:40.700 --> 00:01:41.900
 Ach so, Bier.

00:01:41.900 --> 00:01:42.720
 Ja, Bier, genau.

00:01:42.720 --> 00:01:43.900
 Erzähl mal, was trinkst du denn heute?

00:01:43.900 --> 00:01:48.760
 Ich habe heute mal wieder, das hatte ich glaube ich auch schon mal, einen Mönchshof-Natur-Radler.

00:01:50.460 --> 00:02:00.160
 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.

00:02:00.160 --> 00:02:01.160
 Was, bei dir wird Bier schlecht?

00:02:01.160 --> 00:02:13.880
 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.

00:02:13.880 --> 00:02:14.220
 Ja, dann.

00:02:14.220 --> 00:02:15.320
 Okay, also.

00:02:15.320 --> 00:02:16.880
 Oh, das hat aber nicht schön geploppt.

00:02:16.880 --> 00:02:18.580
 Naja.

00:02:19.360 --> 00:02:20.860
 Naja, du kannst ja nochmal schütteln und nochmal.

00:02:20.860 --> 00:02:22.440
 Nee, nee, nee, lieber nicht.

00:02:22.440 --> 00:02:32.480
 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.

00:02:32.480 --> 00:02:37.140
 Okay, du hast die Retro-Intro-Zeit, um Bier zu trinken.

00:02:37.140 --> 00:02:44.700
 BWSEV präsentiert die Retrospektive.

00:02:48.260 --> 00:02:50.040
 Das darfst du auch gleich anfangen.

00:02:50.040 --> 00:02:56.160
 Ja, ähm, nicht, dass wir wieder, wir müssen aufpassen, nicht, dass wir wieder Burp-Gate-Zwei verursachen.

00:02:56.160 --> 00:02:57.040
 Hashtag Burp-Gate.

00:02:57.040 --> 00:03:02.520
 Es ist, es ist, es ist gefährlich, wer, wer wissen will, worum es geht, der kann mal, kann mal bei Twitter suchen.

00:03:02.520 --> 00:03:05.560
 Ähm, so, Retro.

00:03:05.560 --> 00:03:13.620
 Ä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.

00:03:14.120 --> 00:03:29.180
 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.

00:03:29.900 --> 00:03:35.300
 Eigentlich ist das hier für mich auch gar kein Technik-Podcast, sondern eigentlich nur ein Laber und Selbst-Selbsttherapie.

00:03:35.300 --> 00:03:37.960
 Ja, ja, ja, ja, eigentlich will ich mir bloß keinen Psychologen leisten.

00:03:37.960 --> 00:03:41.400
 Genau, weil Bier trinken ist billiger.

00:03:41.400 --> 00:03:43.660
 Und die Hardware, ist auch egal.

00:03:43.900 --> 00:03:53.720
 Ä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.

00:03:53.720 --> 00:04:04.100
 Ä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?

00:04:04.100 --> 00:04:15.080
 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.

00:04:15.080 --> 00:04:21.520
 Ähm, und ich habe mal zum Beispiel, weil wir schon hier in einem Podcast sind, ähm, habe ich Pocket Casts.

00:04:21.520 --> 00:04:32.940
 Ä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,

00:04:33.040 --> 00:04:44.440
 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.

00:04:44.440 --> 00:04:51.320
 Ä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.

00:04:51.320 --> 00:04:54.300
 Aber das kostet, glaube ich, extra, oder? Das ist, glaube ich, so ein Pay-Feature, kann das sein?

00:04:54.300 --> 00:05:02.980
 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.

00:05:02.980 --> 00:05:10.700
 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.

00:05:10.700 --> 00:05:20.420
 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.

00:05:20.740 --> 00:05:28.120
 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.

00:05:28.700 --> 00:05:34.080
 Und, ähm, wie man das zum Beispiel von, äh, Quiz-Duell kennt, wie ich das irgendwann mal erfahren musste.

00:05:34.080 --> 00:05:34.560
 Ach, echt?

00:05:34.560 --> 00:05:38.560
 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.

00:05:39.320 --> 00:05:50.000
 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.

00:05:50.000 --> 00:06:01.780
 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.

00:06:01.780 --> 00:06:08.780
 Und ich glaube, zwei oder drei Jahre lang sagen die, habe ich jetzt Premium-Features, äh, ohne dafür bezahlen zu müssen.

00:06:08.780 --> 00:06:11.800
 Und dann, wenn ich sie weiterbehalten will, müsste ich dafür zahlen.

00:06:11.800 --> 00:06:14.160
 Aber das Web-Interface nutze ich eigentlich so gut wie nie.

00:06:14.280 --> 00:06:21.380
 Allerdings ist es echt cool, weil, also, ich bin ja normal kein Freund, äh, von Anmelden in Apps, wenn es nicht unbedingt notwendig ist.

00:06:21.380 --> 00:06:27.460
 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.

00:06:27.460 --> 00:06:32.340
 Der merkt sich auch wirklich genau die Sekunde, bis zu der ich abgespielt habe, auf beliebig vielen Geräten.

00:06:32.340 --> 00:06:35.240
 Und dann kann ich einfach da weiterhören, da weiterhören, da weiterhören.

00:06:35.240 --> 00:06:39.360
 Und ist einfach ein stabiler, äh, Podcatcher. Gutes Ding.

00:06:40.080 --> 00:06:49.940
 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.

00:06:49.940 --> 00:06:54.880
 Und, äh, ich einfach nur mit der Grundfunktion schon so zufrieden bin und mir das eigentlich reicht.

00:06:56.040 --> 00:07:09.840
 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.

00:07:10.100 --> 00:07:18.340
 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.

00:07:18.340 --> 00:07:25.440
 Dann natürlich, ähm, Geschwindigkeit kann man regulieren und das kann man sogar pro Podcast einzeln festlegen.

00:07:25.440 --> 00:07:34.700
 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.

00:07:34.700 --> 00:07:48.840
 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.

00:07:48.840 --> 00:07:56.620
 Also, dass, äh, stille rausgekattet wird, ähm, und das ist, warte mal, jetzt muss ich gerade mal gucken, hier steht.

00:07:56.620 --> 00:07:59.080
 Wie viel man da gespart hat dadurch, ne, durch die, durch die Features.

00:07:59.080 --> 00:08:10.360
 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.

00:08:10.360 --> 00:08:21.220
 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.

00:08:22.220 --> 00:08:27.840
 Ähm, ich habe durch Skippen 20 Stunden gespart, äh, durch variablen.

00:08:27.840 --> 00:08:28.920
 Was, 20 Stunden?

00:08:28.920 --> 00:08:31.320
 Ja, 20 Stunden durch Skippen.

00:08:31.320 --> 00:08:33.760
 Warte mal, Moment, das wird noch geiler.

00:08:33.760 --> 00:08:40.600
 Äh, durch variablen Speed, äh, 10 Stunden und jetzt removing silence, zwei Tage, zwei Stunden.

00:08:40.600 --> 00:08:41.100
 Wow.

00:08:41.100 --> 00:08:41.640
 Habe ich gespart.

00:08:42.780 --> 00:08:43.440
 Okay, krass.

00:08:43.440 --> 00:08:55.320
 Ä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.

00:08:55.320 --> 00:08:56.180
 Nicht so bei uns.

00:08:56.180 --> 00:09:00.180
 Also, insgesamt habe ich drei Tage, neun Stunden gespart durch diese Features.

00:09:00.180 --> 00:09:02.540
 Und das ist eigentlich witzig, auch so diese Statistik zu sehen.

00:09:02.540 --> 00:09:13.180
 Und, äh, dieses, ähm, äh, äh, stille Entfernen, das, da gibt es mittlerweile sogar auch drei verschiedene, ähm, Härtegrade davon.

00:09:13.180 --> 00:09:14.720
 Also, wie aggressiv der das macht.

00:09:14.720 --> 00:09:22.700
 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.

00:09:22.700 --> 00:09:27.340
 Aber es stört mich nicht, weil dadurch wird, äh, spare ich irgendwie Zeit und, äh, Podcast geht schneller.

00:09:27.340 --> 00:09:29.560
 Aber ich schweife aus, zu tief schon.

00:09:29.560 --> 00:09:40.640
 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.

00:09:40.640 --> 00:09:43.880
 Also krass, wie viel, wie viel Stille man fabriziert, wenn man einen Podcast macht.

00:09:43.880 --> 00:09:45.100
 Ja, wir machen auch eine Menge Stille.

00:09:45.100 --> 00:09:46.880
 Und wie langsam man teilweise spricht.

00:09:46.880 --> 00:09:53.140
 Ja, ich glaube, äh, Sprechgeschwindigkeit, äh, dynamisch anpassen haben sie, glaube ich, nicht drin.

00:09:53.140 --> 00:09:56.100
 Wenn man mal langsamer spricht, wird es nicht schneller gemacht.

00:09:56.100 --> 00:09:57.920
 Wenn man mal ein bisschen schneller spricht, wird es auch nicht langsamer gemacht.

00:09:58.780 --> 00:10:00.280
 Das hat jetzt keiner gestanden mehr.

00:10:00.280 --> 00:10:04.760
 Ich habe aber auch erst irgendwie so 100 Milliliter Bier getrunken.

00:10:04.760 --> 00:10:06.360
 Das geht gleich dann nicht mehr, sowas.

00:10:06.360 --> 00:10:07.600
 Das geht dann wahrscheinlich schief.

00:10:07.600 --> 00:10:08.580
 Das ist auch gut zu der Zeit.

00:10:08.580 --> 00:10:09.000
 So, Software Nummer zwei.

00:10:09.000 --> 00:10:13.520
 Äh, Software Nummer zwei, die ich richtig gut finde und schon viele Jahre benutze, Feedly.

00:10:13.520 --> 00:10:20.440
 Ähm, viele, viele junge, äh, Zuhörer und Zuhörerinnen kennen Feeds vielleicht gar nicht mehr.

00:10:20.500 --> 00:10:27.700
 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.

00:10:27.700 --> 00:10:38.700
 Ä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.

00:10:39.080 --> 00:10:41.940
 Und ich lese jeden Tag, äh, mich durch meinen Feedreader durch.

00:10:41.940 --> 00:10:53.860
 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.

00:10:53.860 --> 00:11:00.440
 Das Neue ist so ein Endlosscroller, das, das Standardfeedly und das Feedly Classic ist so, man, man scrollt da so seitenweise durch.

00:11:00.540 --> 00:11:11.660
 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.

00:11:11.660 --> 00:11:17.100
 Man kann natürlich aber auch externe irgendwie importieren und, ähm, ich mag das Layout von dem Ding einfach.

00:11:17.100 --> 00:11:26.920
 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.

00:11:27.560 --> 00:11:40.500
 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.

00:11:40.500 --> 00:11:41.400
 Das ist doch nett.

00:11:41.400 --> 00:11:46.080
 Wenn, äh, wenn ihr was nutzt, wofür ihr nix bezahlt oder nix bezahlt habt.

00:11:46.080 --> 00:11:47.480
 Zum Beispiel auch Podcasts.

00:11:47.480 --> 00:11:49.180
 Zum Beispiel Podcasts.

00:11:50.320 --> 00:11:57.620
 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.

00:11:57.620 --> 00:12:01.900
 Ähm, dann einfach vielleicht mal irgendwie ein bisschen Geld geben.

00:12:01.900 --> 00:12:08.140
 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?

00:12:08.140 --> 00:12:13.800
 Weil ich wollte, ich wollte ihnen eigentlich mehr geben, als das ein Jahresabo kostet, aber ich wollte in keinem Abo drin sein.

00:12:14.320 --> 00:12:22.320
 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.

00:12:22.320 --> 00:12:27.340
 Ähm, so, eins muss ich überspringen, weil ich es mittlerweile nicht mehr nutze.

00:12:27.340 --> 00:12:28.280
 Okay.

00:12:28.280 --> 00:12:33.840
 Äh, genau, aber meine letzte, letzte Software auf der Liste ist Nextcloud.

00:12:33.840 --> 00:12:43.400
 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.

00:12:44.040 --> 00:12:51.600
 Ä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.

00:12:51.600 --> 00:13:03.760
 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,

00:13:03.760 --> 00:13:11.820
 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.

00:13:12.980 --> 00:13:17.140
 Da bin ich jetzt auch hinmigriert, das, äh, kommen wir später nochmal zu, in einem anderen Retro-Punkt von mir.

00:13:17.140 --> 00:13:34.540
 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.

00:13:34.540 --> 00:13:38.900
 Also soweit ich weiß, äh, in Stuttgart wird es hauptsächlich entwickelt, aber ich glaube, die haben weltweit Mitarbeiter.

00:13:38.900 --> 00:13:48.940
 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.

00:13:48.940 --> 00:13:55.200
 Cool. Ja, schön, dass es auch, äh, positiv zu erwähnende Software gibt. Ähm, wir haben ja auch schon viel gerantet hier.

00:13:55.420 --> 00:14:02.460
 Es kommt auch nachher nochmal ein kleiner Rant, äh, aber, äh, schön, dass es auch, dass es auch gegensätzliche Beispiele gibt.

00:14:02.460 --> 00:14:13.140
 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.

00:14:13.140 --> 00:14:17.220
 Sehr schön, wir wollen ja hier, äh, Positivität, Positivität verbreiten.

00:14:17.220 --> 00:14:20.520
 Gut, bist du durch mit deinem?

00:14:20.520 --> 00:14:21.720
 Ich bin total durch.

00:14:21.720 --> 00:14:31.320
 Du bist sowieso durch. Gut, ich habe diese Woche, das ist jetzt auch ganz frisch, äh, mein erster Retro-Punkt, mit, äh, VIT gearbeitet.

00:14:31.320 --> 00:14:42.720
 Ä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.

00:14:42.720 --> 00:14:49.160
 Ähm, VIT.js.dev, entwickelt von AVENU, dem Macher von Vue.js.

00:14:50.120 --> 00:15:09.860
 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.

00:15:10.260 --> 00:15:23.680
 Ä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,

00:15:24.140 --> 00:15:31.860
 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.

00:15:32.460 --> 00:15:39.020
 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.

00:15:39.020 --> 00:15:45.240
 Das dauert dann trotzdem zwei bis drei Sekunden teilweise mit neu kompilieren, je nachdem, was da alles gemacht wird.

00:15:45.240 --> 00:15:51.540
 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.

00:15:51.900 --> 00:15:59.540
 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.

00:15:59.540 --> 00:16:06.640
 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.

00:16:06.640 --> 00:16:11.760
 Also ich hab in einem Video gesehen, 300 Millisekunden sind das etwa, also es fühlt sich wirklich instantan an.

00:16:11.760 --> 00:16:20.360
 Und, ähm, gerade gestern erst, also jetzt wo wir das aufnehmen, heute ist der 29., gestern am 28. Januar, ähm, hat Avenue gepostet,

00:16:20.360 --> 00:16:31.240
 dass er ein Projekt mit 5800 Modulen hat, das auf seinem, auf seinem MacBook M1 aus dem Kaltstart in zwei Sekunden hochfährt.

00:16:31.240 --> 00:16:34.580
 Äh, 5.000 Modulen?

00:16:34.580 --> 00:16:35.360
 5.800 Modulen.

00:16:35.360 --> 00:16:39.460
 Ich glaube, er ist dann irgendwie in den Kommentaren drauf eingegangen, so genau hab ich's aber nicht mehr angeschaut,

00:16:39.460 --> 00:16:46.520
 es ist quasi so ein Beispielprojekt, wo wirklich alles, was man in einem, in einem CRM-System haben könnte, theoretisch, ist da drin.

00:16:46.920 --> 00:16:50.820
 Einfach quasi auch so als Benchmark, um zu gucken, wie schnell ist denn tatsächlich, äh...

00:16:50.820 --> 00:16:55.340
 Also ich finde, 5.800 Module hat einen Applaus verdient, ja.

00:16:55.340 --> 00:16:56.140
 Absolut.

00:16:56.140 --> 00:16:57.140
 Das ist schon, schon ordentlich.

00:16:57.140 --> 00:17:01.780
 Und wie gesagt, zwei Sekunden, ähm, also das, das ist schon wirklich Wahnsinn.

00:17:01.900 --> 00:17:12.080
 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.

00:17:13.260 --> 00:17:22.060
 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.

00:17:22.060 --> 00:17:30.800
 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.

00:17:30.900 --> 00:17:37.480
 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.

00:17:37.480 --> 00:17:43.560
 Und dann hab ich direkt mal damit rumgespielt und das direkt mal eingesetzt und ich bin bisher also wirklich sehr zufrieden.

00:17:43.560 --> 00:17:54.240
 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.

00:17:54.240 --> 00:17:59.980
 Und da gibt's auch schon ein fertiges React-Template und ein View-Template, ähm, das man relativ einfach installieren kann über MPM.

00:18:00.740 --> 00:18:05.780
 Und dann ist man da sehr schnell am Start und das macht wirklich Spaß, damit zu arbeiten.

00:18:05.780 --> 00:18:30.580
 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,

00:18:30.580 --> 00:18:42.160
 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.

00:18:42.420 --> 00:18:49.640
 Allerdings auch standardmäßig trotzdem für Browser, die ESM supporten, was ja inzwischen die Evergreen-Browser sowieso alle tun.

00:18:50.180 --> 00:19:01.700
 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.

00:19:01.700 --> 00:19:09.820
 Ä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.

00:19:10.040 --> 00:19:28.180
 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.

00:19:29.040 --> 00:19:44.620
 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.

00:19:44.620 --> 00:19:52.620
 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.

00:19:54.100 --> 00:20:24.080
 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,

00:20:24.080 --> 00:20:35.920
 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,

00:20:35.920 --> 00:20:44.540
 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.

00:20:45.480 --> 00:20:51.300
 Erdruckend, du hast gerade zum ersten Mal, das ich in meinem ganzen Leben gehört hab, der Plural von Schluckauf.

00:20:51.300 --> 00:20:56.320
 Schluckäufe, Schluckläufe, ah, Schluck, äh, wie heißt das denn? Schluckaufe, Schluckauf, ich weiß es nicht.

00:20:56.320 --> 00:21:08.480
 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.

00:21:08.480 --> 00:21:35.060
 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.

00:21:35.060 --> 00:21:40.680
 Und ich hatte zuerst, ähm, na, wie heißt das andere, ähm, das fällt mir in der Dame natürlich nicht ein.

00:21:40.680 --> 00:21:41.960
 Egal.

00:21:41.960 --> 00:21:48.100
 Also, mit das bekannteste JavaScript, äh, ähm, ähm, ähm, Testrunner, mit J, irgendwas.

00:21:48.100 --> 00:21:49.080
 Stress mal.

00:21:49.080 --> 00:21:50.720
 Nee, egal.

00:21:50.720 --> 00:21:55.780
 Der hat, das hat nicht funktioniert, da muss man irgendwie ganz kompliziert das umbiegen, dass das, äh, mit den Modulen funktioniert.

00:21:55.780 --> 00:22:04.880
 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,

00:22:05.060 --> 00:22:12.140
 ähm, dass er, also, ja, die Frage, vielleicht fang ich anders an, ist, ist das ein Ersatz für Vue CLI?

00:22:12.140 --> 00:22:21.600
 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.

00:22:22.780 --> 00:22:36.580
 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?

00:22:36.900 --> 00:22:49.100
 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.

00:22:49.100 --> 00:22:51.820
 Genau, gut, dass du, dass du das, äh, noch angemerkt hast.

00:22:51.820 --> 00:23:00.200
 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.

00:23:00.960 --> 00:23:07.160
 Ä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?

00:23:07.160 --> 00:23:17.000
 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?

00:23:17.000 --> 00:23:22.920
 Ä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.

00:23:22.920 --> 00:23:26.420
 Und das Einzige, was noch nicht so gut läuft, sind Runner-Integrationen.

00:23:26.420 --> 00:23:38.740
 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.

00:23:38.740 --> 00:23:42.940
 Das läuft alles noch nicht so ganz rund, aber das wird noch, und dann ist das wirklich ein, ein sehr cooles Tool.

00:23:43.200 --> 00:23:51.780
 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.

00:23:51.780 --> 00:24:11.100
 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.

00:24:11.600 --> 00:24:13.820
 Wer muss schon automatisch Web-Fonts generieren?

00:24:13.820 --> 00:24:14.020
 Ich.

00:24:14.020 --> 00:24:15.160
 Warum?

00:24:15.160 --> 00:24:18.020
 Ja, es, äh, geht zu sehr in die Tiefe.

00:24:18.020 --> 00:24:22.660
 Okay, gut, da frag ich nicht, nicht weiter nach.

00:24:22.660 --> 00:24:28.560
 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.

00:24:28.560 --> 00:24:41.580
 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,

00:24:41.580 --> 00:24:57.160
 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.

00:24:57.300 --> 00:25:06.360
 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.

00:25:06.360 --> 00:25:09.020
 Ja, ist doch schön, also, dass der Name dann auch stimmt.

00:25:09.580 --> 00:25:10.340
 Ja, tatsächlich.

00:25:10.340 --> 00:25:13.240
 Witt, witt, witt, witt, witt, witt, witt, witt.

00:25:13.240 --> 00:25:13.700
 Schnell, schnell.

00:25:13.700 --> 00:25:18.800
 Äh, ja, das, mein, mein, mein, mein Beitrag zu Sprachen.

00:25:18.800 --> 00:25:20.340
 Sehr schön.

00:25:22.200 --> 00:25:52.180
 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.

00:25:52.200 --> 00:25:53.760
 zu kommen, hin zu einem Messenger.

00:25:53.760 --> 00:25:58.480
 Gerade so ein Trend nochmal, der nochmal befeuert wurde jetzt durch die Datenschutzgeschichte, ja.

00:25:58.480 --> 00:26:04.340
 Zu Signal, also das ist jetzt so mein, mein, äh, Chat-Client der Wahl, ich glaub Konstantin, deiner auch.

00:26:04.340 --> 00:26:10.460
 Also wir haben unsere komplette Familie inklusive der Eltern und, äh, Schwiegereltern dahin umgezogen, die ganzen Familiengruppen.

00:26:10.460 --> 00:26:12.620
 Ich, äh, ich bin noch, ich bin noch dran.

00:26:12.620 --> 00:26:14.880
 Ja, ist nicht ganz einfach.

00:26:14.880 --> 00:26:22.180
 Ähm, ich muss ja sagen, die, ähm, die animierten Sticker, und das, finde ich, ist ein großes Kriterium, das ist mir sehr wichtig.

00:26:22.200 --> 00:26:33.180
 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.

00:26:33.180 --> 00:26:38.040
 Also WhatsApp und Telegram oder sonstige Messenger versuch ich gerade zu Signal zu migrieren.

00:26:38.040 --> 00:26:46.000
 Ä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.

00:26:46.120 --> 00:26:50.520
 Es ist, es ist total komisch. Also war ich da wieder, also irgendwie so ein oder zwei Wochen vorher.

00:26:50.520 --> 00:26:51.080
 Du bist halt ein Hipster.

00:26:51.080 --> 00:26:54.620
 Nee, eigentlich gar nicht. Normal bin ich ein Late Adopter.

00:26:54.620 --> 00:27:01.880
 Ich warte jetzt zum Beispiel bei, bei, äh, wie heißt dieses, dieses komische, äh, Podcast-Live-Dingsda-Clubhouse oder so.

00:27:01.880 --> 00:27:02.880
 Ach ja, mhm, ja.

00:27:02.880 --> 00:27:05.260
 Aber das ist ja eh nur eine Einladung, ne? Hast du schon einbekommen?

00:27:05.260 --> 00:27:09.980
 Das guck ich mir, das guck ich mir aber vermutlich wahrscheinlich nie an, aber wenn, dann frühestens in einem Jahr oder so.

00:27:09.980 --> 00:27:12.900
 Also normalerweise bin ich immer sehr, sehr, sehr spät bei sowas.

00:27:12.900 --> 00:27:18.260
 Also ich war auch, ähm, irgendwie ein oder zwei Jahre, erst nachdem andere Leute schon bei Twitter waren, war ich dann bei Twitter.

00:27:18.260 --> 00:27:24.980
 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.

00:27:24.980 --> 00:27:37.040
 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.

00:27:37.040 --> 00:27:43.980
 Jeden Tag, irgendwie sind's zehn neue Leute, die jetzt irgendwie bei Signal sind. Ich find das gut, aber diese Nachrichten, die nerven echt.

00:27:43.980 --> 00:27:46.740
 Ja, dass man die auch nicht ausstellen kann, also ich hab zumindest Dix entdeckt.

00:27:46.740 --> 00:27:50.160
 Ich archivier diese Chats dann immer, weil ich hab vielleicht sogar.

00:27:50.160 --> 00:27:54.540
 Ja, das ist ja noch dazu, es erstellt dann auch noch einen Chat mit der Person, so hier gleich anschreiben.

00:27:54.540 --> 00:27:55.520
 Notification, genau.

00:27:55.520 --> 00:28:22.220
 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.

00:28:22.220 --> 00:28:25.500
 Und dann kannst du da, ja, Infos, Links und so weiter speichere ich dann da drin.

00:28:25.540 --> 00:28:36.140
 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.

00:28:36.140 --> 00:28:50.560
 Ä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.

00:28:50.560 --> 00:28:51.840
 Nee, hoffentlich nicht, nee.

00:28:51.840 --> 00:28:53.840
 Sollte man vielleicht eher nicht machen, ähm, aber, ja, defort.

00:28:53.840 --> 00:28:56.020
 Auch wenn End-zu-Ends verschlüsselt, aber, äh, nee.

00:28:56.020 --> 00:29:13.680
 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.

00:29:13.680 --> 00:29:21.920
 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.

00:29:21.920 --> 00:29:22.600
 Genau.

00:29:22.600 --> 00:29:23.460
 Das ist ein gutes Argument.

00:29:23.460 --> 00:29:24.860
 Das, das hat mich überzeugt.

00:29:24.860 --> 00:29:27.580
 Ja, mich auch tatsächlich, an dem Tag bin ich dann auch zu signalen.

00:29:27.580 --> 00:29:39.000
 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.

00:29:39.000 --> 00:29:54.820
 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.

00:29:54.900 --> 00:29:58.560
 Und da, wie ich vorhin schon gesagt hab, ähm, ähm, gibt es in Nextcloud Deck.

00:29:58.560 --> 00:30:18.380
 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.

00:30:18.380 --> 00:30:23.040
 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.

00:30:23.040 --> 00:30:27.040
 Ein paar Zeilen einfach nur, ähm, hat mir dann irgendwie geholfen.

00:30:27.040 --> 00:30:34.780
 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.

00:30:34.900 --> 00:30:47.560
 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.

00:30:47.560 --> 00:30:53.940
 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.

00:30:54.000 --> 00:30:57.000
 Dann muss man es nicht irgendwie auf fremden US-Servern rumliegen haben.

00:30:57.000 --> 00:31:06.420
 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.

00:31:06.420 --> 00:31:18.280
 Ä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.

00:31:18.280 --> 00:31:24.880
 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.

00:31:24.880 --> 00:31:30.240
 Funktioniert super, standardmäßig synchronisiert dann über die entsprechenden, äh, Standardschnittstellen, die es da gibt.

00:31:30.240 --> 00:31:37.380
 Ähm, echt, äh, klasse, macht Spaß und, äh, Privacy ist irgendwie, fühlt sich einfach gut an, wenn man Sachen sozusagen nach Hause holt.

00:31:37.380 --> 00:31:40.540
 Kann ich nur jedem empfehlen. So.

00:31:40.540 --> 00:31:41.420
 Gut.

00:31:41.420 --> 00:31:42.960
 Gut.

00:31:42.960 --> 00:31:45.880
 Ja, du darfst weitermachen.

00:31:45.880 --> 00:31:46.920
 Ich, ich darf schon weitermachen.

00:31:46.920 --> 00:31:47.660
 Du darfst weitermachen.

00:31:47.680 --> 00:31:50.320
 Nachdem wir jetzt sehr viel Positives über diverse Software.

00:31:50.320 --> 00:31:51.980
 Oh, ja, jetzt kommen die schlimmen Sachen.

00:31:51.980 --> 00:31:52.880
 Erzählt haben.

00:31:52.880 --> 00:31:59.600
 Ja, das Thema, ähm, Apple Music und mein schmerzender Abschied von Google Play Music, äh, lässt mich immer noch nicht los.

00:31:59.600 --> 00:32:10.480
 Ähm, ich bin jetzt tatsächlich, äh, in den drei Monaten Probeabo von Apple Music, habe mir extra einen, eine Apple ID zugelegt.

00:32:10.480 --> 00:32:17.080
 Ja, ich als alter, äh, nicht Apple-Hasser möchte ich jetzt nicht sagen, das ist zu emotional, aber als, äh,

00:32:17.080 --> 00:32:24.640
 äh, ablehnender, äh, habe mir tatsächlich eine, eine, eine Apple ID angelegt und iTunes unter Windows installiert.

00:32:25.440 --> 00:32:33.880
 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.

00:32:33.880 --> 00:32:36.180
 Ja, also, äh, also, das, ja.

00:32:36.180 --> 00:32:44.280
 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.

00:32:44.280 --> 00:32:51.600
 Ähm, das ist verkraftbar, auch wenn es irgendwie gefühlt fünf Minuten braucht, ohne Witz, wenn ich da draufklicke, bis es gestartet ist.

00:32:51.600 --> 00:33:06.280
 Ä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.

00:33:07.560 --> 00:33:15.200
 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.

00:33:15.200 --> 00:33:23.480
 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.

00:33:24.040 --> 00:33:45.980
 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.

00:33:45.980 --> 00:33:59.560
 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.

00:33:59.560 --> 00:34:15.220
 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.

00:34:15.620 --> 00:34:30.480
 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.

00:34:30.480 --> 00:34:48.780
 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.

00:34:49.000 --> 00:34:53.600
 Und so, wie das jetzt läuft, werde ich das nach den drei Monaten sicherlich nicht weiter nutzen.

00:34:54.140 --> 00:35:08.120
 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.

00:35:08.780 --> 00:35:21.940
 Ä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.

00:35:21.940 --> 00:35:28.180
 Und bei Google, ne, bei Google Music war das dann halt so quasi instant, nicht immer, je nach Netzwerk.

00:35:28.180 --> 00:35:47.280
 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.

00:35:48.360 --> 00:36:16.420
 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.

00:36:17.000 --> 00:36:45.640
 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

00:36:45.640 --> 00:36:50.880
 das dauert viel zu lange, meines Erachtens nach, das müsste, da müsste, da müsste es doch irgendwie ein Cache geben.

00:36:51.020 --> 00:37:19.020
 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.

00:37:19.020 --> 00:37:33.760
 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.

00:37:33.980 --> 00:37:36.780
 Also, da fühlt man sich als Nutzer dann doch irgendwie verarscht.

00:37:36.780 --> 00:37:40.140
 Aber was ist die Alternative, frage ich jetzt?

00:37:40.140 --> 00:37:49.200
 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.

00:37:49.200 --> 00:37:55.060
 Apple Music, wie gesagt, in dem Zustand, garantiert gebe ich dafür kein Geld aus, ähm, dann ist als nächstes noch Spotify.

00:37:56.480 --> 00:38:03.420
 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.

00:38:03.420 --> 00:38:14.640
 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.

00:38:14.640 --> 00:38:15.800
 Ja, richtig.

00:38:15.800 --> 00:38:16.560
 Ja, richtig.

00:38:16.560 --> 00:38:29.500
 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.

00:38:29.500 --> 00:38:50.340
 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.

00:38:50.340 --> 00:38:56.900
 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.

00:38:56.900 --> 00:39:19.700
 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.

00:39:19.900 --> 00:39:28.480
 Und, ähm, das heißt, die monetarisieren den, allen Content, den sie haben, aber den Podcastern geben sie nix dafür, den Musikern schon.

00:39:28.480 --> 00:39:41.600
 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.

00:39:41.660 --> 00:40:02.580
 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.

00:40:02.580 --> 00:40:13.220
 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.

00:40:13.220 --> 00:40:22.460
 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.

00:40:22.460 --> 00:40:22.660
 Ja.

00:40:23.080 --> 00:40:24.580
 Und das find ich einfach scheiße.

00:40:24.580 --> 00:40:35.220
 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.

00:40:35.220 --> 00:40:46.120
 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.

00:40:46.120 --> 00:40:52.920
 Aber es geht einfach ums Prinzip, ja, und deswegen will ich dort auch nicht Geld hingeben für mein Musik-Abo.

00:40:53.780 --> 00:41:05.820
 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.

00:41:05.820 --> 00:41:17.180
 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.

00:41:17.180 --> 00:41:19.240
 Ja, verbieten, dass ich mir das eh nicht von dir.

00:41:19.240 --> 00:41:21.620
 Ey, wir werden dir nichts sagen, du Arschloch.

00:41:21.640 --> 00:41:35.480
 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.

00:41:35.600 --> 00:41:55.780
 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.

00:41:55.780 --> 00:42:07.480
 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.

00:42:07.620 --> 00:42:10.980
 Uns geht's wirklich nicht ums Geld, sondern nur um Gerechtigkeit an der Stelle.

00:42:10.980 --> 00:42:16.080
 Mir geht's nicht um die drei Cent, die wir dadurch verdienen oder wahrscheinlich noch weniger, also wahrscheinlich fast nix.

00:42:17.340 --> 00:42:27.620
 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.

00:42:27.620 --> 00:42:34.560
 Weil bei YouTube ist es so, äh, da wird auch jedes monetarisierte Video, ähm, da kriegen die Leute dann auch die Kohle.

00:42:34.560 --> 00:42:39.160
 So, und das, wieso ist das bei Spotify, bei den Podcasts nicht so? Was soll das?

00:42:39.900 --> 00:42:59.280
 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.

00:42:59.280 --> 00:43:00.160
 Super.

00:43:00.160 --> 00:43:09.200
 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.

00:43:09.900 --> 00:43:19.560
 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.

00:43:19.560 --> 00:43:24.480
 Und wir werden die bestimmt nicht umstimmen damit, ähm, aber das läuft einfach nicht, das passt nicht für mich.

00:43:24.480 --> 00:43:27.920
 So, und deswegen entgehen uns wahrscheinlich einige Hörer.

00:43:27.920 --> 00:43:29.680
 Ja, vermute ich schon ein bisschen was, ja.

00:43:29.680 --> 00:43:46.680
 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.

00:43:47.160 --> 00:43:49.380
 Also es hat sich einfach verdreifacht.

00:43:49.380 --> 00:43:49.740
 Ja.

00:43:49.740 --> 00:43:56.660
 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.

00:43:56.660 --> 00:43:58.360
 So, das ist mir grad egal.

00:43:59.080 --> 00:43:59.320
 So.

00:43:59.320 --> 00:44:03.760
 Oder Spotify, ihr dürft uns auch exklusiv machen, aber das wird nicht ganz billig.

00:44:03.760 --> 00:44:07.120
 Okay, machen wir einen Cut, äh, genug.

00:44:07.120 --> 00:44:08.140
 Ja, machen wir einen Cut, so.

00:44:08.140 --> 00:44:10.080
 Ja, jetzt geht's noch weiter.

00:44:10.080 --> 00:44:10.280
 Oder renntest du weiter.

00:44:10.280 --> 00:44:11.980
 Jetzt geht's noch weiter.

00:44:11.980 --> 00:44:18.200
 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...

00:44:18.200 --> 00:44:22.040
 Ja, richtig, jetzt bin ich erst richtig in Fahrt, die Hörner sind gewachsen, jetzt geht's weiter mit Vodafone.

00:44:22.040 --> 00:44:22.720
 Oh.

00:44:24.720 --> 00:44:44.280
 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.

00:44:44.280 --> 00:44:49.300
 So, bei mir läuft es jetzt mit dem Download mittlerweile, aber jetzt, ich darf einfach keine Speed-Tests mehr machen.

00:44:49.300 --> 00:44:51.260
 Speed-Tests machen mich unglücklich.

00:44:52.060 --> 00:45:04.440
 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.

00:45:04.440 --> 00:45:12.080
 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.

00:45:12.080 --> 00:45:14.680
 Ich hab auch noch ein Bild, wo ich ziemlich traurig gucke oder sowas.

00:45:14.680 --> 00:45:16.440
 Ich, wir basteln da mal was.

00:45:16.440 --> 00:45:24.520
 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?

00:45:24.520 --> 00:45:28.220
 Naja, jetzt war dann der Download irgendwann okay, jetzt ist der Upload scheiße.

00:45:28.880 --> 00:45:36.580
 Ä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.

00:45:36.580 --> 00:45:39.700
 Doch, ich hab mir das extra geholt, weil ich Backups fahre.

00:45:39.700 --> 00:45:55.220
 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.

00:45:55.220 --> 00:46:05.740
 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.

00:46:05.740 --> 00:46:11.020
 Und jetzt ist plötzlich der Upload schlecht. So, okay, naja, was mach ich natürlich? Ich schreib denen bei Twitter.

00:46:11.020 --> 00:46:16.700
 Ich weiß ja schon, dass das nichts bringt, also aus langer Erfahrung, aber ich hab mir gedacht, ich mach das jetzt nochmal.

00:46:16.700 --> 00:46:20.920
 Und dann hab ich ihnen geschrieben und dann haben sie gesagt, hey, wir haben dir ein Ticket aufgemacht.

00:46:20.920 --> 00:46:25.080
 Also, die haben jetzt ein Ticketsystem, ähm, das, das war mir vorher nicht bekannt.

00:46:25.200 --> 00:46:26.300
 Also, es ist ein Ticketsystem gibt.

00:46:26.300 --> 00:46:36.280
 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.

00:46:36.280 --> 00:46:37.000
 Ach.

00:46:37.000 --> 00:46:42.420
 Ä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?

00:46:42.420 --> 00:46:47.360
 Ich hab ungefähr hundertmal denen geschrieben, äh, was für eine Vertragsnummer und immer wieder dieselben Daten.

00:46:47.360 --> 00:46:49.000
 Und ich hab den Tweet immer quasi wieder kopiert.

00:46:49.000 --> 00:46:50.840
 Also, es war irgendwie per DM dort.

00:46:50.840 --> 00:46:52.880
 Äh, äh, ja, genau.

00:46:52.880 --> 00:47:02.040
 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.

00:47:02.120 --> 00:47:03.360
 Ja, wir haben dir jetzt ein Ticket angelegt.

00:47:03.360 --> 00:47:03.720
 Hä?

00:47:03.720 --> 00:47:04.360
 Äh, was?

00:47:04.360 --> 00:47:04.520
 Wie?

00:47:04.520 --> 00:47:07.960
 Okay, gut, ihr habt diesen Transfer hingekriegt, das find ich schon mal sehr gut.

00:47:07.960 --> 00:47:10.360
 Äh, da, danke dafür, dass ihr das endlich schafft.

00:47:11.320 --> 00:47:22.020
 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.

00:47:22.020 --> 00:47:28.100
 Ähm, und naja, seitdem, es wurde an die Fachabteilung zur weiteren Bearbeitung geleitet.

00:47:28.100 --> 00:47:32.700
 Mal jetzt abgesehen von der, ähm, ja, am 15.01. aber schon.

00:47:32.700 --> 00:47:36.320
 Jetzt hab ich nochmal nachgefragt, ähm, was ist denn damit jetzt eigentlich?

00:47:36.440 --> 00:47:47.700
 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.

00:47:47.700 --> 00:47:57.240
 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.

00:47:57.240 --> 00:48:02.140
 Dies ist ein komplizierter Eingriff und muss somit sorgfältig geplant werden.

00:48:02.140 --> 00:48:05.900
 Bis ein Termin feststeht, können leider Monate vergehen.

00:48:06.440 --> 00:48:07.060
 Tut mir leid.

00:48:07.060 --> 00:48:12.640
 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.

00:48:12.640 --> 00:48:15.560
 Korrekt, die haben nicht die Kapazität, die sie mir angeboten haben.

00:48:15.560 --> 00:48:21.320
 Komischerweise krieg ich 900 MBit down, aber keine 50 ab, die sie mir, äh, geben.

00:48:21.320 --> 00:48:21.880
 Also keine Ahnung, wie die Leitung dann braucht es.

00:48:21.880 --> 00:48:28.560
 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.

00:48:29.020 --> 00:48:36.060
 Aber ist das nicht irgendwie, es gibt ja synchrone und asynchrone Leitungen, ist, ist Kabel nicht immer synchron, dachte ich.

00:48:36.060 --> 00:48:40.680
 Und die können das quasi verteilen, wie sie das wollen, den Upload und den Download.

00:48:40.780 --> 00:48:41.760
 Ja, du meinst symmetrisch, glaube ich.

00:48:41.760 --> 00:48:43.260
 Ja, symmetrisch, ach ja, siehste, ja.

00:48:43.260 --> 00:48:47.280
 Ich verwechsel das auch immer, aber diesmal, diesmal, jetzt konnte ich endlich mal hier mal zurecht.

00:48:47.280 --> 00:48:48.440
 Ich bin weg.

00:48:48.440 --> 00:48:50.920
 Ja, natürlich symmetrisch und asymmetrisch.

00:48:51.680 --> 00:48:53.940
 Ja, ähm, ich hab keine Ahnung, wie das bei Kabel ist.

00:48:53.940 --> 00:48:56.980
 Also ich hab hier Kabel-Internet, ähm, vorher Unity Media.

00:48:56.980 --> 00:49:00.400
 Ich hab keine Ahnung, wie das jetzt hier ist bei meinem Kabel.

00:49:00.400 --> 00:49:06.480
 Aber offenbar, äh, scheint es ja ein Problem zu sein, da irgendwie den Regler ein bisschen auf die andere Seite zu drehen.

00:49:06.480 --> 00:49:13.020
 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.

00:49:13.020 --> 00:49:21.300
 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.

00:49:21.680 --> 00:49:34.200
 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.

00:49:34.200 --> 00:49:35.240
 Also ich glaub nicht, dass du da so einfach rauskommst.

00:49:35.240 --> 00:49:39.540
 Die sollen den Soas Röhrenfernseher drei Häuser nebendran halt einfach mal abschalten.

00:49:39.540 --> 00:49:43.600
 Okay, äh, ja, Verweis auf eine alte Sendung von uns und die.

00:49:43.600 --> 00:49:44.820
 Oh ja, ich weiß jetzt nicht mehr Folge.

00:49:44.820 --> 00:49:46.240
 Nein, das ist egal.

00:49:46.240 --> 00:49:47.540
 Nicht so wichtig.

00:49:47.540 --> 00:49:49.780
 Wer nicht weiß, was mit dem Röhrenfernseher gemeint ist, der.

00:49:50.360 --> 00:49:52.080
 Hört nochmal alle Folgen durch.

00:49:52.080 --> 00:49:53.060
 Hört nochmal alle Folgen.

00:49:53.060 --> 00:50:02.020
 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.

00:50:02.020 --> 00:50:02.380
 Super.

00:50:02.380 --> 00:50:03.900
 Ja, super, ne?

00:50:03.900 --> 00:50:05.220
 Da kommt Freude auf.

00:50:05.220 --> 00:50:06.860
 Da kommt Freude auf, so.

00:50:06.860 --> 00:50:08.160
 Da, jetzt, jetzt haben wir.

00:50:08.160 --> 00:50:10.300
 Jetzt sind wir durch, endlich.

00:50:10.300 --> 00:50:12.040
 Jetzt sind wir ausgerantelt.

00:50:12.040 --> 00:50:12.900
 Drei Viertelstunde.

00:50:12.900 --> 00:50:13.920
 Ausgegrantelt.

00:50:14.700 --> 00:50:17.200
 Gut, dann darfst du jetzt direkt weitermachen.

00:50:17.200 --> 00:50:20.760
 Die Property der Woche.

00:50:20.760 --> 00:50:23.820
 Brrm.

00:50:23.820 --> 00:50:29.960
 Ja, unsere Property dieser Woche heißt Aspect Ratio.

00:50:30.100 --> 00:50:37.320
 Das ist, äh, vor kurzem bei mir irgendwie in Twitter durchgeblubbert und, ähm, ich hab's, ihr habt ihm keine große Beachtung geschenkt.

00:50:37.320 --> 00:50:44.880
 Äh, ich glaube, wenn ich's richtig weiß, wird das jetzt, äh, unterstützt seit, ähm, der aktuellen Chrome-Version.

00:50:45.280 --> 00:50:50.440
 Also ist es, glaube ich, so richtig angeschaltet, sodass man auch kein, äh, Feature-Toggle oder irgendwas mehr umstellen muss.

00:50:50.440 --> 00:50:58.640
 Ähm, Aspect Ratio ist, wie der Name schon sagt, äh, Aspect Ratio, aber in CSS, also tatsächlich Aspect Minus Ratio.

00:50:58.640 --> 00:51:05.320
 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.

00:51:05.440 --> 00:51:08.620
 Also zum Beispiel 16 zu 9 wäre so eine klassische Aspect Ratio.

00:51:08.620 --> 00:51:16.060
 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.

00:51:16.060 --> 00:51:17.840
 So, und was tut das jetzt?

00:51:17.840 --> 00:51:22.620
 Also ich, ich bin draufgestoßen, weil ich's dann tatsächlich, äh, witzigerweise ein paar, paar Tage später gebraucht hab.

00:51:22.620 --> 00:51:30.740
 Ä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.

00:51:30.740 --> 00:51:34.360
 Höhe Null und, äh, Padding Bottom irgendwie mit Prozent, oder?

00:51:34.360 --> 00:51:39.840
 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.

00:51:39.840 --> 00:51:47.600
 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.

00:51:47.600 --> 00:51:55.520
 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.

00:51:55.520 --> 00:51:58.160
 Ich hab dazu auch Demos gebaut, äh, kannst du mal gucken, konzentrieren.

00:51:58.160 --> 00:52:01.340
 Funktioniert das auf, auf allen, äh, Block-Elementen, oder?

00:52:01.940 --> 00:52:05.480
 Die sind im, äh, meines Wissens nach schon, ja.

00:52:05.480 --> 00:52:12.520
 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.

00:52:12.520 --> 00:52:18.860
 Ähm, und das hat halt, äh, eine Breite von 100 Prozent, was Diff-Elemente so an sich haben.

00:52:19.220 --> 00:52:25.180
 Und, äh, wenn man dann, äh, das größer, breiter oder schmaler zieht, dann passt sich, ach, das ist ja interessant.

00:52:25.180 --> 00:52:25.540
 Ha!

00:52:25.540 --> 00:52:28.180
 Wieder was gelernt gerade, ich hab nämlich grad ein bisschen rumgezogen.

00:52:28.180 --> 00:52:34.340
 Also erst mal passt sich das an, solange genug, ähm, solange nicht zu viel Content in der Box ist.

00:52:34.340 --> 00:52:42.600
 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.

00:52:42.700 --> 00:52:45.000
 Gut, 10 zu 3, gut, doch, das kann sein.

00:52:45.000 --> 00:52:49.580
 Vielleicht hast du, hast du, hast du den ganz aktuellen Chrome, also ist die Chrome-Version 88.

00:52:49.580 --> 00:53:00.020
 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.

00:53:00.020 --> 00:53:05.460
 Ah, okay, ja. Aber du meintest doch irgendwie, dass nicht mehr hinter Flex versteckt ist, sondern, aber nur im Chrome, oder wie?

00:53:05.920 --> 00:53:12.560
 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.

00:53:12.560 --> 00:53:17.780
 Äh, äh, äh, äh, ich hab's nicht mehr offen, ah, doch, ja.

00:53:17.780 --> 00:53:22.960
 Ähm, genau, also aktueller Chrome, 88, erst da ist es nicht mehr hinter dem Feature-Flag.

00:53:22.960 --> 00:53:23.340
 Ja.

00:53:23.340 --> 00:53:32.920
 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

00:53:32.920 --> 00:53:36.160
 anschalten und dann hatte man das vorher schon.

00:53:36.160 --> 00:53:38.720
 Ah, Firefox auch, Firefox ist noch hinterm Flag, okay.

00:53:38.720 --> 00:53:42.720
 Aber auch schon implementiert, das heißt, es wird auch irgendwann mal kommen.

00:53:42.720 --> 00:53:52.380
 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.

00:53:52.380 --> 00:54:00.460
 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,

00:54:00.460 --> 00:54:07.600
 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.

00:54:07.600 --> 00:54:16.840
 Ä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,

00:54:16.920 --> 00:54:25.600
 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.

00:54:25.600 --> 00:54:32.020
 Genau, ähm, also, wie gesagt, äh, das ist jetzt relativ neu und dann kann ich eben das einfach so reinschreiben, irgendwie 10, äh,

00:54:32.240 --> 00:54:35.500
 Slash 3 oder 16, Slash 9 oder so, was ich halt eben brauch.

00:54:35.500 --> 00:54:45.320
 Ä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,

00:54:45.320 --> 00:54:48.360
 zieht sich die Box dann trotzdem größer, was ich eigentlich ziemlich cool finde.

00:54:48.360 --> 00:54:50.080
 Ich nehm mal an, mit Overflow hitten könnte man das verhindern.

00:54:50.080 --> 00:54:51.080
 Du wolltest grad fragen, ja.

00:54:51.860 --> 00:54:54.420
 Habe ich nicht ausprobiert, kann ich aber mal kurz live machen.

00:54:54.420 --> 00:54:58.820
 Äh, Overflow hitten.

00:54:58.820 --> 00:55:08.540
 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.

00:55:08.540 --> 00:55:16.140
 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,

00:55:16.140 --> 00:55:19.120
 wenn es eine Box ist, wo Content reinkommen kann, also nicht nur ein Bild oder sowas.

00:55:19.120 --> 00:55:20.620
 Ne, dann ist ja gut, dass das auch mitwächst.

00:55:20.620 --> 00:55:22.400
 Dann ist das super, dass das dann auch größer wird.

00:55:22.400 --> 00:55:27.980
 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.

00:55:27.980 --> 00:55:31.180
 So, aber wie hat man das jetzt früher gemacht?

00:55:31.180 --> 00:55:32.880
 Früher, TM.

00:55:32.880 --> 00:55:39.580
 Ä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.

00:55:39.580 --> 00:55:44.000
 Ähm, warte mal, wo hab ich, ah, jetzt fühle ich den hier gar nicht mehr.

00:55:44.000 --> 00:55:44.480
 Ah, doch.

00:55:44.480 --> 00:55:48.240
 Ähm, früher war das tatsächlich genauso, wie du, wie du gesagt hast.

00:55:48.240 --> 00:55:48.580
 Ähm.

00:55:49.120 --> 00:56:01.500
 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.

00:56:01.920 --> 00:56:06.120
 Ähm, das irgendwie sehr merkwürdiger Hack ist, also ich wusste, ich find, also, ich hatte's nie ...

00:56:06.120 --> 00:56:15.820
 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.

00:56:15.820 --> 00:56:16.460
 Ja, kann sein.

00:56:16.580 --> 00:56:21.040
 Und dadurch hast du dann, ähm, hast du dann eben in der Höhe das richtige Seitenverhältnis.

00:56:21.040 --> 00:56:27.900
 Ja, genau, es ist aber total merkwürdig. Ähm, und dann gab's, also, das war so der erste Hack, den's da gab.

00:56:27.900 --> 00:56:34.300
 Ä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.

00:56:34.420 --> 00:56:52.040
 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.

00:56:52.040 --> 00:57:04.180
 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.

00:57:04.180 --> 00:57:31.820
 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.

00:57:32.600 --> 00:57:44.260
 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.

00:57:45.440 --> 00:57:50.160
 Coolio. So, jetzt kommt die große Frage.

00:57:50.160 --> 00:57:57.520
 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.

00:57:57.520 --> 00:57:59.580
 Sollen wir, oder sollen wir nicht?

00:57:59.580 --> 00:58:00.620
 Nee, ich glaube nicht.

00:58:00.620 --> 00:58:10.880
 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.

00:58:11.760 --> 00:58:13.760
 Ja, Spende, Spende-Spot.

00:58:13.760 --> 00:58:14.600
 Ein Spendspot.

00:58:14.600 --> 00:58:16.560
 Ein Spendspot.

00:58:16.560 --> 00:58:17.140
 Spendspot.

00:58:17.140 --> 00:58:19.220
 Der nächste, der nächste Spam-Spot wird ein Spendspot.

00:58:19.220 --> 00:58:20.440
 Ist ein Spendspot.

00:58:20.440 --> 00:58:21.000
 Spendspot.

00:58:21.000 --> 00:58:31.220
 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.

00:58:31.220 --> 00:58:31.680
 Ja, das stimmt.

00:58:31.680 --> 00:58:34.300
 Oder, wenn's nicht zu viele sind, nennen wir sie alle.

00:58:34.300 --> 00:58:36.940
 Spendet für einen Spam-Spot.

00:58:36.940 --> 00:58:43.320
 Also, der nächste Spendspot, gesponsert von dir, lieber Spenderin.

00:58:43.320 --> 00:58:44.980
 Lieber Spenderin, genau.

00:58:44.980 --> 00:58:45.760
 Ja.

00:58:45.760 --> 00:58:54.340
 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.

00:58:54.340 --> 00:58:59.000
 Hier ist WWS IV mit dem Tagesthema.

00:58:59.000 --> 00:59:06.820
 Ja, hallo.

00:59:06.820 --> 00:59:09.140
 Ja, das Tagesthema.

00:59:09.140 --> 00:59:14.620
 Wir haben, ähm, wir haben verschiedene Wortspiele bei unseren Vorbereitungen gefunden für, für unser Thema.

00:59:14.620 --> 00:59:19.160
 Ähm, ich, ich nenn die mal Keep Scrolling in Anlehnung an Limp Bizkit.

00:59:19.160 --> 00:59:21.220
 Oder auch Skololo.

00:59:22.680 --> 00:59:25.720
 Wenn man, wenn man, wenn man die Age of Empires kennt, genau, Skolololo.

00:59:25.720 --> 00:59:26.400
 Skolololo.

00:59:26.400 --> 00:59:28.920
 Oder The Elder Scroll.

00:59:28.920 --> 00:59:31.120
 Der Alte scrollt.

00:59:31.120 --> 00:59:37.600
 Ja, ich hab mir überlegt, so spontan jetzt gerade, wir könnten das auch heute Abend noch zur Abstimmung auf Twitter geben.

00:59:37.600 --> 00:59:41.080
 So bis, bis Sonntagmittag im Endeffekt.

00:59:41.080 --> 00:59:44.580
 Ähm, und, und die Hörer einfach abstimmen lassen über den Titel.

00:59:44.580 --> 00:59:47.380
 Das ist eine, das find ich eine super Idee.

00:59:47.380 --> 00:59:47.600
 Ja?

00:59:47.600 --> 00:59:49.820
 Das, das, das, das, das machen wir genau so.

00:59:49.820 --> 00:59:50.520
 Genau.

00:59:50.520 --> 00:59:52.240
 Dann stellen wir die heute Abend rein.

00:59:52.680 --> 00:59:55.200
 Dürfen wir diesmal aber keine Popcorn-Optionen anbieten.

00:59:55.200 --> 00:59:57.420
 Weil die Leute, die Leute mögen Popcorn.

00:59:57.420 --> 01:00:03.700
 Bei Twitter-Abstimmungen, ähm, bei der letzten Twitter-Abstimmung, die wir gemacht haben, ähm, kam, wollten die Leute Popcorn.

01:00:03.700 --> 01:00:06.100
 Ja, und einer meinte, mir egal.

01:00:06.100 --> 01:00:08.220
 Ist mir egal.

01:00:09.060 --> 01:00:09.380
 Okay.

01:00:09.380 --> 01:00:13.060
 Also, es geht um, ums Scrollen.

01:00:13.060 --> 01:00:15.660
 Es geht um Scrollen, genau.

01:00:15.660 --> 01:00:24.880
 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.

01:00:25.040 --> 01:00:29.920
 Und es beginnt, äh, warte mal, wir haben hier noch Scrollen, äh, wir haben noch was.

01:00:29.920 --> 01:00:30.300
 Haben wir was vergessen?

01:00:30.300 --> 01:00:32.140
 Pizza-Scrolling-Speziale.

01:00:32.140 --> 01:00:33.140
 Speziale.

01:00:33.140 --> 01:00:33.760
 Ja.

01:00:33.760 --> 01:00:34.920
 Stimmt.

01:00:34.920 --> 01:00:37.820
 Egal, hab ich grad, hab ich grad noch gelesen, Entschuldigung.

01:00:37.820 --> 01:00:39.580
 Alles gut, alles gut.

01:00:39.580 --> 01:00:42.380
 Pizza-Scrolling, ja, es stimmt, Pizza.

01:00:42.480 --> 01:00:43.860
 Ich könnte mir später noch Pizza machen.

01:00:43.860 --> 01:00:45.920
 So, jetzt, äh, hab ich mal.

01:00:45.920 --> 01:00:46.620
 Komm, mach mal lieber hinne.

01:00:46.620 --> 01:00:49.960
 Ich mach mal lieber, ich mach lieber hinne statt Pizza.

01:00:49.960 --> 01:00:57.700
 So, ähm, die erste Eigenschaft, um die es gehen soll und damit, äh, die ist auch relativ, ähm, äh, einfach, warte mal, Moment.

01:00:57.700 --> 01:00:59.160
 Ha, nee, du.

01:00:59.160 --> 01:01:00.380
 Du zuerst.

01:01:00.380 --> 01:01:00.960
 Was, ich zuerst?

01:01:00.960 --> 01:01:02.900
 Ach, tatsächlich, wir haben ja noch mal rumgeschoben.

01:01:02.900 --> 01:01:05.600
 Ach, jetzt stimmt meine, hier stimmt alles gar nicht mehr.

01:01:05.600 --> 01:01:05.780
 Moment mal.

01:01:05.780 --> 01:01:06.720
 Ach, Mist.

01:01:06.720 --> 01:01:08.180
 Du zuerst, Scroll-Snappen.

01:01:08.180 --> 01:01:09.900
 Genau, Scroll-Snappen.

01:01:10.840 --> 01:01:14.180
 Und zwar ist das nicht zu verwechseln mit, äh, Scroll-Snap-Points.

01:01:14.180 --> 01:01:18.940
 Das war eine Property, die es, äh, glaube ich, schon seit einigen Jahren gibt oder gab.

01:01:18.940 --> 01:01:23.720
 Und die war auch in einigen Browsern implementiert, ist aber, glaube ich, inzwischen schon wieder, äh, deprecated und ausgebaut.

01:01:23.720 --> 01:01:26.360
 Und das ist ersetzt worden durch CSS-Scroll-Snap.

01:01:26.360 --> 01:01:30.980
 Ähm, das ist eine ganze API, basierend auf mehreren verschiedenen Properties.

01:01:30.980 --> 01:01:33.580
 Die wollen wir jetzt nicht alle im Einzelnen durchgehen.

01:01:33.580 --> 01:01:34.580
 CSS und JavaScript, gell?

01:01:34.580 --> 01:01:38.740
 Ähm, ach so, da gibt's ja auch eine JavaScript-Api dazu.

01:01:38.740 --> 01:01:39.320
 Ich weiß es nicht.

01:01:39.320 --> 01:01:45.240
 Nee, also in den Demos wird oft noch aus verschiedenen Gründen, äh, JavaScript, äh, ne, wobei, ne, für's, Entschuldige, dann.

01:01:45.240 --> 01:01:48.080
 Nee, nee, nee, nee, ich glaub, da bist du grad, äh, falsch.

01:01:48.080 --> 01:01:48.880
 Vielleicht bin ich auch falsch.

01:01:48.880 --> 01:01:49.020
 Okay.

01:01:49.020 --> 01:01:49.640
 Äh, genau.

01:01:49.640 --> 01:01:51.020
 Also was, äh, was ist das?

01:01:51.020 --> 01:01:54.080
 Ähm, am besten schaut man sich natürlich als, äh, Demo an.

01:01:54.080 --> 01:02:01.580
 Ähm, ist jetzt erklärungsmäßig über ein Podcast natürlich wie alles, über was wir hier reden, immer ein bisschen schwierig.

01:02:01.580 --> 01:02:06.040
 Ähm, ich glaub, das beste Beispiel, was man so nennen kann, ist so horizontales, äh, Vision.

01:02:06.840 --> 01:02:11.900
 Oder solche One-Pager, die so Sections haben, zu denen man, ähm, scrollen kann.

01:02:11.900 --> 01:02:16.300
 Damit man, da möchte man ja immer, dass die, dass das Scrollen anstößt quasi, ja?

01:02:16.300 --> 01:02:17.200
 Der Moritz hebt den Finger.

01:02:17.200 --> 01:02:17.900
 Sehr, sehr artig.

01:02:17.900 --> 01:02:18.540
 Ja, ich hab hebt den Finger.

01:02:18.540 --> 01:02:21.820
 Ich wollte, ja, ich wollte, ich wollte mich mal kurz melden.

01:02:22.100 --> 01:02:34.840
 Ä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.

01:02:34.840 --> 01:02:39.800
 Und du möchtest ja immer nur die eine Seite anzeigen und nicht zwischendrin stehen bleiben beim Scrollen.

01:02:39.800 --> 01:02:42.160
 Das ist so mein Lieblingsbeispiel dafür.

01:02:42.160 --> 01:02:43.060
 Ja, genau.

01:02:43.060 --> 01:02:49.280
 Also das sind, also die Demos verlinken wir natürlich auch, ähm, und es gibt auch eine Demoseite von Webkit auf webkit.org.

01:02:49.280 --> 01:02:52.520
 Ähm, die ist sehr umfangreich.

01:02:52.640 --> 01:02:59.580
 Da sieht man, also es gibt sogar ein, äh, eine um 20 Grad gedrehte, äh, ein gedrehtes Element, in dem man dann scrollen kann.

01:02:59.580 --> 01:03:02.700
 Also, ähm, da ist alles abgebildet, was man dazu wissen muss eigentlich.

01:03:02.700 --> 01:03:03.680
 Äh, genau.

01:03:03.680 --> 01:03:07.580
 Also es ist einfach, ich möchte so ein bestimmtes Element scrollen und ich möchte nur dieses Element drin haben.

01:03:07.580 --> 01:03:11.880
 Es funktioniert aber auch mit Elementen, die nicht die komplette Breite oder Höhe, ähm, einnehmen.

01:03:11.880 --> 01:03:21.420
 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.

01:03:22.640 --> 01:03:24.160
 Äh, ja, weiß nicht.

01:03:24.160 --> 01:03:25.580
 Was ist denn?

01:03:25.580 --> 01:03:27.380
 Kenn ich gar nicht, ich kenne nur Grindr.

01:03:27.380 --> 01:03:27.840
 Ach so.

01:03:27.840 --> 01:03:34.220
 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.

01:03:34.220 --> 01:03:52.240
 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.

01:03:52.640 --> 01:03:58.880
 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?

01:03:58.880 --> 01:04:00.940
 Dann kannst du horizontal scrollen.

01:04:00.940 --> 01:04:01.520
 Ach so, ah.

01:04:01.520 --> 01:04:06.380
 Also unter Windows, ich weiß nicht, ob das bei, äh, wie das bei Mac ist, aber, ja.

01:04:07.660 --> 01:04:08.840
 Ich weiß es tatsächlich nicht.

01:04:08.840 --> 01:04:34.660
 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.

01:04:34.660 --> 01:04:37.700
 Das wollte ich gerade sagen, das ist eine alte Syntax, ne?

01:04:37.700 --> 01:04:39.600
 Kann man aber nutzen.

01:04:39.600 --> 01:05:00.140
 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.

01:05:00.500 --> 01:05:08.180
 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.

01:05:08.760 --> 01:05:20.680
 Ä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.

01:05:20.920 --> 01:05:36.280
 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.

01:05:36.760 --> 01:05:43.360
 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.

01:05:44.780 --> 01:05:52.740
 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.

01:05:52.740 --> 01:06:11.960
 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.

01:06:11.960 --> 01:06:17.460
 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.

01:06:17.460 --> 01:06:21.820
 Custom-Scroll-Bars, haben wir, ja, stimmt, kann sein, dass wir darüber gesprochen haben.

01:06:21.820 --> 01:06:33.060
 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?

01:06:33.060 --> 01:06:37.220
 Du meintest vorhin im Vorgespräch, du weißt jetzt, warum die Browser-Hersteller das limitieren.

01:06:37.220 --> 01:06:54.900
 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.

01:06:54.900 --> 01:06:58.600
 Ähm, hast du, hast du die Demo eigentlich gesehen, die ich gemacht hab?

01:06:58.600 --> 01:07:00.340
 Äh, ich schau sie mir gerade an.

01:07:00.340 --> 01:07:04.660
 Also guck, guck mal, das beim, das Code-Pen, was ich gemacht hab.

01:07:04.660 --> 01:07:08.800
 Ich seh noch nichts Außergewöhnliches, hast du da nicht, äh, irgendwas ganz Hässliches versucht zu verpacken?

01:07:08.800 --> 01:07:10.120
 Bitte wieder in Chrome öffnen.

01:07:10.120 --> 01:07:11.060
 Oh, wow, wow, wow.

01:07:11.060 --> 01:07:11.520
 Okay.

01:07:11.520 --> 01:07:15.280
 Weil, ist, äh, ja genau, da kommen wir gleich, da kommen wir gleich zum ersten Punkt.

01:07:16.980 --> 01:07:19.600
 Da kommen wir gleich zu, ja, ich, ich bin ein bisschen durchgedreht.

01:07:19.600 --> 01:07:20.160
 Ja.

01:07:20.160 --> 01:07:32.880
 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.

01:07:32.880 --> 01:07:36.340
 Ich kann den Anfasser vertikal, kann ich gar nicht anfassen, sodass du das kaputt gemacht hast.

01:07:36.340 --> 01:07:46.780
 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,

01:07:46.780 --> 01:08:01.900
 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.

01:08:01.900 --> 01:08:05.400
 Ich glaube, unabhängig der Browser-Unterstützung kann man empfehlen, es nicht zu nutzen.

01:08:05.400 --> 01:08:10.080
 Es ist, Moment mal, nur weil ich jetzt in der, in der Demo es wirklich schlimm gemacht habe.

01:08:10.080 --> 01:08:10.820
 Nein, natürlich nicht.

01:08:10.820 --> 01:08:16.580
 Äh, das, das, das, das hat nichts zu heißen, nein, ähm, man kann das schon durchaus machen, also bei CSS-Dreams,

01:08:16.580 --> 01:08:30.860
 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,

01:08:30.860 --> 01:08:39.920
 ä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.

01:08:39.920 --> 01:08:45.080
 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.

01:08:45.800 --> 01:08:52.700
 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.

01:08:52.700 --> 01:09:02.800
 Ähm, es sind nämlich, ähm, sieben verschiedene Pseudoklassen, also, äh, Doppelpunkt, Doppelpunkt, minus Webkit steht immer davor.

01:09:02.940 --> 01:09:14.700
 Und dann gibt es Scrollbar, Scrollbar-Button, Scrollbar-Track, Scrollbar-Track-Piece, Scrollbar-Thump, Scrollbar-Corner und Resizer.

01:09:14.700 --> 01:09:21.720
 Ä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.

01:09:21.720 --> 01:09:23.840
 Es reicht, es reicht, was du getan hast.

01:09:23.840 --> 01:09:30.040
 Ähm, ich hab mich jetzt, ich hab in meiner Demo mich mal, äh, beschränkt auf, ähm, Scrollbar.

01:09:30.840 --> 01:09:32.880
 Das ist, äh, die ganze Bar an sich.

01:09:32.880 --> 01:09:40.220
 Äh, Track, ähm, also, in Scrollbar hab ich so die, die Größe angegeben, die Breite und die Höhe.

01:09:40.220 --> 01:09:49.760
 Ä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.

01:09:49.760 --> 01:09:55.040
 Ähm, und, äh, Scrollbar-Thump, das ist das Teil, was man darauf hin und her zieht.

01:09:55.040 --> 01:09:58.820
 So, ich glaub, das kann man, ich hab da, ich hab da eine lustige, kann man das so verstehen?

01:09:59.160 --> 01:10:02.660
 Ich weiß es nicht, also, ich seh's ja, ich kann's verstehen.

01:10:02.660 --> 01:10:03.520
 Okay.

01:10:03.520 --> 01:10:14.680
 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.

01:10:14.680 --> 01:10:16.440
 Und rechts ist es bei dir auch so?

01:10:17.000 --> 01:10:20.420
 Interessant, ich hab ja auch, ich hab ja auch, ich bin ja auch ein bisschen durchgedreht bei dem Beispiel, so.

01:10:20.420 --> 01:10:25.560
 Was, es gibt, äh, aber das, das reicht noch nicht, es geht noch weiter, es geht noch weiter.

01:10:25.980 --> 01:10:38.500
 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.

01:10:40.260 --> 01:10:46.760
 Es gibt nämlich da noch Horizontal, Vertical, damit man die unterschiedlich ansprechen kann.

01:10:46.880 --> 01:10:51.180
 Also ich kann tatsächlich die Scrollbars, die Vertikale und die Horizontale, kann ich unterschiedlich stylen.

01:10:51.180 --> 01:10:53.780
 Decrement und Increment.

01:10:53.780 --> 01:11:03.380
 Ä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.

01:11:03.380 --> 01:11:07.400
 Ähm, ich weiß jetzt nicht genau, Start und End.

01:11:07.400 --> 01:11:13.580
 Äh, warte mal, es, äh, applies to Buttons and Track Pieces, hab ich nicht genau verstanden.

01:11:14.100 --> 01:11:18.560
 Und dann wird's noch abenteuerlicher, dann gibt's noch Double Button, Single Button, No Button.

01:11:18.560 --> 01:11:34.460
 Ä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.

01:11:34.460 --> 01:11:44.020
 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.

01:11:44.100 --> 01:11:49.020
 Das, das, das Corner gibt's natürlich nur, wenn du beide Scrollbars hast, dann gibt's nämlich noch einen Corner dazwischen.

01:11:49.660 --> 01:11:51.680
 Und selbst darauf kannst du reagieren, okay, krass.

01:11:51.740 --> 01:11:58.880
 Ja, und Window Inactive, was passiert mit Scrollbars, wenn es, äh, Window Inactive ist? Also, man kann da krasses Zeug machen.

01:11:58.880 --> 01:12:28.700
 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.

01:12:28.760 --> 01:12:38.240
 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.

01:12:38.240 --> 01:12:44.800
 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.

01:12:44.800 --> 01:12:58.640
 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

01:12:58.640 --> 01:13:00.400
 weit getrieben. Also, das ist wirklich, glaub ich, so

01:13:00.400 --> 01:13:04.740
 bisschen personenabhängig da, wenn jetzt jemand, wenn's jemanden gibt, dem das echt wichtig ist,

01:13:04.740 --> 01:13:08.780
 dann schreibt der da ein Proposal. Und, äh, wir sind momentan, äh, da

01:13:08.780 --> 01:13:13.320
 im, äh, CSS-Scrollers-Module-Level-1-Editors-Draft.

01:13:13.320 --> 01:13:14.580
 Okay, also, das ist, also...

01:13:14.580 --> 01:13:21.420
 Also, relativ, äh, ist noch relativ am Anfang, ähm, ist aber upgedatet worden, tatsächlich am 18. September letztes Jahr.

01:13:21.420 --> 01:13:24.720
 Und ist trotzdem schon so weit unterstützt, also, das ist ja...

01:13:24.720 --> 01:13:31.520
 Aber wie gesagt, so richtig, äh, ist das irgendwie nur, in Webkit-Browsern funktioniert das nur so richtig derzeit.

01:13:31.520 --> 01:13:36.060
 Und, ähm, ja, dieser, dieser Draft ist jetzt auch nicht besonders lang, gibt nicht so arg viel her.

01:13:36.120 --> 01:13:39.900
 Ich glaub, da ist auch nicht alles drin, äh, was ich jetzt gerade vorgelesen hab.

01:13:39.900 --> 01:13:43.060
 Ich glaub, das ist so, die einzelnen Browser-Hersteller, die preschen da ja öfter mal vor.

01:13:43.060 --> 01:13:45.280
 In Webkit-Browsern geht das schon relativ lange.

01:13:45.280 --> 01:13:49.660
 Also, schon ein paar Jahre. Ich weiß nämlich, dass das CSS-Tricks schon relativ lange hat.

01:13:49.660 --> 01:13:53.060
 Ich hab's nur die meiste Zeit nicht gesehen, weil ich lang Firefox benutzt hab.

01:13:54.480 --> 01:13:58.340
 So. Okay, ähm, jetzt noch mal zu meinem Demo, was ich da hab.

01:13:58.340 --> 01:14:05.540
 So. Ich hab, ich, äh, ich hab ein bisschen komische Sachen gemacht, weil ich wollte mal das ein bisschen stressen.

01:14:05.540 --> 01:14:08.540
 Ähm, ich hab, äh, ich hab, äh, ich stress das jetzt zumachen.

01:14:08.540 --> 01:14:12.540
 Ich hab die Scroiber. Ich stresse das auch sehr gut. Es blinkt nix.

01:14:12.540 --> 01:14:13.580
 Nee, mein aber.

01:14:13.580 --> 01:14:17.420
 Ich hab keine Animation. Das wär, oh, warte, ey, Animationen könnten wir noch einbauen.

01:14:17.420 --> 01:14:18.920
 Animierte Scroiber.

01:14:18.920 --> 01:14:19.440
 Ja, geht das?

01:14:19.440 --> 01:14:20.500
 Das mach ich gleich im Anschluss mal.

01:14:20.500 --> 01:14:22.040
 Weiß ich nicht, ich hab's nicht ausprobiert.

01:14:22.040 --> 01:14:25.240
 Mich würd's nicht wundern, wenn's gehen würde.

01:14:25.240 --> 01:14:26.520
 Also, was hab ich gemacht?

01:14:26.520 --> 01:14:32.420
 Ich hab, äh, ich hab, äh, Width, Min-Width und Min-Height auf 20 VH und VW.

01:14:32.420 --> 01:14:34.480
 Also, die sind relativ hoch und breit.

01:14:34.480 --> 01:14:38.160
 Also, in dem Fall, ja, hoch oder breit, je nachdem ob horizontal oder vertikal.

01:14:38.160 --> 01:14:44.260
 Also, nehmen in dem Fall, äh, 20 Prozent, ähm, des Inhalts, des Inhaltsbereichs ein.

01:14:44.260 --> 01:14:45.260
 Also, sehr, sehr groß.

01:14:45.260 --> 01:14:51.900
 Ähm, dann hab ich den Track, da hab ich mich bedient bei so, äh, es gab mal so eine wunderbare Sammlung von,

01:14:52.040 --> 01:15:02.200
 ä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?

01:15:02.300 --> 01:15:03.580
 Also, CSS-Gradients.

01:15:03.580 --> 01:15:08.200
 Und da hab ich einmal für den Track, hab ich so ein Gradient-Muster, das so kleine Totenköpfe sind.

01:15:08.200 --> 01:15:10.380
 Und ich glaub, das erkennt man da gar nicht mehr, weil die so klein sind.

01:15:10.380 --> 01:15:12.400
 Müsste man eigentlich die Größe noch ein bisschen anpassen.

01:15:12.400 --> 01:15:14.140
 Ähm, genau.

01:15:14.260 --> 01:15:19.700
 Also, äh, der Track, also der Hintergrund von dem Scroll-Bereich, es sind lauter kleine Totenköpfe.

01:15:19.700 --> 01:15:30.200
 Und, ähm, das, das Element selbst, das, äh, Thump, heißt es ja, ähm, das ist ein, also auch mit CSS-Gradients gemacht,

01:15:30.200 --> 01:15:33.360
 so ein Biohazard-Symbol, was da hinten dran steht.

01:15:33.840 --> 01:15:39.000
 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.

01:15:39.000 --> 01:15:39.320
 Ja, klar.

01:15:39.320 --> 01:15:40.700
 Das muss schon.

01:15:40.700 --> 01:15:40.900
 Ja, klar.

01:15:40.900 --> 01:15:41.540
 Ja, ja, ja, ja.

01:15:41.540 --> 01:15:45.620
 Es ist wirklich, was ich da kapriziert hab, ist sehr, sehr, sehr hässlich.

01:15:45.620 --> 01:15:49.560
 Ähm, aber ich wollte einfach mal gucken, wo liegen die Grenzen und ich hab noch keine gefunden.

01:15:49.560 --> 01:15:51.020
 Vielleicht liegen sie bei der Animation.

01:15:51.020 --> 01:15:54.960
 Äh, das kann ich im Anschluss mal noch ausprobieren.

01:15:54.960 --> 01:15:57.780
 Äh, die Demo kriegt ihr auf jeden Fall in den Shownotes.

01:15:57.780 --> 01:16:01.620
 Ja, jetzt hab ich viel drüber gesprochen, dass ich was sehr hässliches gemacht hab, ne?

01:16:01.620 --> 01:16:03.660
 Aber ich wollte einfach mal ausprobieren.

01:16:03.840 --> 01:16:05.600
 Hässlich und stolz drauf.

01:16:05.600 --> 01:16:09.360
 Es ist mehr möglich als, als, als, ähm, ähm, wie soll ich denn sagen?

01:16:09.360 --> 01:16:17.140
 Ich wollte mal gucken, wie viel Macht der Browser einem da gibt und ich bin der Meinung, dass es vielleicht ein bisschen zu viel.

01:16:17.140 --> 01:16:17.440
 Ja.

01:16:17.440 --> 01:16:18.280
 Es ist ein bisschen zu viel.

01:16:18.280 --> 01:16:29.980
 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.

01:16:29.980 --> 01:16:34.000
 Und da gibt's einige, die ich vielleicht gerne, einige mehr, die ich da gerne drauf anwenden würde.

01:16:34.000 --> 01:16:35.060
 Oder zum Beispiel Selection.

01:16:35.060 --> 01:16:38.040
 Da gehen, glaub ich, auch nur, ähm, ein paar verschiedene.

01:16:38.560 --> 01:16:45.560
 Aber gerade bei den Scrollbars, sowas unfassbar wichtiges, meiner Meinung nach, da kannst du so, so abgehen, da kannst du irgendwie alles machen.

01:16:45.560 --> 01:16:47.020
 Wahrscheinlich kann ich's auch noch blinken lassen.

01:16:47.020 --> 01:16:49.160
 Ähm, weiß ich nicht.

01:16:49.320 --> 01:16:50.920
 Ich bin mir nicht sicher, aber Spaß hat's gemacht.

01:16:50.920 --> 01:16:52.080
 Ja, das glaub ich.

01:16:52.080 --> 01:17:04.040
 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.

01:17:04.040 --> 01:17:08.960
 Immerhin ist die, ist die Performance von meinem Browser noch ganz okay, er stützt nicht sofort ab.

01:17:08.960 --> 01:17:11.000
 Aber du hast gesagt, du kannst es nicht richtig anfassen.

01:17:11.100 --> 01:17:17.800
 Ja, also, das linke Drittel von der rechten Scrollbar funktioniert, das kann ich anpacken und rechts, äh, funktioniert nicht.

01:17:17.800 --> 01:17:22.800
 Das linke Drittel? Von dieser sehr schmalen Ellipse?

01:17:22.800 --> 01:17:27.840
 Ja. Oder auch, wenn ich in der Leiste klicke, das funktioniert nur im linken Drittel davon.

01:17:27.840 --> 01:17:29.260
 Ah, interessant.

01:17:29.260 --> 01:17:30.620
 Und nicht im, nicht rechts.

01:17:30.620 --> 01:17:32.860
 Also, bei mir funktioniert das überall.

01:17:32.860 --> 01:17:33.180
 Okay.

01:17:33.180 --> 01:17:36.660
 Ich hab den Brave Browser hier, kann ich nicht mehr Werbung an der Stelle machen.

01:17:36.660 --> 01:17:39.520
 Äh, ist ja aber eigentlich nichts anderes als ein Chrome, also.

01:17:40.280 --> 01:17:46.200
 Nee, ich kann, ich kann in, ich kann innen drin klicken, ich kann das Ding überall anfassen, ich hab da keine Probleme bemerkt.

01:17:46.200 --> 01:17:49.380
 Ähm, ja, update mal.

01:17:49.380 --> 01:17:50.420
 Das ist bestimmt ein Update.

01:17:50.420 --> 01:17:51.600
 Ist aktuell, ne.

01:17:51.600 --> 01:17:54.540
 Naja, ist jetzt auch, find ich jetzt nicht so schlimm.

01:17:54.540 --> 01:17:58.140
 Scrollbar, viel Spaß damit.

01:17:58.140 --> 01:18:04.940
 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.

01:18:04.940 --> 01:18:06.220
 Gerade in Firefox.

01:18:06.680 --> 01:18:16.060
 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.

01:18:16.060 --> 01:18:29.480
 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.

01:18:29.480 --> 01:18:33.940
 Ich glaube, es ist tatsächlich Scrollbar-Width oder irgendwie sowas, ich weiß es aber nicht mehr genau.

01:18:35.020 --> 01:18:38.940
 Darf gerne in den Kommentaren kommentiert werden und drückt auf die Glocke bei Twitter.

01:18:38.940 --> 01:18:39.480
 Ding, ding, ding.

01:18:39.480 --> 01:18:40.880
 Ding, ding, ding.

01:18:41.840 --> 01:18:52.360
 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.

01:18:52.360 --> 01:18:54.160
 Vergiss nicht zu abonnieren, lass ein Kommentar da.

01:18:54.160 --> 01:19:02.740
 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.

01:19:03.420 --> 01:19:08.520
 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.

01:19:08.520 --> 01:19:09.620
 Okay.

01:19:09.620 --> 01:19:15.140
 Damit, damit ist jetzt, äh, der Wahnsinn, der Wahnsinn, das Wahnsinnsfette Dings da ist jetzt fertig hier.

01:19:15.140 --> 01:19:16.000
 Puh.

01:19:16.000 --> 01:19:21.560
 Oh, ja, das war jetzt was, äh, für die Augen. Ähm, gut.

01:19:21.560 --> 01:19:28.420
 Also die, die schlechter sehen unter euch, vielleicht haben wir ja auch blinde Hörer, ich weiß es nicht, oder Hörerinnen.

01:19:29.260 --> 01:19:33.420
 Für euch ist das okay, weil euch kann's egal sein, für euch ist das vielleicht ganz gut.

01:19:33.420 --> 01:19:40.180
 Vielleicht macht das aber auch irgendwas kaputt beim Screenreader, er kommt durcheinander durch, durch so viel geballte Hässlichkeit.

01:19:40.180 --> 01:19:48.420
 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.

01:19:48.420 --> 01:19:48.880
 Ja.

01:19:48.880 --> 01:19:49.340
 Ja.

01:19:49.340 --> 01:19:53.420
 Okay, nächster Punkt, äh, Overflow-Anker.

01:19:53.680 --> 01:19:59.300
 Und das ist eigentlich, ähm, ich hab mir da sehr viel dazu aufgeschrieben, dabei kann man da gar nicht so viel dazu sagen.

01:19:59.300 --> 01:20:01.400
 Äh, mal gucken, was ich da aufgeschrieben habe.

01:20:01.400 --> 01:20:06.620
 Genau, also, ähm, Browser-Support, kein Safari, mal wieder.

01:20:06.620 --> 01:20:12.320
 Ja, was ist, was ist das denn? Also Scroll-Anchoring ist, äh, standardmäßig aktiviert in den Browsern.

01:20:12.840 --> 01:20:20.600
 Ä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.

01:20:20.600 --> 01:20:27.280
 Ähm, und ist aber jetzt inzwischen überall in den ganzen Browsern drin und ich kann es aber per CSS deaktivieren.

01:20:27.820 --> 01:20:37.340
 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.

01:20:37.340 --> 01:20:44.540
 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.

01:20:45.100 --> 01:21:01.520
 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.

01:21:01.520 --> 01:21:15.080
 Ä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.

01:21:15.080 --> 01:21:16.780
 Ah, das wusste ich gar nicht.

01:21:16.780 --> 01:21:18.280
 Hey, wir haben was gelernt.

01:21:18.280 --> 01:21:18.560
 Ja, wieder was gelernt.

01:21:18.560 --> 01:21:33.860
 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.

01:21:33.860 --> 01:21:34.500
 Shownotes.

01:21:34.500 --> 01:21:35.800
 Was hab ich gesagt?

01:21:35.800 --> 01:21:38.300
 Ich hab nur gesagt, ich wollte es nur erwähnen.

01:21:38.300 --> 01:21:44.960
 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.

01:21:45.060 --> 01:21:47.880
 Äh, genau. Da sieht man das auf dem Video.

01:21:47.880 --> 01:21:55.360
 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.

01:21:55.360 --> 01:21:59.680
 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.

01:21:59.680 --> 01:22:01.560
 Ach, jetzt willst du nicht mehr, jetzt bist du wieder eingeschnappt, super.

01:22:01.560 --> 01:22:02.620
 Nein, jetzt bin ich beleidigt.

01:22:02.820 --> 01:22:03.720
 So, bitte weitermachen.

01:22:03.720 --> 01:22:14.980
 Ä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.

01:22:14.980 --> 01:22:20.360
 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.

01:22:21.840 --> 01:22:25.860
 So, bitte, ich fixe dir trotzdem, ähm, ich weiß ja nicht mal wo.

01:22:25.860 --> 01:22:30.380
 Ja, so, Chitzi, iPad bei dir, ne, ja, egal, egal, egal.

01:22:30.380 --> 01:22:36.060
 Ja, mach, ey, komm, mach, mach, mach, mach, mach weiter, mach weiter.

01:22:36.060 --> 01:22:44.200
 Also, ähm, ich bin, ich bin, ich bin, ich bin völlig, völlig raus jetzt von unserer Ausschweifung.

01:22:44.200 --> 01:22:47.500
 Das war jetzt, das war jetzt eine Superstelle, nein, nein, das war jetzt eine Superstelle, wollte ich nochmal sagen.

01:22:47.520 --> 01:22:53.060
 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.

01:22:53.060 --> 01:23:00.580
 Also, wenn du jetzt einen guten Podcatcher hattest, dann hast du jetzt keine zehnsekündige, äh, äh, zehnsekündige Pause gemerkt gerade, ja.

01:23:00.580 --> 01:23:07.600
 Ä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.

01:23:07.600 --> 01:23:14.600
 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.

01:23:15.620 --> 01:23:21.020
 Wir verklagen euch dann. Ähm, dann, dann hattest du da jetzt eine sehr, sehr lange Pause.

01:23:21.020 --> 01:23:25.840
 Jetzt habe ich extra dir sehr viel Zeit verschafft, damit ich mich wieder sortieren kann.

01:23:25.840 --> 01:23:26.380
 Okay.

01:23:26.380 --> 01:23:27.140
 Jetzt bitte.

01:23:27.140 --> 01:23:28.180
 Ich bin sortiert, danke.

01:23:28.180 --> 01:23:30.640
 Du bist, äh, ich bin gut sortiert.

01:23:31.620 --> 01:23:40.720
 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.

01:23:40.720 --> 01:23:54.600
 Ä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.

01:23:55.400 --> 01:23:59.080
 Und, ähm, wenn man auf View More geklickt hat, ist das ausgeklappt.

01:23:59.080 --> 01:24:06.900
 Und interessanterweise gibt es da trotz des Scroll-Anchorings, was alle Browser, äh, eigentlich haben, gibt es da Unterschiede, wie die das handhaben.

01:24:06.980 --> 01:24:15.280
 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.

01:24:15.280 --> 01:24:23.200
 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.

01:24:23.200 --> 01:24:31.160
 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.

01:24:31.160 --> 01:24:36.460
 Und nur wenn dieses Element scrollt, dann wird das dafür deaktiviert oder wieder aktiviert.

01:24:36.460 --> 01:24:42.380
 Genau, und da gibt's auch eine Demo mit, mit zwei GIFs, die das gegenüberstellen, was da passiert ist, was da rumwabbelt.

01:24:42.380 --> 01:24:49.080
 Und, ähm, ja, wenn jemand diesen Fall hat, dann ist das gut zu wissen, dass man das dadurch, dass man da entgegenwirken kann.

01:24:50.080 --> 01:24:53.520
 Das, ich glaub, ich muss mir tatsächlich dieses geheime YouTube-Video mal anschauen.

01:24:53.520 --> 01:24:54.160
 Ja, mach das.

01:24:54.160 --> 01:24:57.540
 Zu 100 Prozent, äh, war's, war's jetzt mir, hat sich's mir nicht erschlossen.

01:24:57.540 --> 01:25:04.960
 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?

01:25:04.960 --> 01:25:11.040
 Also einfach, es verhindert, oben drüber lädt was, ja, das kann per Ajax nachgeladen sein, dass da irgendwelche Boxen eingefügt werden.

01:25:11.040 --> 01:25:16.480
 Oder halt, wie gesagt, auch einfach nur Bilder, die nachladen oder irgendwas, was länger dauert und keine feste Höhe hat.

01:25:16.480 --> 01:25:22.720
 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.

01:25:22.720 --> 01:25:26.440
 Und das wird dadurch vermieden und das ist auch eigentlich eine gute Sache, dass die Browser das so machen.

01:25:26.440 --> 01:25:33.960
 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.

01:25:33.960 --> 01:25:37.520
 Aber der Vollständigkeit halber wollte ich das Property auch mit aufnehmen.

01:25:39.140 --> 01:25:46.840
 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.

01:25:46.840 --> 01:25:47.220
 Also ich, ich hab so.

01:25:47.220 --> 01:25:56.140
 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.

01:25:56.140 --> 01:26:02.660
 Aber vielleicht kommt irgendwann mal eine Situation, wo man denkt, ah, vielleicht könnte da das, äh, Anchoring ein Problem sein.

01:26:02.660 --> 01:26:12.580
 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.

01:26:12.900 --> 01:26:20.800
 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.

01:26:21.200 --> 01:26:41.440
 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.

01:26:41.440 --> 01:26:46.000
 Ja, dadurch wird's wirklich klarer als, äh, durch meine Erzählungen, durch meine Unzulänglichen.

01:26:46.000 --> 01:26:51.220
 Das wollte ich damit, das wollte ich, deine Erzählung, nein, ich wollte, aha, oh Mensch, oh Mensch, oh, jetzt bist du beleidigt.

01:26:51.220 --> 01:26:54.020
 Quatsch, nein, nein, nein, nein, es geht hin und her.

01:26:54.020 --> 01:26:55.220
 Wie so ein altes Ehepaar.

01:26:55.220 --> 01:27:00.180
 Wie, ja, Mensch, sollen wir's eigentlich, sollen wir's eigentlich der Öffentlichkeit schon sagen, oder?

01:27:00.180 --> 01:27:02.960
 Nee, noch nicht, nächste Folge, nächste Folge.

01:27:02.960 --> 01:27:11.280
 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?

01:27:11.440 --> 01:27:25.160
 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.

01:27:25.160 --> 01:27:38.780
 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.

01:27:38.800 --> 01:27:39.600
 Das hatten wir noch nicht.

01:27:39.600 --> 01:28:08.440
 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.

01:28:08.440 --> 01:28:22.560
 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.

01:28:22.560 --> 01:28:43.740
 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.

01:28:44.560 --> 01:28:56.260
 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.

01:28:56.360 --> 01:28:58.320
 Ja, aber das müssen wir irgendwie noch fixen. So.

01:28:58.320 --> 01:29:01.280
 Nochmal gesagt.

01:29:01.280 --> 01:29:04.700
 Jetzt, jetzt darfst du, äh, zu Scroll Behavior Smooth kommen, was ich gerade schon.

01:29:04.700 --> 01:29:07.120
 Jetzt darf ich zu Scroll Behavior Smooth.

01:29:07.120 --> 01:29:09.980
 So.

01:29:09.980 --> 01:29:11.300
 Okay.

01:29:11.300 --> 01:29:20.420
 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.

01:29:21.620 --> 01:29:28.520
 So, Scroll Behavior Smooth, das ist dann, glaube ich, auch unsere letzte Scroll Property, über die wir heute sprechen wollen.

01:29:28.520 --> 01:29:30.440
 Ähm, genau.

01:29:30.440 --> 01:29:41.840
 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.

01:29:41.840 --> 01:29:45.440
 Ich klicke auf einen Anker Link, und das macht, zack, bumm, und ich bin genau an dieser Stelle.

01:29:45.440 --> 01:30:04.100
 Ä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.

01:30:04.180 --> 01:30:07.320
 Ich versuche immer ab und zu nochmal ein bisschen so Basis, äh, Wissen mitzuerkriegen.

01:30:07.320 --> 01:30:09.080
 Ja, ist auch gut, da dürfen wir nicht vergessen, ja.

01:30:10.220 --> 01:30:27.600
 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.

01:30:27.700 --> 01:30:37.640
 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.

01:30:37.640 --> 01:30:45.500
 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?

01:30:45.500 --> 01:30:52.860
 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?

01:30:52.860 --> 01:30:57.280
 Also, außer ich beobachte die Scrollbar, weil sie besonders hübsch gestylt ist, zum Beispiel.

01:30:57.280 --> 01:31:01.520
 Genau, weil sie besser, vielleicht ist sie ja auch animiert.

01:31:01.520 --> 01:31:06.460
 Und blinkt in den entsprechenden Farben, je nachdem, ob man nach oben oder nach unten scrollt.

01:31:06.460 --> 01:31:15.060
 Das, ja, geht, geht, geht ja vielleicht, ja, wollen wir, also, bitte, genau, wir machen hiermit die, die, äh, WWS e.V.

01:31:15.060 --> 01:31:22.020
 Äh, Code Challenge macht uns die kreativsten Scrollbar-Animationen, bitte, äh, ich, wenn's da überhaupt geht, ja.

01:31:22.860 --> 01:31:40.320
 Ä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.

01:31:40.320 --> 01:31:41.660
 Vielleicht gibt's auch Sticker.

01:31:41.660 --> 01:31:49.200
 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.

01:31:49.200 --> 01:31:51.020
 Ihr bräuchtet ein animiertes Sticker, das wäre doch was.

01:31:51.020 --> 01:31:51.460
 Mhm.

01:31:51.460 --> 01:31:54.340
 Das müssen wir uns überlegen, was, wie, wie, wie können wir uns...

01:31:54.340 --> 01:31:55.580
 Auf E-Paper, ja, egal.

01:31:55.580 --> 01:31:59.760
 Wenn ihr fleißig spendet, dann gibt's bald animierte Sticker.

01:31:59.760 --> 01:31:59.880
 Genau.

01:31:59.880 --> 01:32:02.840
 So, aber nochmal zurück zu Scrollbehavior.

01:32:02.840 --> 01:32:08.420
 Ähm, Standard ist Scrollbehavior Auto, dann ist das genauso, wie ich's grad beschrieben hab, zack, zack, bam, bam.

01:32:08.540 --> 01:32:17.120
 Und da gibt's auch eine sehr, sehr schöne, ähm, äh, Demo in der MDN, bei Mozilla Developer Network.

01:32:17.120 --> 01:32:23.780
 Ähm, da hat man, da kann man hin- und herschalten zwischen den Scrollbehaviors und, wie gesagt, Standard ist Auto.

01:32:23.780 --> 01:32:27.540
 Und dann springe ich halt wirklich instantan genau zum anderen Punkt.

01:32:27.540 --> 01:32:35.540
 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.

01:32:36.440 --> 01:32:44.380
 Ä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.

01:32:44.380 --> 01:32:46.800
 Man kann es auch ganz speziell auf bestimmte Elemente anwenden.

01:32:47.380 --> 01:32:54.760
 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.

01:32:54.760 --> 01:33:04.660
 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.

01:33:04.660 --> 01:33:11.940
 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.

01:33:11.940 --> 01:33:15.260
 Das heißt, ich kann dann sehen, in welche Richtung bewegt sich das Ganze jetzt gerade.

01:33:15.580 --> 01:33:33.240
 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.

01:33:33.240 --> 01:33:45.420
 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,

01:33:45.480 --> 01:33:53.680
 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.

01:33:53.680 --> 01:34:05.420
 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.

01:34:05.420 --> 01:34:08.260
 Ich komme auf eine neue Seite und dann möchte ich eigentlich schon da sein.

01:34:08.260 --> 01:34:09.100
 Und scrollt erst mal, ja, es ist schon.

01:34:09.100 --> 01:34:15.460
 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,

01:34:15.460 --> 01:34:20.720
 Link auf der Seite scrolle, ähm, also auf der Seite klicke und es dann da hinscrollt, finde ich das eigentlich ganz nett.

01:34:20.720 --> 01:34:30.280
 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.

01:34:30.280 --> 01:34:39.340
 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.

01:34:39.460 --> 01:34:46.060
 Millisekunden, 250. Und wenn es drüber ist, habe ich oft das Gefühl, dass es mir zu lang dauert.

01:34:46.060 --> 01:34:46.180
 Ja.

01:34:46.180 --> 01:34:53.640
 Ä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.

01:34:53.840 --> 01:35:03.260
 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.

01:35:04.320 --> 01:35:07.960
 Ähm, und in diesem Bereich, in diesem angenehmen Bereich bewegt sich das aber auch.

01:35:07.960 --> 01:35:16.240
 Ähm, ja, genau. Also wie gesagt, man kann das, äh, man kann das auf einzelne Elemente anwenden oder halt auf die ganze Seite.

01:35:16.240 --> 01:35:24.420
 Es bietet sich an auf die ganze Seite, aber da ist auch wieder vor kurzem was bei mir, äh, auf Twitter vorbei, äh, gescrollt.

01:35:25.160 --> 01:35:34.380
 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.

01:35:34.380 --> 01:35:41.000
 Also Firefox auf Desktop, Chrome, äh, nur unter Android. Die anderen Browser, die das zwar an sich können, machen es da noch nicht.

01:35:41.000 --> 01:35:48.960
 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.

01:35:48.960 --> 01:36:02.700
 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.

01:36:02.700 --> 01:36:17.300
 Ä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,

01:36:17.300 --> 01:36:26.980
 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.

01:36:26.980 --> 01:36:38.800
 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.

01:36:39.720 --> 01:36:48.120
 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.

01:36:48.120 --> 01:36:49.580
 Der uns auch zuhört.

01:36:49.580 --> 01:36:51.580
 Der uns auch hoffentlich zuhört.

01:36:51.580 --> 01:36:52.400
 Hallo, hallo, hallo, Shep.

01:36:52.400 --> 01:36:52.920
 Hallo, Shep.

01:36:52.920 --> 01:36:59.820
 Ähm, genau, also der Shep bei Twitter, Christian Schäfer, ähm, der hat auch schon mal gespendet übrigens, nehmt euch ein Beispiel.

01:37:00.460 --> 01:37:03.960
 Oh, heute, wir haben eine Gratwanderung hier nicht übertreibt.

01:37:03.960 --> 01:37:07.440
 Ja, nee, jetzt, jetzt, jetzt reicht's dann auch, ich sag's nur noch viermal.

01:37:07.440 --> 01:37:14.720
 Ähm, der hat geschrieben, HTML, äh, mit Focus Within, äh, Pseudoklasse, Scroll Behavior Smooth würde das Problem, ähm, beheben.

01:37:14.720 --> 01:37:22.440
 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.

01:37:22.440 --> 01:37:26.000
 Wobei wir schon, äh, bei über eineinhalb Stunden sind jetzt mal wieder.

01:37:26.000 --> 01:37:26.640
 Ja, ja.

01:37:26.640 --> 01:37:33.300
 Ä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.

01:37:33.300 --> 01:37:36.200
 Ich glaube, wir haben bei uns kein Scroll Behavior auf der Seite.

01:37:36.200 --> 01:37:36.760
 Ich meine auch nicht.

01:37:36.760 --> 01:37:44.360
 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.

01:37:44.360 --> 01:37:48.720
 Wir haben nur so, welche, die seitenübergreifend sind, so zu den Shownotes oder den Kommentaren, glaube ich.

01:37:48.720 --> 01:37:50.220
 Ja.

01:37:50.220 --> 01:37:53.440
 Damit können wir so machen.

01:37:53.440 --> 01:37:54.480
 Am Ende des Themas.

01:37:54.480 --> 01:37:56.100
 Weil du nichts mehr hast zum Thema.

01:37:56.220 --> 01:37:56.340
 Nee.

01:37:56.340 --> 01:37:58.800
 Und wir haben auch nie mehr, wir haben auch keinen Anrufer mehr in der Leitung.

01:37:58.800 --> 01:37:59.920
 Heute nicht.

01:37:59.920 --> 01:38:06.020
 Sollen wir vielleicht mal irgendwie, äh, einen Anrufer, also so, sollen wir vielleicht mal Call-In irgendwie machen?

01:38:06.020 --> 01:38:09.580
 Ja, müssen wir aber, ja, dann müssen wir das abstimmen mit unseren Aufnahmezeiten und dann.

01:38:09.580 --> 01:38:12.940
 Ja, dann können wir das ja mal, äh, sagen jetzt.

01:38:12.940 --> 01:38:14.640
 Eine Live, eine Live-Sendung.

01:38:14.640 --> 01:38:16.180
 Vielleicht mal eine Live-Sendung.

01:38:16.180 --> 01:38:19.160
 Wir können es bei Twitter ankündigen, dann rechtzeitig.

01:38:19.160 --> 01:38:23.680
 Und dann, äh, müssen wir hier mit, äh, mit Studio-Link, oder wie willst du das machen?

01:38:24.560 --> 01:38:26.780
 Ja, wir, das macht dann unsere Assistenz.

01:38:26.780 --> 01:38:29.060
 Genau, die, die Regie macht das dann, unsere Redaktion.

01:38:29.060 --> 01:38:33.400
 Die Regie macht das, die wir uns leisten können, nachdem ihr zum nächsten Mal gespendet habt.

01:38:33.400 --> 01:38:33.500
 Genau.

01:38:33.500 --> 01:38:37.660
 Den Link, äh, hat der Konstantin vorhin schon gesagt.

01:38:37.660 --> 01:38:40.520
 Ja, wir nennen den auch nochmal, wir hauen euch den nach nochmal um die Augen.

01:38:40.520 --> 01:38:41.720
 Nein, nein, nein, kein Problem.

01:38:41.720 --> 01:38:44.480
 Nein, ich, ihr müsst euch den nicht auswendig merken.

01:38:44.480 --> 01:38:46.900
 Auf unserer Seite ist er ganz, ganz oben.

01:38:46.900 --> 01:38:51.960
 Ihr klickt einfach auf das Bier, äh, oder in den Podcast-Shownotes, da ist auch ein kleiner Link.

01:38:51.960 --> 01:38:57.260
 Ich wollte gerade sagen, in den Podcast schon sogar, sofern die das unterstützen, Hyperlinks in den, äh, Descriptions.

01:38:57.260 --> 01:38:59.520
 Auch da, einfach draufklicken.

01:38:59.520 --> 01:39:00.260
 Tut nicht weh.

01:39:00.260 --> 01:39:01.760
 Ein Bier ist drin, oder?

01:39:02.620 --> 01:39:04.800
 Drei Euro ist, glaube ich, kostbar, uns ein Bier.

01:39:04.800 --> 01:39:05.280
 Ja.

01:39:05.280 --> 01:39:07.040
 Und, ähm, das, das kann man machen.

01:39:07.040 --> 01:39:09.320
 Das reicht eigentlich für ein Bier für jeden fast, also je nachdem.

01:39:09.320 --> 01:39:13.000
 Ja, ja, kommt drauf, ja, ja.

01:39:13.000 --> 01:39:14.600
 Also mal, einfach mal.

01:39:14.600 --> 01:39:16.220
 Okay.

01:39:16.220 --> 01:39:17.040
 Weißt du, es nervt?

01:39:17.040 --> 01:39:17.860
 Ja, klar.

01:39:17.860 --> 01:39:23.280
 Ich meine, am Anfang, die ersten, die ersten zehn Folgen haben wir über Feedback gebettelt.

01:39:23.280 --> 01:39:26.000
 Jetzt, äh, machen wir zehn Folgen, äh, Spenden.

01:39:26.000 --> 01:39:29.480
 Und dann lassen wir uns was Neues einfallen, mit was wir euch nerven.

01:39:29.480 --> 01:39:31.440
 Bis keiner mehr zuhört.

01:39:32.160 --> 01:39:36.580
 Wir wollen dann eure, euren, euren, frischen, neu gekauften Schlüpper, nicht die getragenen.

01:39:36.580 --> 01:39:37.200
 Oh Gott.

01:39:37.200 --> 01:39:38.380
 Sondern nur die, die neuen.

01:39:38.380 --> 01:39:41.500
 Damen und Herren, Gleichberechtigung.

01:39:41.500 --> 01:39:43.260
 Ja, natürlich, selbstverständlich.

01:39:43.260 --> 01:39:47.560
 Ich nehm, ich nehm, also mir ist egal, was drin, potenziell drin steckt im Schlüpper.

01:39:47.560 --> 01:39:49.120
 Okay.

01:39:49.120 --> 01:39:50.100
 Was?

01:39:50.100 --> 01:39:51.260
 Ja, was?

01:39:51.260 --> 01:39:52.620
 Ja, gut.

01:39:52.620 --> 01:39:54.020
 Ein Mensch.

01:39:54.020 --> 01:39:56.700
 Also, ich nehm, ich nehm auch, ich nehm auch Affenschlüpper.

01:39:56.700 --> 01:39:58.160
 Moment.

01:39:58.160 --> 01:40:00.860
 Ich hab, ich hab, ich hab, ich hab jetzt gerade vor kurzem...

01:40:00.860 --> 01:40:01.700
 Moment, warte, warte, warte, warte.

01:40:01.700 --> 01:40:06.940
 Nein, nein, nein, warte, ganz kurz noch, ganz kurz noch.

01:40:06.940 --> 01:40:11.000
 Ich hab, ich hab, ähm, es gibt, es gibt so ein TikTok-Account, wo einer so ein kleines Äffchen

01:40:11.000 --> 01:40:11.640
 zu Hause hat.

01:40:11.640 --> 01:40:11.780
 Mhm.

01:40:12.320 --> 01:40:16.080
 Ähm, und der, der, der kriegt diesen mittlerweile so bekannt, ähm, ich weiß nicht, wie er heißt

01:40:16.080 --> 01:40:19.020
 tatsächlich, könnt ihr mal in die Kommentare schreiben, wenn ihr es wisst, äh, und Glocke

01:40:19.020 --> 01:40:19.780
 drücken geht es ja.

01:40:19.780 --> 01:40:20.380
 Ding, ding, ding.

01:40:20.380 --> 01:40:21.300
 Ähm.

01:40:22.280 --> 01:40:25.760
 Und der hat, der hat so ein kleines Äffchen, so, so, ich weiß nicht, so ein Totenkopf-Affe,

01:40:25.760 --> 01:40:27.020
 das ist doch, glaub ich, ne Rasse, oder?

01:40:27.020 --> 01:40:29.200
 So einer von, äh, hier, äh, Pippi Langstrumpf.

01:40:29.200 --> 01:40:31.780
 Ja, so wie bei Flucht der Karibik, so, so, so, so einer, genau.

01:40:31.780 --> 01:40:32.120
 Okay.

01:40:32.120 --> 01:40:35.800
 Ähm, und, äh, oder Pippi Langstrumpf, so, so diese, diese Sorte.

01:40:35.800 --> 01:40:40.620
 Äh, und die sind mittlerweile so bekannt, dass die immer Päckchen geschickt kriegen, die,

01:40:40.620 --> 01:40:43.240
 äh, die der, äh, die der Affe dann, äh, öffnen darf.

01:40:43.360 --> 01:40:47.140
 Und, keine Ahnung, das, also so irgendwie, die schicken dann halt dem Essen und da war halt

01:40:47.140 --> 01:40:50.360
 irgendwie so eine Riesenkiste Popcorn letztes Mal übrigens, weil die Leute Popcorn, also

01:40:50.360 --> 01:40:54.080
 so ein Ding, das ist dann sehr putzig, dem Affen dabei zuzugucken, wie er so ein Paket

01:40:54.080 --> 01:40:58.820
 aufreißt und dann, äh, irgendwie so eine Pop, so eine Popcorn-Tüte aufmacht, die dann

01:40:58.820 --> 01:40:59.700
 eben Popcorn isst.

01:40:59.700 --> 01:41:03.680
 Aber, wie so Schlüpper, Affen-Schlüpper, der hat halt Unterwäsche an.

01:41:03.680 --> 01:41:05.580
 Oder irgendwie, auf jeden Fall so eine Art Hose.

01:41:05.580 --> 01:41:09.340
 Es sieht mehr aus wie so eine Art Schlüpper, das hat der, also bei dem letzten Video, was ich

01:41:09.340 --> 01:41:12.000
 da gesehen hab, das war so irgendwie blau, hat, äh, schon Schlüpper an.

01:41:12.380 --> 01:41:13.340
 Also, die dürft ihr uns auch schicken.

01:41:13.340 --> 01:41:16.000
 Interessant, ja.

01:41:16.000 --> 01:41:20.840
 Okay, gut, jetzt.

01:41:20.840 --> 01:41:21.280
 Darf ich?

01:41:21.280 --> 01:41:22.720
 Du darfst.

01:41:22.720 --> 01:41:24.800
 Das Geilteil.

01:41:24.800 --> 01:41:27.440
 Geilteil.

01:41:27.440 --> 01:41:37.620
 So, das Geilteil, das entspannt immer so ein bisschen dieser Jingle und kommt man dann

01:41:37.620 --> 01:41:41.400
 runter und jetzt, man weiß, es ist jetzt langsam das Ende, außer ich laber jetzt wieder eine

01:41:41.400 --> 01:41:44.020
 Weile, ähm, das Geilteil.

01:41:44.020 --> 01:41:48.140
 Äh, das, äh, ich hab gesagt eingangs, das, das neue Jahr ist schon wieder einen Monat

01:41:48.140 --> 01:41:51.260
 alt und damit auch der Brexit, der erfolgte.

01:41:51.860 --> 01:42:08.440
 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.

01:42:08.480 --> 01:42:17.940
 Das wurde wohl aus irgendeinem alten Vertrag, wahrscheinlich dem ursprünglichen EU-Vertrag, ähm, einfach kopiert und, äh, nicht, nicht abgeändert.

01:42:17.940 --> 01:42:24.320
 Da steht dann wirklich modern E-Mail-Software-Packages including Outlook, Mozilla-Mail as well as Netscape-Communicator 4.x.

01:42:25.180 --> 01:42:28.340
 Aber Mozilla-Mail, wieso stolpert da keiner drüber? Gibt's das auch noch?

01:42:28.340 --> 01:42:32.300
 Nee, ist das nicht, ist da nicht, äh, Thunderbird dann rausgeworden, oder?

01:42:32.300 --> 01:42:39.340
 Ä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.

01:42:39.440 --> 01:42:42.000
 Also dieses Mozilla-Ding, glaube ich, war mit E-Mail.

01:42:42.000 --> 01:43:04.040
 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.

01:43:04.040 --> 01:43:16.760
 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.

01:43:16.760 --> 01:43:20.900
 Und das war auch schon das Geil-Teil, ganz kurz und schmerzlos.

01:43:20.900 --> 01:43:27.420
 Mensch, danke. Also, ich, ich bin bestürzt, wollte ich noch dazu sagen.

01:43:27.420 --> 01:43:28.220
 Bestürzt? Über?

01:43:28.620 --> 01:43:34.960
 Und ich, ja, darüber, dass die so, ähm, naja, dann sieht man mal, wie, äh, ausgegoren der Brexit ist.

01:43:34.960 --> 01:43:43.940
 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.

01:43:43.940 --> 01:43:46.120
 Aber ich, aber mehr muss, mehr muss ich dazu auch nicht sagen.

01:43:46.440 --> 01:43:50.720
 Äh, die zweite Hälfte der Folge beginnt jetzt, unser Politik-Spin-Off.

01:43:50.720 --> 01:43:54.260
 Nee, da, da kann ich mal kurz noch einen, äh, einen anderen Podcast, äh, pluggen.

01:43:54.260 --> 01:44:04.360
 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.

01:44:04.360 --> 01:44:08.400
 Huch. Ähm, die haben zwar, die haben viele Folgen, äh, auch über Corona-Zeug gemacht.

01:44:08.400 --> 01:44:16.460
 Ä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.

01:44:16.460 --> 01:44:25.580
 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.

01:44:25.580 --> 01:44:29.460
 Und, ähm, ja, aber das finde ich auf jeden Fall interessant, also, wer darüber ein bisschen mehr erfahren will.

01:44:29.460 --> 01:44:32.480
 Ja, ich, ich hier, äh, danke für den, für den Tipp, ja, interessiert mich.

01:44:32.480 --> 01:44:35.040
 Wenn ich mal dazukomme, tatsächlich, äh, selber Podcasts zu haben.

01:44:35.040 --> 01:44:38.380
 Also, da gab's jetzt, ich sag's, weil jetzt gerade vor kurzem wieder da eine neue,

01:44:38.400 --> 01:44:47.080
 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?

01:44:47.080 --> 01:44:48.460
 Ja, läuft ja schon eine Weile.

01:44:48.460 --> 01:44:57.400
 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?

01:44:57.400 --> 01:45:08.840
 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.

01:45:09.680 --> 01:45:20.360
 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.

01:45:20.360 --> 01:45:31.460
 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.

01:45:31.700 --> 01:45:34.060
 Aber kannst ja mal reinhören, oder könnt ihr auch mal reinhören.

01:45:34.060 --> 01:45:48.760
 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.

01:45:48.760 --> 01:45:54.200
 Ähm, ich hab mich gefragt, ist, ist so Fachbuchschreiben, ist das eigentlich noch zeitgemäß?

01:45:54.200 --> 01:46:00.120
 Ich hatte es, äh, letztens mit jemandem darüber, der dann meinte, ach, schreib doch mal ein Buch.

01:46:00.840 --> 01:46:17.340
 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.

01:46:17.340 --> 01:46:19.660
 Und das ist so schnell veraltet, das ist, glaub ich, so das Hauptproblem.

01:46:19.660 --> 01:46:27.660
 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.

01:46:28.800 --> 01:46:41.400
 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.

01:46:41.820 --> 01:46:51.500
 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.

01:46:51.500 --> 01:46:53.880
 Na, wir reden hier quasi Geschichte.

01:46:53.880 --> 01:46:56.980
 Wir, äh, ja, wir schreiben.

01:46:56.980 --> 01:46:57.640
 Wir reden Geschichte.

01:46:57.640 --> 01:46:58.980
 Wir nehmen Geschichte auf, ja.

01:46:58.980 --> 01:46:59.160
 Nein, wir reden.

01:46:59.300 --> 01:47:10.460
 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.

01:47:11.200 --> 01:47:18.140
 Ja, aber, aber ich will, ich will zurück, zurückblicken, beziehungsweise zurückhören und dann denken, ja, war geil.

01:47:18.140 --> 01:47:20.360
 Das ist eigentlich mein Ziel.

01:47:20.360 --> 01:47:20.820
 Ja.

01:47:20.820 --> 01:47:23.860
 Ich will gar nicht in 20 Jahren mit dem, was wir hier reden, noch aktuell sein.

01:47:23.860 --> 01:47:25.620
 Nee, geht eh nicht.

01:47:25.620 --> 01:47:28.280
 Genau, weil reich werden wir damit nicht.

01:47:28.280 --> 01:47:31.320
 Deswegen, ähm, wenn man nicht reich damit wird, muss man eine gute Zeit haben.

01:47:31.320 --> 01:47:32.960
 Richtig, die haben wir aber, oder?

01:47:33.400 --> 01:47:47.040
 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.

01:47:47.040 --> 01:47:48.200
 So lange haben wir halt hier Spaß.

01:47:48.200 --> 01:47:48.560
 Genau.

01:47:48.560 --> 01:47:51.460
 Weil, wenn gern Geld kommt, dann hört der Spaß auf.

01:47:51.460 --> 01:48:02.960
 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,

01:48:03.400 --> 01:48:16.020
 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.

01:48:16.020 --> 01:48:32.940
 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,

01:48:33.400 --> 01:48:43.060
 ä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.

01:48:43.060 --> 01:49:01.840
 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,

01:49:02.280 --> 01:49:10.100
 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.

01:49:10.100 --> 01:49:12.340
 Internet, Internet wäre auch vielleicht.

01:49:12.340 --> 01:49:14.540
 Das, das, ja, das Medium, Medium, Quelle, Quelle Internet.

01:49:14.540 --> 01:49:15.600
 Das Ganze ausgefallen ist.

01:49:15.600 --> 01:49:26.420
 Ä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.

01:49:26.560 --> 01:49:36.180
 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?

01:49:36.180 --> 01:49:38.580
 Ich hab da so, ich hab's im Konstant-Thema kurz.

01:49:40.180 --> 01:49:45.780
 Ich hab mit self-HTML tatsächlich viel gelernt, ja, aber damit kann er ja kein Geld verdienen.

01:49:45.780 --> 01:49:50.540
 Ähm, also geht's dir doch ums Geld?

01:49:51.280 --> 01:50:04.780
 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.

01:50:04.780 --> 01:50:09.700
 Es gibt, es gibt schon wahnsinnig viel und ich weiß, ich will eigentlich auch nicht das Rad irgendwie neu erfinden an der Stelle.

01:50:09.700 --> 01:50:17.980
 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.

01:50:17.980 --> 01:50:27.520
 Ä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?

01:50:27.520 --> 01:50:28.900
 2011.

01:50:28.900 --> 01:50:33.360
 Und da waren schon so HTML5-Sachen drin, da fing das ja irgendwie so an.

01:50:33.360 --> 01:50:39.680
 Und es ist wahnsinnig schön und einfach erklärt, ich, äh, kann, keine Ahnung, ich zeig dir das vielleicht demnächst noch mal.

01:50:39.700 --> 01:50:41.820
 Ja, hoffentlich, ja.

01:50:41.820 --> 01:50:44.900
 Ich hab, ich hab nur drüber nachgedacht, es war wirklich nur eine Spinnerei.

01:50:44.900 --> 01:50:49.600
 Bräuchte es sowas eigentlich für HTML mal ein aktuell und was wäre das richtige Medium?

01:50:49.600 --> 01:50:51.020
 Die WWSEV-Fibel.

01:50:51.020 --> 01:50:53.600
 Die WWSEV-Fibel.

01:50:53.600 --> 01:51:08.800
 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?

01:51:08.800 --> 01:51:15.180
 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.

01:51:15.180 --> 01:51:26.180
 Ä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.

01:51:26.920 --> 01:51:31.660
 Was, was, was gibt es? Vielleicht gibt es ja auch das, was ich gerne, wo, wo ich gerne hätte, dass es das gibt.

01:51:31.660 --> 01:51:33.400
 Ähm, vielleicht gibt es das schon.

01:51:33.400 --> 01:51:38.020
 Ich erinnere mich, dass ich früher Azubis immer ganz gerne Little Boxes, äh, empfohlen hab, von Peter Müller.

01:51:38.020 --> 01:51:43.220
 Und das hatten wir damals auch als Buch, äh, in, in der Firma, ähm, wo wir die Azubis hatten.

01:51:44.000 --> 01:51:56.700
 Ä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.

01:51:57.560 --> 01:52:14.200
 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.

01:52:14.200 --> 01:52:27.920
 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.

01:52:27.920 --> 01:52:42.040
 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?

01:52:42.040 --> 01:52:49.300
 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.

01:52:49.300 --> 01:53:11.880
 Ä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.

01:53:11.880 --> 01:53:15.500
 kann, die nicht schon verpackt sind auf tausendste Art und Weise.

01:53:15.500 --> 01:53:31.960
 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.

01:53:32.680 --> 01:53:36.400
 Das ist sowas, was ich, glaub ich, äh, gebraucht hätte, als ich angefangen hab.

01:53:36.780 --> 01:53:50.240
 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.

01:53:50.240 --> 01:54:04.500
 Ä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.

01:54:04.860 --> 01:54:10.460
 Ja, das wär, glaub ich, so ein bisschen die Zielgruppe, halt wirklich der Nachwuchs an, an, ja, Nachwuchsentwicklern.

01:54:10.460 --> 01:54:15.620
 Sagt mal, vielleicht gibt's ja sowas schon und ich kenn's nur nicht, also könnt ihr gerne mal in die Kommentare schreiben.

01:54:15.620 --> 01:54:30.220
 Ä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.

01:54:30.220 --> 01:54:37.900
 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...

01:54:37.900 --> 01:54:48.240
 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.

01:54:48.240 --> 01:54:50.400
 Mal schauen, was die Zukunft so bringt und tut sich da ja was.

01:54:50.400 --> 01:54:53.660
 Eigentlich machen wir den Podcast ja nur, weil wir regelmäßig Bier trinken wollen.

01:54:53.660 --> 01:54:56.540
 Ja, und uns sehen und, äh, gerade jetzt.

01:54:56.540 --> 01:54:57.460
 Stimmt, und uns sehen.

01:54:58.620 --> 01:55:02.180
 Ich sehe den Konstantin übrigens, äh, den sehr gut frisierten Konstantin, wollte ich dir auch mal sagen.

01:55:02.180 --> 01:55:04.500
 Ja, selber, mit einem langen Haarschneider hier so.

01:55:04.500 --> 01:55:07.280
 Uh, very good, very good.

01:55:07.280 --> 01:55:11.880
 Ja, so, jetzt hab ich hier die Stimmung runtergezogen.

01:55:11.880 --> 01:55:13.300
 Sehen wir, ach nee, wieso denn?

01:55:13.300 --> 01:55:22.560
 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.

01:55:22.560 --> 01:55:31.280
 Da ist ein Buch noch zeitgemäß, sollte es ein Video-Workshop-Tutorial sein oder irgendwie was schriftliches, Audio könnte es ja auch sein.

01:55:31.280 --> 01:55:34.620
 Manchmal aber bei HTML und CSS ist angucken, glaube ich, immer ganz gut.

01:55:34.620 --> 01:55:34.720
 Ja.

01:55:34.720 --> 01:55:35.620
 Mhm.

01:55:35.620 --> 01:55:39.760
 Ähm, einfach mal sagen, was so für euch das Optimale wäre.

01:55:39.760 --> 01:55:40.940
 Fände ich irgendwie mal interessant.

01:55:40.940 --> 01:55:44.720
 Wer weiß, vielleicht gibt's dann demnächst die EWS-IV-Fibel.

01:55:45.840 --> 01:55:46.940
 Nur echt im Video.

01:55:46.940 --> 01:55:49.380
 Genau.

01:55:49.380 --> 01:55:51.740
 Okay, ich glaube, damit sind wir am Ende.

01:55:51.740 --> 01:55:53.860
 Und hast du sonst noch was Abkündigendes zu sagen?

01:55:53.860 --> 01:55:56.040
 Ich glaube, Werbung haben wir jetzt tatsächlich genug gemacht.

01:55:56.040 --> 01:55:57.920
 Ansonsten empfehlt uns weiter.

01:55:57.920 --> 01:56:01.400
 Also, äh, klar, Hörer dazugewinnen ist, äh, immer nicht schlecht.

01:56:01.400 --> 01:56:02.780
 Schreibt Spotify.

01:56:02.780 --> 01:56:06.380
 Schreibt Spotify, äh, und empfehlt uns weiter.

01:56:06.380 --> 01:56:07.780
 Das sind die abschließenden Worte.

01:56:07.780 --> 01:56:09.100
 Und ansonsten bleibt gesund.

01:56:09.100 --> 01:56:12.740
 Und wir hören uns, äh, wahrscheinlich wieder in zwei Wochen.

01:56:12.740 --> 01:56:13.620
 Ganz genau.

01:56:13.620 --> 01:56:15.000
 Ciao.

01:56:15.000 --> 01:56:15.680
 Bis dann.

01:56:15.840 --> 01:56:45.820
 Bis dann.