WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: Der Web Almanac ist sowas von 2021
Publishing Date: 2022-01-16T16:33:44+01:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/der-web-almanac-ist-sowas-von-2021/

00:00:00.000 --> 00:00:05.520
 Wo wir sind, ist vorne, Folge 36, zwei Netzmeister besprechen das Netzjahrbuch 2021.

00:00:05.520 --> 00:00:25.060
 Herzlich willkommen bei Wo wir sind, ist vorne, Frontend-Fakten-Frotzelein,

00:00:25.060 --> 00:00:29.080
 der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

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

00:00:56.200 --> 00:01:00.520
 Herzlich willkommen zu Wo wir sind, ist vorne, Folge 36.

00:01:00.520 --> 00:01:03.600
 Wir kommen in die zweite Midlife-Crisis.

00:01:03.600 --> 00:01:05.020
 Ach nee, wir waren da schon mal, gell?

00:01:05.020 --> 00:01:06.060
 Da waren wir schon mal, ja.

00:01:06.060 --> 00:01:11.560
 Ich weiß, du hörst es nicht so gern, aber ich mach's jetzt trotzdem, auch wenn es jetzt schon zwei Wochen rum ist,

00:01:11.560 --> 00:01:14.500
 aber euch allen noch ein schönes, neues und gesundes Jahr.

00:01:14.500 --> 00:01:19.280
 In der ersten Folge des Jahres dürfen wir das kommen, wenn's auch schon ein bisschen rum ist.

00:01:19.300 --> 00:01:20.860
 Also gut, also gut.

00:01:20.860 --> 00:01:22.120
 Na, wenn's sein muss.

00:01:22.120 --> 00:01:28.940
 Also dann auch von mir, weil ich ja versuche jetzt auch höflich zu sein, ich kann jetzt, möchte ja auch neben dem Konstantin jetzt nicht so ganz unhöflich wirken,

00:01:28.940 --> 00:01:31.800
 sonst habt ihr schon wieder gleich keinen Bock mehr beim Zuhören.

00:01:32.660 --> 00:01:35.940
 Ja, Mensch, dann machen wir doch gleich, fangen wir doch gleich an mit dem Bier.

00:01:35.940 --> 00:01:36.540
 Ja, genau.

00:01:36.540 --> 00:01:41.740
 Weil, also ich hab ja immer noch belgisches Bier, muss ich dazu sagen.

00:01:41.740 --> 00:01:47.300
 Ich hab grad im Vorgespräch schon drüber gesprochen, das geht mir jetzt bald aus, das Bier.

00:01:47.300 --> 00:01:48.800
 Also das heißt, ihr dürft mir jetzt Neues schicken.

00:01:48.800 --> 00:01:52.980
 Ihr dürft doch dem Konstantin neues Bier schicken.

00:01:53.200 --> 00:02:00.280
 Auf jeden Fall, jetzt am Ende des belgischen Bieres stehen die Sorten, vor denen ich Angst hatte.

00:02:00.280 --> 00:02:03.060
 Die hab ich so immer nach hinten wieder geschoben.

00:02:03.060 --> 00:02:04.980
 Aufgrund des Alkoholgehaltes, oder?

00:02:04.980 --> 00:02:09.060
 Aufgrund verschiedener, verschiedener Dinge, das erläutere ich jetzt gleich.

00:02:09.060 --> 00:02:15.280
 Also, ich habe hier heute ein Delirium Nocturnum, Strong Dark Beer.

00:02:16.160 --> 00:02:24.280
 Das ist eine, das ist auch eine verrückte Flasche, man sieht nämlich eigentlich auch, das ist eine nicht durchsichtige Flasche, die ist so, siehst du das?

00:02:24.280 --> 00:02:34.680
 Also, die ist so grau, es ist so grau, betonartig sieht sie aus, mit so, mit blauem Etikett und einem roten Elefanten drauf.

00:02:34.680 --> 00:02:38.600
 Und das Bier hat 8,5 Prozent.

00:02:38.600 --> 00:02:39.520
 Okay, so.

00:02:40.460 --> 00:02:49.100
 Ja, also, davor habe ich mich gedrückt, die ganze Zeit, natürlich zur Erheiterung aller, da stehen nämlich jetzt wieder Zutaten drauf, das ist natürlich wieder Belgisch, ne?

00:02:49.100 --> 00:02:53.180
 Geproben mit Water, Gerstenmalz, Hopp, Gist.

00:02:53.180 --> 00:02:55.180
 Oh, das machst du schon?

00:02:55.180 --> 00:02:59.440
 Das klingt doch tatsächlich fast nach deutschem Reinheitsgebot, oder?

00:02:59.440 --> 00:03:07.460
 Das ist tatsächlich ein Bier, das ist, ja, ich weiß nicht, was Gist ist, aber Wasser, Gerstenmalz, Hopfen und Malz vielleicht, oder so.

00:03:07.700 --> 00:03:11.280
 Also, das ist tatsächlich ausnahmsweise mal, Hefe, Hefe, Ach, Hefe, okay.

00:03:11.280 --> 00:03:14.060
 Yeast, ja, da kann man, da hängt das wahrscheinlich zusammen, Gist, Yeast.

00:03:14.060 --> 00:03:16.320
 Ja, ah, cool, okay, gut.

00:03:16.320 --> 00:03:19.220
 Also, das ist tatsächlich mal ein Bier, ein richtiges Bier aus Belgien.

00:03:19.220 --> 00:03:24.040
 Nicht so wie die anderen Belgischen, wo ich irgendwann mal gelernt habe, dass die da irgendwie Zucker reinschütten und so Kram.

00:03:24.040 --> 00:03:30.640
 Aber ich meine, gut, bei dem haben sie einfach gedacht, naja, das soll eh einen umhauen, wir nennen es Delirium.

00:03:30.640 --> 00:03:32.460
 Nocturnal, diese Delirium.

00:03:32.460 --> 00:03:39.380
 Ja, genau, Delirium in der Nacht, es gibt keinen besseren Namen. Lassen wir uns von denen sponsern. So, was trinkst du denn?

00:03:39.540 --> 00:03:46.140
 Ich hab nochmal das Brewers Gold, da hatte ich so einen Sechser davon. Das war, glaube ich, das, was ich dir auch mal vorbeigebracht hatte, vor die Tür gestellt hatte.

00:03:46.140 --> 00:03:49.440
 Das war so, boah, war okay.

00:03:50.600 --> 00:04:09.580
 Ich wurde übrigens gefragt, wie wir das denn machen mit dem Anstoßen. Weil man das ja hört und wir ja remote aufnehmen. Ich hab das dann erklärt, wie das ist, ne? Also, dass wir halt so ein Portal haben, was genauso groß ist, also so ungefähr 30 Zentimeter Durchmesser mit unseren Monitoren.

00:04:09.580 --> 00:04:20.360
 Neben dem Monitor und da stoßen wir dann an. Aber natürlich mit UV-Licht, damit da keine Viren durchgehen. Aber klar, natürlich. Also, wie auch sonst.

00:04:20.360 --> 00:04:24.920
 Man könnte ja auch so was Billiges machen, wie irgendwie mit dem Flaschenöffner gegenhauen, aber das ist ja, kann ja jeder.

00:04:24.920 --> 00:04:33.740
 Nee, nee, nee. Wir haben ein Portal zum Anstoßen. Also, so, ich öffne das jetzt mal. Ich befürchte, das wird nicht so gut klingen bei mir, weil das so komisch zugedinkst ist.

00:04:33.740 --> 00:04:45.420
 Siehst du das? Also, da ist so ein ... Das ist so komplett über den Kronkorken drüber. So, so dieses ... Ich weiß gar nicht, wie man das nennt. So dieses Alupapier, das ist einmal komplett über den Kronkorken und das ist extrem da reingedrückt.

00:04:45.420 --> 00:04:46.520
 Ich bin mal gespannt.

00:04:46.520 --> 00:04:50.700
 Ah, ging. War ganz okay.

00:04:51.200 --> 00:04:55.080
 So, das war eure heutige Runde ASMR. Oh, warte, Moment, warte.

00:04:55.080 --> 00:04:56.860
 Schon am Überschäumen.

00:04:56.860 --> 00:04:57.220
 Wohl.

00:04:57.220 --> 00:05:02.280
 Das ist bestimmt schön übersteuert.

00:05:02.280 --> 00:05:04.180
 Sag mal, wieso hört das denn nicht auf, überzuschäumen?

00:05:04.180 --> 00:05:11.540
 Das ist das Feature von diesem Bier, das ist einfach die ganze Zeit ... Es schäumt immer noch.

00:05:11.540 --> 00:05:13.760
 Dabei habe ich gar nichts Verrücktes damit gemacht. Ich habe es geöffnet.

00:05:13.760 --> 00:05:14.800
 Das ist ein nächtlicher Albtraum.

00:05:14.800 --> 00:05:17.480
 Ich sehe es, wie es da rauskommt.

00:05:17.480 --> 00:05:20.080
 Hm.

00:05:21.200 --> 00:05:24.900
 Ähm, das hört nicht auf.

00:05:24.900 --> 00:05:28.100
 Ja, dann musst du es jetzt wohl wegechsen, ne?

00:05:28.100 --> 00:05:34.160
 Tja, das wird eine lustige Folge.

00:05:34.160 --> 00:05:36.080
 Okay, boah.

00:05:36.080 --> 00:05:38.460
 Ja, es kann auch sein, dass ich es wegschüttel.

00:05:39.840 --> 00:05:42.600
 Aber ich habe keine Ausrede. Das ist noch haltbar bis 2023.

00:05:42.600 --> 00:05:50.480
 Das ist also, ich habe, es ist im Sommer 2021 gekauft und war damals haltbar bis 2023.

00:05:50.480 --> 00:05:52.960
 Okay, wahrscheinlich, weil so viel Alkohol drin ist.

00:05:52.960 --> 00:05:55.760
 Also meins ist schon abgelaufen seit zwei Wochen, aber es schmeckt noch gut.

00:05:55.760 --> 00:05:57.120
 Ah ja, gut.

00:05:58.060 --> 00:06:01.460
 Das ist ja oft auch wegen Sonneneinstrahlung und so.

00:06:01.460 --> 00:06:03.760
 Das war im Kühlschrank, da ist wenig Sonne.

00:06:03.760 --> 00:06:06.780
 Ich habe mal im Trello übrigens jetzt den Haken gesetzt, bei Thema vorbereiten.

00:06:06.780 --> 00:06:08.860
 Das haben wir zwar nicht gemacht, aber ich habe einfach mal abgehakt.

00:06:08.860 --> 00:06:09.300
 Ja.

00:06:09.300 --> 00:06:14.960
 Ich habe ein schlechtes Gewissen heute, aber wir gucken mal, was passiert.

00:06:15.760 --> 00:06:18.560
 So, okay, jetzt sind wir frisch bebiert.

00:06:18.560 --> 00:06:21.720
 Dann können wir ja in unsere erste Rubrik gehen.

00:06:21.720 --> 00:06:29.940
 BW SIV präsentiert die Retrospektive.

00:06:29.940 --> 00:06:36.500
 Ja, ich weiß gar nicht mehr, ob ich es, ich glaube im Stream hatte ich es angesprochen.

00:06:36.500 --> 00:06:43.840
 Ich habe irgendwann mal hier im Podcast auch verkündet, dass ich nochmal im Audio-Setup was verändert habe

00:06:43.840 --> 00:06:47.680
 und jetzt besser klingen sollte und dann musste ich das schon wieder irgendwie aufgeben,

00:06:47.680 --> 00:06:50.200
 weil es nach irgendeinem Stream plötzlich Störgeräusche gab.

00:06:50.200 --> 00:06:55.180
 Und jetzt hat sich herausgestellt, also ich habe so ein Fet-Hat, heißt das, das kennst du auch.

00:06:55.180 --> 00:06:59.300
 Das ist so ein Vorverstärker, den man vor das Interface macht oder vor das Mischpult.

00:06:59.300 --> 00:07:02.080
 Also zwischen Mikrofon und Mischpult oder Interface.

00:07:02.080 --> 00:07:07.200
 Und das hebt den Pegel nochmal an, möglichst ohne Rauschen mit anzuheben.

00:07:07.200 --> 00:07:11.560
 Und dann braucht man den Pegel am Interface nicht so arg hochdrehen.

00:07:12.120 --> 00:07:15.460
 Und jetzt hatte ich das Problem, dass nachdem es jetzt wochenlang gut lief,

00:07:15.460 --> 00:07:17.820
 dass es plötzlich irgendwann Störgeräusche gab.

00:07:17.820 --> 00:07:19.620
 Und es war so richtig heftig, also so richtig elektronisch.

00:07:19.620 --> 00:07:25.320
 Wie so ein bisschen wie früher, wenn man eine SMS bekommen hat und die Boxen haben geklackert.

00:07:26.420 --> 00:07:28.500
 Habe ich vor kurzem ein schönes Bild dazu gesehen.

00:07:28.500 --> 00:07:36.800
 Handy neben alter, nee Quatsch, alte Computerboxen, wo irgendwie unten drunter stand,

00:07:36.800 --> 00:07:42.660
 dass die quasi SMS und Telefonanrufe vorhersagen konnten.

00:07:42.900 --> 00:07:43.560
 Ja, genau.

00:07:43.560 --> 00:07:47.880
 Du hast schon gehört so, oh jetzt kommt gleich eine SMS.

00:07:47.880 --> 00:07:53.560
 Ja jedenfalls, dieses Störgeräusch war irgendwie nicht wegzukriegen.

00:07:53.560 --> 00:07:55.140
 Und es kam von jetzt auf nachher.

00:07:55.140 --> 00:07:57.980
 Nach unserem Computerzusammenbaustream war das plötzlich.

00:07:58.480 --> 00:08:01.800
 Und ich meinte eigentlich nichts daran verändert zu haben.

00:08:01.800 --> 00:08:05.060
 Und ich bin mir auch jetzt noch sicher, dass ich nichts verändert habe an dem Aufbau,

00:08:05.060 --> 00:08:06.420
 als ich das da rumtransportiert habe.

00:08:07.980 --> 00:08:10.800
 Und dann habe ich halt die Firma angeschrieben, wo ich das bestellt hatte.

00:08:10.800 --> 00:08:14.520
 Und habe dann erst das Fethead eingeschickt.

00:08:14.520 --> 00:08:15.680
 Und dann kam ein neues zurück.

00:08:15.680 --> 00:08:16.600
 Und das war immer noch nicht behoben.

00:08:16.600 --> 00:08:18.520
 Und habe dann das Mikrofon eingeschickt.

00:08:18.520 --> 00:08:22.620
 Und das kam dann auch kommentarlos wieder zurück mit Vermerk, funktioniert einwandfrei.

00:08:22.620 --> 00:08:24.900
 Ich habe gedacht, wollen die mich verarschen.

00:08:24.900 --> 00:08:27.420
 Also es funktioniert einfach halt nicht einwandfrei.

00:08:27.420 --> 00:08:30.200
 Aber angeblich ist alles in Ordnung.

00:08:30.200 --> 00:08:34.100
 Und jetzt haben sie mich gebeten, ein Video zu schicken,

00:08:34.100 --> 00:08:36.180
 wo ich das nochmal demonstriere, was passiert.

00:08:36.580 --> 00:08:37.980
 Das habe ich dann tatsächlich gemacht.

00:08:37.980 --> 00:08:38.840
 Ist ja eigentlich cool.

00:08:38.840 --> 00:08:41.420
 Also dieses, sie nehmen dich ernst mit deinem Problem.

00:08:41.420 --> 00:08:43.100
 Ist cool.

00:08:43.100 --> 00:08:46.040
 War halt auch ein bisschen aufwendig, das dann hier erstmal zu machen.

00:08:46.040 --> 00:08:49.280
 Weil ich brauchte ja den Ton wirklich vom Mikrofon.

00:08:49.280 --> 00:08:51.040
 Und dann mit Handykamera aufgenommen.

00:08:51.040 --> 00:08:54.440
 Das hätten sie aber halt auch schon am Anfang machen können.

00:08:54.440 --> 00:08:55.760
 Beziehungsweise eigentlich hätte es gereicht,

00:08:55.760 --> 00:08:57.920
 meine genaue Beschreibung, das was ich geschrieben habe,

00:08:57.920 --> 00:08:59.280
 direkt an die Fachabteilung zu schicken.

00:08:59.280 --> 00:09:01.680
 Und die hätten mir genau das Feedback, was sie mir jetzt gegeben haben,

00:09:01.680 --> 00:09:04.200
 nachdem ich zwei Sachen eingeschickt und wieder zurückbekommen habe,

00:09:04.200 --> 00:09:05.120
 sagen können.

00:09:05.120 --> 00:09:09.020
 Nämlich baue das Fet-Hat hinter das Mikrofon und vor das Kabel.

00:09:09.020 --> 00:09:13.700
 Also zwischen das Kabel und das Mikrofon und nicht zwischen Kabel und Interface.

00:09:13.700 --> 00:09:15.940
 Direkt ans Mikrofon dran, sozusagen.

00:09:15.940 --> 00:09:17.020
 Ja, das habe ich gemacht.

00:09:17.020 --> 00:09:18.440
 Und jetzt ist das Störgeräusch weg.

00:09:18.440 --> 00:09:20.960
 Ach, das ist aber gut zu wissen.

00:09:21.180 --> 00:09:23.300
 Das Kabel macht eine Brummenschleife.

00:09:23.300 --> 00:09:24.180
 Das war das Problem.

00:09:24.180 --> 00:09:29.880
 Das Kabel fängt Störgeräusche auf und die werden dann auch,

00:09:29.880 --> 00:09:31.700
 da wird auch der Pegel davon erhöht.

00:09:31.700 --> 00:09:33.900
 Nicht nur vom Mikrofon, sondern von diesen Störgeräuschen.

00:09:33.900 --> 00:09:34.640
 Okay, verrückt.

00:09:34.960 --> 00:09:38.500
 Also ich habe das, das wusste ich tatsächlich nicht.

00:09:38.500 --> 00:09:44.440
 Ich habe ja so ein Teil auch, weil halt, ich habe ja auch ein sehr, sagen wir mal, leistungsschwaches Mikrofon,

00:09:44.440 --> 00:09:46.600
 das viel, viel Verstärkung braucht.

00:09:46.600 --> 00:09:53.400
 Und habe das eigentlich gemacht aus Gründen, dass mein Schreibtisch aufgeräumter ist.

00:09:53.560 --> 00:09:56.420
 Habe ich das direkt ans Mikrofon, an meinem Stativ.

00:09:56.420 --> 00:10:01.300
 Gar nicht mal, weil nämlich sonst das Kabel so weit aus meinem Audio-Interface rausstehen würde mit diesem Fet-Head dran.

00:10:01.300 --> 00:10:08.820
 Aber interessant, gut zu wissen, dass ich das auch niemals umstelle, falls ich mal aus irgendwelchen Gründen, das ist ja verrückt.

00:10:08.820 --> 00:10:12.440
 Es macht ja auch irgendwie Sinn, wenn man darüber nachdenkt, aber ich bin halt nicht so Audio-Technik-affin.

00:10:12.440 --> 00:10:16.040
 Audio-affin schon, aber mit Technik kenne ich mich halt nicht so aus.

00:10:16.040 --> 00:10:22.860
 Aber mich wundert, dass dadurch dann, also ich meine, das sind ja Störgeräusche, die müssten ja dann quasi jetzt auch da sein, sie werden nur nicht verstärkt.

00:10:23.060 --> 00:10:23.300
 Richtig?

00:10:23.300 --> 00:10:23.740
 Richtig.

00:10:23.740 --> 00:10:26.640
 Die sind einfach so minimal, dass die nicht hörbar sind.

00:10:26.640 --> 00:10:31.060
 Okay, aber wenn das auf der anderen Seite vom Kabel ist, dann werden sie mitverstärkt.

00:10:31.060 --> 00:10:31.320
 Okay.

00:10:31.320 --> 00:10:35.800
 Ich hatte aber auch verschiedene Kabel ausprobiert, also an der Abschirmung und so kann es auch nicht gelegen haben.

00:10:35.800 --> 00:10:38.640
 Naja, wie dem auch sei, ich hoffe, es klingt jetzt alles wieder gut.

00:10:38.640 --> 00:10:43.640
 Übrigens, falls ihr euch jetzt fragt, wie diese Magie funktioniert mit der Phantomspeisung.

00:10:43.640 --> 00:10:50.880
 Nämlich an Mikrofonen, die keine Phantomspeisung haben, das ist so Strom, der durch das Mikrofonkabel durchgeht,

00:10:51.620 --> 00:10:59.440
 wird das Fet-Hat reingeklemmt und das nimmt sich quasi den Strom von der Phantomspeisung und hat da quasi nochmal eine kleine Verstärkung drin.

00:10:59.440 --> 00:11:01.120
 Dann so, ja, das glaube ich.

00:11:01.620 --> 00:11:04.860
 Egal, es wollte zwar keiner wissen, aber jetzt ist es trotzdem.

00:11:04.860 --> 00:11:05.780
 Genau.

00:11:05.780 --> 00:11:08.100
 Ja, dann darfst du eigentlich gerne weitermachen.

00:11:08.100 --> 00:11:09.260
 Ach Gott, ich helfe.

00:11:09.260 --> 00:11:09.900
 So.

00:11:09.900 --> 00:11:11.500
 Ach ja.

00:11:11.500 --> 00:11:13.860
 Ich bin müde.

00:11:13.860 --> 00:11:15.800
 Ich bin müde.

00:11:15.800 --> 00:11:19.640
 Ich habe einfach mal das Developer-Fatigue genannt, was ich gerade habe.

00:11:20.800 --> 00:11:26.320
 Es ist irgendwie so, die Infrastruktur spielt nicht so richtig mit.

00:11:26.320 --> 00:11:31.120
 Dann macht man irgendwelche komischen Updates von irgendwelchen Frameworks, die sehr aufwendig sind.

00:11:31.120 --> 00:11:35.920
 Und ich wünsche mir manchmal einfach wieder zurück, so Fire-and-Forget-Projekte zu machen.

00:11:36.460 --> 00:11:40.160
 So was wie eine Landingpage, wo man weiß, in einem halben Jahr ist die nicht mehr online.

00:11:40.160 --> 00:11:45.160
 Und da kann ich einfach mal mit den geilsten, freshsten Technologien rumspielen und einfach nur mal rausrotzen.

00:11:45.160 --> 00:11:48.400
 Und es ist wichtig nur, dass es jetzt mal funktioniert und ich muss nichts für Jahre pflegen.

00:11:48.520 --> 00:11:51.320
 Das war jetzt irgendwie so, ich bin ein bisschen müde.

00:11:51.320 --> 00:11:55.020
 Das ist einfach nur so am Rande, so als Mini-Retro-Punkt.

00:11:55.020 --> 00:11:56.580
 Aber das hatten wir ja schon öfter.

00:11:56.580 --> 00:11:59.680
 Das heißt, vielleicht muss ich so langsam mal irgendwie Pillen nehmen oder so was.

00:11:59.680 --> 00:12:04.440
 Ich habe gehört, da gibt es so bunte mit Smilies drauf oder mit Emojis.

00:12:04.440 --> 00:12:05.620
 Ich würde Pillen mit Emojis.

00:12:05.620 --> 00:12:07.620
 Die sollen einem gute Laune machen.

00:12:07.620 --> 00:12:10.300
 Ich will da jetzt nicht dazu aufrufen.

00:12:10.300 --> 00:12:11.860
 Ich habe mir gedacht, vielleicht wäre das ja mal was.

00:12:11.860 --> 00:12:13.200
 So.

00:12:13.200 --> 00:12:13.860
 Oder?

00:12:13.860 --> 00:12:15.640
 Ja, weiß nicht.

00:12:16.500 --> 00:12:19.640
 Ich weiß gar nicht, was ich da jetzt dazu sagen soll.

00:12:19.640 --> 00:12:20.620
 Das machen wir dann mal im Stream.

00:12:20.620 --> 00:12:28.420
 Wir haben ja schon öfter mal drüber geredet, so über dieses Löffelschnitzen-Thema.

00:12:28.420 --> 00:12:31.280
 Und da war ich irgendwie jetzt gerade wieder.

00:12:31.280 --> 00:12:36.900
 Ja, du, bei mir, also mir hat schon die Woche, ich hatte jetzt ja Urlaub, vor Silvester und nach Silvester.

00:12:36.900 --> 00:12:38.400
 Also zwei Wochen.

00:12:38.400 --> 00:12:41.620
 Und mir reicht jetzt die Woche Arbeiten eigentlich schon wieder.

00:12:41.620 --> 00:12:50.740
 Also ich bin wirklich, also nicht nur so vom Psychischen, so kein Bock und das nervt, sondern halt wirklich auch, also ich bin unfassbar müde.

00:12:50.740 --> 00:12:52.900
 Und ich habe das Gefühl, ich komme da gar nicht mehr raus.

00:12:52.900 --> 00:12:55.080
 Ich glaube, das hat auch so ein bisschen was mit Corona zu tun.

00:12:55.080 --> 00:12:59.320
 Habe ich jetzt auch letztens erst die Tage wieder gelesen, wo ganz viele in einem Fett gesagt haben, ja stimmt, so geht es mir auch.

00:12:59.320 --> 00:13:01.760
 Also ich werde, egal wie viel schlafe, ich werde nicht mehr müde.

00:13:01.760 --> 00:13:03.960
 Das ist einfach so ein ständiger Stresszustand.

00:13:04.320 --> 00:13:08.080
 Aber ich glaube, es ist auch die Kombination mit dem Arbeiten und mit Unzufriedenheit, die da entsteht.

00:13:08.080 --> 00:13:10.520
 Und das macht sich auch körperlich bemerkbar.

00:13:10.520 --> 00:13:14.540
 Ja, ich habe zum Beispiel jetzt die letzten Tage immer kalte Füße gehabt.

00:13:14.540 --> 00:13:17.520
 Und ich habe jetzt meine Wärmflasche wieder reaktiviert.

00:13:17.520 --> 00:13:24.380
 Habe jetzt eine neue Art, mir das heiße Wasser zu besorgen, die ich vorher immer aus dem Wasserhahn geholt habe.

00:13:25.380 --> 00:13:28.940
 Und das heißt, gehe ich eine Stufe höher, jetzt kommt es aus dem Wasserkocher.

00:13:28.940 --> 00:13:31.180
 Uh, das ist richtig heiß.

00:13:31.180 --> 00:13:32.900
 Ja, das ist richtig heiß.

00:13:32.900 --> 00:13:37.040
 Das ist wirklich, also Wärmflasche, also wenn man kalte Füße hat unterm Schreibtisch, Wärmflasche.

00:13:37.040 --> 00:13:39.580
 Klingt komisch, ist aber wirklich genial.

00:13:39.580 --> 00:13:41.020
 Also kann ich nur jedem empfehlen.

00:13:41.020 --> 00:13:45.520
 Ist uralte Idee, die immer noch sehr gut funktioniert.

00:13:45.520 --> 00:13:51.000
 Eine Sache, die, also ich glaube, diese Wärmflasche, die gibt es auch schon seit ich auf der Welt bin,

00:13:51.360 --> 00:13:55.480
 ist die irgendwie im Familienbesitz und also mindestens so lange, vielleicht sogar noch länger.

00:13:55.480 --> 00:14:01.060
 Und das ist einfach, also Wärmflasche ist, ich kenne nichts, ich kenne kein besseres Konzept für kalte Füße.

00:14:01.060 --> 00:14:04.000
 Die wird durchgereicht, die Wärmflasche, oder hast du die jetzt dir gekrallt?

00:14:04.000 --> 00:14:09.220
 Nee, nee, die habe ich, seit ich Kind bin, habe ich die schon.

00:14:09.220 --> 00:14:14.320
 Und wie gesagt, keine Ahnung, ob die vorher schon andere Stationen bei mir in der Familie hat,

00:14:14.320 --> 00:14:18.620
 aber deswegen weiß ich, weil ich die halt habe, seit ich Kind bin, gibt es die halt schon lange.

00:14:20.040 --> 00:14:21.980
 Mich gibt es ja auch schon sehr, sehr lange.

00:14:21.980 --> 00:14:22.860
 Du bist ja alt.

00:14:22.860 --> 00:14:25.800
 Und ich habe mich auch sehr gut gehalten, also ich bin schon über 100.

00:14:25.800 --> 00:14:27.740
 Ich weiß nicht, ob ich das schon mal gesagt habe.

00:14:27.740 --> 00:14:29.900
 In Developerjahren, was ist das in Menschenjahren?

00:14:29.900 --> 00:14:36.740
 Das kann man, das, das, das rechnet ihr bitte bis zur nächsten Sendung aus und schreibt es in die Kommentare.

00:14:36.740 --> 00:14:40.580
 Okay, gut.

00:14:40.580 --> 00:14:42.700
 Also das kann man, kann man abschließen.

00:14:42.700 --> 00:14:45.380
 Jetzt, jetzt kommen, jetzt kommen die richtig harten Storys von Konstantin.

00:14:45.380 --> 00:14:46.500
 Harte Storys.

00:14:47.380 --> 00:14:51.060
 Machen wir mal ein, halb, halb, Kapitelmärkchen.

00:14:51.060 --> 00:14:51.880
 Märkchen.

00:14:51.880 --> 00:14:56.720
 Halbleitermangel, Stilblüten habe ich es mal genannt.

00:14:56.720 --> 00:15:02.860
 Und zwar geht es um Druckerpatronen, aber Halbleitermangel aktuell, die Auswirkungen, die spürt man ja in verschiedenen Bereichen.

00:15:02.860 --> 00:15:08.260
 Also wer sich gerade eine neue Grafikkarte kaufen will, wobei das natürlich auch mit Bitcoin-Mining zu tun hat,

00:15:08.620 --> 00:15:12.720
 aber auch generell Computerchips, das ist einfach alles gerade unglaublich teuer, Autokauf zum Beispiel.

00:15:12.720 --> 00:15:21.680
 Da ist es so, dass das manche Modelle, also neue aufgelegte Modelle, die vorher im alten Modell Instrumente hatten, die eigentlich schon digital waren, also Geschwindigkeitsanzeige oder sowas,

00:15:21.680 --> 00:15:26.520
 dass die jetzt wieder analog sind in den neueren Modellen, weil nicht genügend Halbleiter da sind wohl.

00:15:26.680 --> 00:15:32.820
 Habe ich gelesen, weiß nicht, wie viel da jetzt dran ist, aber wo es tatsächlich jetzt definitiv eine Auswirkung hat, sind Druckerpatronen.

00:15:32.820 --> 00:15:41.600
 Und zwar sind die ja versehen bei den großen Herstellern mit so Chips, die dann dem Drucker mitteilen, so ich bin ein Original vom Hersteller, also Canon jetzt mal beispielsweise.

00:15:41.600 --> 00:15:45.420
 Das ist der größte Quatsch, echt. Das müsste eigentlich verboten werden.

00:15:45.420 --> 00:15:53.500
 Also sinnvoll ist natürlich so zu sagen, okay, ich bin eine gelbe Patrone, ich bin eine Cyan-Patrone, sodass du die, wenn du die falsch einsetzt, dass der Drucker das merkt.

00:15:53.640 --> 00:16:00.820
 Okay, das wäre noch sinnvoll, aber die benutzen das natürlich, um zu sagen, Moment mal, das ist keine, keine originale Canon-Patrone, so.

00:16:00.820 --> 00:16:04.340
 Da weigern wir uns jetzt, den Vollstand anzuzeigen.

00:16:04.340 --> 00:16:07.520
 Oder deine Garantie läuft nicht ab, weiß nicht, was sie jetzt machen.

00:16:07.520 --> 00:16:08.500
 Müsste, müsste verboten werden.

00:16:08.500 --> 00:16:15.080
 Ich glaube, Canon ist da tatsächlich noch so halbwegs kulant, also die warnen dann nur und sagen halt so, keine Garantie.

00:16:15.080 --> 00:16:19.660
 HP ist da, oder HP ist da anscheinend richtig krass drauf.

00:16:19.660 --> 00:16:22.420
 Die haben teilweise, habe ich gelesen, sogar Geolocking.

00:16:23.640 --> 00:16:30.520
 Ja, also der Drucker meldet, der muss ans Internet angeschlossen sein, meldet dann, wo du dich befindest und du hast nur eine Subscription für dort.

00:16:30.520 --> 00:16:31.300
 Nein.

00:16:31.300 --> 00:16:39.560
 Und auch mit den Subscriptions ist das so, wenn deine Subscription abgelaufen ist und du hast aber noch eine halbvolle Patrone da drin, dann weigert der sich zu drucken, weil du hast keine Subscription mehr.

00:16:39.560 --> 00:16:41.600
 Abgefahren, oder?

00:16:42.600 --> 00:16:49.260
 Ja, alle verklagen und schlimme Dinge tun, vor das Klimmgebäude kacken.

00:16:49.260 --> 00:16:56.140
 Jetzt kommt's aber, weil eben dieser Halbleitermangel gerade besteht, haben die gar nicht mehr genug Material, um diese Chips zu produzieren.

00:16:56.140 --> 00:17:05.640
 Und zumindest Canon, ich weiß nicht, wie es bei anderen Herstellern aussieht, hat jetzt angefangen, Patronen rauszuschicken, die einfach gar keinen Chip drauf haben, weil sie halt keine Chips da haben.

00:17:05.920 --> 00:17:08.640
 Das heißt, der Drucker meldet dann aber, oh, oh, keine Originalpatrone.

00:17:08.640 --> 00:17:16.760
 Und Canon hat jetzt Anleitungen veröffentlicht, wie man bei welchem Modell das dann umgeht, dass man die dann einfach benutzen kann.

00:17:16.760 --> 00:17:18.760
 Das ist so, das ist so bekloppt.

00:17:19.440 --> 00:17:39.420
 Das ist, ach, also jetzt machen die die Patronen so, wie sie eigentlich schon immer hätten sein sollen, nämlich ohne irgendeinen Scheiß, weil, also, es ist schon schlimm genug, dass es überhaupt Patronen gibt und nicht, dass das irgendwelche Nachfüllkanister sind, ja, die ich irgendwo einfach, also, das ganze Druckerding, das ganze Druckerding ist in Sicht kaputt.

00:17:39.540 --> 00:17:57.600
 Vielleicht kann ich da mal noch ein bisschen unbezahlte Werbung machen, also wir werden da wirklich nicht gesponsert, aber superpatronen.de, bei denen kann man zum Teil auch leere Patronen einschicken, Originalpatronen, und die füllen die wieder auf.

00:17:57.600 --> 00:18:08.520
 Also man bekommt, also man muss das nicht machen, es ist kein Tauschgeschäft, sondern man kann das machen, der Umwelt zuliebe, man kriegt aber aufgefüllte Originalpatronen von denen zugeschickt.

00:18:08.520 --> 00:18:10.840
 Superpatronen.de

00:18:10.840 --> 00:18:28.680
 Und, ähm, da hab ich jetzt schon ein paar Mal, also meine letzten Patronen, ich hab früher auch immer die Originalpatronen bestellt von Canon, die ja dann irgendwie so 60, 70, 80 Euro kosten, ähm, und jetzt hab ich, bin ich dazu übergegangen, die dort zu kaufen, da sind sie günstiger, und man tut noch was für die Umwelt, äh, Umwelt, also, kann ich nur empfehlen.

00:18:29.140 --> 00:18:43.820
 Okay, gut, also ich bin dafür, äh, das ist, das ist eine gute Sache, ich bin aber trotzdem dafür, dass der Gesetzgeber was tun muss, wir müssen rechtlich, wir müssen die große Keule auspacken, weil das ist, das ist doch, also, ich mein, ich würd mich da ja total drüber echauffieren, wenn ich einen Drucker hätte.

00:18:44.460 --> 00:18:48.940
 Ich brauch halt gefühlt drei- oder viermal im Jahr einen Drucker.

00:18:48.940 --> 00:19:00.720
 Ähm, und ich hab dann halt, ich hab dann halt ne Möglichkeit, wo ich drucken kann, ähm, aber, aber ich bin so froh, dass ich mich damit nicht beschäftigen muss, mit diesem ganzen Quatsch, weil jedes Mal, wenn ich's mitkriege,

00:19:00.780 --> 00:19:09.460
 Oh, mein, mein, mein Druckerpatron ist leer, ja, ich, okay, ja, ich bestell dir ne neue, äh, was kostet die denn? 70 Euro, äh, was?

00:19:09.460 --> 00:19:12.120
 Und dann, und dann, original oder nicht?

00:19:12.120 --> 00:19:22.360
 Aber auch nur, wenn du dieses Komplettpaket nimmst, damit's hier im YK, und es ist vielleicht nur Yellow gerade leer, aber dann bestellst du trotzdem über das, weil eins, dann kostet die ja noch mehr, da kostet ja wahrscheinlich die, die Einzelpatrone schon irgendwie 50 Euro.

00:19:22.360 --> 00:19:33.040
 Also, das ist, was mit Druckern und Druckerpatronen abgeht, das ist kriminell. Das ist das, äh, ich würde sagen, da könnte man doch gut klagen, so, ich verstößt gegen die guten Sitten, das ist doch so, das ist so ein schönes Ding in Deutschland.

00:19:33.040 --> 00:19:36.480
 Und da, da, ich glaube, da würdest du auf jeden Fall recht kriegen bei jedem Gericht, das ist ja.

00:19:36.480 --> 00:19:43.420
 Also, wer, wer da, äh, positiv gegenüber eingestellt ist, mal eben schnell, sich einen Rechtsanwalt zu nehmen und sowas anzuzetteln, viel Spaß.

00:19:43.420 --> 00:19:51.940
 Also, falls ihr eine Rechtsschutzversicherung, ja, falls ihr eine Rechtsschutzversicherung habt, klagt, verklagt einfach mal HP, Canon, Epson, Brother oder wie sie alle heißen.

00:19:52.360 --> 00:20:02.780
 Weil das ist ja, also, meine Güte. Also, ich finde ja schon, wie gesagt, das Patronenkonzept finde ich an sich schon kaputt, dass sie dann auch noch so Chipster, oh Gott, oh Gott, ich kann's hier nicht ausdenken.

00:20:02.780 --> 00:20:06.260
 Peak, Peak, äh, Peak-Technik.

00:20:06.260 --> 00:20:07.900
 Ja, absolut, das ist echt eine Ironie eigentlich.

00:20:07.900 --> 00:20:14.840
 Internet of Shit. Der Drucker muss mit dem Internet verbunden sein, damit, weil, damit er im Zweifelsfall sagen kann, du darfst nicht drucken.

00:20:14.840 --> 00:20:15.740
 Ja.

00:20:17.380 --> 00:20:17.740
 Ja.

00:20:17.740 --> 00:20:20.080
 Also, äh, wozu kaufe ich mir da einen Drucker?

00:20:20.080 --> 00:20:21.980
 Das ist schon, das ist schon irgendwie so dystopisch, oder?

00:20:21.980 --> 00:20:23.120
 Der gehört mir ja dann gar nicht.

00:20:23.120 --> 00:20:25.360
 Das ist schon so irgendwie so Big Brother, äh.

00:20:25.360 --> 00:20:33.080
 Das ist total, das ist total dystopisch. Da sind wir schon, da sind wir schon mittendrin in, ja, das, was heißt, nee, das ist ja Realität, das ist ja noch viel schlimmer.

00:20:33.080 --> 00:20:35.600
 Oh Mann, ey.

00:20:35.600 --> 00:20:38.120
 Oh je, jetzt hab ich dein, dein Weltbild noch weiter verrückt.

00:20:38.120 --> 00:20:52.300
 Ah, ja, das ist, deswegen, deswegen, das ist, das ist ja, nee, das ist ja noch schlimmer, als ich dachte, also das mit den Chips hab ich mitbekommen, aber dass die jetzt Workarounds veröffentlichen, wie man ihre Drucker überlistet, dass sie die Originalpatronen, die keine Chips haben, das ist, wie der funktioniert.

00:20:52.300 --> 00:21:06.060
 Das ist so kaputt, oh Gott, nee, aber ich hab absichtlich, ich hab absichtlich die guten Sachen der Retro ans Ende gepackt, also meine guten Sachen, dass wir die Retro gut beenden können.

00:21:06.060 --> 00:21:08.820
 Das ist gut, dann hast du, dann darfst du jetzt deine zwei Punkte noch vorstellen.

00:21:08.820 --> 00:21:15.320
 Genau, jetzt sind wir alle down, jetzt sind wir alle down, jetzt erzähl ich noch Sachen, die ich gut finde. Haha, vielleicht findet ihr die gar nicht gut, aber ich find die gut.

00:21:16.400 --> 00:21:28.180
 Und zwar, das erste ist, wir haben bei unserer Community, mit unserer Community auf Discord gesprochen, da wurde nämlich mal wieder angefragt, warum wir denn nicht auf Spotify sind als Podcast.

00:21:28.180 --> 00:21:42.640
 Und dann hab ich halt meinen üblichen Tweet verlinkt, so hey Spotify, da muss man, die wollen irgendwie Geld von dir haben und dann spielen die Werbung ein und die geben einem aber nichts davon ab und da verschenken wir unseren Podcast lieber, das ist so unsere Aussage gewesen die ganze Zeit.

00:21:44.060 --> 00:22:00.740
 Jetzt wurde uns zugetragen, dass Podcasts auf Spotify werbefrei anzuhören sind, das heißt, wenn man Podcast da einreicht, ich meine, das kann man ja mittlerweile als Podcaster ganz einfach, einfach nur den Feed einreichen und dann muss man irgendwie noch zeigen, dass er einem auch wirklich gehört und dann kann man den Podcast da listen lassen.

00:22:00.740 --> 00:22:11.180
 Scheint es tatsächlich so zu sein, bitte schreibt mal in die Kommentare, falls es nicht so ist, dass man auf Spotify, wie gesagt, Podcasts werbefrei hören kann.

00:22:11.180 --> 00:22:16.420
 Und dann haben wir gesagt, naja, dann könnte man vielleicht da mitgehen, weil dann wird der ja quasi auch verschenkt.

00:22:16.420 --> 00:22:24.880
 Er ist zwar trotzdem in dieser geschlossenen Plattform drin, was wir generell nicht so gut finden, aber er wird ja trotzdem weiter verschenkt, so wie wir das auch machen.

00:22:24.880 --> 00:22:28.540
 Und dann lassen wir uns da jetzt mal drauf ein und das haben wir gemacht.

00:22:29.660 --> 00:22:36.940
 Und jetzt gibt es uns bei Spotify und wir haben da auch schon ein paar Follower und ein paar Streams und ein paar Hörer, obwohl wir gar keine große Werbung dafür gemacht haben.

00:22:36.940 --> 00:22:40.440
 Und wir sind jetzt mal gespannt, was da jetzt noch so passiert.

00:22:40.440 --> 00:22:43.540
 Auf jeden Fall sind es ganz coole Statistiken, die man da sehen kann.

00:22:45.300 --> 00:22:49.240
 Ich habe es dir ja gerade vor mir.

00:22:49.240 --> 00:22:52.400
 Zum Beispiel Gender wird da angegeben.

00:22:52.400 --> 00:22:55.440
 Das gefällt mir eigentlich gar nicht, was man da sieht.

00:22:55.440 --> 00:22:59.700
 0% Female, 36% Male.

00:22:59.700 --> 00:23:01.680
 Jetzt mal überlegen, was bleibt da übrig jetzt?

00:23:01.680 --> 00:23:02.440
 Ich meine 36.

00:23:02.440 --> 00:23:04.040
 Keine Ansage.

00:23:04.040 --> 00:23:08.620
 64% Not Specified und dann gibt es noch Non-Binary, haben wir aber auch null.

00:23:08.620 --> 00:23:12.240
 Also ja, 64% sind nicht angegeben und 36% sind männlich.

00:23:12.240 --> 00:23:18.540
 Ja, liegt das jetzt daran, dass die Spotify-Kundschaft nicht sehr divers ist oder unsere Hörerschaft, HörerInnerschaft?

00:23:18.540 --> 00:23:19.280
 Da fängt es ja schon an.

00:23:19.280 --> 00:23:21.540
 Hier geben wir uns ja Mühe.

00:23:21.540 --> 00:23:25.580
 Altersgruppe, fand ich sehr interessant.

00:23:25.580 --> 00:23:26.940
 Woher auch immer die das wissen?

00:23:26.940 --> 00:23:31.640
 Weil man muss ja bestimmt nicht angeben, wie alt man ist bei Spotify oder doch?

00:23:31.640 --> 00:23:33.720
 Ich weiß es nicht.

00:23:33.720 --> 00:23:34.780
 Vielleicht kann man es optional angeben.

00:23:34.780 --> 00:23:36.160
 Vielleicht kann man es angeben.

00:23:36.160 --> 00:23:50.700
 Wir haben hier einen kleinen Balken bei zwischen 23 und 27 sind 9% unserer HörerInnen dort und 91% zwischen 45 und 59 und der Rest ist überall null.

00:23:50.700 --> 00:24:03.400
 Aber was auch noch interessant ist, also auf jeden Fall, das ist alles aus Deutschland, was ich auch noch interessant fand, ist, jetzt sieht man da noch Artists, they are listening to.

00:24:03.400 --> 00:24:06.780
 Also irgendwie Musik, die die hören, unsere HörerInnen.

00:24:06.780 --> 00:24:22.220
 Und zwar, das sind auch Sachen, die ich nicht gerne auf jeden Fall, Quam E., nie gehört, Fallout Boy, kenne ich irgendwie, Johnny Five, Rosk und jetzt kommt mein Highlight, DJ Gollum.

00:24:22.220 --> 00:24:31.080
 Also, falls du dich jetzt hier wieder findest und DJ Gollum hörst, schick uns mal irgendwie.

00:24:31.080 --> 00:24:32.720
 Dein Lieblingslied.

00:24:32.720 --> 00:24:36.000
 Schick uns mal dein Lieblingslied von DJ Gollum, genau.

00:24:37.060 --> 00:24:45.500
 Der sieht auf dem Bild eigentlich gar nicht so Gollumhaft aus, sieht eigentlich irgendwie, sieht irgendwie aus wie, oh, warte mal, er hat irgendwie ein Trikot an.

00:24:45.500 --> 00:24:53.320
 Eine Million 700.000 monatliche HörerInnen, also das scheint, er scheint irgendwie schon ein paar Plays zu haben, DJ Gollum.

00:24:53.500 --> 00:24:55.960
 Also, DJ Gollum, falls du uns zuhörst, meld dich mal.

00:24:55.960 --> 00:24:59.740
 Okay, so, das ist das eine.

00:24:59.740 --> 00:25:02.680
 Ah, du hast den Link noch reingepackt, alles klar.

00:25:03.460 --> 00:25:06.300
 Und das andere ist, äh, Trommelwirbel.

00:25:06.300 --> 00:25:12.140
 Wir haben tausend Follower auf Twitter und das würde ich gerne feiern.

00:25:12.140 --> 00:25:14.500
 Irgendwie kann man irgendwie, warte mal, genau, warte mal.

00:25:14.500 --> 00:25:15.480
 Cool, wir können feiern mal.

00:25:15.480 --> 00:25:16.040
 Ja, genau.

00:25:16.040 --> 00:25:18.300
 Also, Applaus an euch.

00:25:18.300 --> 00:25:19.500
 Vielen, vielen Dank.

00:25:19.500 --> 00:25:21.460
 Oh ja, Feuerwerk ist auch immer gut.

00:25:21.460 --> 00:25:25.320
 Okay, sehr gut.

00:25:25.320 --> 00:25:27.940
 Ähm, ja, wir freuen uns sehr.

00:25:27.940 --> 00:25:32.300
 Ähm, jetzt haben wir nach, äh, wie lange machen wir das jetzt eigentlich schon?

00:25:32.300 --> 00:25:33.220
 Zwei Jahre?

00:25:33.340 --> 00:25:35.320
 Äh, mal spiegeln.

00:25:35.320 --> 00:25:36.900
 Noch nicht, noch nicht ganz, gell?

00:25:36.900 --> 00:25:39.840
 Doch, doch, doch, müssen jetzt schon zwei Jahre rum sein, oder?

00:25:39.840 --> 00:25:41.760
 Mal gucken.

00:25:41.760 --> 00:25:45.320
 So, wann haben wir die erste?

00:25:45.320 --> 00:25:47.320
 27.10.2019.

00:25:47.320 --> 00:25:48.600
 Ah ja.

00:25:48.600 --> 00:25:51.580
 Ja, hatten wir nicht, wir hatten noch Geburtstag, wir haben noch Geburtstag gefeiert,

00:25:51.580 --> 00:25:52.660
 WWSIV-Geburtstag.

00:25:52.660 --> 00:25:54.200
 Stimmt, das war ja schon der zweite, oder?

00:25:54.200 --> 00:25:55.400
 Ja, das war der zweite.

00:25:55.400 --> 00:25:56.280
 Ja, dann.

00:25:56.280 --> 00:25:57.640
 Also, über zwei Jahre machen wir das jetzt schon.

00:25:57.640 --> 00:26:00.800
 Über zwei Jahre und wir haben jetzt schon die tausend Follower geschafft und da freuen wir

00:26:00.800 --> 00:26:03.220
 uns sehr drüber natürlich über alle weiteren und über alle, die schon

00:26:03.220 --> 00:26:09.440
 dabei sind und die, die uns nicht mehr folgen, die, die, die können nach Hause gehen, die

00:26:09.440 --> 00:26:09.880
 brauchen wir nicht.

00:26:09.880 --> 00:26:11.640
 Die kriegen auch, die kriegen auch kein Freibeer.

00:26:11.640 --> 00:26:15.120
 Ich meine, die anderen auch nicht, aber die kriegen explizit kein Freibeer.

00:26:15.120 --> 00:26:17.680
 Wir brauchen nur so ein Buh, Buh auf dem Soundboard.

00:26:17.680 --> 00:26:21.040
 Wir sind sehr positiv eingestellt eigentlich, so bei unserem Soundboard.

00:26:21.040 --> 00:26:23.560
 Wir haben gar nichts Negatives, wir haben nur nette Sachen.

00:26:23.560 --> 00:26:25.200
 Ja, vielleicht belasten wir es auch dabei.

00:26:25.200 --> 00:26:27.420
 Wir haben ja genug Negatives im Alltag.

00:26:27.420 --> 00:26:29.360
 Genau.

00:26:31.780 --> 00:26:34.700
 Okay, gut, damit, das war, glaube ich, die Repo.

00:26:34.700 --> 00:26:35.360
 Ja, cool.

00:26:35.360 --> 00:26:36.600
 Was heißt, was heißt schon?

00:26:36.600 --> 00:26:38.480
 Ja, eine halbe Stunde nur, fast.

00:26:38.480 --> 00:26:41.300
 Ja, andere Podcasts sind an der Stelle schon vorbei.

00:26:41.300 --> 00:26:41.680
 Fertig.

00:26:41.680 --> 00:26:43.440
 Und haben schon komplett das Thema durchgenommen.

00:26:43.440 --> 00:26:44.660
 Nein, aber nicht bei uns.

00:26:44.660 --> 00:26:45.380
 Ihr kennt uns ja.

00:26:45.380 --> 00:26:47.120
 So nicht.

00:26:47.120 --> 00:26:47.780
 So nicht.

00:26:47.780 --> 00:26:51.400
 Die Property der Woche.

00:26:51.400 --> 00:26:59.580
 Eine der ersten Properties, die ich jemals aufgeschrieben habe für diesen Podcast.

00:27:00.020 --> 00:27:01.820
 Und sie ist nie drangekommen.

00:27:01.820 --> 00:27:02.640
 Aber jetzt.

00:27:02.640 --> 00:27:04.380
 Aus unterschiedlichen Gründen.

00:27:04.380 --> 00:27:05.760
 Aber jetzt und heute.

00:27:05.760 --> 00:27:09.420
 Weil es ist vielleicht auch was, was gar nicht so unbekannt ist.

00:27:09.420 --> 00:27:12.560
 Aber ich finde es cool, weil man sehr kreative Sachen damit machen kann.

00:27:12.560 --> 00:27:15.640
 Ist die Pseudoklasse Target.

00:27:15.640 --> 00:27:17.840
 Die CSS-Pseudoklasse Target.

00:27:17.840 --> 00:27:27.680
 Und was die tut, ist, man kann damit Elemente stylen, die gerade per ID angesprungen wurden.

00:27:27.680 --> 00:27:33.720
 Während die mit einem Anker-Link oder die mit einem Anker oder mit einem Fragment-Identifier in der URL angesprungen wurden.

00:27:33.720 --> 00:27:34.780
 Und die gerade aktiv sind.

00:27:34.780 --> 00:27:44.660
 Das heißt, wenn in eurer URL gerade steht Pfad, Raute und dann die ID von dem Element, dann ist das gerade aktiv.

00:27:44.660 --> 00:27:49.980
 Und das Element, das dann gerade angesprungen wurde, das kann ich dann stylen mit der Target-Pseudoklasse.

00:27:49.980 --> 00:27:55.260
 Habe ich auch erst durch dich kennengelernt im Zusammenhang mit unserer WWSIV-Seite.

00:27:55.620 --> 00:27:58.260
 Und man kann damit alles mögliche Verrückte machen.

00:27:58.260 --> 00:28:04.720
 Es gibt Leute, die bauen damit zum Beispiel, den Link packen wir auch in die Shownotes, eine Lightbox, die nur mit CSS funktioniert.

00:28:04.720 --> 00:28:08.820
 Also so ein Layer, der sich über die Seite legt, wo dann was drin ist.

00:28:08.820 --> 00:28:17.020
 Das hat allerdings den Nachteil, dass wenn man wieder raus will, dann macht man das normalerweise mit einfach nur wieder auf Raute verlinken.

00:28:17.020 --> 00:28:19.360
 Und dann scrollt die Seite wieder nach oben.

00:28:19.480 --> 00:28:22.040
 Also wenn man weiter unten war irgendwo, dann ist das ein bisschen doof.

00:28:22.520 --> 00:28:28.540
 Also in meiner Demo, die ich gebaut habe, kleine Demo gebaut, kommt in die Shownotes, da habe ich so ein paar verschiedene Styles gemacht.

00:28:28.780 --> 00:28:46.220
 Also wir haben zum Beispiel ein Produkt, an dem ich baue, wo wir damit den aktiven Kommentar oder den Link in so einem Thread, in so einer hervorartigen Ansicht, erheben wir den aktiven Kommentar, auf den verlinkt wurde zum Beispiel hervor mit so einer Linie links nebendran.

00:28:46.360 --> 00:28:48.160
 Und da ist es ein bisschen anders farblich hinterlegt.

00:28:48.160 --> 00:28:53.120
 Kann man zum Beispiel dann auch eine Animation drauflegen, dass man irgendwie sieht, wo man ist.

00:28:53.120 --> 00:29:06.700
 Und in der Demo, die ich da gebaut habe, habe ich zum Beispiel gesagt, naja, man kann den Bereich dann farblich hinterlegen oder man kann vielleicht eine Linie drum machen oder man kann ausblenden oder irgendwie so.

00:29:06.700 --> 00:29:09.400
 Ich war gerade verwirrt bei P4, wenn man da draufklickt, dann ist es weg.

00:29:09.400 --> 00:29:16.460
 Ja, bei P4, bei P4, ich kann nämlich auch sagen Display none, wenn es aktiv ist, kann ich es verschwinden lassen, geht.

00:29:16.460 --> 00:29:21.200
 Aber es spricht dann auch nicht hin, ne? Also der Jump, der funktioniert dann nicht mehr.

00:29:21.200 --> 00:29:23.520
 Was heißt, der Jump funktioniert nicht?

00:29:23.520 --> 00:29:27.040
 Also ich habe jetzt das Browserfenster relativ klein, sodass es theoretisch scrollen müsste.

00:29:27.040 --> 00:29:30.400
 Wenn ich dann da draufklicke, dann ändert sich scheinbar erst mal nichts.

00:29:30.400 --> 00:29:33.820
 Das ist aber interessant. Das ist aber interessant.

00:29:34.600 --> 00:29:36.920
 Das kann man dann vielleicht doch noch für was verwenden.

00:29:36.920 --> 00:29:39.320
 Ich habe das einfach nur ausprobiert, um zu gucken, ob es geht.

00:29:39.320 --> 00:29:42.840
 Das hat mich interessiert, ob es funktioniert, Freund, als ich die Demo gebaut habe.

00:29:42.840 --> 00:29:47.020
 Ob man denn auch auf was verschwinden lassen kann, so ganz aktiv.

00:29:47.020 --> 00:29:54.040
 Dadurch, dass es weg ist, also es blendet es dann wohl erst aus und würde dann dem Browser sagen, hier, also dem Viewport sagen, scroll da hin.

00:29:54.040 --> 00:29:58.380
 Und weil es aber Display none ist, sagt es sich, nö, dann scrolle ich da auch nicht hin.

00:29:58.380 --> 00:30:00.620
 Das ist sehr gut.

00:30:01.740 --> 00:30:05.840
 Das ist sehr gut, weil damit könnte man vielleicht das Problem, was ich eben angesprochen habe, lösen.

00:30:06.480 --> 00:30:19.160
 Dass ich möchte etwas wegmachen und dann nicht nach oben springen, dann könnte ich ja quasi so ein Element, das in dem Augenblick, wo es Target bekommt, ausblenden und dann springt der nicht weg.

00:30:19.160 --> 00:30:21.220
 Das müsste man echt mal ausprobieren.

00:30:21.220 --> 00:30:26.800
 Ja, aber in dem Fall willst du ja, du musst ja irgendwo hinspringen.

00:30:26.800 --> 00:30:30.240
 Ja genau, aber vielleicht kann ich, vielleicht bleibe ich ja einfach da.

00:30:30.240 --> 00:30:32.180
 Ich muss nur das Target auf was anderes setzen.

00:30:32.180 --> 00:30:34.980
 Ach so, auf ein Element setzen, das Display none hat.

00:30:34.980 --> 00:30:35.620
 Ja, logisch, ja.

00:30:35.620 --> 00:30:39.180
 Klar, und das, das, ha, ha, das ist gut, das ist gut.

00:30:39.960 --> 00:30:46.360
 Und, äh, P5, äh, Paragraph 5, ich hab die einfach mal so durchnummeriert, ähm, zeigt dann eins an, das vorher nicht da war.

00:30:46.360 --> 00:30:50.600
 Ähm, weiß ich gar nicht, ob das dann so auffällt, wenn man sich so einmal durchklickt.

00:30:51.720 --> 00:30:56.460
 Genau, also das sind so ganz simple Sachen, ähm, und ich glaub, damit kann man noch viel verrückteres Zeug machen.

00:30:56.460 --> 00:30:58.980
 Es gibt Leute, die haben auch ganz viel verrücktes Zeug damit gemacht.

00:30:58.980 --> 00:31:02.740
 Wie gesagt, eine komplette Lightbox gebaut, ähm, oder sowas.

00:31:02.740 --> 00:31:04.040
 Gibt eine Menge Ideen.

00:31:04.040 --> 00:31:06.900
 Und ich finde es ziemlich, ziemlich coole, nette Sache.

00:31:06.900 --> 00:31:14.720
 Ähm, wie gesagt, schon alleine, wenn man jetzt irgendwie, ähm, irgendwie zu einem Bereich springt auf der Seite und da ist vielleicht viel, da ist vielleicht viel los.

00:31:14.720 --> 00:31:19.500
 Und, ähm, man möchte trotzdem den nochmal farblich hervorheben oder so, dafür ist es sehr, sehr gut geeignet.

00:31:21.100 --> 00:31:24.940
 So, damit sind wir mit der Property eigentlich schon durch, außer du hast noch Fragen dazu.

00:31:24.940 --> 00:31:25.660
 Nö, nö.

00:31:25.660 --> 00:31:31.580
 Gut, Mensch, jetzt da war man so nicht durchgerannt hier, Mensch, zacki, zacki.

00:31:31.580 --> 00:31:34.660
 Ja, wir müssen auch heute nicht so lang, das Bier ist auch gleich leer.

00:31:34.660 --> 00:31:36.540
 Schon leer, deine 8,2.

00:31:36.540 --> 00:31:38.520
 Nee, ich weiß nicht, ich kann nicht reingucken.

00:31:38.520 --> 00:31:41.860
 Du hast so viele Punkte da auf der Liste, also ich glaub, so schnell sind wir da nicht durch.

00:31:41.860 --> 00:31:47.320
 Ich muss, ich muss ja raten, ich muss ja raten, wie weit ich mit dem Bier bin anhand, anhand, äh, des Gewichts der Flasche.

00:31:47.320 --> 00:31:49.760
 Und die Flasche ist an sich schon sehr schwer, glaub ich, dieses komische.

00:31:50.480 --> 00:31:53.620
 Wohl ist es dann doch nur Glas, das irgendwie beschichtet ist, ich weiß nicht genau.

00:31:53.620 --> 00:31:54.580
 Ich glaub, es ist doch nur Glas.

00:31:54.580 --> 00:31:56.840
 Gut, dann legen wir los.

00:31:56.840 --> 00:32:01.280
 Hier ist WWS IV mit dem Tagesthema.

00:32:09.280 --> 00:32:13.340
 Das ist ganz leise, dass man auch mal das Ende davon hört.

00:32:13.340 --> 00:32:18.720
 Ich hab grad überlegt, wer macht denn die Einleitung zum Thema, haben wir gar nicht besprochen.

00:32:18.720 --> 00:32:30.600
 Ich glaub, du kannst da mehr dazu sagen, weil ich kannte den, ich kannte den Namen, mir hat das was gesagt, Web Almanac, vom Namen her, aber ich hab da noch nie reingeschaut und ich wusste gar nicht, was das ist und wie es aussieht und was für einen Umfang das hat.

00:32:31.560 --> 00:32:39.340
 Genau, der, also wir sprechen heute über den Web Almanac 2021 und so ein paar Findings, so ein paar interessante Sachen, die man da rauslesen kann.

00:32:39.820 --> 00:32:52.180
 Was ist der Web Almanac? Der Web Almanac ist eine Zusammenfassung oder, ja, da wird Statistik gemacht über das Web und Webseiten, also über ganz, ganz, ganz viele Seiten.

00:32:52.460 --> 00:33:11.300
 Wenn ich's jetzt hier gerade richtig offen hab, da seh ich, jetzt hab ich mir diese Zahl natürlich nicht gemerkt, also da werden sehr viele Webseiten automatisiert ausgewertet nach bestimmten Kriterien und man schaut zum Beispiel danach, welche CSS-Eigenschaften werden denn verwendet, welch, was für ein JavaScript wird denn verwendet, wie zugänglich sind die Seiten denn.

00:33:11.760 --> 00:33:37.960
 Um so ein Bild vom Web zu kriegen, so generell, in was für einem Zustand ist das Web, was ist denn populär, was wird benutzt, alles, was man so aus dem Code rauslesen kann, wenn man so ein bisschen Abfragen dagegen macht und guckt, ja, keine Ahnung, also Beispiel wäre jetzt zum Beispiel, wie oft wird denn Important verwendet, wie viele Seiten verwenden denn Important in CSS und wie oft kommt das vor und gibt's da irgendwelche Ausreißer oder irgendwelche besonderen Sachen, die man da rauslesen kann.

00:33:37.960 --> 00:34:07.940
 Die Arbeit, die da dahintersteckt, das muss ja enorm sein, also das ist ja nicht nur hübsche Grafiken und so, also jetzt im Vergleich zum Beispiel mit der State of CSS oder der State of JS-Umfrage, nicht, dass das bestimmt auch Arbeit ist, aber das sind ja hauptsächlich wirklich so die Diagramme einfach untereinander, aber hier ist ja auch echt viel erklärender Text dazu, also was ist das überhaupt, wovon wir hier sprechen und was hat sich genau verändert, also wirklich auch so ein bisschen Analyse, was hat sich in den Vorjahren verändert und auch Erläuterung, wenn's nicht ganz klar ist, was das Diagramm eigentlich aussagt und so, also das ist ja Wahnsinn, da muss ja jemand richtig, richtig Zeit investieren.

00:34:07.940 --> 00:34:26.060
 Ja und da arbeiten noch ziemlich viele Leute dran, das kann man immer am Ende des Kapitels sieht man, wer dran gearbeitet hat, beziehungsweise, hä, das wundert mich jetzt gerade hier bei CSS, ah doch genau, zum Beispiel Eric Meyer, den man vielleicht kennt aus dem Web schon sehr, sehr lange, der hat an einem CSS-Kapitel gearbeitet.

00:34:26.940 --> 00:34:42.640
 Ähm, und Shuvamana, keine Ahnung, den kannte ich jetzt bisher noch nicht, ähm, aber zum Beispiel an dem Accessibility-Kapitel haben auch extrem viele, also es sind sehr, sehr viele Leute involviert, die darin arbeiten, also das könnte es, das schaffen nicht irgendwie zwei alleine.

00:34:42.740 --> 00:34:56.540
 Und es ist unfassbar riesig, wir haben uns jetzt nur ein paar Sachen raus, äh, geschnappt, also mal so, ähm, um, um sich, um so einen Eindruck davon zu bekommen, übrigens den Web-Almanac gibt's, äh, 2019, 2020 und 2021, wir sprechen jetzt über die aktuelle Ausgabe.

00:34:57.440 --> 00:35:25.300
 Ähm, es gibt, äh, zum Beispiel CSS, JavaScript, Markup, Structured Data, Media, Web-Assembly, Third-Party, SEO, Accessibility, bla, bla, bla, und so weiter, 24 verschiedene Kategorien, CDN, Compression, Caching, HTTP, E-Commerce, CMS, Jamstack, alles Mögliche, also es ist wirklich, es ist wirklich extrem viel, äh, und wir haben uns jetzt ja auf so ein paar, äh, Teile beschränkt, also ich glaub, der Konstantin hat sich so ein bisschen JavaScript, äh, angeguckt.

00:35:25.300 --> 00:35:26.120
 Auch, ja.

00:35:26.120 --> 00:35:37.280
 Ähm, und ich hab mir CSS angeschaut und Accessibility und, ähm, hab halt so ein paar Sachen, die mir halt aufgefallen sind, rausgeschrieben und da wollten wir jetzt dann mal drüber reden ein bisschen.

00:35:37.280 --> 00:35:38.840
 Genau.

00:35:38.840 --> 00:35:39.600
 Ja.

00:35:39.600 --> 00:35:47.660
 Soll ich mal den Anfang machen? Ich hab meine Sachen so ein bisschen geordnet vom, äh, von der Logik her, wenn man so eine Webseite anfragt und empfängt.

00:35:47.660 --> 00:35:53.160
 Ich hab meins geordnet danach wie der Web-Almanaxi, äh, in der Reihenfolge, also.

00:35:53.160 --> 00:35:54.420
 Gut, kann man auch machen.

00:35:55.800 --> 00:36:14.960
 Also ich hätte mal angefangen mit, äh, mit HTTP, also das HTTP-Protokoll und da ist auch, also, äh, da bin ich jetzt technisch überhaupt gar nicht so tief drin im Einzelnen und, äh, da erklärt aber auch der Web-Almanax, ähm, viele Details und, und was da technisch so dahinter liegt und wie sich das entwickelt hat und, und so weiter.

00:36:14.960 --> 00:36:27.700
 Ähm, mir ging's jetzt eher so drum, ähm, wie, wie hat sich dann, ähm, also es gibt ja jetzt inzwischen HTTP-3, ähm, aktuell laufen die meisten Seiten auf HTTP-2 und das hat mich so interessiert, wie sich, wie sich das dann jetzt aktuell verbreitet.

00:36:28.040 --> 00:36:36.880
 Also HTTP-2 ist, ähm, das ist immer aufgeschlüsselt nach Desktop und nach Mobile, in der Regel sieht man dabei keine gravierenden Unterschiede in den Statistiken.

00:36:36.880 --> 00:36:44.320
 Äh, wenn, dann weisen wir drauf hin und ich nenne jetzt immer die Zahlen von, von Mobile, weil inzwischen halt sehr viel, äh, Mobile unterwegs ist.

00:36:44.800 --> 00:37:08.100
 Also, ähm, HTTP-2, äh, 59,4%, also fast zwei Drittel aller Webseiten und HTTP-1.1 auf fast 40%, 39,8% und, ähm, ja, das gibt ja schon zusammen dann die 100%, das heißt, das ist die, nur die Adoption von HTTP-2 im Vergleich zu HTTP-3, äh, HTTP-1, sorry.

00:37:08.860 --> 00:37:19.420
 Und, ähm, HTTP-3 ist nochmal ein komplett eigener Abschnitt und, äh, da nur ganz kurz dazu, wie gesagt, selber bin ich da technisch jetzt nicht so versiert, aber HTTP-3, was macht das eigentlich?

00:37:19.420 --> 00:37:34.840
 Ähm, das optimiert unter anderem, wie die Datenpakete fließen, ja, und, äh, es ist wohl so bei HTTP-2, wenn ein fehlerhaftes Paket irgendwie auftritt, dann werden dadurch alle Streams, die gerade parallel laufen, werden gleichzeitig gestoppt, auch wenn es theoretisch nur einen Stream betrifft.

00:37:34.840 --> 00:37:41.460
 Das ist so eins, was ich mir, so eine Erklärung, die ich mir am besten vorstellen konnte, so, hoppla, das ist natürlich nicht gut und HTTP-3 macht das, macht das besser.

00:37:41.460 --> 00:37:46.620
 Ähm, dann noch so Sachen wie, die Header, äh, werden besser komprimiert, da gibt es eine andere Komprimierung.

00:37:46.620 --> 00:37:58.020
 Ähm, integrierte Verschlüsselungen, also das, da kommt schon TLS mit, äh, während ich bei HTTP-2 ja immer noch, äh, genug Seiten hab, die, die ohne HTTPS laufen und, ähm, das ist da eben schon mit an Bord.

00:37:58.020 --> 00:38:14.140
 Ähm, von der Verbreitung her, Adoption, ähm, da war es ganz interessant zu sehen, das ist nämlich hier aufgeschlüsselt nach dem Ranking der Seite, ähm, also ich nehme an, äh, Google Ranking, liegt da zugrunde, ist jetzt hier gar nicht genauer erklärt.

00:38:14.180 --> 00:38:28.180
 Und was da interessant war, also bei HTTP-2 ist es so, je höher die Seite gerankt ist, desto eher unterstützt die Seite HTTP-2 statt nur HTTP-1, ja, weil natürlich die großen Seiten, die versuchen da technisch irgendwie am Zahn der Zeit zu sein und, und die Vorteile zu nutzen.

00:38:29.060 --> 00:38:41.320
 Bei HTTP-3 ist es aber so, je mehr ich weiter nach hinten gehe und mehr Seiten einschließe, die dann im Bereich von 100.000 oder, oder einer Million, ähm, im Ranking liegen, äh, desto eher ist die Verbreitung bei HTTP-3.

00:38:41.320 --> 00:38:53.900
 Das heißt, so die kleineren Seiten sind da eher die, die sagen, ah, mein Server kann schon HTTP-3 und die großen, äh, Kisten, äh, von den großen Anbietern und großen Webseiten, die laufen eher noch auf HTTP-2.

00:38:54.220 --> 00:38:54.620
 Interessant.

00:38:54.620 --> 00:38:55.540
 Interessant, ja, ja.

00:38:55.540 --> 00:39:06.040
 War hier, glaube ich, auch keine, keine Erläuterung dabei, also es ist denen auch, äh, so aufgefallen, äh, steht auch im Text, aber womit das zusammenhängt, ist, äh, ist, glaube ich, nicht, nicht geklärt.

00:39:06.040 --> 00:39:16.560
 Ich weiß gar nicht, ähm, wundert mich aber gerade, weil, äh, ich mir relativ sicher bin, dass Google, die treiben das ja sehr voran mit dem HTTP-3.

00:39:16.560 --> 00:39:18.500
 Die haben da ja auch mitentwickelt an verschiedenen...

00:39:18.500 --> 00:39:26.500
 Dass die das aber schon weitreichend einsetzen, das habe ich auf jeden Fall schon mal in den Dev-Tools beobachtet und das wäre jetzt schon eher eine große Geschichte.

00:39:26.500 --> 00:39:33.060
 Ja, bestimmt, also Google macht das bestimmt, aber es geht ja, ne, es geht ja um die Seiten, die halt so auftauchen, also irgendwelche Nachrichtenseiten oder Firmenseiten.

00:39:33.060 --> 00:39:33.180
 Ja.

00:39:33.180 --> 00:39:36.680
 Und da scheint wohl HTTP-3 noch nicht so angekommen zu sein.

00:39:36.680 --> 00:39:37.600
 Ja, wundert mich nicht.

00:39:37.600 --> 00:39:47.080
 Wenn man sich jetzt aber anschaut, äh, bei Can I Use, ähm, also die großen, die Evergreen-Browser, jetzt mit Ausnahme von Safari, wo es noch hinter einem Flag ist, ähm, die unterstützen das alle.

00:39:47.080 --> 00:39:54.220
 Also man könnte das durchaus jetzt machen, zumal ja das sowieso so ist, äh, der, der Server reagiert ja darauf, was der, was der Client anfragt.

00:39:54.220 --> 00:40:09.420
 Also es ist jetzt nicht so, dass, dass meine Seiten dann, weil ich, weil mein Server HTTP-3 kann, ähm, jetzt dann, ja, dass, dass, dass sie dann nicht mehr aufrufbar sind oder so, äh, das wäre ja Quatsch, sondern der Server handelt das ja aus und gibt dann entsprechend dem, was, ähm, was der Client unterstützt, das auch zurück.

00:40:09.680 --> 00:40:14.060
 Genau, der könnte, der kann ja auch HTTP-2 oder HTTP-1, äh, zurückgeben.

00:40:14.060 --> 00:40:22.160
 Also, ja, ich glaube, mir ist jetzt kein Server bekannt, der nur HTTP-3 kann, also, wäre schon irgendwie crazy.

00:40:22.160 --> 00:40:30.000
 Ja, weil, keine Ahnung, aber ich weiß es nicht, ist ja so, ich will alle, äh, alle alten Browser ausschließen, wäre ja auch mal ein Kunstprojekt, oder?

00:40:30.000 --> 00:40:30.640
 Ja, klar.

00:40:30.640 --> 00:40:39.320
 Aber kann man ja machen, also finde ich ja, finde ich ja, also, aus, aus, wenn man was Künstlerisches macht und sagt, ja, alte, will man nicht hier, ich,

00:40:39.320 --> 00:40:42.000
 ich, ich will jetzt nur, ja, ne?

00:40:42.000 --> 00:40:43.540
 Kann man machen, ja.

00:40:43.540 --> 00:40:44.220
 Kann man machen.

00:40:44.220 --> 00:40:46.100
 Optimiert für Chrome Canary.

00:40:46.100 --> 00:40:48.260
 Sag ich dazu.

00:40:48.260 --> 00:41:00.760
 Genau, und wenn du, genau, Seiten, wenn du eine Version hast, das könnte man automatisiert machen, wenn du eine Browser-Version hast, die stable ist oder älter, dann kriegst du einfach nur eine weiße Seite.

00:41:00.760 --> 00:41:02.860
 Auch schön.

00:41:02.860 --> 00:41:06.780
 Das machen wir jetzt auf unserer Seite.

00:41:06.780 --> 00:41:08.960
 Das machen wir jetzt mal auf unserer Seite, dann sehen wir,

00:41:08.960 --> 00:41:16.820
 dann sehen wir gleich, dann lädt keiner mit dem Podcast runter wahrscheinlich, aber, ähm, dann sehen wir gleich mal, ähm, wie ihr so aufgestellt seid.

00:41:16.820 --> 00:41:24.280
 Oder man könnte für die, für die neuen Browser irgendwas, irgendwas einblenden, so, ey, du bist aber, du bist aber fresh drauf hier, Alter.

00:41:25.280 --> 00:41:36.040
 Gut, aber das kannst du wahrscheinlich nicht unterscheiden, oder? Kannst du dann, ja gut, okay, mit, mit, je nachdem, was für eine Programmiersprache benutzt, kannst du wahrscheinlich schon sagen, mit, was läuft die Verbindung und dann gibst du entsprechend was anderes aus.

00:41:39.300 --> 00:41:43.300
 Ja, also du kannst ja auf die Server-Header zugreifen, mit PHP jetzt zum Beispiel, dann sagst du, ja, klar.

00:41:43.300 --> 00:41:43.380
 Ja, ja, klar.

00:41:43.380 --> 00:41:49.660
 Dann sagst du, ja, ich hab mir alle Header und, aha, okay, es läuft auf HTTP 2, dann mach das und ansonsten das. Ja, ist ja auch egal. Also, warum soll ich das tun?

00:41:52.160 --> 00:41:57.620
 Ja, ähm, ja, ich weiß gar nicht, wie machen wir es denn? Versuchen wir es mal abwechselnd zu machen und du hast dann halt am Schluss irgendwie noch 20 Punkte mehr als ich?

00:41:57.620 --> 00:42:07.980
 Äh, ich weiß nicht, wie sinnvoll das ist, weil meine Blöcke sind thematisch halt. Ich hab einen CSS-Block und ich hab einen Accessibility-Block und ich glaube, die sind am Stück schon ganz gut, weil die auch keiner aufbauen.

00:42:07.980 --> 00:42:15.500
 Okay, so, dann machen wir es so einfach so, ich rede mir jetzt den Mund so ein bisschen fusselig und du redest dir danach ganz arg fusselig und ich schmeiß dann noch so meine Gedanken bei dir mit rein.

00:42:15.500 --> 00:42:16.920
 Okay, so machen wir es.

00:42:16.920 --> 00:42:30.760
 Gut, dann mach ich nämlich jetzt weiter und nach dem HTTP kommt das Markup, das ausgeliefert wird und, ähm, da fand ich interessant, die Document Size unterscheidet sich jetzt so auf den ersten Blick jetzt nicht so gravierend zwischen den Jahren.

00:42:30.760 --> 00:42:42.280
 Also das ist eine Gegenüberstellung 2019, 2020, 2021 und, äh, was da interessant war, von 2019 auf 2020 ist die Document Size durchschnittlich zurückgegangen.

00:42:43.100 --> 00:42:52.220
 Und jetzt von 20 auf 21 ist sie wieder und zwar, ja, dann doch im Vergleich, also nochmal höher als 2019 sogar, ähm, doch nochmal angestiegen.

00:42:52.220 --> 00:42:58.600
 Äh, und da hab ich mir überlegt, ob das vielleicht mit, mit dem Aufkommen von, oder mit dem stärker verbreitet sein von Tailwind zusammenhängen könnte.

00:42:58.600 --> 00:43:04.160
 Vermehrt Utility-Klassen, äh, die natürlich dann das Markup aufblähen. Wäre eine Erklärung dafür.

00:43:05.260 --> 00:43:11.760
 Ja, könnte man, könnte man bestimmt rausfinden anhand des Datensatzes, aber, jetzt, ach, Kilobyte, okay, gut.

00:43:11.760 --> 00:43:19.140
 Also 27 Kilobyte, ähm, die durchschnittliche Mobile-Page, äh, und gestiegen um 2 Kilobyte im Vergleich zum letzten Jahr.

00:43:19.140 --> 00:43:19.780
 Das finde ich.

00:43:19.780 --> 00:43:21.680
 Und bei Desktop sogar 29 Kilobyte.

00:43:21.680 --> 00:43:23.540
 Kommt nur mir das klein vor?

00:43:23.540 --> 00:43:25.420
 Ich finde es auch sehr klein, ja.

00:43:25.420 --> 00:43:27.080
 Ich weiß gar nicht, was haben wir denn?

00:43:27.080 --> 00:43:29.600
 Also da geht's ja wirklich nur um das reine Markup, ne, darf man nicht vergessen.

00:43:29.720 --> 00:43:34.980
 Aber trotzdem kommen mir irgendwie 29 Kilobyte, äh, 27 HTML gar nicht so viel vor.

00:43:34.980 --> 00:43:42.900
 Ich weiß es nicht, ich hab dann, ich hab bei Markup nie so drauf geschaut, ehrlich gesagt, weil das eigentlich nie bei den Spitzenreitern ist, wenn man jetzt DevTools aufmacht.

00:43:42.900 --> 00:43:50.420
 Ich guck jetzt grad mal, wie viel shippen wir denn gerade bei uns, ähm, auf der Startseite, und da haben wir ja echt viel, da haben wir viel drauf.

00:43:50.420 --> 00:43:52.480
 Weil wir alle Episoden drauf haben, ja.

00:43:52.480 --> 00:43:55.660
 Weil wir alle Episoden drauf haben, und wir haben 31,5.

00:43:55.660 --> 00:43:57.680
 Das ist doch gar nicht so viel, okay?

00:43:58.880 --> 00:44:00.800
 Ja, geht eigentlich, das ist schon eine relativ lange Seite.

00:44:00.800 --> 00:44:02.920
 Also die Firmenseite hat, hat elf zum Beispiel, sehe ich jetzt gerade.

00:44:02.920 --> 00:44:07.380
 Gucken, gucken wir mal so ein großes deutsches Internetportal.

00:44:07.380 --> 00:44:08.500
 Ein x-beliebiges.

00:44:08.500 --> 00:44:13.160
 Ähm, ah, warte mal, aber ich glaube, ne, so ein ganz bestimmtes.

00:44:13.160 --> 00:44:14.160
 Ja, ist schon drin.

00:44:14.160 --> 00:44:18.500
 Ähm, aber ich glaube, dass da viel mit, dass da viel nachgeladen wird.

00:44:18.500 --> 00:44:20.220
 Die haben 40.

00:44:20.220 --> 00:44:22.580
 Okay, gut.

00:44:22.580 --> 00:44:24.380
 Alles klar, naja, dann.

00:44:24.380 --> 00:44:26.160
 Egal, passt schon.

00:44:28.280 --> 00:44:31.740
 Genau, das war's eigentlich schon zur, zur Document-Size von mir.

00:44:31.740 --> 00:44:33.020
 Aber interessant.

00:44:33.020 --> 00:44:37.760
 Ähm, dann als nächstes, wir bleiben noch beim Markup, äh, Doctypes.

00:44:37.760 --> 00:44:41.140
 Ach so, ich hab grad gedacht, jetzt kommt was anderes.

00:44:41.140 --> 00:44:43.220
 Markup minifizieren, oder was?

00:44:43.220 --> 00:44:44.900
 Ich hab gedacht, Compression kommt jetzt.

00:44:45.160 --> 00:44:47.520
 Also, ne, die, die kommt gleich noch, ne, kommt, kommt später.

00:44:47.520 --> 00:44:47.780
 Okay.

00:44:47.780 --> 00:44:50.020
 Äh, Doctypes, ähm, ja, nicht verwunderlich.

00:44:50.020 --> 00:44:52.900
 HTML5, was man so allgemein als HTML5 bezeichnet.

00:44:52.900 --> 00:44:57.900
 Also einfach nur Doctype, HTML, äh, sind 87% Desktop, beziehungsweise 88% Mobile.

00:44:58.120 --> 00:45:03.680
 Also, äh, schon der, der, der, der, der das noch, ähm, ja, das nutzt inzwischen.

00:45:03.680 --> 00:45:13.700
 Und dann kommt, äh, XHTML 1.0 Transitional, äh, mit, ja, 5,7% und 4,6% Mobile.

00:45:13.700 --> 00:45:20.280
 Äh, XHTML 1.0 Strict und dann HTML4 Transitional nur noch im 0,9er, 0,7er Bereich.

00:45:20.400 --> 00:45:23.880
 XHTML 1.0 Strict, das hab ich, ich hab's geliebt.

00:45:23.880 --> 00:45:30.660
 Weil da konntest, da konntest du dich so, da konntest du dich so absetzen von den anderen, von den Hiopies, die irgendwie nicht wussten, wenn du den Text schließt und so.

00:45:30.660 --> 00:45:32.340
 Ja, ja, einmal was falsch gemacht und hier, zack.

00:45:32.340 --> 00:45:37.140
 Ja, es war ja nur der Validator, der, der, der dann Stress gemacht hat.

00:45:37.140 --> 00:45:46.640
 Aber, ja, warte mal, war das auch bei XHTML, war das doch mit dem Strict, war das nicht so, dass, wenn du einen Fehler gemacht hast, dass dann diese rote, also die Seite angezeigt wurde mit, äh, hier, da ist ein, da ist ein Fehler?

00:45:46.640 --> 00:45:48.800
 Das war doch bei dem, bei dem Strict so, war das nicht?

00:45:48.800 --> 00:45:52.980
 Ich glaube nicht, dass das so schlimm war, aber es ist schon lange, lange her.

00:45:52.980 --> 00:45:57.000
 Ja, also es sind, aber immerhin noch 1,4, 1,3 Prozent, also, ja.

00:45:57.000 --> 00:46:14.680
 Ich meine, da ist ja sehr viel vereinfacht worden mit dem HTML5 Doctype, der ist ja quasi, der hatte, die HTML Doctypes vor HTML5, die waren ja quasi, die konnte man, ähm, ich glaube, es gab Leute, die sie auswendig hätten hinschreiben können, aber die wenigsten wären es gewesen sein, weil die waren lang und kompliziert.

00:46:14.900 --> 00:46:20.220
 Und mit irgendwie noch einem, äh, mit einem Link zu einem Namespace und keine Ahnung was.

00:46:20.220 --> 00:46:22.820
 DT, irgendwie, ja, Document Type Definition, ja.

00:46:22.820 --> 00:46:25.600
 Ja, HTTP, D, ich weiß es nicht mehr.

00:46:25.600 --> 00:46:27.140
 Nee, DT, Document Type Definition.

00:46:27.140 --> 00:46:29.420
 DT, Document Type Definition, ganz genau.

00:46:29.420 --> 00:46:29.880
 Genau.

00:46:29.880 --> 00:46:31.060
 Und, ähm, ja.

00:46:31.060 --> 00:46:38.420
 Also, insgesamt, aber steht jetzt auch hier drunter, äh, Surprising Part, 20 Jahre später immer noch XHTML insgesamt 8 Prozent auf, auf Desktop-Seiten.

00:46:38.820 --> 00:46:45.920
 Das ist ja schon, also zusammengerechnet hier Transitional Instrict, dass dieses XHTML-Ding sich dann doch irgendwie, äh, noch so lange gehalten hat.

00:46:45.920 --> 00:46:54.360
 Ja, interessant vor allem, weil, ähm, theoretisch in XHTML dann wahrscheinlich, meines Wissens nach, HTML5-Tags auch verboten sein müssten.

00:46:54.360 --> 00:47:02.320
 Also sowas wie Header, Footer, Nav, dürftest du da, glaube ich, nicht verwenden, weil da ist, weil da ist ganz genau definiert, was für Elemente da drin vorkommen dürfen.

00:47:02.640 --> 00:47:10.240
 Ja, außer du hast es dann in einem Custom Namespace wiederum, also Namespace vorne dran gestellt, ich erinnere mich nämlich da noch an.

00:47:10.240 --> 00:47:15.800
 Ich erinnere mich auch an was, ähm, ich weiß, dass das geht und ging und es war sehr verrückt.

00:47:15.800 --> 00:47:16.900
 H-Doppelpunkt.

00:47:16.900 --> 00:47:23.300
 H-Doppelpunkt, genau, der, der war da definiert, halt, der H-Doppelpunkt Custom Namespace und damit durfte man dann Dinge tun.

00:47:23.300 --> 00:47:32.020
 Ähm, also das war so ein, ist ja immer wieder interessant, so, so, ähm, äh, dunkle Ecken der Standards, die es aber dann irgendwie gibt, die aber fast keiner kennt.

00:47:32.640 --> 00:47:40.740
 Trotzdem, ähm, weiß ich, ich weiß aber auch nicht, wahrscheinlich interessiert es auch nur den Validator wieder an der Stelle, wenn du da jetzt ein ungültiges HTML-Element verwendest.

00:47:40.740 --> 00:47:43.740
 Also von daher kannst du das wahrscheinlich verwenden.

00:47:45.040 --> 00:47:52.320
 Und es wird nichts kaputt gehen, aber der Validator würde dann meckern und sagen, ey, du darfst hier doch nur diese 27 Tags verwenden.

00:47:52.320 --> 00:47:53.200
 Naja.

00:47:53.200 --> 00:48:06.400
 Aber es ist auf jeden Fall interessant, dass, äh, XHTML noch so groß ist und ich war, ich war großer Fan, als es damals rauskam, ich sagte, ey, geil, äh, das ist, das ist so ein, so ein, das ist schön definierter Standard, ähm, der, der streng ist, an dem man sich halten kann.

00:48:07.040 --> 00:48:18.340
 Ähm, und wo man dann halt auch sagen konnte, ja, da gibt's ganz genaue Regeln, da ist kein Wischi-Waschi, das ist ganz genaue Regeln mit, jedes Tag muss irgendwie geschlossen werden und wenn es kein schließendes Tag hat, dann muss man ein Slash ans Ende schreiben und so.

00:48:19.160 --> 00:48:26.620
 Und irgendwann hab ich mich dann aber auch von dieser neuen Schreibweise, äh, einlullen lassen, von dem, ja, das ist jetzt alles bei HTML5 nicht mehr so streng.

00:48:26.620 --> 00:48:34.520
 Also um jetzt hier alles anzuzünden, wäre das denn so ein geiler Standard gewesen, dass man sogar RegEx hätte nutzen dürfen, um das zu parsen?

00:48:34.520 --> 00:48:38.060
 Wäre das regulär genug?

00:48:38.860 --> 00:48:59.360
 Ich würde behaupten, dass du mit RegEx hat xHTML wahrscheinlich einfacher parsen, also validest xHTML einfacher parsen kannst als HTML5, weil du dann halt zum Beispiel immer weißt, wann ein Element zu ist und den HTML5 musst du dir ja auch gar nicht mal schließen, so, ich glaub ich, wenn du, wenn du ganz, wenn du ganz genau hinguckst, gibt's da so ganz komische Dinge.

00:49:00.100 --> 00:49:05.460
 Ja, also, Reg ist, ja, darf jeder, darf jeder mit RegEx machen, was er will.

00:49:05.460 --> 00:49:08.780
 Das heißt nicht unbedingt, dass es sinnvoll ist, aber.

00:49:08.780 --> 00:49:14.500
 Wer mehr über RegEx wissen will, der hätte in unserem vorherigen Stream dabei sein müssen.

00:49:14.500 --> 00:49:17.960
 Der hätte in unserem vorherigen Stream dabei sein müssen, ja, irgendwie, ich weiß nicht, ob wir den auf YouTube stellen.

00:49:17.960 --> 00:49:29.000
 Da hat der Konstantin komplett RegEx, komplett RegEx für alle so erklärt, dass das, so, dass es jeder, der dabei war, verstanden hat und nie wieder vergessen wird.

00:49:29.000 --> 00:49:29.260
 Genau.

00:49:29.680 --> 00:49:30.500
 Aber wer nicht dabei war.

00:49:30.500 --> 00:49:31.700
 Tja, wird wer nicht dabei war.

00:49:31.700 --> 00:49:36.060
 Jetzt machen wir uns hier wieder unbeliebt.

00:49:36.060 --> 00:49:37.360
 So oder so ähnlich war's.

00:49:37.360 --> 00:49:38.300
 Bei den Leuten, ja.

00:49:38.300 --> 00:49:40.940
 Oje.

00:49:40.940 --> 00:49:42.880
 Gut, so.

00:49:42.880 --> 00:49:45.920
 Ja, dann kommen wir noch ein bisschen zu JavaScript.

00:49:45.920 --> 00:49:51.980
 Ich fühle mich echt ganz schlecht, weil es gibt so viel hier eigentlich und ich habe mir halt echt irgendwie nur so zu allem so ein, zwei Sachen rausgepickt.

00:49:51.980 --> 00:49:56.260
 Und zwar geht's um Libraries und deren Verteilung.

00:49:56.260 --> 00:49:57.520
 Und da war ich doch überrascht.

00:49:57.640 --> 00:50:01.240
 Also 84 Prozent jQuery immer noch.

00:50:02.300 --> 00:50:08.680
 Du meinst auf Seiten, die eine Library haben, davon sind es 84 Prozent, die jQuery haben oder wie ist es genau?

00:50:09.180 --> 00:50:10.640
 Das ist tatsächlich eine gute Frage.

00:50:10.640 --> 00:50:11.940
 Nee, ich glaube tatsächlich.

00:50:11.940 --> 00:50:14.060
 Auf 84 Prozent aller Seiten?

00:50:14.060 --> 00:50:18.940
 Ja, weil ich weiß nicht, ja, warte mal.

00:50:18.940 --> 00:50:21.080
 Oder gibt das zusammen 100 Prozent?

00:50:21.080 --> 00:50:23.120
 Nee, das gibt ja über 100 Prozent, deutlich.

00:50:23.700 --> 00:50:27.160
 Also das werden schon 84 Prozent aller Seiten sein.

00:50:27.160 --> 00:50:29.660
 Das ist extrem viel.

00:50:29.660 --> 00:50:36.540
 Aber gibt's da auch so eine Gegenüberstellung von jQuery mit anderen?

00:50:37.160 --> 00:50:44.780
 Ja, ja, ja, ja, du hast hier so ein Balkendiagramm mit verschiedenen, also als nächstes kommt tatsächlich jQuery Migrate und jQuery UI noch mit 22 Prozent.

00:50:44.780 --> 00:50:47.500
 Ja, ich muss mal einfach auf den Link klicken, wenn du ihn schon mitgepackt hast.

00:50:47.500 --> 00:50:51.680
 Ja, dann wird's noch, dann kommt noch Modernizer, hätte ich auch nicht gedacht, dass das noch so weit oben ist.

00:50:51.680 --> 00:50:54.360
 Ja, 80 Prozent auf Pages, 84 Prozent aller Seiten haben jQuery.

00:50:54.360 --> 00:50:55.480
 Ja, abgefangen.

00:50:55.480 --> 00:51:02.060
 Gut, ich meine, es ist natürlich WordPress, WordPress ist ja sehr weit verbreitet und WordPress kommt halt auch mit jQuery.

00:51:03.200 --> 00:51:10.760
 Das sind aber, das sind Zahlen, die ich teilweise nicht glauben kann, die, also das mit den 84 Prozent jQuery, okay, das geh ich mit, das kann ich mir irgendwie erklären.

00:51:10.760 --> 00:51:16.780
 Und dass jQuery Migrate und jQuery UI da noch mit reinhängen, okay, und so alte Seiten haben dann vielleicht auch noch Modernizer mit drin.

00:51:16.780 --> 00:51:17.580
 Okay, geschenkt.

00:51:17.580 --> 00:51:19.880
 Und dann kommt Lodash als nächstes.

00:51:19.880 --> 00:51:23.220
 Was mich, das kenn ich nicht mal, also als Framework.

00:51:23.220 --> 00:51:24.800
 Underscore vielleicht?

00:51:24.800 --> 00:51:27.400
 Das eine ist ein Fork vom anderen, ich weiß nie, wie rum es war.

00:51:27.400 --> 00:51:29.880
 Ach so, ja, Underscore gehört.

00:51:30.500 --> 00:51:38.540
 Aber dann, was ich, was ich, was ich unglaubwürdig finde, ist, dass angeblich sieben Prozent der Seiten GCEP drauf haben.

00:51:38.540 --> 00:51:40.520
 Das ist ja so eine Animationslibrary.

00:51:40.520 --> 00:51:41.560
 Das finde ich viel.

00:51:41.560 --> 00:51:42.580
 Das ist echt viel, ja.

00:51:42.580 --> 00:51:49.700
 Das finde ich wirklich viel dafür, dass das, naja, jetzt nicht ein Use Cases, den jede Seite gerade so hat.

00:51:49.700 --> 00:52:00.300
 Ja, was ich krass finde, ist, dass, so als, als, mal von jQuery abgesehen, was ja eigentlich eher auch so ein Utility-Ding ist und keine richtige Library, ne?

00:52:00.500 --> 00:52:15.560
 Oder kein Framework zumindest, ähm, also Library natürlich schon, ähm, dass dann nach, nach, nach einer Weile erst React kommt und das eigentlich auch so ziemlich, gut, Isotope kenne ich jetzt nicht, aber so irgendwie so ziemlich das, das, das einzige Framework, das da auftaucht.

00:52:15.840 --> 00:52:18.520
 Also da kommt dann eine ganze Weile nix und dann hinten vier Prozent.

00:52:18.520 --> 00:52:18.860
 Kein View, kein Angular.

00:52:18.860 --> 00:52:20.800
 Es ist kein Angular, es ist kein View.

00:52:20.800 --> 00:52:22.880
 Ähm, das, das fand ich krass.

00:52:22.880 --> 00:52:26.660
 Es ist, ja, in der Tat.

00:52:26.660 --> 00:52:33.120
 Und dann, aber, dann Fancybox, was ich tatsächlich kenne, was so ein, was so ein Lightbox-Plugin ist, was eigentlich auch ziemlich cool war immer.

00:52:33.120 --> 00:52:34.480
 Sieben Prozent auch angeblich.

00:52:34.480 --> 00:52:34.680
 Immer noch, ja.

00:52:34.680 --> 00:52:36.080
 Ja, das finde ich auch sehr viel.

00:52:36.080 --> 00:52:39.320
 Und das sind halt viele Seiten, die einfach, äh, die halt nie aktualisiert werden.

00:52:39.320 --> 00:52:41.380
 Irgendwelche alten Seiten, die das halt immer noch drin haben.

00:52:41.380 --> 00:52:49.700
 Ich würde, ich würde ja tippen auf, das sind, ähm, dass, dass das integriert ist in, in beliebte, in beliebte CMSe oder sowas.

00:52:49.700 --> 00:52:54.560
 Also in irgendwie Software, die viel, die viel verwendet wird, dass das da irgendwo fest mit integriert ist.

00:52:54.560 --> 00:52:56.820
 Anders kann ich mir solche Zahlen nicht erklären bei sowas.

00:52:57.480 --> 00:52:59.580
 Äh, und dann Moment.js und Select.2.

00:52:59.580 --> 00:53:01.300
 Moment.js ist ja inzwischen deprecated.

00:53:01.300 --> 00:53:03.640
 Es wird gar nicht weiterentwickelt.

00:53:03.640 --> 00:53:06.940
 Ach, das habe ich gerade die Tage gesehen irgendwo in einem Projekt.

00:53:06.940 --> 00:53:11.000
 Ja, also es wird noch viel verwendet, aber es, äh, es wird nicht mehr weiterentwickelt.

00:53:11.000 --> 00:53:12.060
 Und zwar, weil wir,

00:53:12.060 --> 00:53:12.400
 Pretty Photo.

00:53:12.400 --> 00:53:14.340
 Pretty Photo, das kenne ich gar nicht.

00:53:14.340 --> 00:53:15.460
 Ähm.

00:53:15.460 --> 00:53:16.580
 Das ist bestimmt auch so ein Lightbox-Ding.

00:53:16.580 --> 00:53:21.160
 Es gibt ja jetzt die Internationalization-API, da haben wir auch irgendwann schon mal drüber gesprochen.

00:53:21.160 --> 00:53:22.340
 Ich weiß nur nicht mehr, in welcher Folge.

00:53:22.340 --> 00:53:23.980
 Ich gucke gerade, ob ich das nochmal finde.

00:53:23.980 --> 00:53:24.800
 Moment.js.

00:53:25.180 --> 00:53:29.280
 Intel, Intel, da haben wir, glaube ich, mal extra was drüber gesprochen.

00:53:29.280 --> 00:53:30.440
 Intel-API, genau.

00:53:30.440 --> 00:53:33.080
 Das war die Folge Nummer 4 sogar schon.

00:53:33.080 --> 00:53:35.580
 Ähm, wer da nochmal was drüber hören will.

00:53:35.580 --> 00:53:38.000
 Was wahrscheinlich inzwischen schon wieder überholt ist.

00:53:38.000 --> 00:53:40.480
 Das ist Folge Nummer 4?

00:53:40.480 --> 00:53:41.100
 Mhm.

00:53:41.100 --> 00:53:41.880
 Meine Güte.

00:53:41.880 --> 00:53:42.120
 Ja.

00:53:42.120 --> 00:53:46.060
 Ich weiß gar nicht, dass es eine Folge Nummer 4 gibt.

00:53:46.060 --> 00:53:46.900
 Das ist so lange her.

00:53:46.900 --> 00:53:51.300
 Ja, crazy.

00:53:51.300 --> 00:53:52.620
 Okay, gut.

00:53:53.380 --> 00:53:58.160
 Genau, und dann gibt es hier noch ganz viele Statistiken, auch welche Libraries in welcher Kombination genutzt werden.

00:53:58.160 --> 00:54:04.320
 Also irgendwie, klar, jQuery und jQuery Migrate zusammen und Modernizer und jQuery und so weiter.

00:54:04.320 --> 00:54:05.500
 Was haben wir noch?

00:54:05.500 --> 00:54:09.380
 Security Vulnerabilities, das ist auch noch so ein Ding.

00:54:09.760 --> 00:54:19.760
 Also 63,9 Prozent aller Mobile Pages, die Libraries integriert haben, nutzen dort eine Version mit bekannter Sicherheitslücke.

00:54:19.760 --> 00:54:21.400
 Heieiei.

00:54:21.540 --> 00:54:44.140
 Aber das ist halt echt so, weißt du, du hast eine Seite und die läuft halt auf jQuery 1. was weiß ich und du aktualisierst die halt nicht und du, ne, die liegt da halt und verfolgst du dann regelmäßig, oh, jetzt gibt es hier irgendwie ein Security-Issue und ich meine, das wird ja auch in den alten Versionen dann nicht mehr gefixt, sondern dann musst du halt irgendwie plötzlich auf jQuery 2. oder 3. aktualisieren.

00:54:44.360 --> 00:54:46.220
 Aber mach das mal bei einem riesigen Projekt.

00:54:46.220 --> 00:54:57.240
 Ja, ja, ja. Wie gesagt, ich migriere ja gerade oder wir migrieren gerade von Bootstrap 4 auf 5. Wer sich da die Breaking Changes mal angeschaut hat, jo, viel Spaß.

00:54:57.240 --> 00:55:12.600
 Ich meine, bei jQuery hat sich da an manchen Stellen ja wirklich einiges getan. Ich erinnere mich bei manchen Sachen, wo ich tatsächlich das angegangen habe, bei kleineren Projekten das zu aktualisieren, war es schon manchmal echt ätzend, da alles zu finden und alles zu überprüfen, wenn du jetzt keine automatisierten Tests hast, gerade bei so alten Projekten.

00:55:13.260 --> 00:55:19.580
 Dass dann wirklich, dass ja nichts durch die Lappen geht und deswegen, erst hat es mich erschreckt, aber irgendwo wundert es mich dann doch nicht.

00:55:19.580 --> 00:55:27.400
 Und am Ende habe ich dann so das Gefühl, dass wir Menschen für so eine Menge Komplexität, die in unserer IT gerade erst nicht gemacht sind.

00:55:27.400 --> 00:55:31.380
 Und ja, das ist, da kommt wieder Developer-Fatig.

00:55:31.380 --> 00:55:33.440
 Vielleicht sollten wir es lieber lassen.

00:55:33.440 --> 00:55:36.720
 Ja, vielleicht, ja, JavaScript oder soll man es lassen?

00:55:36.720 --> 00:55:42.160
 Haben wir nicht sowas, wir haben doch irgendwas in der Richtung unserer Backlogs stehen.

00:55:42.160 --> 00:55:42.900
 Mobile-First.

00:55:42.900 --> 00:55:44.520
 Ja, genau, das ist was lassen.

00:55:44.520 --> 00:55:47.120
 Vielleicht, vielleicht kommen wir ja mal dazu.

00:55:47.120 --> 00:55:48.600
 Ja, vielleicht kommen wir irgendwann.

00:55:48.600 --> 00:55:50.800
 Mobile-First, mein Gott, ist das nicht schon durch?

00:55:50.800 --> 00:55:52.760
 Das machen ja viele.

00:55:52.760 --> 00:55:54.360
 Ja, wir machen eine Folge dazu.

00:55:54.360 --> 00:55:58.140
 Wir machen einen Verfolger dazu.

00:55:58.240 --> 00:56:06.800
 Ja, aber diese Library, die Frameworks, die Vulnerabilities haben oder die, die in vulnerablen Versionen vorliegen, offenbar.

00:56:06.800 --> 00:56:09.240
 Interessant, Bootstrap.

00:56:09.240 --> 00:56:12.600
 Aber Bootstrap, ja, okay.

00:56:12.600 --> 00:56:14.760
 Bootstrap hat auch solche JavaScript ...

00:56:14.760 --> 00:56:19.400
 Bootstrap hat, also Bootstrap hat bis Version 4 jQuery als Basis gehabt.

00:56:19.620 --> 00:56:24.600
 Ich weiß jetzt aber nicht, ob das da mit betrachtet wird oder ob das da damit gemeint ist dann.

00:56:24.600 --> 00:56:27.500
 Aber Bootstrap hat auch eigenes JavaScript, ja.

00:56:27.500 --> 00:56:30.120
 Richtig, und da drin wird es wahrscheinlich dann irgendwelche ...

00:56:30.120 --> 00:56:30.980
 Okay.

00:56:30.980 --> 00:56:35.640
 Vielleicht in irgendwelchen alten Bootstrap, ja, keine Ahnung, vielleicht auch in aktuellen, man weiß es ja nicht.

00:56:36.400 --> 00:56:42.100
 Und dann Greensock.js, okay, Handlebars, Angular.js.

00:56:42.100 --> 00:56:46.000
 Okay, da sind wir aber schon im ...

00:56:46.000 --> 00:56:48.880
 Dann kommen wir so langsam in den Bereich 0, Prozent.

00:56:48.880 --> 00:56:52.500
 JQuery Mobile, wie geil, nutzt das noch jemand?

00:56:52.500 --> 00:56:53.800
 Scheinbar, ja.

00:56:53.800 --> 00:56:54.940
 Das ist ja scharf.

00:56:54.940 --> 00:56:57.060
 Es gab ja Leute, die haben da mit Mobile-Apps gebaut.

00:56:57.060 --> 00:56:58.780
 JQuery-Mobile.com gibt es noch.

00:56:58.780 --> 00:57:01.600
 Und ich ... Demo.

00:57:01.600 --> 00:57:03.700
 So, ich klicke da gerade mal.

00:57:03.700 --> 00:57:05.180
 Ich muss jetzt nicht mehr gerade diese Demo-Seite.

00:57:05.180 --> 00:57:06.700
 Das war ja schon cool.

00:57:06.700 --> 00:57:11.580
 Zu der Zeit, als das rauskam, war das so, geil, du kannst jetzt hier diese ganzen Mobile-Widgets,

00:57:11.580 --> 00:57:15.440
 die du von Mobile-Betriebssystemen kennst, kannst jetzt hier irgendwie mit JQuery bauen.

00:57:15.440 --> 00:57:15.900
 Wie geil.

00:57:15.900 --> 00:57:18.380
 Also, okay, gut.

00:57:18.380 --> 00:57:19.640
 Filtrubble-Widget.

00:57:19.640 --> 00:57:20.900
 Okay, gut.

00:57:20.900 --> 00:57:21.520
 Grids.

00:57:21.520 --> 00:57:23.620
 Ja, das ist ja cool.

00:57:23.620 --> 00:57:24.300
 Das gibt es noch.

00:57:24.300 --> 00:57:26.640
 Ich weiß zwar nicht, wie sinnvoll es ist.

00:57:26.640 --> 00:57:28.040
 Ich habe das auch mal eingesetzt.

00:57:28.040 --> 00:57:32.600
 Bei einem Hackathon haben wir ...

00:57:32.600 --> 00:57:34.020
 Oh, wann wird das gewesen sein?

00:57:35.180 --> 00:57:36.480
 Mensch.

00:57:36.480 --> 00:57:43.920
 Sven, falls du zuhörst, sag mir mal, wann der Hackathon war, wo wir den zweiten Platz gemacht haben.

00:57:43.920 --> 00:57:47.680
 Ich weiß es nicht mehr genau.

00:57:47.680 --> 00:57:51.580
 Und da haben wir, ja, da haben wir eine kleine App gebaut in zwei Tagen.

00:57:51.580 --> 00:57:54.620
 Da habe ich zum ersten Mal, glaube ich, meinen ersten schlimmen Club-Mate-Rausch gehabt.

00:57:55.660 --> 00:58:00.880
 Und da haben wir das mit JQuery Mobile gemacht, weil wir es für das Mobile-Phone haben wollten.

00:58:00.880 --> 00:58:08.240
 Eine kleine App, mit der man die Inhalte eines Kühlschranks scannen kann und einem dann Rezepte vorschlägt.

00:58:10.300 --> 00:58:10.720
 Ja.

00:58:10.720 --> 00:58:16.660
 Wir haben es nicht richtig umgesetzt, so wie es beim Hackathon halt so ist, aber für die Idee haben wir offenbar den zweiten Platz gemacht.

00:58:16.660 --> 00:58:18.160
 Keine Ahnung, wie das passiert.

00:58:18.160 --> 00:58:28.080
 Aber JQuery Mobile, ja, also das, damit habe ich damals ein bisschen rumgespielt und hätte nicht gedacht, dass das irgendwie noch gibt oder dass da noch jemand das Hosting bezahlt.

00:58:28.820 --> 00:58:32.740
 Copyright 2014, the JQuery Foundation steht im Futter schon ein bisschen.

00:58:32.740 --> 00:58:37.200
 Aber es gibt eine Roadmap für die Version 1.5, aber irgendwie tut sich da, glaube ich, nicht mehr viel.

00:58:37.200 --> 00:58:38.840
 Boah, sollen wir das übernehmen?

00:58:38.840 --> 00:58:41.920
 Genau, weil wir nicht genug zu tun haben.

00:58:41.920 --> 00:58:44.800
 Konstantin, nee, wir könnten, wir könnten, weißt du, was wir machen?

00:58:44.800 --> 00:58:50.920
 Wir sind ja momentan zumindest noch glaubwürdige Entwickler, ja?

00:58:51.740 --> 00:59:14.440
 Wir gehen jetzt zu ganz vielen so Projekten hin, wo wir so wissen, die werden nicht mehr so richtig gepflegt, aber wir bieten an, dass wir die übernehmen und überlegen uns eine ganz verrückte Roadmap mit, wie wir das jetzt wieder nach vorne bringen, übernehmen diese Projekte und dann schalten wir Werbung auf diesen Seiten und bauen Sicherheitslücken ein in die Projekte, so gegen Geld im Darknet, so.

00:59:14.440 --> 00:59:15.020
 Okay.

00:59:15.400 --> 00:59:16.020
 Was hältst du davon?

00:59:16.020 --> 00:59:23.040
 Es geht mir wieder wie mit deinem Vorschlag, irgendwelche Bilder hinzuwerfen. Ich weiß gar nicht, was ich dazu sagen soll.

00:59:23.040 --> 00:59:26.200
 Aber wäre eine Geschäftsidee, oder?

00:59:26.200 --> 00:59:27.200
 Ja, definitiv.

00:59:27.200 --> 00:59:34.040
 Wenn es mit dem Podcasting irgendwie nicht so läuft, es läuft ja eh nicht so gut, aber …

00:59:34.040 --> 00:59:40.820
 Okay, gut, dann komm, esse ich. Ja, das ist dieses Bier. Das Bier heißt Delirium. Was soll ich sagen?

00:59:40.820 --> 00:59:43.080
 Ja, macht sich schon bemerkbar.

00:59:43.500 --> 00:59:50.220
 Guck mal, das geht auch nur bis jQuery 1.8 oder 2.1. Aha.

00:59:50.220 --> 00:59:54.620
 Wo sind wir denn eigentlich bei jQuery gerade? Bei 3 irgendwas, oder? Oder sind wir schon noch weiter?

00:59:54.620 --> 00:59:55.680
 3.6.0.

00:59:55.680 --> 01:00:00.140
 Aber ist denn da, tut sich denn da noch groß was bei jQuery?

01:00:00.140 --> 01:00:01.620
 Man weiß es nicht.

01:00:01.620 --> 01:00:04.180
 GitHub, jQuery.

01:00:06.180 --> 01:00:11.240
 Oh, doch, vor zwei Tagen hat da jemand was committet.

01:00:11.240 --> 01:00:16.140
 Vor zwei Tagen hat jemand was committet. Irgendein Test, Fix Incorrect Track Number References.

01:00:16.140 --> 01:00:18.860
 Track Number, oh Gott.

01:00:18.860 --> 01:00:23.460
 Track ist doch so, ist doch so ein Bug-Tracking-System, oder?

01:00:23.460 --> 01:00:26.040
 T-R-A-C.

01:00:26.040 --> 01:00:30.580
 Wie, vierter Januar, also da wird tatsächlich aktiv noch entwickelt.

01:00:30.580 --> 01:00:33.000
 Krass.

01:00:33.000 --> 01:00:38.300
 Ja gut, um halt bestehende Projekte halt irgendwie, ne, weiter zu pflegen.

01:00:38.740 --> 01:00:43.280
 Ich mein, äh, jQuery hat bei GitHub 55.000 Sterne.

01:00:43.280 --> 01:00:43.580
 Mhm.

01:00:43.580 --> 01:00:47.080
 Äh, also, ja, da passiert noch was.

01:00:47.080 --> 01:00:50.340
 Also, zumindest, äh, Sicherheits-Updates werden da garantiert noch gemacht.

01:00:50.340 --> 01:00:53.500
 Also, ich mein, äh, ein Framework, das so groß ist und ...

01:00:53.500 --> 01:00:57.060
 Warte mal, 360, warte mal, wo sind wir jetzt?

01:00:57.060 --> 01:00:57.520
 Was hast du gesagt?

01:00:57.520 --> 01:00:57.940
 360.

01:00:57.940 --> 01:01:01.580
 Das wurde released am 3. März 2021.

01:01:01.580 --> 01:01:06.980
 Gut, das ist jetzt zwar, äh, ein Jahr her fast, aber immerhin.

01:01:06.980 --> 01:01:07.640
 Mhm.

01:01:07.640 --> 01:01:10.340
 Ist jetzt nicht Abandonware, würde ich sagen.

01:01:10.340 --> 01:01:13.800
 Und vielleicht ist es einfach so gut, dass man nix ...

01:01:13.800 --> 01:01:15.440
 Also, es gibt ja auch tatsächlich so Software.

01:01:15.440 --> 01:01:17.280
 Vielleicht sollten wir wieder anfangen, jQuery zu nutzen.

01:01:17.280 --> 01:01:18.540
 Ja, finde ich auch.

01:01:18.540 --> 01:01:22.400
 Also, das ist eigentlich ein bisschen schade.

01:01:22.400 --> 01:01:23.880
 Es ist auf jeden Fall Schreibarbeit, auf jeden Fall.

01:01:23.880 --> 01:01:25.980
 Es ist auf jeden Fall schade, dass irgendwie dieses Wissen,

01:01:25.980 --> 01:01:28.500
 was ich mir da angeeignet hab, vor über zehn Jahren,

01:01:28.500 --> 01:01:30.400
 ähm, dass das jetzt quasi nix mehr wert ist.

01:01:30.400 --> 01:01:33.040
 Weil ich weiß schon noch die ganzen jQuery-Sachen auswendig.

01:01:33.040 --> 01:01:36.680
 Ja, das ist quasi ...

01:01:36.680 --> 01:01:38.640
 Ja, das brauchen wir jetzt nicht mehr.

01:01:38.640 --> 01:01:39.340
 Warum eigentlich?

01:01:39.340 --> 01:01:42.200
 Man könnte ja einfach jetzt Projekte mit jQuery starten.

01:01:42.200 --> 01:01:43.260
 Keine Sauberes merken, oder?

01:01:43.260 --> 01:01:45.540
 Ja, gut.

01:01:45.540 --> 01:01:48.160
 Wenn man nicht in den Quellcode reinguckt, äh, klar.

01:01:48.160 --> 01:01:49.280
 Naja.

01:01:49.280 --> 01:01:51.540
 Was das macht, dass da bei Drück, bei Klick was passiert,

01:01:51.740 --> 01:01:53.460
 ob das jetzt Vanilla oder jQuery ist,

01:01:53.460 --> 01:01:54.900
 will wahrscheinlich erst mal keiner merken, ja.

01:01:54.900 --> 01:01:58.940
 Ja, aber Vanilla ist ja meistens jetzt mittlerweile

01:01:58.940 --> 01:02:00.520
 genauso einfach wie jQuery damals.

01:02:00.520 --> 01:02:02.420
 Von daher gibt's eigentlich bei den meisten Sachen

01:02:02.420 --> 01:02:02.860
 keinen Grund mehr.

01:02:02.860 --> 01:02:03.880
 Es gibt eigentlich keinen Grund mehr, ja.

01:02:03.880 --> 01:02:05.600
 Ja, gut, klar, ob du jetzt ...

01:02:05.600 --> 01:02:06.700
 Es ist natürlich einfacher irgendwie,

01:02:06.700 --> 01:02:08.800
 statt Document, Query, Selector, All,

01:02:08.800 --> 01:02:10.520
 einfach Dollar, Klammer auf,

01:02:10.520 --> 01:02:11.920
 und dann deinen Selektor reinzuschreiben.

01:02:11.920 --> 01:02:13.960
 Also allein das, dieser Selektor immer,

01:02:13.960 --> 01:02:15.520
 das ist natürlich schon ...

01:02:15.520 --> 01:02:16.980
 Wenn du das klar an einer Stelle machst,

01:02:16.980 --> 01:02:17.780
 ist es nicht viel Unterschied,

01:02:17.780 --> 01:02:19.760
 aber wenn du das hunderte Male machst in einem Dokument,

01:02:20.380 --> 01:02:21.580
 ist es mehr.

01:02:21.580 --> 01:02:23.720
 Aber egal, also wir brauchen nicht drüber reden,

01:02:23.720 --> 01:02:24.720
 ob man jetzt anfangen sollte.

01:02:24.720 --> 01:02:27.580
 Also unsere neue Empfehlung,

01:02:27.580 --> 01:02:29.380
 ihr wisst ja, ich bin heute ein bisschen schräg drauf,

01:02:29.380 --> 01:02:31.520
 nutzt mal für ein neues Projekt jQuery.

01:02:31.520 --> 01:02:34.540
 Vielleicht in der alten Version mit Sicherheitslücke.

01:02:34.540 --> 01:02:36.360
 Einfach nur so ein bisschen für den Füll.

01:02:36.480 --> 01:02:37.260
 aus Spaß.

01:02:37.260 --> 01:02:39.180
 Aus Spaß.

01:02:39.180 --> 01:02:40.400
 Und dann, wenn einer sagt,

01:02:40.400 --> 01:02:41.380
 ey, wir haben noch eine Sicherheitslücke,

01:02:41.380 --> 01:02:42.800
 und sagt, ja, war nur Spaß.

01:02:42.800 --> 01:02:44.020
 Das ist ein Easter Egg.

01:02:44.020 --> 01:02:48.380
 Hört bloß nicht auf mich.

01:02:48.380 --> 01:02:51.020
 Es ist hier Delirium Nocturnum.

01:02:51.020 --> 01:02:53.140
 Das ist schlimm.

01:02:53.140 --> 01:02:55.860
 Also von mir aus können wir auch weitermachen.

01:02:56.860 --> 01:02:57.980
 Wenn du keine Einwände hast.

01:02:57.980 --> 01:02:59.100
 Naja, können wir weitermachen.

01:02:59.100 --> 01:03:01.240
 Als nächstes hätte ich hier Compression.

01:03:01.240 --> 01:03:02.960
 Genau, das hatten wir vorhin kurz.

01:03:02.960 --> 01:03:06.800
 Da gibt es auch ein komplett eigenes Chapter zu Compression

01:03:06.800 --> 01:03:08.180
 im Web-Almanac.

01:03:08.180 --> 01:03:09.100
 Das verlinke ich auch.

01:03:09.100 --> 01:03:11.840
 Fängt damit an, so eine Übersicht

01:03:11.840 --> 01:03:14.580
 über die verschiedenen Komprimierungsmethoden,

01:03:14.580 --> 01:03:16.440
 je nach Mime-Type.

01:03:16.940 --> 01:03:18.960
 Also Application JavaScript

01:03:18.960 --> 01:03:23.380
 37% mit Brodly tatsächlich schon.

01:03:23.380 --> 01:03:25.140
 Also bei JavaScript wird das schon viel eingesetzt.

01:03:25.140 --> 01:03:27.180
 50,2% G-Zip

01:03:27.180 --> 01:03:30.880
 und nur 12,7% keine Textkomprimierung.

01:03:30.880 --> 01:03:32.260
 So viel Brodly.

01:03:32.260 --> 01:03:33.420
 Das kommt mir auch wieder ein bisschen.

01:03:33.420 --> 01:03:35.760
 Ja, also fast 40% finde ich schon, fand ich krass.

01:03:35.760 --> 01:03:37.360
 Ja, aber wer setzt das denn?

01:03:37.360 --> 01:03:40.760
 Ja, zumal es im, also da ist es jetzt relativ viel,

01:03:40.760 --> 01:03:43.280
 aber ich komme dann gleich noch zum Markup-Compression.

01:03:43.280 --> 01:03:45.280
 Das klingt für mich nach

01:03:45.280 --> 01:03:47.800
 beliebte Server-Software

01:03:47.800 --> 01:03:49.320
 hat das standardmäßig mit an Bord,

01:03:49.320 --> 01:03:51.920
 weil ansonsten kann ich mir diese Zahl fast nicht erklären.

01:03:51.920 --> 01:03:53.100
 Ist das so?

01:03:53.100 --> 01:03:55.160
 Macht so ein Apache das,

01:03:55.160 --> 01:03:56.600
 weißt du das zufällig?

01:03:56.600 --> 01:03:59.420
 Macht das so ein Apache mittlerweile standardmäßig?

01:03:59.420 --> 01:04:00.380
 Hat er das mit eingebaut?

01:04:00.380 --> 01:04:01.400
 Also es gibt Brodly für Apache,

01:04:01.400 --> 01:04:03.240
 ob das Standard ist, weiß ich jetzt nicht.

01:04:03.240 --> 01:04:05.480
 Ja, okay.

01:04:05.480 --> 01:04:08.740
 Ich glaube, das muss man als eigenes Modul erst aktivieren.

01:04:08.740 --> 01:04:10.260
 Standardmäßig ist das, glaube ich, nicht aktiv.

01:04:10.260 --> 01:04:11.960
 Was schade ist,

01:04:11.960 --> 01:04:13.800
 weil eigentlich könnte man es ja jetzt schon nutzen

01:04:13.800 --> 01:04:16.080
 und das macht halt nochmal einen echten Unterschied aus zu Gsip.

01:04:16.080 --> 01:04:17.660
 Was ich jetzt aber nicht ganz verstehe,

01:04:17.660 --> 01:04:20.600
 also ich habe nochmal hier nach für Markup explizit

01:04:20.600 --> 01:04:21.840
 und für,

01:04:21.840 --> 01:04:24.120
 oder war ich jetzt beim falschen hier?

01:04:24.120 --> 01:04:25.340
 Ah, die Markup-Compression.

01:04:25.340 --> 01:04:26.900
 Ah, nee, okay, nee, war richtig.

01:04:26.900 --> 01:04:30.000
 Wenn ich jetzt hier aber auf explizit JavaScript,

01:04:30.000 --> 01:04:32.260
 bei JavaScript gibt es auch nochmal einen Punkt Compression

01:04:32.260 --> 01:04:33.700
 und wenn ich da schaue,

01:04:33.700 --> 01:04:39.760
 dann sind Gsip 55,7 Prozent und Brodly 30,4.

01:04:39.760 --> 01:04:42.380
 Das ist dann schon wieder eher in die Richtung,

01:04:42.380 --> 01:04:43.360
 aber ...

01:04:43.360 --> 01:04:44.780
 Aber die Zahl unterscheidet sich von der anderen.

01:04:44.780 --> 01:04:45.000
 Ja, richtig.

01:04:45.000 --> 01:04:48.300
 Das eine ist mit Mime-Type-Application JavaScript

01:04:48.300 --> 01:04:50.160
 und das andere bezieht sich direkt auf JavaScript.

01:04:50.160 --> 01:04:53.060
 Aber da bin ich nicht so ganz schlau geworden.

01:04:55.060 --> 01:04:59.120
 Also zwei Statistiken,

01:04:59.120 --> 01:05:00.540
 die eigentlich das Gleiche sagen sollten,

01:05:00.540 --> 01:05:01.660
 aber es nicht tun.

01:05:01.660 --> 01:05:03.160
 Das ist interessant.

01:05:03.160 --> 01:05:05.420
 Aber das deckt sich schon so eher mit meinem Eindruck,

01:05:05.420 --> 01:05:05.900
 dass halt,

01:05:05.900 --> 01:05:06.140
 ich meine,

01:05:06.140 --> 01:05:07.420
 es ist immerhin fast schon ein Drittel,

01:05:07.420 --> 01:05:09.080
 das ist schon gestiegen,

01:05:09.080 --> 01:05:14.840
 aber das Brodly halt immer noch weit hinter Gsip zurücklägt.

01:05:14.840 --> 01:05:16.860
 Ja, machen wir das denn auf unserer Seite?

01:05:16.860 --> 01:05:17.520
 Nee.

01:05:17.580 --> 01:05:18.200
 Ich glaube nicht, oder?

01:05:18.200 --> 01:05:19.440
 Das kann unser Server, glaube ich, gar nicht.

01:05:19.440 --> 01:05:20.500
 Was?

01:05:20.500 --> 01:05:23.340
 Ja, siehst du?

01:05:23.340 --> 01:05:24.680
 Ich brauche einen anderen Server.

01:05:24.680 --> 01:05:29.340
 Ja, ich muss da mal den Server-Application anschreiben und sagen.

01:05:29.340 --> 01:05:30.380
 Ja, schreib mal den Server.

01:05:30.380 --> 01:05:31.060
 Aktiviere mal Brodly.

01:05:31.060 --> 01:05:32.820
 Aktiviere mal Brodly, genau.

01:05:32.820 --> 01:05:34.540
 Das soll er einfach machen.

01:05:34.540 --> 01:05:35.420
 Das soll er einfach einschalten.

01:05:35.420 --> 01:05:36.560
 Ich will damit gar nichts zu tun haben.

01:05:36.560 --> 01:05:37.380
 Das soll er einfach nur tun.

01:05:37.380 --> 01:05:40.440
 Ja, und das bringt mich nämlich auch zu dem Punkt,

01:05:40.440 --> 01:05:43.540
 warum ist die Komprimierung,

01:05:43.540 --> 01:05:47.420
 also wenn ich jetzt hier beim Markup mal auf die Compression schaue,

01:05:47.580 --> 01:05:51.260
 dann sind 63,

01:05:51.260 --> 01:05:53.020
 also irgendwo war eine Zahl hier,

01:05:53.020 --> 01:05:57.600
 jetzt habe ich natürlich mir nicht die Sprungmarke entsprechend gesetzt,

01:05:57.600 --> 01:06:01.060
 wie viele Seiten generell Komprimierung einsetzen.

01:06:01.060 --> 01:06:03.700
 Aber jedenfalls gibt es ja alles zusammen,

01:06:03.700 --> 01:06:05.580
 gibt ja keine 100%.

01:06:05.580 --> 01:06:07.940
 Und da frage ich mich,

01:06:07.940 --> 01:06:10.520
 oder beziehungsweise es ist ja immer sogar ausgewiesen,

01:06:10.520 --> 01:06:15.120
 wie viele Seiten halt komplett ohne Compression ausgeliefert werden.

01:06:15.760 --> 01:06:16.820
 Und da frage ich mich,

01:06:16.820 --> 01:06:19.440
 warum ist das immer noch so viel?

01:06:19.440 --> 01:06:21.700
 Also es geht hier zurück,

01:06:21.700 --> 01:06:25.900
 aber welche guten Gründe gibt es,

01:06:25.900 --> 01:06:27.680
 nicht zu komprimieren?

01:06:27.680 --> 01:06:29.740
 Man könnte jetzt sagen, klar den Overhead,

01:06:29.740 --> 01:06:32.260
 aber Overhead ist eigentlich bei Gzip mit den Modulen im Apache.

01:06:32.260 --> 01:06:34.320
 Andersrum, ich sage dir das.

01:06:34.320 --> 01:06:36.220
 Es gibt keinen guten Grund.

01:06:36.220 --> 01:06:38.640
 Ich behaupte, der Grund ist,

01:06:38.640 --> 01:06:41.740
 dass die Default-Settings von vielen Servern

01:06:41.740 --> 01:06:43.680
 das einfach nicht angeschaltet haben.

01:06:43.680 --> 01:06:45.940
 Das behaupte ich.

01:06:45.940 --> 01:06:48.900
 Das heißt, Leute wissen das einfach nicht,

01:06:48.900 --> 01:06:51.740
 dass ihre Seiten unkomprimiert ausliefern,

01:06:51.740 --> 01:06:52.740
 oder es ist ihnen egal.

01:06:53.640 --> 01:06:55.380
 Und der Default müsste eigentlich,

01:06:55.380 --> 01:06:56.420
 ich glaube auch,

01:06:56.420 --> 01:07:00.120
 dass wir das bei uns explizit anschalten mussten,

01:07:00.120 --> 01:07:01.900
 über eine HTA-Access-Datei.

01:07:01.900 --> 01:07:02.500
 So.

01:07:02.500 --> 01:07:05.460
 Und wenn du einen extra Schritt dafür machen musst,

01:07:05.460 --> 01:07:07.440
 dann machen das halt nur die Leute,

01:07:07.440 --> 01:07:07.960
 die das wissen.

01:07:09.040 --> 01:07:10.460
 Und wenn man jetzt halt sagt,

01:07:10.460 --> 01:07:13.460
 na ja, es gibt doch gar keinen Grund dagegen,

01:07:13.460 --> 01:07:15.760
 dann müsste das eigentlich der Standard werden,

01:07:15.760 --> 01:07:17.000
 aus meiner Sicht,

01:07:17.000 --> 01:07:18.640
 für Apache oder so.

01:07:18.640 --> 01:07:20.420
 Dass man ihm quasi sagt,

01:07:20.420 --> 01:07:22.440
 nee, bitte nicht komprimiert ausliefern,

01:07:22.440 --> 01:07:24.340
 und alles andere wird komprimiert ausgeliefert.

01:07:24.340 --> 01:07:26.960
 Also, ja.

01:07:26.960 --> 01:07:28.660
 Weil Gzip ist ja,

01:07:28.660 --> 01:07:30.600
 das ist ja standardmäßig überall mit drin, oder?

01:07:30.600 --> 01:07:31.580
 Da gibt es ja gar nichts mehr.

01:07:31.580 --> 01:07:34.180
 Ich stelle gerade fest,

01:07:34.180 --> 01:07:35.640
 vielleicht ist es eine unterschiedliche Datenquelle.

01:07:35.640 --> 01:07:37.140
 Weil ich habe nämlich jetzt noch was,

01:07:37.140 --> 01:07:38.220
 verlinke ich auch in den Shownotes,

01:07:38.280 --> 01:07:38.920
 die Trends,

01:07:38.920 --> 01:07:41.120
 also wie das in den Jahren sich jetzt entwickelt hat,

01:07:41.120 --> 01:07:43.180
 Trends in HTTP-Compression.

01:07:43.180 --> 01:07:49.400
 Und da ist zum Beispiel für 2021 14% angegeben,

01:07:49.400 --> 01:07:52.780
 für Brodli, also noch weniger.

01:07:52.780 --> 01:07:53.700
 Und das sind aber,

01:07:53.700 --> 01:07:57.980
 das bezieht sich auf den Trend of Lossless Compression

01:07:57.980 --> 01:08:01.080
 from the HTTP-Archive-Matrix,

01:08:01.080 --> 01:08:04.760
 also web.archive.org wohl.

01:08:04.760 --> 01:08:07.420
 Und deswegen erklärt das vielleicht die Zahlen.

01:08:07.520 --> 01:08:08.980
 Und das finde ich halt, finde ich krass.

01:08:08.980 --> 01:08:10.700
 Also 14% Brodli ist echt wenig.

01:08:10.700 --> 01:08:13.160
 Und sogar nur 28,2%

01:08:13.160 --> 01:08:15.720
 Gzip.

01:08:15.720 --> 01:08:18.360
 57% ohne Compression.

01:08:18.360 --> 01:08:20.920
 Also es ist schon besser geworden

01:08:20.920 --> 01:08:21.800
 im Vergleich zu den letzten Jahren,

01:08:21.800 --> 01:08:22.120
 aber

01:08:22.120 --> 01:08:24.580
 doch irgendwie sehr ernüchternd.

01:08:24.840 --> 01:08:25.740
 wobei ich natürlich nicht weiß,

01:08:25.740 --> 01:08:25.900
 wobei ich natürlich jetzt nicht weiß,

01:08:25.900 --> 01:08:28.640
 auf was bezieht sich das jetzt auf sämtliche Dateien,

01:08:28.640 --> 01:08:30.080
 auch auf Dateien wie Grafiken,

01:08:30.080 --> 01:08:32.400
 die vielleicht von Text Compression

01:08:32.400 --> 01:08:34.580
 überhaupt nicht nutzniesen

01:08:34.580 --> 01:08:37.120
 oder vielleicht sogar aufgeblüht werden dadurch

01:08:37.120 --> 01:08:38.880
 oder bezieht sich das nur auf Sachen,

01:08:38.880 --> 01:08:41.400
 bei denen es Sinn macht.

01:08:41.400 --> 01:08:43.080
 Das weiß man jetzt halt nicht in dem Fall,

01:08:43.080 --> 01:08:44.500
 was da die Datenbasis war.

01:08:45.000 --> 01:08:45.540
 Aber da steht

01:08:45.540 --> 01:08:46.780
 No Text Compression.

01:08:46.780 --> 01:08:48.600
 Also nehme ich mal an,

01:08:48.600 --> 01:08:50.500
 dass es sich auf Textfiles bezieht.

01:08:50.500 --> 01:08:51.800
 Naja gut,

01:08:51.800 --> 01:08:54.440
 du kannst ja diesen Text Compression Algorithmus

01:08:54.440 --> 01:08:56.140
 auf beliebige Daten anwenden.

01:08:56.140 --> 01:08:58.380
 Nur hast du halt nicht immer einen Vorteil davon.

01:08:58.720 --> 01:09:02.020
 Also du machst im Zweifel vielleicht sogar was kaputt,

01:09:02.020 --> 01:09:03.500
 dass es dann gar nicht mehr gelesen werden kann.

01:09:03.500 --> 01:09:05.720
 Ja.

01:09:05.720 --> 01:09:08.360
 Können wir an der Stelle jetzt nicht beantworten,

01:09:08.360 --> 01:09:10.280
 aber also generell ist der Trend schon,

01:09:10.280 --> 01:09:11.180
 es wird besser,

01:09:11.180 --> 01:09:13.240
 aber es ist immer noch viel zu tun.

01:09:13.240 --> 01:09:16.860
 Es gibt immer was zu tun.

01:09:16.860 --> 01:09:19.140
 Ja, also wie gesagt,

01:09:19.140 --> 01:09:21.300
 aber das ist wie mit jQuery.

01:09:21.300 --> 01:09:22.000
 Ich glaube,

01:09:22.000 --> 01:09:23.340
 wenn das der Standard wäre,

01:09:23.340 --> 01:09:25.160
 dass das einfach angeschaltet ist

01:09:25.160 --> 01:09:26.320
 auf dem Apache beispielsweise.

01:09:26.320 --> 01:09:27.920
 Also Apache und Nginx

01:09:27.920 --> 01:09:28.800
 würde ich behaupten,

01:09:28.800 --> 01:09:29.520
 wenn das auf beiden

01:09:29.520 --> 01:09:30.980
 plötzlich jetzt angeschaltet wäre,

01:09:30.980 --> 01:09:32.860
 dann würden sich die Zahlen massiv verändern.

01:09:32.860 --> 01:09:34.720
 Das sind einfach,

01:09:34.720 --> 01:09:37.660
 nicht jeder kümmert sich um jedes Detail.

01:09:37.660 --> 01:09:39.440
 Und man kennt ja auch nicht immer

01:09:39.440 --> 01:09:41.920
 jedes Detail von der ganzen Geschichte.

01:09:41.920 --> 01:09:43.820
 Nicht jeder guckt in die Dev-Tools

01:09:43.820 --> 01:09:46.360
 und dann lässt sich den Audit machen,

01:09:46.360 --> 01:09:48.500
 irgendwie den Lighthouse Audit in Chrome

01:09:48.500 --> 01:09:49.300
 und sieht dann,

01:09:49.300 --> 01:09:50.720
 oh, ich habe ja gar keine Compression an,

01:09:50.720 --> 01:09:51.320
 ich weiß gar nicht mehr.

01:09:51.320 --> 01:09:53.860
 Wir hatten das lange Zeit auch nicht bei uns,

01:09:53.860 --> 01:09:55.600
 bis ich das eben mal gemacht habe.

01:09:55.600 --> 01:09:57.420
 Aber WordPress ist halt auch nicht standardmäßig.

01:09:57.420 --> 01:09:57.660
 Ja, genau.

01:09:57.660 --> 01:10:00.220
 Ja, warum auch immer?

01:10:00.220 --> 01:10:00.700
 Ja?

01:10:00.700 --> 01:10:02.100
 Warum auch immer?

01:10:02.100 --> 01:10:04.360
 Also das könnte ja auch bei WordPress

01:10:04.360 --> 01:10:06.600
 könnte das in seiner HT-Access ja mitliefern.

01:10:06.600 --> 01:10:06.760
 Genau,

01:10:06.760 --> 01:10:08.620
 wenn man das beschränkt auch auf Minetypes,

01:10:08.620 --> 01:10:10.800
 also eine HTML-Seite auszuliefern,

01:10:10.800 --> 01:10:13.620
 das sollte eigentlich nichts kaputt machen,

01:10:13.620 --> 01:10:14.920
 wenn das ge-gzipt wird.

01:10:14.920 --> 01:10:16.640
 Bei JavaScript eigentlich auch nicht.

01:10:16.640 --> 01:10:17.140
 Also,

01:10:17.140 --> 01:10:18.660
 und CSS genauso wenig.

01:10:18.800 --> 01:10:19.800
 Also alles ist ja,

01:10:19.800 --> 01:10:22.220
 also entweder der Kleine unterstützt

01:10:22.220 --> 01:10:22.600
 und sagt,

01:10:22.600 --> 01:10:23.420
 ich unterstütze es

01:10:23.420 --> 01:10:25.180
 und der Browser schickt es entsprechend zurück.

01:10:25.180 --> 01:10:25.460
 Also,

01:10:25.460 --> 01:10:27.740
 warum sollte da was bei kaputt gehen?

01:10:27.740 --> 01:10:29.320
 Aber schreibt es gerne in die Kommentare,

01:10:29.320 --> 01:10:30.880
 vielleicht sind wir einfach total ahnungslos.

01:10:32.240 --> 01:10:32.520
 Ja,

01:10:32.520 --> 01:10:33.780
 und wenn wir sowas sagen,

01:10:33.780 --> 01:10:34.540
 dann kommt nie was.

01:10:34.540 --> 01:10:37.040
 Nee,

01:10:37.040 --> 01:10:37.500
 es stimmt nicht.

01:10:37.500 --> 01:10:39.900
 Wir haben schon ordentlich gesagt bekommen,

01:10:39.900 --> 01:10:40.820
 dass wir ganz doof sind.

01:10:41.520 --> 01:10:42.480
 Macht das bitte auch,

01:10:42.480 --> 01:10:43.660
 aber ihr müsst dann auch bekunden,

01:10:43.660 --> 01:10:44.700
 weil sonst sagen wir euch zurück,

01:10:44.700 --> 01:10:45.640
 ihr seid selber doof.

01:10:45.640 --> 01:10:46.060
 Selber doof.

01:10:46.060 --> 01:10:47.020
 Selber doof.

01:10:47.020 --> 01:10:49.600
 Ja,

01:10:49.600 --> 01:10:50.560
 das wird das mit dem Bier,

01:10:50.560 --> 01:10:52.040
 das wird übrigens nicht besser in meinem Kopf.

01:10:52.040 --> 01:10:53.680
 Wir müssen jetzt mal langsam zu meinem.

01:10:53.680 --> 01:10:53.760
 Nee,

01:10:53.760 --> 01:10:54.900
 meins haut auch.

01:10:54.900 --> 01:10:55.720
 Ich habe mir jetzt vorgenommen,

01:10:55.720 --> 01:10:57.180
 ein bisschen weniger zu trinken dieses Jahr,

01:10:57.180 --> 01:10:57.700
 weil wir ja echt

01:10:57.700 --> 01:10:59.900
 beim Podcast,

01:10:59.900 --> 01:11:00.620
 beim Stream immer,

01:11:00.620 --> 01:11:02.520
 ich muss das echt ein bisschen zurückfahren.

01:11:02.520 --> 01:11:04.760
 Und deswegen habe ich jetzt auch länger

01:11:04.760 --> 01:11:06.640
 das so ein bisschen so runtergefahren

01:11:06.640 --> 01:11:07.460
 und ich merke jetzt echt so,

01:11:07.460 --> 01:11:08.420
 jedes Bier schon wieder so.

01:11:08.420 --> 01:11:10.140
 Was meinst du mit weniger trinken?

01:11:10.140 --> 01:11:11.160
 Also halt,

01:11:11.320 --> 01:11:13.080
 Also trinkst du jenseits

01:11:13.080 --> 01:11:15.060
 von Podcast und Stream noch Alkohol?

01:11:15.060 --> 01:11:15.180
 Ja,

01:11:15.180 --> 01:11:16.440
 ab und zu mal so einen Wein abends

01:11:16.440 --> 01:11:18.980
 oder mal einen Gin Tonic oder so.

01:11:18.980 --> 01:11:19.560
 Aber jetzt,

01:11:19.560 --> 01:11:20.540
 also ich bin jetzt kein Alkoholiker,

01:11:20.540 --> 01:11:21.500
 aber es ist schon,

01:11:21.500 --> 01:11:22.240
 seit wir,

01:11:22.240 --> 01:11:24.600
 sagte der Alkoholiker.

01:11:24.600 --> 01:11:25.860
 Ich wollte gerade sagen,

01:11:25.860 --> 01:11:26.480
 also das ist ja,

01:11:26.480 --> 01:11:27.300
 das ist ja irgendwie,

01:11:27.300 --> 01:11:27.560
 glaube ich,

01:11:27.560 --> 01:11:28.520
 der erste Teil von,

01:11:28.520 --> 01:11:29.980
 oder irgendein Teil von,

01:11:29.980 --> 01:11:30.800
 von diesen,

01:11:30.800 --> 01:11:32.040
 von diesen,

01:11:32.040 --> 01:11:32.880
 was ist das,

01:11:32.880 --> 01:11:33.460
 Eight Step,

01:11:33.460 --> 01:11:34.360
 Six Step,

01:11:34.360 --> 01:11:35.080
 Eight Step von den,

01:11:35.080 --> 01:11:37.020
 von den anonymen Alkoholikern ist,

01:11:37.020 --> 01:11:38.200
 dass man es akzeptiert,

01:11:38.200 --> 01:11:39.240
 dass man Alkoholiker ist.

01:11:39.240 --> 01:11:40.680
 Das ist ja einer von diesen Steps.

01:11:40.840 --> 01:11:41.140
 Gut, ich meine,

01:11:41.140 --> 01:11:41.840
 so gesehen,

01:11:41.840 --> 01:11:42.580
 wenn jemand fragt,

01:11:42.580 --> 01:11:43.460
 so bei einem Fragebogen oder so,

01:11:43.460 --> 01:11:44.980
 trinken sie regelmäßig Alkohol?

01:11:44.980 --> 01:11:45.480
 Naja,

01:11:45.480 --> 01:11:47.140
 also alle zwei Wochen,

01:11:47.140 --> 01:11:47.700
 äh,

01:11:47.700 --> 01:11:48.620
 Bier zu trinken,

01:11:48.620 --> 01:11:49.440
 beziehungsweise gut,

01:11:49.440 --> 01:11:50.800
 inzwischen streamen wir auch noch,

01:11:50.800 --> 01:11:51.500
 äh,

01:11:51.500 --> 01:11:52.460
 einmal die Woche

01:11:52.460 --> 01:11:53.360
 oder zweimal die Woche,

01:11:53.680 --> 01:11:54.880
 also eigentlich zweimal die Woche,

01:11:54.880 --> 01:11:55.820
 auf jeden Fall Alkohol,

01:11:55.820 --> 01:11:56.980
 ist schon regelmäßig, ne?

01:11:56.980 --> 01:11:58.420
 Ja,

01:11:58.420 --> 01:12:00.020
 deswegen habe ich echt heute Abend damit gehadert,

01:12:00.020 --> 01:12:02.360
 mache ich mal tatsächlich ohne Bier.

01:12:02.360 --> 01:12:04.260
 Aber ich habe mir dann gedacht,

01:12:04.260 --> 01:12:04.740
 nee,

01:12:04.740 --> 01:12:06.180
 irgendwie zum Podcast gehört das so dazu,

01:12:06.180 --> 01:12:07.160
 wir haben das so eingebürgert,

01:12:07.160 --> 01:12:07.980
 dass das am Anfang immer kommt.

01:12:07.980 --> 01:12:08.060
 Ja,

01:12:08.220 --> 01:12:09.980
 Ich werde es vielleicht bei den Streams einstellen.

01:12:09.980 --> 01:12:11.560
 Letztes Mal beim Stream hatte ich kein Bier,

01:12:11.560 --> 01:12:12.380
 da hatte ich einen Schnaps.

01:12:12.380 --> 01:12:13.380
 Das macht es viel besser.

01:12:13.380 --> 01:12:15.260
 Also ich,

01:12:15.260 --> 01:12:16.120
 also ich meine,

01:12:16.120 --> 01:12:17.280
 also wir,

01:12:17.280 --> 01:12:18.620
 es ist unser Podcast,

01:12:18.620 --> 01:12:19.500
 wir können selbst entscheiden,

01:12:19.500 --> 01:12:19.940
 was wir machen.

01:12:19.940 --> 01:12:20.420
 Und wenn du sagst,

01:12:20.420 --> 01:12:21.440
 du möchtest jetzt kein Bier mehr trinken,

01:12:21.440 --> 01:12:22.300
 dann trinkst du kein Bier mehr.

01:12:22.300 --> 01:12:22.980
 Ich schaue mal.

01:12:22.980 --> 01:12:23.380
 Ganz einfach.

01:12:23.600 --> 01:12:27.360
 Für mich ist es überhaupt gar kein Problem.

01:12:27.360 --> 01:12:29.540
 Ich trinke dann halt einfach zwei.

01:12:29.540 --> 01:12:30.720
 Das ist gut.

01:12:30.720 --> 01:12:31.780
 Das ist doch gut.

01:12:31.780 --> 01:12:32.080
 Nee,

01:12:32.080 --> 01:12:32.280
 nee,

01:12:32.280 --> 01:12:32.340
 nee,

01:12:32.340 --> 01:12:32.360
 nee,

01:12:32.360 --> 01:12:32.360
 nee,

01:12:32.360 --> 01:12:32.360
 nee,

01:12:32.360 --> 01:12:32.360
 nee,

01:12:32.360 --> 01:12:32.360
 nee,

01:12:32.360 --> 01:12:32.360
 nee,

01:12:32.360 --> 01:12:32.360
 nee,

01:12:32.360 --> 01:12:32.360
 nee,

01:12:32.360 --> 01:12:32.380
 nee,

01:12:32.380 --> 01:12:32.380
 nee,

01:12:32.380 --> 01:12:32.380
 nee,

01:12:32.380 --> 01:12:32.440
 nee,

01:12:32.440 --> 01:12:32.440
 nee,

01:12:32.440 --> 01:12:32.460
 nee,

01:12:32.460 --> 01:12:32.760
 nee,

01:12:32.760 --> 01:12:32.860
 nee,

01:12:32.860 --> 01:12:32.900
 nee,

01:12:32.900 --> 01:12:32.940
 nee,

01:12:32.940 --> 01:12:32.960
 nee,

01:12:32.960 --> 01:12:33.340
 nee,

01:12:33.340 --> 01:12:33.940
 nee,

01:12:33.940 --> 01:12:34.140
 nee,

01:12:34.140 --> 01:12:34.900
 nee,

01:12:34.900 --> 01:12:35.260
 nee,

01:12:35.260 --> 01:12:35.320
 nee,

01:12:35.320 --> 01:12:35.960
 nee,

01:12:35.960 --> 01:12:37.420
 nee,

01:12:37.420 --> 01:12:37.500
 nee,

01:12:37.500 --> 01:12:38.020
 nee,

01:12:38.020 --> 01:12:39.220
 Showtrinker,

01:12:39.220 --> 01:12:39.500
 Showtrinker,

01:12:39.500 --> 01:12:40.460
 ich bin Showtrinker,

01:12:40.460 --> 01:12:40.720
 genau,

01:12:40.720 --> 01:12:41.760
 das war das Wort.

01:12:41.760 --> 01:12:44.420
 Ich trinke privat gar nichts,

01:12:44.420 --> 01:12:46.060
 ich trinke nur im Podcast und im Stream

01:12:46.060 --> 01:12:47.580
 und das ist vielleicht ja auch schon zu viel,

01:12:47.580 --> 01:12:47.760
 ne?

01:12:47.760 --> 01:12:49.160
 Ja.

01:12:49.160 --> 01:12:49.600
 Wer weiß.

01:12:49.600 --> 01:12:54.680
 Nach diesem Ausschweif zum Thema Alkoholismus.

01:12:54.680 --> 01:12:56.120
 Wir sind weit geschwurfen.

01:12:56.120 --> 01:12:59.920
 Hätten wir eine Triggerwarnung vielleicht an den Anfang stellen müssen.

01:12:59.920 --> 01:13:03.160
 Darfst du jetzt, zum Thema Alkoholismus,

01:13:03.160 --> 01:13:06.400
 darfst du jetzt weitermachen?

01:13:06.400 --> 01:13:08.640
 Dann mach ich mal weiter.

01:13:08.640 --> 01:13:13.180
 So, warte mal, ich finde, wir könnten jetzt einen kleinen Break machen.

01:13:13.180 --> 01:13:14.560
 Oh,

01:13:15.620 --> 01:13:16.580
 Hast du was gehört gerade?

01:13:16.580 --> 01:13:17.040
 Nee.

01:13:17.040 --> 01:13:18.280
 Ich auch nicht.

01:13:18.280 --> 01:13:18.960
 Was wolltest du denn?

01:13:18.960 --> 01:13:21.900
 Ich wollte eigentlich, ich wollte, ich wollte einen Sound vom Soundboard machen.

01:13:21.900 --> 01:13:24.120
 Das war in dem Fall die Glocke, aber der kam, der kam nicht.

01:13:24.120 --> 01:13:25.560
 Ah, ich mach's für dich.

01:13:25.560 --> 01:13:28.060
 Ich wollte einfach nur so, dass das jetzt so, jetzt geht's, jetzt, jetzt.

01:13:28.060 --> 01:13:30.720
 Gut, die Halbzeit ist geschafft oder so.

01:13:30.720 --> 01:13:34.400
 Jetzt, jetzt geht's, oh, schau mal, schau mal, schau mal.

01:13:34.400 --> 01:13:37.120
 Kommt noch einiges.

01:13:37.120 --> 01:13:39.000
 Wir können auch schnell, wir können auch schnell machen.

01:13:39.000 --> 01:13:45.180
 Also, ich habe mir die Bereiche CSS und Accessibility angeschaut

01:13:45.180 --> 01:13:48.440
 im Web-Almanac und habe so ein paar Sachen rausgeschrieben,

01:13:48.440 --> 01:13:49.920
 die ich irgendwie interessant fand.

01:13:49.920 --> 01:13:52.040
 Und da rauschen wir jetzt mal ganz schnell drüber,

01:13:52.040 --> 01:13:55.280
 weil wir sind jetzt bei einer Stunde vierzehn oder was.

01:13:55.280 --> 01:13:59.360
 Vielleicht nicht ganz, weil wir haben ja noch ein bisschen vorgeplänkelt,

01:13:59.360 --> 01:14:01.740
 was wir da hoffentlich rausschneiden.

01:14:03.740 --> 01:14:04.140
 Genau.

01:14:04.140 --> 01:14:05.540
 So.

01:14:05.540 --> 01:14:09.340
 Ich scrolle mich mal durch.

01:14:09.340 --> 01:14:09.600
 Genau.

01:14:09.600 --> 01:14:14.840
 Das Erste, was mir aufgefallen ist, ist, die machen ja ganz interessante Statistik

01:14:14.840 --> 01:14:20.900
 und die haben auf einer Seite gefunden, der Rekord für die größte Anzahl

01:14:20.900 --> 01:14:27.440
 der externe Style-Sheets auf einer Seite liegt bei 2368.

01:14:27.440 --> 01:14:28.860
 Abartig.

01:14:28.860 --> 01:14:35.340
 2368 Style-Sheets wurden auf einer Seite gefunden, die da eingebunden waren.

01:14:35.340 --> 01:14:43.240
 Und sie sagen noch hier, der Rekord vom letzten Jahr war 1379.

01:14:43.760 --> 01:14:44.700
 Nee, von 2220.

01:14:44.700 --> 01:14:45.560
 Den wollte dann jemand toppen.

01:14:45.560 --> 01:14:51.260
 Whoever's done this, we beg you, combine some files and give your server a rest.

01:14:51.260 --> 01:14:52.580
 Steht da.

01:14:53.880 --> 01:14:54.660
 Das fand ich gut.

01:14:54.660 --> 01:14:58.780
 Ich versuche so ein bisschen, mich auf die Highlights zu beschränken.

01:14:58.780 --> 01:15:01.920
 Dann kommen wir nämlich gleich weiter.

01:15:01.920 --> 01:15:04.660
 Ich muss jetzt gerade mal gucken, ob ich jetzt mit Scrollen das hinkriege

01:15:04.660 --> 01:15:06.820
 oder ob ich jetzt jedes Mal klicken muss.

01:15:06.820 --> 01:15:09.160
 Ich habe ja viele Links, du hast das gesehen.

01:15:09.160 --> 01:15:12.820
 Lass mich in Ruhe so, du weg.

01:15:12.820 --> 01:15:13.520
 Genau.

01:15:13.520 --> 01:15:22.420
 Die beliebtesten Klassennamen in CSS beginnt bei mit 42 Prozent active.

01:15:23.820 --> 01:15:26.020
 Und mit 32 Prozent far.

01:15:26.020 --> 01:15:28.400
 Was ist far?

01:15:28.400 --> 01:15:31.140
 Ist das irgendein Framework, das ich nicht kenne?

01:15:31.140 --> 01:15:33.400
 Ähm, ähm, ähm, ja, warte mal.

01:15:33.400 --> 01:15:36.560
 Ah, das sagt mir was.

01:15:36.560 --> 01:15:38.760
 Weil auf Platz drei ist far minus Stern.

01:15:38.760 --> 01:15:40.120
 Far minus Sternchen, ja.

01:15:40.120 --> 01:15:43.320
 Font awesome, font awesome.

01:15:43.320 --> 01:15:45.680
 Font awesome, ah, okay.

01:15:45.680 --> 01:15:47.340
 Okay, gut, gut.

01:15:47.340 --> 01:15:48.800
 I get it, I get it.

01:15:48.800 --> 01:15:51.420
 War mir klar, dass das in irgendeinem Framework sein muss.

01:15:51.420 --> 01:15:53.900
 Also active, das ist was ziemlich Allgemeines.

01:15:53.900 --> 01:15:56.940
 Aber, äh, ach, es steht sogar, es steht sogar dabei.

01:15:56.940 --> 01:15:58.740
 Mensch, ich sollte vielleicht den Text auch lesen.

01:15:58.740 --> 01:15:59.600
 Echt? Ich habe es auch nicht gesehen.

01:15:59.600 --> 01:16:01.800
 Ja, es steht von awesome prefixed.

01:16:01.800 --> 01:16:02.260
 Ah, okay.

01:16:02.260 --> 01:16:03.180
 Ähm, genau.

01:16:03.180 --> 01:16:06.500
 Dann gibt es, äh, dann geht es weiter mit pull right, pull left.

01:16:06.500 --> 01:16:10.100
 Ähm, ich glaube, das gibt es auch, gab es auch in verschiedensten Frameworks.

01:16:10.240 --> 01:16:13.360
 Ähm, so für Float, für Float-Geschichten wurde es mal.

01:16:13.360 --> 01:16:17.460
 Dann gibt es noch disabled, selected, äh, Button, Container.

01:16:17.460 --> 01:16:22.840
 Da wird es schon strange, WP minus, ähm, ist für WordPress-Geschichten.

01:16:22.840 --> 01:16:25.980
 Und irgendwo kommt dann auch noch, äh, als nächstes noch, äh, SR-only.

01:16:25.980 --> 01:16:27.360
 Äh, für Screenreader-only.

01:16:27.360 --> 01:16:30.960
 Das ist zum Beispiel, äh, in Bootstrap ist das drin.

01:16:30.960 --> 01:16:34.720
 Genau, die anderen brauchen wir, ja, keine Ahnung, Clearfix, Current und so weiter.

01:16:34.720 --> 01:16:37.640
 Aber ich fand es irgendwie ganz interessant, was, was sind denn die beliebtesten Klassennamen?

01:16:37.640 --> 01:16:38.100
 Ich hätte da eigentlich noch...

01:16:38.100 --> 01:16:41.920
 BTN zum Beispiel auch, das nutze ich auch, wenn ich selber, äh, schreibe mal, außerhalb von

01:16:41.920 --> 01:16:42.640
 Framework BTN.

01:16:42.640 --> 01:16:44.780
 Genau, BTN ist aber, glaube ich, auch in Bootstrap.

01:16:44.780 --> 01:16:45.300
 Mhm.

01:16:45.300 --> 01:16:47.560
 Wenn ich, wenn ich es richtig weiß.

01:16:47.560 --> 01:16:51.220
 Also, ja, das sind, äh, und Clearfix, Mensch, das ist ja auch schon was.

01:16:51.220 --> 01:16:52.340
 Ja.

01:16:52.340 --> 01:16:56.720
 Ich dachte, das wäre, wäre, äh, seit man Float nicht mehr so benutzt.

01:16:56.720 --> 01:17:00.300
 Wobei, zu Active kann ich vielleicht noch kurz was sagen.

01:17:00.300 --> 01:17:02.780
 Das klingt ja schon so nach aktiver Link.

01:17:02.780 --> 01:17:04.640
 Ähm.

01:17:04.720 --> 01:17:08.940
 Ähm, und da habe ich vor kurzem, äh, nee, ist schon länger ja eigentlich, mal so eine

01:17:08.940 --> 01:17:14.040
 Best Practice, äh, gehört, die, die irgendwie mir ganz, die mir ganz gut eingeleuchtet hat,

01:17:14.040 --> 01:17:18.760
 weil, ähm, aus Accessibility-Gründen sollte man ja vielleicht auch beim aktiven Link, also

01:17:18.760 --> 01:17:23.680
 wenn ich die aktive, die aktuelle Seite, ähm, hervorheben möchte visuell, wäre es ja auch

01:17:23.680 --> 01:17:28.000
 ganz gut, wenn der Screenreader das mit, mitkriegen würde, welche die aktive Seite ist.

01:17:28.000 --> 01:17:34.300
 Ähm, und dafür gibt es, äh, ARIA Current, äh, als Attribut.

01:17:34.300 --> 01:17:41.520
 Und man könnte Active ja ersetzen durch ARIA Current und dann das eben stylen.

01:17:41.520 --> 01:17:43.340
 Dann hast du nämlich zwei Fliegen mit einer Klappe.

01:17:43.340 --> 01:17:48.440
 Du hast da nicht nur das, das pure Styling, sondern hast dem gleich auch quasi so eine Art

01:17:48.440 --> 01:17:49.860
 Screenreader-Semantik mitgegeben.

01:17:49.860 --> 01:17:51.520
 Und das möchte ich an der Stelle empfehlen.

01:17:51.520 --> 01:17:55.800
 Also wenn ihr, wenn ihr einmal, äh, an Active denkt, ich möchte jetzt mit Active die aktuelle

01:17:55.800 --> 01:17:56.740
 Seite hervorheben.

01:17:56.740 --> 01:18:02.340
 Falls ihr das dafür verwendet, nehmt doch einfach ARIA Current, äh, als Attribut und nehmt den

01:18:02.340 --> 01:18:03.800
 Attributselector und stylt das.

01:18:03.800 --> 01:18:05.540
 So als kleiner Tipp.

01:18:05.540 --> 01:18:06.660
 Leuchtet ein, ja.

01:18:06.660 --> 01:18:10.780
 Ja, ich, ich vergesse das auch manchmal.

01:18:11.040 --> 01:18:16.460
 Also, Active ist einfach so, das ist so eingebrannt ins Hirn, aber ich kann das auf jeden Fall

01:18:16.460 --> 01:18:21.000
 nur empfehlen, ähm, das, da freuen sich eure Screenreader-Nutzer, wenn ihr das macht.

01:18:22.200 --> 01:18:24.700
 So, die, mal die populärsten IDs.

01:18:24.700 --> 01:18:27.560
 Hast du, ich hoffe, du hast, hast du es gerade schon offen?

01:18:27.560 --> 01:18:29.020
 Äh, genau, ja, ja.

01:18:29.020 --> 01:18:31.560
 Ne, ah, verdammt, ich hätte, ich hätte, ich hätte gerne mal.

01:18:31.560 --> 01:18:33.880
 Achso, ich habe noch nicht, ich habe noch nichts reingeschaut.

01:18:33.880 --> 01:18:35.100
 Dann, dann, dann rate mal.

01:18:35.100 --> 01:18:37.840
 Ähm, Main.

01:18:37.840 --> 01:18:41.980
 Obwohl es ein eigenes Attribut, äh, Element gibt, aber bestimmt hat.

01:18:41.980 --> 01:18:47.360
 Ja, Main ist tatsächlich auf der Top-Ten-Liste drauf, das ist so, äh, bei sieben Prozent.

01:18:47.360 --> 01:18:48.820
 Das gibt es, ja.

01:18:48.820 --> 01:18:49.900
 Weißt du, was ich gerade feststelle?

01:18:49.900 --> 01:18:51.540
 Ich habe meinen Popschutz gar nicht vor dem Mikrofon.

01:18:52.200 --> 01:18:54.060
 Ach, das finde ich, popst du die ganze Zeit so.

01:18:54.060 --> 01:18:55.520
 Ah, Anfänger.

01:18:55.520 --> 01:18:56.400
 So, jetzt.

01:18:56.400 --> 01:18:57.660
 Ah, jetzt mal.

01:18:57.660 --> 01:19:00.580
 So.

01:19:00.580 --> 01:19:04.080
 Bestimmt jetzt sehr angenehm, äh, zu hören.

01:19:04.080 --> 01:19:04.600
 Schrecklich.

01:19:04.600 --> 01:19:08.940
 Okay, ähm, also Main ist auf jeden Fall mit dabei.

01:19:08.940 --> 01:19:11.700
 Hast du schon, hast du schon gut, äh, geraten.

01:19:11.700 --> 01:19:12.660
 Das hat sieben Prozent.

01:19:12.660 --> 01:19:16.940
 Der Nummer eins hat vierzehn Prozent und das, glaube ich, das könnte man, das könnte man erraten.

01:19:16.940 --> 01:19:21.820
 Was hat man denn früher so gemacht, wenn man so Float-Layouts gemacht hat

01:19:21.820 --> 01:19:23.200
 und die benannt hat, so mit IDs?

01:19:23.200 --> 01:19:24.880
 Was gab man so die Klassiker?

01:19:24.880 --> 01:19:27.540
 Menü, Menü, Menü, Footer-Content.

01:19:27.540 --> 01:19:28.700
 Footer?

01:19:28.700 --> 01:19:31.800
 Ja, siehst du, du hast jetzt, jetzt hast du schon die ersten zwei auf jeden Fall genannt.

01:19:31.800 --> 01:19:39.280
 Content ist auf Platz eins mit vierzehn Prozent und Footer mit elf Prozent auf Platz zwei und dann kommt Header auf Platz drei mit zehn Prozent.

01:19:39.280 --> 01:19:44.280
 Und dann die Nächsten haben alle sieben Prozent Logo, RC Image Select.

01:19:44.280 --> 01:19:50.700
 RC Image Select, das klingt auch irgendwie nach Framework oder so oder CMS.

01:19:50.700 --> 01:19:54.760
 Dann Comments, Main, RC Anchor Alert.

01:19:54.760 --> 01:19:59.200
 Ihr könnt uns mal, warte mal, diese RC, das ist bestimmt unten in dem Text unten drunter aufgeschlüsselt, wofür die sind.

01:19:59.640 --> 01:20:03.140
 Die IDs starting with the RC are part of Google's Recapture System.

01:20:03.140 --> 01:20:04.360
 Oh.

01:20:04.360 --> 01:20:10.260
 Und gleich als Nachsatz, most versions of which are inaccessible in various ways.

01:20:10.260 --> 01:20:12.000
 Da kommen wir später noch dazu.

01:20:12.000 --> 01:20:15.080
 So, okay, beliebteste IDs, sind wir durch.

01:20:16.300 --> 01:20:17.880
 So, dann gehen wir mal weiter.

01:20:17.880 --> 01:20:23.240
 So, wo war denn das, wo war denn das, ich muss kurz scrollen.

01:20:23.240 --> 01:20:24.780
 Hey, der lädt gar nicht, der lädt gar nicht.

01:20:24.780 --> 01:20:27.360
 Das ist bestimmt Lazy Loading, weil nicht alles.

01:20:27.360 --> 01:20:30.620
 Hey, wo ist das denn?

01:20:30.620 --> 01:20:32.260
 Moment.

01:20:32.260 --> 01:20:36.400
 Ich sehe hier gerade den nächsten Punkt, den du da aufgeschrieben hast, ein Zitat.

01:20:36.400 --> 01:20:36.920
 Oh je.

01:20:36.920 --> 01:20:41.180
 Ja, ich suche das Zitat gerade, damit ich ein bisschen Kontext dazu geben kann.

01:20:41.180 --> 01:20:41.760
 Achtung.

01:20:41.760 --> 01:20:42.680
 So, ah genau.

01:20:42.680 --> 01:20:47.680
 Wir sind bei dem Thema Important.

01:20:47.680 --> 01:20:52.060
 Und es gab eine Seite, die sie gefunden haben.

01:20:52.060 --> 01:20:56.400
 Also Important ist ja quasi die Atombombe der CSS.

01:20:56.400 --> 01:20:58.540
 Spezifität.

01:20:58.540 --> 01:21:03.180
 Spezifität.

01:21:03.180 --> 01:21:04.780
 Tiermechanismen.

01:21:04.780 --> 01:21:06.840
 Oder so, keine Ahnung.

01:21:06.920 --> 01:21:09.060
 Weil Important ist ja so, ich weiß gar nicht, wie das heißt.

01:21:09.060 --> 01:21:11.120
 Was das für ein Ding ist.

01:21:11.120 --> 01:21:12.220
 Important schreibt man halt.

01:21:12.220 --> 01:21:13.940
 Irgendwie ein Keyword, ja.

01:21:13.940 --> 01:21:18.860
 Das schreibt man ja hinten dran, um mit aller Gewalt die Spezifität hochzuballern.

01:21:18.860 --> 01:21:30.900
 Und, ähm, also, sie haben eine Seite gefunden wohl, die 17.990 Rules markiert hat.

01:21:30.900 --> 01:21:33.200
 Ja, mit Important hat.

01:21:33.500 --> 01:21:36.100
 Also, das ist schon, uiuiui.

01:21:36.100 --> 01:21:40.080
 Das klingt ja, also ich meine 17.000, also quasi fast 18.000 Rules, das klingt ja eigentlich

01:21:40.080 --> 01:21:40.960
 so fast nach allen.

01:21:40.960 --> 01:21:41.760
 Mhm.

01:21:41.760 --> 01:21:43.980
 Ähm, ja.

01:21:43.980 --> 01:21:46.880
 Das, ähm, also.

01:21:46.880 --> 01:21:49.480
 Was soll man da noch dazu sagen?

01:21:49.480 --> 01:21:51.980
 Außer gut gemacht, gut gemacht.

01:21:52.120 --> 01:21:52.960
 Weitermachen, bitte.

01:21:52.960 --> 01:21:54.660
 Weitermachen.

01:21:54.660 --> 01:21:57.080
 Also, schön, Important und jQuery einsetzen.

01:21:57.080 --> 01:21:58.700
 Genau.

01:21:58.700 --> 01:22:01.100
 Hab's bei uns, bei uns zu, äh, zuerst gehört.

01:22:01.100 --> 01:22:15.360
 Was ich noch interessant fand, war, ähm, wenn wir schon bei Spezifität sind, ähm, es gibt ja so diverse, äh, Methoden, ähm, um die Spezifität zu, ähm, um der Herr zu werden und nicht so ein, in so ein Ding zu, zu landen.

01:22:15.460 --> 01:22:24.600
 Ja, jedes Mal, wenn ich was Neues hinzufüge, muss ich irgendwie noch eine neue ID hinzufügen oder so, ähm, zum Beispiel BAM, ähm, was, was, äh, benutzt wird.

01:22:24.600 --> 01:22:27.980
 Und mich hat überrascht, auf wie viele Seiten BAM zu finden war.

01:22:27.980 --> 01:22:30.500
 Ich wollte gerade sagen, das überrascht mich echt.

01:22:30.500 --> 01:22:32.000
 Das, das hätte ich nicht erwartet.

01:22:32.000 --> 01:22:41.080
 Also, BAM heißt ja Block Element Modifier und das ist halt so eine Art CSS zu schreiben, wo man quasi drauf setzt, dass man nur Klassen verwendet, keine IDs oder sonst irgendwas.

01:22:41.900 --> 01:22:46.840
 Ähm, und tatsächlich auf 34 Prozent aller Seiten wurde das gefunden und das ist eine Zahl, die extrem hochkommt.

01:22:46.840 --> 01:22:51.220
 Ich muss nämlich was gestehen, ich weiß nicht, also wann wir den ersten, das erste Mal den Begriff verwendet haben.

01:22:51.220 --> 01:22:55.740
 Ich glaube, es war unser erster Gast, Gerrit van Aken, da ging es um, um BAM.

01:22:55.740 --> 01:22:56.120
 Ja, genau.

01:22:56.120 --> 01:22:59.340
 Und, ähm, also ich kannte das Konzept so mit diesen Unterstrichen.

01:22:59.340 --> 01:23:04.800
 Ich hatte das schon gesehen, hab's aber selber irgendwie nicht so, also teilweise eingesetzt, aber nicht so aktiv und nicht als Konzept.

01:23:04.800 --> 01:23:06.400
 Er kann so, ja, kann man so machen.

01:23:06.400 --> 01:23:11.020
 Ähm, und ihr zwei habt dann so, ja, ja, BAM, ja, ja, ja, klar, BAM.

01:23:11.080 --> 01:23:13.520
 Und ich dachte so, oh, oh, oh, oh, wieder was, was ich nicht weiß.

01:23:13.520 --> 01:23:15.280
 Und hab's dann erst danach dann gegoogelt, so.

01:23:15.280 --> 01:23:18.320
 Und dafür, dass ich das, ich meine, wann war das dann?

01:23:18.320 --> 01:23:20.020
 Innerhalb der letzten zwei Jahre auf jeden Fall.

01:23:20.020 --> 01:23:23.180
 Und das, äh, ein Drittel aller Seiten, das Nutzen, krass.

01:23:23.720 --> 01:23:32.500
 Und das ist so verrückt, weil, ähm, als ich das zum ersten Mal eingesetzt hab, oder, ja, als wir uns drauf geeinigt haben, jetzt machen wir das, da dachte ich schon, ich bin late to the game.

01:23:32.500 --> 01:23:33.180
 Ja?

01:23:33.180 --> 01:23:33.680
 Nee, nee.

01:23:33.680 --> 01:23:36.400
 Und das war, glaub ich, und ich glaube, das war 2015.

01:23:36.400 --> 01:23:37.260
 Oh, okay.

01:23:37.260 --> 01:23:37.940
 Ähm, okay.

01:23:38.380 --> 01:23:42.660
 Und damals gab's schon einige Leute, die gesagt haben, ja, BAM, nix anderes hier, BAM, BAM, BAM.

01:23:42.980 --> 01:23:48.760
 Und ich hatte so das Gefühl, ich bin irgendwie schon zwei Jahre hinterher, weil ich halt zwei Jahre vorher irgendwie, mindestens zwei Jahre vorher schon Leute gehört hab.

01:23:48.760 --> 01:23:59.520
 Das ist, äh, nein, nein, nein, ich wollte nur sagen, das ist, das ist so dieses, ähm, dieses Gefühl, man ist irgendwie spät dran bei irgendwas, oder man versteht was nicht, oder man kennt was noch nicht.

01:23:59.520 --> 01:24:01.220
 Das ist so subjektiv.

01:24:01.220 --> 01:24:01.440
 Ja.

01:24:01.440 --> 01:24:12.400
 Ähm, wann das bei einem auftritt, und ich glaube, es sagt einfach gar nix aus, weil die Webwelt, die ist so groß und kompliziert, dass du bei nichts dich schämen musst, wenn du es nicht kennst.

01:24:12.400 --> 01:24:17.120
 Dann googelst du es halt einfach, wenn du es brauchst. Und man muss auch nicht alles mal gehört haben.

01:24:17.680 --> 01:24:27.140
 Ja, hier so, äh, kommt hier wieder mein kurzer Pep-Talk. Es ist total okay, was nicht zu wissen und nicht zu kennen. Und das sag ich vor allem, damit ich mich nicht schämen muss.

01:24:27.140 --> 01:24:30.480
 Und natürlich auch allen EinsteigerInnen.

01:24:30.480 --> 01:24:40.060
 Genau. So, jetzt wird's interessant. Einheiten in CSS, das fand ich irgendwie auch spannend. Ey, ich glaub, das wird ewig lang so, wenn wir so lange über alles reden.

01:24:40.060 --> 01:24:47.640
 Einheiten, die beliebteste Einheit in CSS ist immer noch der Pixel. Auf 71 Prozent aller Seiten.

01:24:47.640 --> 01:24:57.360
 Ich find's eher krass, dass irgendwie 30 Prozent aller Seiten es schaffen, ohne Pixel zu verwenden, auszukommen.

01:24:58.100 --> 01:25:18.740
 Naja, das sind halt so Leute, denen man irgendwann mal gesagt hat, Pixel sind böse. Was meiner Meinung nach eigentlich, es gab mal eine Zeit, wo das stimmte, nämlich als im Internet Explorer der Zoom noch funktioniert hat, nicht bei Values, die Pixel waren, also nicht bei Einheiten, die Pixel waren, sondern nur bei relativen Einheiten.

01:25:18.740 --> 01:25:26.460
 Und da wäre ich das mitgegangen. Heutzutage würde ich sagen, alle Seiten haben 100 Prozent Zoom. Du kannst einfach alles Zoom.

01:25:27.960 --> 01:25:36.720
 Ich weiß nicht so genau, also es gibt Vorteile, wenn du jetzt so fancy Sachen machen willst mit Responsive und da willst du da irgendwie rumrechnen.

01:25:37.460 --> 01:25:42.580
 Aber so generell, finde ich für viele Sachen, Pixel, ist okay. Kann man machen.

01:25:42.580 --> 01:25:53.540
 Vor allem, ich meine, gerade wenn es dann halt um Breakpoints geht und so und du weißt ja, welche Gerätegrößen, also gerade bei Desktop halt, welche Monitorgrößen es so gibt und welche da so eingesetzt werden und so.

01:25:53.940 --> 01:26:04.680
 Dann hast du eh schon diese Breakpoints und dann kannst du dich ja auch daran orientieren, dass halt dein Main Content dann in dem Bereich halt irgendwie die 1920 minus bisschen Abstand und sowas einnimmt und so.

01:26:04.680 --> 01:26:07.240
 Also deswegen finde ich das auch klar.

01:26:07.240 --> 01:26:20.720
 Die Tabelle, die unten drunter ist, ist auch sehr interessant, nämlich, da wird nämlich noch aufgeschlüsselt, bei welchen Eigenschaften welche Werte populär sind, also welche Einheiten populär sind.

01:26:20.720 --> 01:26:35.780
 Also bei Font Size zum Beispiel ist Pixel mit 69 Prozent ganz vorne und die zweithöchste sind M, interessanterweise, weil M sind ein Pain in the Ass bei zwei Schriftgrößen.

01:26:35.780 --> 01:26:48.880
 Finde ich interessant, dass M da so populär sind. Ja, ich weiß, die waren mal sehr populär, aber die sind ein Pain in the Ass, gerade wenn du verschachtelte Elemente hast ineinander, dann musst du nämlich jedes Mal wieder rumrechnen, weil sich das ja auf das Elternelement bezieht.

01:26:50.240 --> 01:27:00.720
 Deswegen gibt es ja jetzt REM, was nur fünf Prozent hat, aber beim letzten Mal ein Prozent hat, offenbar vor einem Jahr. Also das ist extrem gestiegen.

01:27:00.720 --> 01:27:03.540
 Ist es um ein Prozent gestiegen oder ist es von einem Prozent gestiegen?

01:27:03.540 --> 01:27:05.740
 Ach so, ist es um ein Prozent gestiegen?

01:27:05.740 --> 01:27:06.420
 Ich glaube, es ist um ein Prozent gestiegen.

01:27:06.420 --> 01:27:11.140
 Ah, das kann sein, ja. Aber auf jeden Fall sind fünf Prozent mit REM bei Font Size, finde ich, sehr wenig.

01:27:11.140 --> 01:27:20.220
 Interessanterweise zwei Prozent nutzen, Punkt. Das, was ich auch fast nicht glauben kann, was ein, finde ich, extrem hoher Wert ist, weil ich habe noch,

01:27:20.240 --> 01:27:24.580
 nie eine Seite gesehen, die Punkt für Schriftgrößen verwendet.

01:27:24.580 --> 01:27:36.120
 Ja, vor allem, weil das irgendwie, da fehlt mir völlig die Relation irgendwie in, also das muss ja dann auch wieder quasi irgendwelchen Pixeln entsprechen und das muss man ja umrechnen und, also Punkt ist halt so klassisch aus dem Print, ne?

01:27:36.120 --> 01:27:52.820
 Die umgeschulten Printler sind das wahrscheinlich. So, dann, wir machen vielleicht noch zwei, drei von denen durch. Also LineHight ist auch oft in Pixel angegeben mit 49 Prozent, aber halt auch mit normalen, einfach nur Number, was man ja sagen kann auf Basis der Schriftgröße.

01:27:52.820 --> 01:28:09.160
 1,1, 1,2, 1,5 ist da ja relativ beliebt, so diese, diese Bereiche. Ja, und dann ein M gibt's da noch und der Rest ist quasi nicht vorhanden. Border Radius auch mal, hätte mich, habe ich, glaube ich, auch noch nie in was anderem gesetzt außer Pixel.

01:28:09.160 --> 01:28:11.340
 Ich schon, aber nur bei CSS Battle.

01:28:12.060 --> 01:28:14.220
 Stimmt, ne, warte, Moment, stimmt nicht. Prozent.

01:28:14.220 --> 01:28:15.280
 Ne, Prozent ist tatsächlich.

01:28:15.280 --> 01:28:18.280
 Habe ich auch schon, habe ich auch schon verwendet bei Border Radius.

01:28:18.280 --> 01:28:21.000
 Also 50 Prozent, ja, klassischer, klassischer, was rumzumachen.

01:28:21.000 --> 01:28:26.780
 Border Radius ist hier bei 65 Prozent Pixel und 10 Prozent Prozent.

01:28:26.780 --> 01:28:30.880
 Und da finde ich 10 Prozent Prozent eigentlich tatsächlich wenig.

01:28:30.880 --> 01:28:41.480
 Ja, Border auch Pixel, 71 Prozent. Gibt es denn noch irgendwas, wo was anderes dominiert? Vertical Align hat es bei M.

01:28:41.980 --> 01:28:43.600
 Ganz stark, interessanterweise.

01:28:43.600 --> 01:28:44.600
 Vertical Align.

01:28:44.600 --> 01:28:47.880
 Ja, es ist bei 66 Prozent M.

01:28:47.880 --> 01:28:54.380
 Ebenso wie Padding, Inline, Start. Das finde ich oddly specific.

01:28:54.380 --> 01:28:59.040
 Das haben sich immer eine komische Geschichte rausgegeben. Padding, Inline, Start, okay.

01:28:59.040 --> 01:29:06.140
 Weil jetzt würde ich mal behaupten, dass die meisten das noch nicht, ja, da haben sie wahrscheinlich irgendwie noch, die wollten noch was finden, wo nicht Pixel dominiert.

01:29:06.140 --> 01:29:09.220
 Und dann haben sie, da sind sie, da haben sie sehr tief in die Trickkiste gegriffen hier.

01:29:09.220 --> 01:29:11.900
 Margin, Block, End. Das sind ja Eigenschaften, wo ich,

01:29:11.900 --> 01:29:14.700
 behaupten würde, dass die insgesamt noch gar keine große Verbreitung haben.

01:29:15.520 --> 01:29:18.080
 Ja, genau. So.

01:29:18.080 --> 01:29:23.380
 Ähm, dann gehen wir noch zu den Farben.

01:29:23.380 --> 01:29:29.480
 Und zwar, ähm, die beliebteste Art Farben zu schreiben im Web ist,

01:29:29.480 --> 01:29:40.940
 Wer hätte es, äh, gedacht, ähm, RRGGBB, also, ähm, Hex, normale Hex-Werte, nix verrücktes.

01:29:40.940 --> 01:29:42.500
 So, die klassische, sechste Schreibweise wohl.

01:29:42.520 --> 01:29:57.340
 49,9 Prozent, ähm, der, der, wo Farben aufgetaucht sind, waren so notiert. Ähm, Shorthand ist das nächste mit 25 Prozent, also, äh, nur drei, drei Zeichen Hex.

01:29:57.400 --> 01:30:08.260
 Und dann kommt RGBA, interessanterweise. Es hat deutlich mehr als RGB. Ähm, und bei den Keywords, äh, bei den Farb-Keywords, äh, finde ich jetzt nichts.

01:30:08.260 --> 01:30:13.740
 Also, als RGB, äh, äh, Funktion, also CSS-Funktion RGB. Nur, dass es klar ist, was, äh.

01:30:13.740 --> 01:30:24.500
 Ach so, ja, ja, genau. Als CSS-Funktion RGB, genau. Es gibt ja auch noch so was wie RG, RRGGBBAA für Alpha Transparency, äh, Transparency und dann noch System Colors und keine Ahnung was.

01:30:24.500 --> 01:30:25.060
 Das ist alles null Prozent.

01:30:25.060 --> 01:30:34.940
 Alles null Prozent quasi. Aber, äh, wenn wir jetzt mal zu den Farbnamen gehen, welche da die beliebtesten sind, äh, fand ich jetzt, äh, interessant, aber eigentlich weniger überraschend.

01:30:34.940 --> 01:30:43.420
 Transparent mit 82 Prozent, ähm, auf Platz eins. Ähm, gefolgt von White mit sieben.

01:30:43.740 --> 01:30:51.320
 Mit acht Prozent ungefähr und Black, auch wenig überraschend. Und dann Red, das sind, ähm, dann bei Red, da sind wir so bei klassisch debugging Farben, würde ich behaupten.

01:30:51.320 --> 01:30:53.040
 Und dann kommt Current Color.

01:30:53.040 --> 01:30:54.280
 Ah ja.

01:30:54.280 --> 01:30:56.620
 Äh, was ja auch, was ja auch eine geile Farbe ist, ne?

01:30:56.620 --> 01:31:03.600
 Das ist ja quasi die aktuelle Textfarbe, die man dann anderen, anderen Dingen noch geben kann, den Border oder keine Ahnung, was auch immer man sonst noch hat.

01:31:03.600 --> 01:31:06.920
 Also, das ist was, was viele, glaube ich, nicht kennen. Current Color.

01:31:06.920 --> 01:31:09.640
 Trotzdem ist es so, so viel eingesetzt, ne? Zwei Prozent.

01:31:09.640 --> 01:31:12.940
 Genau, und dann, dann wird's, dann wird's schon sehr dünn bei den anderen Farben.

01:31:12.940 --> 01:31:16.120
 Und dann sind wir bei null Komma Prozent irgendwie schon nach dem Current Color.

01:31:16.120 --> 01:31:19.440
 Also, Gray, Silver, Gray, nochmal. Gray mit A, Gray mit E.

01:31:19.440 --> 01:31:20.260
 Ja, jetzt beide.

01:31:20.260 --> 01:31:24.280
 Gray mit A ist mehr als Gray mit E. Doppelt so viel, ne?

01:31:24.280 --> 01:31:27.060
 Gray mit A ist, glaube ich, amerikanische Schreibweise, ne?

01:31:27.060 --> 01:31:29.580
 Und das werden halt die meisten in dem Fall benutzen.

01:31:29.580 --> 01:31:32.620
 Genau, genau. Blue, White, Smoke, Orange, Light, Gray, Light, Gray.

01:31:32.620 --> 01:31:34.600
 Mit der mit A und mit E.

01:31:34.600 --> 01:31:39.160
 Ja, aber lustig, dass sie das überhaupt berücksichtigt haben, ne?

01:31:39.840 --> 01:31:42.060
 Bei den Farbnamen, die verschiedenen Schreibweisen.

01:31:42.060 --> 01:31:46.060
 Weil ich mein, du kannst ja auch nicht Color mit O, U schreiben als Property.

01:31:46.060 --> 01:31:46.660
 Stimmt.

01:31:46.660 --> 01:31:47.680
 Also, da gibt's das ja auch nicht.

01:31:47.680 --> 01:31:51.520
 Was ich jetzt noch interessant fand, Background und Highlight.

01:31:51.520 --> 01:31:55.640
 Da wusste ich gar nicht, da weiß ich, glaube ich, gar nicht, was das genau ist.

01:31:55.640 --> 01:31:57.660
 Ach, interessant, ja.

01:31:58.360 --> 01:32:02.280
 Die haben 0,02 beide, beziehungsweise auf Mobile 0,03.

01:32:02.280 --> 01:32:05.720
 Was ich natürlich vermisse in dieser Liste ist Hot Pink.

01:32:05.720 --> 01:32:08.560
 Ja, das ist sehr traurig, ja.

01:32:08.560 --> 01:32:13.660
 Also, das geht ja, also, ich glaube diese Zahlen nicht, wenn da Hot Pink nicht drin vorkommt,

01:32:13.660 --> 01:32:19.320
 in den ersten, keine Ahnung, 20 oder so, das kann ja nicht sein.

01:32:19.320 --> 01:32:20.020
 Kann ja nicht sein.

01:32:20.020 --> 01:32:21.080
 Geht nicht.

01:32:22.100 --> 01:32:24.120
 So, okay, gut.

01:32:24.120 --> 01:32:27.440
 Aber wir können gleich zum nächsten Bereich springen.

01:32:27.440 --> 01:32:31.680
 Und ich habe das Gefühl, ich habe mir hier einen falschen Link, äh, gemacht.

01:32:31.680 --> 01:32:34.240
 Dann muss ich mal kurz Suche nach.

01:32:34.240 --> 01:32:35.480
 Moment.

01:32:35.480 --> 01:32:42.000
 Das nächste ist doch Bilder per CSS geladen, oder?

01:32:42.000 --> 01:32:42.740
 Ja, genau.

01:32:42.740 --> 01:32:43.740
 Ja, der funktioniert bei mir.

01:32:43.740 --> 01:32:44.840
 Der funktioniert bei dir?

01:32:44.840 --> 01:32:46.780
 Wenn ich da draufklicke, lande ich direkt auf der Zahl.

01:32:46.780 --> 01:32:48.760
 Ich komme, ah, ah, jetzt geht's bei mir auch.

01:32:48.760 --> 01:32:50.600
 Da habe ich den falschen Link gedrückt.

01:32:50.600 --> 01:32:51.020
 Keine Ahnung.

01:32:51.020 --> 01:32:51.500
 Das kann sein.

01:32:51.500 --> 01:32:51.680
 Genau.

01:32:51.680 --> 01:33:00.960
 Ähm, eine Seite, die sie gefunden haben, äh, loot 6089 Bilder per CSS.

01:33:00.960 --> 01:33:08.580
 Das erinnert mich an die Seite eines Kunden, eine Shop-Seite, die sehr viele Bilder lädt.

01:33:08.580 --> 01:33:10.940
 Aber ich glaube, 6089 sind's nicht.

01:33:10.940 --> 01:33:13.580
 Das ist, das ist schon hart, äh, das ist schon hart.

01:33:13.580 --> 01:33:17.000
 Und ich, ich nehme mal an, dass da wirklich eine einzelne Seite damit gemeint ist, nicht eine

01:33:17.000 --> 01:33:17.280
 Site.

01:33:17.280 --> 01:33:21.440
 Oder ist, oder ist das ein Style-Sheet, das 6089 Bilder eingebunden hat?

01:33:21.440 --> 01:33:22.700
 Das weiß ich jetzt nicht genau.

01:33:22.700 --> 01:33:26.080
 Ich sage mal, Images loaded by a pages CSS.

01:33:26.080 --> 01:33:28.420
 Also von der kompletten Seite eben vom CSS.

01:33:28.420 --> 01:33:31.100
 Also können auch mehrere dann gewesen sein.

01:33:31.100 --> 01:33:35.380
 Das ist bestimmt die Seite, die auch irgendwie tausende CSS-Dateien eingebunden hat.

01:33:35.380 --> 01:33:38.640
 Ähm, und genau.

01:33:38.640 --> 01:33:43.000
 Dann gibt's halt auch noch eine Seite, die, äh, insgesamt an Bildgröße,

01:33:43.120 --> 01:33:53.440
 wer über CSS geladen hat, 314.386 Kilobyte, äh, was, äh, ein Drittel Gigabyte ist.

01:33:53.440 --> 01:33:54.960
 Alter Schwede.

01:33:54.960 --> 01:33:55.480
 Ja.

01:33:55.480 --> 01:33:58.620
 Ähm, okay, okay.

01:33:58.620 --> 01:34:00.740
 Kann man mal machen.

01:34:00.740 --> 01:34:04.020
 Wie gesagt, bei mir gibt's nur die Highlights, nur die Gassenhauer hier.

01:34:05.540 --> 01:34:09.560
 So, ähm, dann sind wir jetzt bei Flexbox und Grid.

01:34:09.560 --> 01:34:14.280
 Und bei mir lädt die Grafik nicht, weil die sind irgendwie aus Google damit eingedingst.

01:34:14.280 --> 01:34:17.580
 Und, äh, ich muss vielleicht einfach scrollen, statt links zu klicken.

01:34:17.980 --> 01:34:19.700
 Genau, die Statistik, aber jetzt hab ich sie.

01:34:19.700 --> 01:34:20.200
 Okay, du hast sie.

01:34:20.200 --> 01:34:25.160
 Genau, also, ähm, den Webalbanak hab ich ja vorhin schon gesagt, den gibt's 2019, äh, gibt's seit 2019.

01:34:25.160 --> 01:34:27.180
 Den gab's 2019, 2020, 2021.

01:34:27.180 --> 01:34:29.220
 Also drei Datenpunkte hat man.

01:34:29.220 --> 01:34:33.900
 Ähm, und über diese Zeit ist zum Beispiel Grid wenig überraschend deutlich gewachsen.

01:34:33.900 --> 01:34:39.540
 Von, äh, 2019 mit 49 Prozent der Seiten haben's eingesetzt bis 71 Prozent 2021.

01:34:39.540 --> 01:34:41.080
 Äh, Flexbox, Entschuldigung.

01:34:41.560 --> 01:34:43.800
 Ich wollte grad sagen, äh, hast du irgendwie andere Zahlen als ich.

01:34:43.800 --> 01:34:49.380
 Nein, Flexbox und Grid ist gewachsen von 2019 zwei Prozent auf acht Prozent 2021.

01:34:49.380 --> 01:34:54.940
 Äh, was ich eine gute Entwicklung finde, weil das sind Technologien, die ich, äh, die ich sehr wichtig und gut finde.

01:34:54.940 --> 01:35:02.840
 Ähm, wir haben, wir haben endlich vernünftige, oder ich mein, wir hatten mit Flexbox schon vernünftige, äh, Wege, Layouts zu bauen.

01:35:02.840 --> 01:35:06.300
 Und mit Grid ist es jetzt noch viel cooler und geiler geworden, finde ich, sollte man unbedingt machen.

01:35:06.860 --> 01:35:10.620
 Aber tatsächlich, Flexbox, also Flexbox noch deutlich, äh, vor Grid, ne?

01:35:10.620 --> 01:35:14.220
 Also Grid führt tatsächlich noch so ein Nischendasein, so ein bisschen.

01:35:14.220 --> 01:35:17.760
 Ja, aber Flexbox gibt's auch schon deutlich länger.

01:35:17.760 --> 01:35:18.880
 Ja, ja, klar, klar.

01:35:18.880 --> 01:35:19.820
 Also, äh, ich bin mir sicher, wenn das…

01:35:19.820 --> 01:35:22.580
 Es ist auch mehr straightforward, um zu lernen, finde ich.

01:35:22.580 --> 01:35:29.020
 Ja, und, ähm, zum Beispiel, also ich glaube, für so eine große Verbreitung muss das auch in Frameworks eingebaut werden.

01:35:29.020 --> 01:35:38.320
 Und soweit ich weiß, ich hab jetzt nicht ganz genau nachgeguckt, äh, ist zum Beispiel das aktuelle Bootstrap-Grid immer noch Flexbox und nicht Display-Grid.

01:35:38.320 --> 01:35:40.980
 Und, also nicht CSS-Grid.

01:35:40.980 --> 01:35:47.740
 Und, äh, von daher, ich glaube, so eine große Verbreitung kriegst du nur, wenn du in die, in die bekannten Frameworks, wenn du da mit drin bist.

01:35:49.540 --> 01:35:52.080
 So, und jetzt kommen wir noch zu was, da haben wir schon öfter uns drüber gestritten.

01:35:52.080 --> 01:35:52.360
 Ja.

01:35:52.360 --> 01:35:55.140
 Und das ist eine Zahl, die mich sehr überrascht, ehrlich gesagt.

01:35:55.140 --> 01:35:59.660
 Oh ja, allerdings, auch mich, obwohl ich ja gesagt, eher so bin, so, ja, kann schon nützlich sein.

01:35:59.660 --> 01:36:05.260
 Angeblich nutzen 20 Prozent der Seiten Multicolumn-Layouts.

01:36:05.260 --> 01:36:12.600
 Und ich, ich will, ich will unbedingt mal Beispiele dafür sehen, die keine, die keine Zeitungsseiten sind.

01:36:14.080 --> 01:36:19.780
 Da geh ich das mit, dass das sinnvoll ist, aber nicht 20 Prozent aller Seiten sind ja nicht irgendwelche News-Seiten.

01:36:19.780 --> 01:36:27.520
 Ähm, also, das, das find ich extrem viel, dass ein Fünftel des Webs angeblich Multicolumn einsetzt.

01:36:27.520 --> 01:36:30.940
 Das kann ich, also, das sind einige Sachen, die ich nur sehr schwer glauben kann.

01:36:30.940 --> 01:36:35.520
 Da würd ich gern mal, da, da würd ich Beispiele sehen, immer noch.

01:36:35.520 --> 01:36:38.520
 Und um 5 Prozent angestiegen im Vergleich zu 2020.

01:36:38.520 --> 01:36:40.200
 Angestiegen?

01:36:40.200 --> 01:36:44.220
 Und sie schreiben auch selbst, we continue to be surprised to see on so many pages.

01:36:44.220 --> 01:36:48.740
 Wird das vielleicht für irgendwas, ähm, missbraucht?

01:36:48.740 --> 01:36:50.880
 Ähm, vielleicht von einem Framework.

01:36:50.880 --> 01:36:58.840
 Vielleicht gibt's irgendein Framework, das, äh, das jetzt gerade immer beliebter wird und das missbraucht Multicolumns für, für irgendwas anderes, ja?

01:36:58.840 --> 01:37:02.200
 Um, um, um, um Layouts zu bauen, die man eigentlich auch mit Flexbox oder Git bauen könnte.

01:37:02.200 --> 01:37:03.720
 Irgendwie kann das irgendwie sowas sein.

01:37:03.720 --> 01:37:06.600
 Ich find das irgendwie sehr schräg.

01:37:06.680 --> 01:37:13.920
 Also, 5, 5 wär ich mitgegangen, vielleicht auch noch 10, wo ich ihn vielleicht nicht nachgefragt hätte.

01:37:13.920 --> 01:37:15.540
 Aber ein Fünftel aller Seiten, das ist schon viel.

01:37:15.540 --> 01:37:18.500
 Aber 20, das ist schon sehr viel, ja.

01:37:18.500 --> 01:37:28.260
 Wir müssten mal selber vielleicht, ähm, ein paar Seiten durchsuchen, so größere, ähm, und, und gucken, kommt da irgendwas mit, mit Callum vor?

01:37:28.260 --> 01:37:30.480
 Hm, könnt ich ja gleich mal machen.

01:37:30.480 --> 01:37:40.500
 Äh, äh, okay, so, ähm, dann Transitions, weil ich bin ja ein großer Fan von, äh, von Animationen.

01:37:40.500 --> 01:37:53.980
 Ähm, die beliebtesten Transition Properties, ähm, wenig überraschend auf Platz 1 All, weil ich glaub, die meisten Leute, die Transitions machen, die schreiben einfach All hin und, äh, hoffen, dass es dann schon passt.

01:37:53.980 --> 01:38:02.020
 Auf Platz, also mit 46 Prozent, äh, von, von den Transition Properties dann, aber warte mal, das ergibt ja nicht 100, oder?

01:38:02.020 --> 01:38:04.260
 Wie ist denn das?

01:38:04.260 --> 01:38:06.060
 Percent of Pages, okay.

01:38:06.060 --> 01:38:08.520
 Nicht Percent of Transitions, sondern Percent of Pages.

01:38:09.540 --> 01:38:26.040
 Also, 46 Prozent der Seiten, ähm, die Transitions haben, äh, setzen auf All, ähm, dann gibt's Opacity auf Platz 2, Transform auf Platz 3 und dann wird's auch schon wieder None, None auf, None auf Platz 24 Prozent.

01:38:27.140 --> 01:38:45.580
 Ja, ähm, so, das ist schon ganz interessant, aber was ich noch interessanter fand, waren die Timing Functions, ähm, welche da am beliebtesten sind und, äh, das ist eigentlich auch gar nicht so überraschend, Ease, also bei den, bei den, äh, bei den Transition Timing, Ease ist Nummer 1.

01:38:45.580 --> 01:38:51.540
 Ist das, äh, aber was ist denn eigentlich Standard? Ist Standard Ease oder ist Standard Linear?

01:38:51.540 --> 01:38:54.540
 Oder ist es, nee, warte mal.

01:38:54.540 --> 01:39:21.520
 Ich weiß es tatsächlich nicht, was der Standard ist, ich nutze immer Ease, ich schreibe es hin, also wahrscheinlich ist es nicht der Standard, ja, bring das mal in Erfahrung, ähm, genau, äh, die, die längste, die längste Duration, den längsten Duration Value, den sie gefunden haben, äh, das muss ein Kunstprojekt sein, ähm, ist, ich weiß nicht, ob ich die Zahl vorlesen soll, es sind sehr, sehr viele Neuner und eine Sechs am Ende, äh,

01:39:21.520 --> 01:39:27.580
 ähm, 317 Millionen Jahre für eine Transition Duration, das ist nicht schlecht.

01:39:27.580 --> 01:39:28.940
 Okay. Also.

01:39:28.940 --> 01:39:32.160
 Einfach nur, weil es geht. Oder, oder ein Wert falsch berechnet.

01:39:32.160 --> 01:39:39.000
 Wahrscheinlich wollte einfach, nee, wahrscheinlich wollte jemand einfach nur mal schauen, ähm, wie, wie, wie groß man die Zahl machen kann.

01:39:39.000 --> 01:39:42.300
 Also Ease ist, äh, Default Value.

01:39:42.300 --> 01:39:45.460
 Ease ist Default Value, warum schreibt man das dann überhaupt hin, dann brauchen wir es ja gar nicht hinschreiben.

01:39:45.460 --> 01:39:49.380
 Ähm, ja gut, äh, haben ist besser als brauchen.

01:39:49.380 --> 01:39:52.640
 Ich schreibe das, ja, ich schreibe das immer hin, das ist ja, das ist ja dann totaler Quatsch.

01:39:52.640 --> 01:39:55.240
 Jo.

01:39:55.240 --> 01:40:00.300
 Ähm, okay, beliebte Timing, okay, beliebte Timing-Fangst, das haben wir.

01:40:00.300 --> 01:40:03.980
 Ähm, äh, ich mache jetzt gerade noch was rein, was nicht in der Liste steht.

01:40:03.980 --> 01:40:08.560
 Ich jetzt gerade gesehen habe, was ich auch interessant finde, ist, ähm, wie Animationen denn benamt werden.

01:40:08.560 --> 01:40:11.400
 Ähm, Rotate.

01:40:12.820 --> 01:40:13.420
 Heißen viele.

01:40:13.420 --> 01:40:15.960
 Und was ist auf Platz zwei, Unknown Other?

01:40:15.960 --> 01:40:22.500
 Das ist dann wahrscheinlich das, alle, die man nicht benamen konnte, sind sehr viele, weil sie so viele verschiedene sind.

01:40:22.500 --> 01:40:25.100
 Das ist dann irgendwie ein bisschen komisch, dass das da auftaucht.

01:40:25.100 --> 01:40:34.940
 Fade auf Platz drei, Wobble, Bounce, Scale, Slide, Pulse, Visibility, Flip und Move.

01:40:34.940 --> 01:40:37.480
 Bitch, get out the way.

01:40:37.600 --> 01:40:38.080
 Nee, Entschuldigung.

01:40:38.080 --> 01:40:47.160
 So, dann haben wir hier den, den Responsive-Bereich, den habe ich übersprungen vorhin.

01:40:47.160 --> 01:40:56.960
 Ähm, interessant fand ich bei CSS, bei CSS auch noch, ähm, nicht existierende Properties, die aber trotzdem im Code verwendet werden.

01:40:56.960 --> 01:40:58.680
 Witzig.

01:41:00.200 --> 01:41:06.040
 Ja, das finde ich tatsächlich interessant, ähm, was habt ihr, was schreibt ihr denn in euer CSS, äh, was gar nicht gültig ist?

01:41:06.040 --> 01:41:08.400
 Wahrscheinlich, weil ihr nicht validiert habt, habt ihr es nicht gemerkt.

01:41:08.400 --> 01:41:14.640
 Ähm, Webkit-Transition ohne das Minus am Anfang, also das ist ein klassischer Tippfehler oder Vergesser.

01:41:14.640 --> 01:41:17.280
 Ähm, Font-Smoothing.

01:41:17.280 --> 01:41:18.540
 Ach, statt Font-Smooth.

01:41:18.540 --> 01:41:23.440
 Äh, ich glaube aber, gibt es das überhaupt ohne Webkit?

01:41:23.440 --> 01:41:25.240
 Ich glaube nämlich nicht.

01:41:27.160 --> 01:41:28.200
 Ach so, ja, ah, warte mal.

01:41:28.200 --> 01:41:28.460
 Ja, genau.

01:41:28.460 --> 01:41:35.060
 Ja, bei MDS heißt es nämlich eigentlich Font-Smooth und, ähm, Font-Smoothing ist mit Webkit-Prefix.

01:41:35.060 --> 01:41:36.500
 Ja.

01:41:36.500 --> 01:41:39.100
 Oder, äh, Mods-OSX Font-Smoothing gibt es noch.

01:41:39.100 --> 01:41:51.780
 Ähm, dann interessant, äh, Tab-Highlight-Color, wo ich mir jetzt gerade nicht sicher bin, das hat, das ist vor kurzem an mir vorbeigeflogen und ich glaube auch, dass das mit Webkit geprefixst werden muss, Tab-Highlight-Color.

01:41:52.020 --> 01:42:14.980
 Ähm, das ist so eine Geschichte, wenn man tatsächlich auf einem Touch-Gerät ein Button drückt, dann kommt diese Tab-Highlight-Color und das ist nicht active und das ist nicht Fokus, sondern das ist was Eigenes auf iOS-Browsern und das ist irgendwie eklig, weil das was ganz Eigenes ist und man das erstmal, wenn man jetzt nicht mit iOS testet, erstmal nicht erwartet, dass es das da gibt.

01:42:14.980 --> 01:42:24.240
 Behavior, Box-Orient, Archetype, Webkit, Box-Shadow, Box-Flex.

01:42:24.240 --> 01:42:30.080
 Box-Flex, und in meinem Kopf, ich hab das gelesen, in meinem Kopf macht's, und in meiner Freizeit bastle ich gleich eine Käuschenvogel mit meiner Schwanzvogel. Habt ihr da auch Hobbys?

01:42:33.580 --> 01:42:57.400
 MS-Transform, Margin Center. Ja, schön wär's, ne? Margin Center ist nicht schlecht. Und dann auf Desktop-Only, User-Drag und Text-Fill-Color. Text-Fill-Color. Ich frag mich ja, wo sowas herkommt, ne? Also, wenn das so hohe Werte hat, ich mein natürlich, dass jemand mal irgendwo einen Tippfehler oder irgendeinen Quatsch in seinem CSS drin hat, weil er es nicht besser weiß, okay.

01:42:57.400 --> 01:43:04.880
 Aber Sachen, die in dieser Statistik auftauchen, das sind ja Leute, das sind ja Sachen, die öfter auftauchen, ne? Also, okay, gut.

01:43:04.880 --> 01:43:16.400
 Also, vielleicht, ja gut, es kann irgendein Build-Step sein, der irgendwas mit Prefixes anstellt, so Auto-Prefix, aber der ist irgendwie verkackt und dann Sachen hinstellt, die es ohne Prefix gar nicht gibt vielleicht.

01:43:16.400 --> 01:43:37.200
 Hm, das kann, das kann sehr gut sein. Das kann sehr gut sein, ja. So, Lighthouse. Und jetzt würde ich sagen, wir gehen über zum Accessibility-Teil. Und dann sind wir auch schon bald fertig. So viel, so viel ist es nicht mehr. So viel ist es nicht mehr. Jetzt war schon eine Stunde überall, auch schon fast ein oder drei Viertel.

01:43:38.380 --> 01:43:50.440
 Ich red mir den Mundfuselig. Ich hoffe, ihr seid noch dabei. Freunde und Freundinnen. Und Freundinnen. Was macht der Konstantin? Ach so, der trinkt was, aber was ...

01:43:50.440 --> 01:44:05.800
 Nur einen Schluck aus der Pulle. Was ich cool finde bei Accessibility ist, die haben gemessen, die haben offenbar die Accessibility-Lighthouse-Tests gemacht auf allen Seiten, die sie da irgendwie angesaft haben.

01:44:05.800 --> 01:44:13.540
 Das muss echt, ja, ewig gedauert haben, wenn du irgendwie so und so viel 10.000, 100.000 Seiten irgendwie erst mal auswertest.

01:44:13.540 --> 01:44:15.480
 Sieht man das eigentlich, wie viele Seiten sie gecrawlt haben?

01:44:15.480 --> 01:44:17.860
 Das ist, glaube ich, auf der ...

01:44:17.860 --> 01:44:21.640
 Da im Vorwort steht es doch bestimmt drin.

01:44:21.640 --> 01:44:24.860
 Das kannst du mal kurz raussuchen. Ich mach dann schon mal weiter.

01:44:24.860 --> 01:44:28.300
 Ich fand es interessant.

01:44:28.300 --> 01:44:30.040
 Hier, 8,2 Millionen.

01:44:30.040 --> 01:44:31.420
 8,2 Millionen.

01:44:31.420 --> 01:44:34.640
 39,5 Terabyte an Daten verarbeitet.

01:44:34.640 --> 01:44:38.240
 Mach mal auch 8 Millionen Seiten.

01:44:38.240 --> 01:44:39.740
 Ein Lighthouse-Test.

01:44:39.740 --> 01:44:44.340
 Wie lange dauert denn das bitte? Das dauert doch ein ganzes Jahr.

01:44:44.340 --> 01:44:46.000
 Ja.

01:44:46.000 --> 01:44:50.940
 Okay, also was ich cool fand, also dieser Lighthouse-Test, der hat ja auch einen Accessibility-Teil.

01:44:51.680 --> 01:44:55.380
 Und ich fand es sehr gut zum Einordnen, dass man mal weiß, was denn so normal ist.

01:44:55.380 --> 01:44:57.880
 Und es trifft in etwa mein Gefühl, was ich hatte.

01:44:57.880 --> 01:45:09.240
 Dass der Standard oder so der Median-Score beim Lighthouse-Accessibility-Test liegt bei, dieses Jahr bei 82.

01:45:11.320 --> 01:45:18.860
 Das ist, ich hab, das war auch immer so mein Gefühl, immer wenn ich so ein Lighthouse-Test gemacht hab und da kam irgendwie sowas mit 80 raus, haben die Leute gesagt, boah, das ist ja super, 80.

01:45:18.860 --> 01:45:26.100
 Dann hab ich gemeint, nee, das ist so der Standard. Das ist, das ist so, das, da kommen die meisten Seiten raus und die sind meistens ziemlich schlecht.

01:45:26.860 --> 01:45:37.600
 Warum auch immer da so ein hoher Wert rauskommt, aber das ist tatsächlich, also jetzt ist es auch tatsächlich bewiesen, über Millionen von Seiten hinweg ist der Standard, ist der Median 82%.

01:45:37.600 --> 01:45:50.900
 Er ist aber gestiegen von 80 auf 82, was ich gut finde. Also das heißt, da gibt's offenbar eine Bewegung in Richtung Accessibility. Das ist auf jeden Fall eine gute Richtung.

01:45:50.900 --> 01:46:05.560
 Ja, wobei sie hier auch schreiben, geht ja noch ein bisschen weiter, dass sie hoffen, dass das eine gute Richtung ist, aber weil das automatisierte Checks sind, dass es natürlich auch sein kann, dass die Entwickler darin besser werden, diese Regeln irgendwie zu umgehen.

01:46:05.560 --> 01:46:16.560
 Ich glaube nicht, dass die Entwickler versuchen, die Regeln zu umgehen. Bis auf einen. Hallo Manuel, ich rede mit dir, Manuel Matusowitsch.

01:46:18.060 --> 01:46:33.140
 Die wunderschöne. Ja, auf jeden Fall. Das hat er sich redlich verdient. Der es ja geschafft hat, eine Seite, die einen 100% Lighthouse-Score hat, möglichst inaccessible zu machen, nach allen Regeln der Kunst.

01:46:33.140 --> 01:46:39.700
 Der hat ja da auch Blogartikel drüber geschrieben und Vorträge drüber gehalten. Das ist grandios, kann man sich unbedingt mal angucken oder anhören.

01:46:39.700 --> 01:46:45.520
 Genau, also Namecalling. Das trifft den Richtigen.

01:46:48.060 --> 01:46:59.740
 Genau, also ich glaube nicht, dass es Leute gibt, die bewusst versuchen, diesen Test zu umgehen. Und ich glaube, das ist, glaube ich, schon eine gute Richtung.

01:46:59.740 --> 01:47:06.320
 Wobei auch ja die Aussage mal im Raum stand, also der eigentliche Accessibility-Test beginnt bei einem 100er Lighthouse-Score.

01:47:08.320 --> 01:47:19.300
 Weil dann kann man eigentlich erst anfangen, Accessibility zu testen, weil die meisten Tests muss ich eigentlich von Hand machen und kann sie leider nicht einem Tool überlassen. Das ist schade, aber es geht leider nicht.

01:47:19.300 --> 01:47:28.080
 So schlau sind unsere AIs noch nicht. Aber ich glaube, wenn die so schlau sind, dann brauchen wir auch keine Accessibility-Tests mehr, weil die bauen dann auch unsere Tools.

01:47:28.840 --> 01:47:31.360
 Und wenn die so schlau sind, dann können sie auch die Software gleich selbst schreiben.

01:47:31.360 --> 01:47:42.260
 So, weil Zoom auch auf meinem Accessibility-Cheat-Sheet draufsteht, habe ich mir das den Zoom-Bereich hier angeschaut.

01:47:42.920 --> 01:47:48.680
 Und es gibt doch einige Seiten, die Zoom ausschalten. Und das ist eher nicht so die beste Idee.

01:47:48.680 --> 01:48:00.780
 Also im Header Meta-Text kann man den Zoom ausschalten, was quasi so ein App-Verhalten dann meistens auf so Mobile-Devices nachahmt.

01:48:01.560 --> 01:48:06.680
 Das machen derzeit 19 Prozent der Seiten.

01:48:06.680 --> 01:48:17.740
 Im Prinzip, es gibt noch einen anderen Weg, den Zoom auch auszuschalten, nur dass es ein bisschen anders geschrieben ist, wenn man den Maximum-Scale einfach auf 1 setzt, was quasi auch ausschalten ist.

01:48:17.740 --> 01:48:18.540
 Das machen 25 Prozent.

01:48:18.540 --> 01:48:25.920
 Das heißt, du kannst das aber, wie ist denn das? Du kannst das theoretisch kleiner zoomen, aber halt nicht größer zoomen, wenn du dieses Maximum-Scale setzt.

01:48:25.920 --> 01:48:29.720
 Und beim anderen sagst du einfach, der User darf definitiv nicht zoomen.

01:48:30.120 --> 01:48:33.280
 Gut, kleiner ist auch nicht so sinnvoll in den meisten Fällen.

01:48:33.280 --> 01:48:33.880
 Nee, klar.

01:48:33.880 --> 01:48:37.980
 Doch, es gibt natürlich Anwendungsfälle, warte mal, kleiner?

01:48:37.980 --> 01:48:47.700
 Fällt mir nicht viel ein, außer wenn jetzt eine Seite, die im Desktop-Modus gerendert wird und trotzdem irgendwie ...

01:48:47.700 --> 01:48:52.300
 Dass die extrem große Schriftart die extrem groß ist und ich dann kleiner machen muss.

01:48:52.300 --> 01:48:54.640
 Aber das hatte ich sehr, sehr selten, dass ich was kleiner haben will.

01:48:55.880 --> 01:49:00.260
 Ja, also es gibt sehr, sehr, sehr viele Seiten, also hier bis zu 30 Prozent, die das machen.

01:49:00.260 --> 01:49:08.500
 Vor allem, es geht ja um Mobile in erster Regel, weil im Desktop-Browser kannst du, glaube ich, immer mit Steuerung Mausrad rein und raus zoomen, egal was da gesetzt ist.

01:49:08.500 --> 01:49:12.440
 Und auf Mobile kleiner zoomen, ich glaube, das geht ja gar nicht. Das lässt ja der Browser eigentlich gar nicht zu.

01:49:12.880 --> 01:49:23.040
 Und falls ihr davon genervt seid auf Mobile, einige Mobile-Browser, ich weiß jetzt nicht, ich würde jetzt nicht sagen alle, aber einige, die ich kenne, unter anderem auch Chrome, erlauben es einem in den Einstellungen zu sagen,

01:49:23.520 --> 01:49:28.080
 Ich darf immer zoomen. Genau, ignoriere das, was die Seite sagt.

01:49:28.080 --> 01:49:37.440
 Weiß ich auch dank dir und hab das so eingestellt, weil ich tatsächlich, ich bin ja Brillenträger und manchmal muss ich echt ranzoomen, um was lesen zu können, wenn ich die Brille gerade mal nicht aufhabe zum Beispiel.

01:49:37.440 --> 01:49:42.100
 Und da war ich sehr dankbar drum, weil das ist echt nervig, wenn man das dann nicht kann.

01:49:43.360 --> 01:49:46.880
 Ja, das ist so, Moment, jetzt muss ich nochmal, hä, wo war denn es?

01:49:46.880 --> 01:49:52.640
 Ah, ich bin hier falsch wieder, ich bin schlecht organisiert.

01:49:52.640 --> 01:49:54.620
 So.

01:49:54.620 --> 01:50:07.520
 Das Leng-Attribut, was auch für Accessibility wichtig ist, damit die Sprache für den Screenreader erkannt werden kann, ist natürlich auch wichtig für Suchmaschinen, aber auch für Screenreader.

01:50:07.520 --> 01:50:11.480
 Ist auf extrem vielen Seiten gesetzt, hat mich überrascht, auf 80,5 Prozent.

01:50:11.480 --> 01:50:13.440
 Ja, da ist der Link falsch gesetzt, kann das sein?

01:50:13.440 --> 01:50:16.520
 Da lande ich nämlich wieder auf dem

01:50:16.520 --> 01:50:20.080
 Das kann sein, ja, das kann sein, dann ist es

01:50:20.080 --> 01:50:22.100
 einer weiter, es ist, äh,

01:50:22.100 --> 01:50:24.140
 ja, kannst du gerne

01:50:24.140 --> 01:50:25.760
 korrigieren. Ja, ich weiß nicht, wo.

01:50:25.760 --> 01:50:28.040
 Ach, ja, Language Identification, ne?

01:50:28.040 --> 01:50:30.160
 Ich hab, ja, ich kann, komm, ich korrigiere

01:50:30.160 --> 01:50:31.980
 ihn schnell. Okay. Ah, ja, stimmt, da hab ich,

01:50:31.980 --> 01:50:34.220
 der ist tatsächlich falsch, der ist tatsächlich

01:50:34.220 --> 01:50:35.420
 falsch, so, jetzt ist er richtig.

01:50:35.420 --> 01:50:38.100
 Ähm, genau, 80 Prozent der Seiten

01:50:38.100 --> 01:50:40.080
 haben Leng-Attribut mindestens eins

01:50:40.080 --> 01:50:41.960
 vergeben. Man kann das Leng-Attribut ja, also man

01:50:41.960 --> 01:50:43.960
 sollte es, glaub ich, auf dem HTML-Element

01:50:43.960 --> 01:50:45.660
 setzen, also so wirklich auf dem Root-Element.

01:50:45.660 --> 01:50:47.920
 Man kann's aber auch, wenn man jetzt Bereiche hat, die in der anderen

01:50:47.920 --> 01:50:50.400
 Sprache sind, auch, das ist ein Universal-Attribut,

01:50:50.400 --> 01:50:52.040
 darf ich in jedem HTML-Element,

01:50:52.040 --> 01:50:53.860
 ähm, darf ich das Leng-Attribut

01:50:53.860 --> 01:50:56.120
 äh, wieder setzen und, ähm,

01:50:56.120 --> 01:50:58.040
 so viele Stellen, die mir schon

01:50:58.040 --> 01:50:59.980
 untergekommen sind, wo das nicht gesetzt war,

01:50:59.980 --> 01:51:02.040
 ähm, da wundert mich die

01:51:02.040 --> 01:51:03.840
 80 Prozent, aber es freut mich natürlich,

01:51:03.840 --> 01:51:06.080
 dass es doch so viele sind. Also ich versuch, das auch

01:51:06.080 --> 01:51:08.060
 echt stringent zu machen, auch auf unserer Seite, ähm,

01:51:08.620 --> 01:51:10.300
 wo ich dann sogar so weit gegangen bin, dass wenn

01:51:10.300 --> 01:51:12.220
 unser Firmenname, ähm, also

01:51:12.220 --> 01:51:14.380
 früher haben wir den als, äh, 48

01:51:14.380 --> 01:51:16.240
 Design ausgesprochen, inzwischen

01:51:16.240 --> 01:51:18.380
 sind wir, haben wir vor einigen Jahren umgebrandet

01:51:18.380 --> 01:51:20.300
 auf 48 Design und da hab ich dann tatsächlich

01:51:20.300 --> 01:51:22.440
 in der deutschen Seite auch jedes Mal, wenn aber der Name

01:51:22.440 --> 01:51:24.320
 kam, dann das Leng-Attribut auf Englisch

01:51:24.320 --> 01:51:26.260
 gesetzt, damit der Name auf Englisch

01:51:26.260 --> 01:51:28.280
 ausgesprochen wird. Hast du's dann auch mal getestet?

01:51:28.280 --> 01:51:30.520
 Äh, tatsächlich hab ich mir dieses Talkback

01:51:30.520 --> 01:51:32.260
 von, äh, von Android

01:51:32.260 --> 01:51:34.160
 dann mal eingeschaltet, ja. Ah ja,

01:51:34.600 --> 01:51:36.580
 Genau, das kann ja jeder, das kann ja jeder

01:51:36.580 --> 01:51:38.460
 testen, ähm, wenn ihr ein iPhone

01:51:38.460 --> 01:51:39.560
 habt, ist es Voice-Over

01:51:39.560 --> 01:51:41.640
 und mittlerweile, ähm,

01:51:41.640 --> 01:51:44.540
 haben auch die großen Betriebssysteme

01:51:44.540 --> 01:51:46.360
 alle fertig eingebaut. Es kommt auch sehr gut, wenn man das

01:51:46.360 --> 01:51:48.280
 aus Versehen aktiviert, mitten in der Nacht, ähm,

01:51:48.280 --> 01:51:50.100
 und Frau und Kind schlafen schon

01:51:50.100 --> 01:51:52.540
 und man hat die Lautstärke schön hochgeregelt

01:51:52.540 --> 01:51:54.180
 und schaltet das aus Versehen an.

01:51:54.180 --> 01:51:56.180
 Ja. Das ist mir vor einer Weile

01:51:56.180 --> 01:51:58.120
 passiert, ja. Das, äh, kann ich empfehlen.

01:51:58.120 --> 01:52:00.580
 Mhm. Das würde ich, würde ich auf jeden Fall...

01:52:00.580 --> 01:52:05.900
 So, nein, dann versuch das mal wieder, ja, versuch das mal wieder, äh, auszuschalten.

01:52:05.900 --> 01:52:11.680
 Oh Gott. Ja, vor allem, ja, genau. Versuch's mal wieder auszuschalten, wenn das irgendwie, das ist so mit so einem Shortcut irgendwie dreimal.

01:52:11.680 --> 01:52:18.400
 Und dann machst du nämlich hier, Button, äh, Ding, du, du, panisch, ja, versuchst du irgendwie leiser zu machen und so, ah.

01:52:18.400 --> 01:52:22.820
 Weißt du, weißt du, was man früher gemacht hätte an der Stelle, das aber leider nicht mehr geht?

01:52:22.820 --> 01:52:24.720
 Den Akku raus vom Handy.

01:52:24.920 --> 01:52:35.800
 Genau. Das ging früher, also ich hab grad überlegt, so, äh, wenn es jetzt mit meinem alten, ähm, Sony Ericsson W850i passiert wäre, nach einer Sekunde wär's wieder still, weil ich hätte einfach den Akku rausgezogen.

01:52:35.800 --> 01:52:43.240
 Ja, klar. Bei mir war's dann eher so, okay, jetzt komm ich in dieses Menü, wo ich ausschalten kann, Button, Standby, Button, Shutoff, Button, Restart.

01:52:43.240 --> 01:52:49.300
 Ah, ja, und dann, und die Bedienung ändert sich ja auch komplett, wenn du auf dem Mobile-Gerät den Screenreader anschaltest, ne?

01:52:49.900 --> 01:52:57.720
 Ähm, das ist dann, das sollte man mit, das sollte man mit Bedacht machen, ne, auf Mobile-Devices den Screenreader anschalten, nur wenn man weiß, wie man den auch wieder ausschaltet.

01:52:57.720 --> 01:53:02.040
 So, ähm, kommen wir zu Fokus.

01:53:02.040 --> 01:53:04.300
 Eins meiner liebsten Kinder.

01:53:04.300 --> 01:53:13.880
 Ähm, 94 Prozent der Seiten überschreiben Fokus, ähm, und davon, und 91 Prozent machen Fokus Outline Null.

01:53:14.960 --> 01:53:29.320
 Ähm, das ist jetzt erstmal nichts Schlimmes, wenn man einen Ersatz dafür findet, also für, einen Ersatz für den Style, äh, vom Fokus eines Elements, ähm, dass man sehen kann, wenn man auch per Tastatur irgendwie rumnavigiert, äh, wo man denn eigentlich gerade ist auf der Seite.

01:53:29.320 --> 01:53:40.680
 Wenn man es allerdings einfach nur ausschaltet, was viele Seiten machen, mit Fokus Outline Null, ähm, dann habe ich keine Möglichkeit mehr irgendwie, wenn ich mit der Tastatur unterwegs bin, ohne Maus zu sehen, wo bin ich denn eigentlich gerade.

01:53:41.140 --> 01:53:46.680
 Also das ist schon, ähm, also wenn man, man darf das ausschalten, aber nur, wenn man überall dann auch einen Ersatz anbietet.

01:53:46.680 --> 01:53:55.680
 Richtig, weil ich, ich navigiere auch gern mit der Tastatur tatsächlich und oft tappe ich da irgendwie rum und das ist echt ätzend, wenn man das dann nicht nutzen kann, weil es einfach kein visuelles Feedback gibt.

01:53:56.500 --> 01:54:01.440
 Ganz gefährlich, äh, ganz gefährlich ist Stern-Fokus Outline Null.

01:54:01.440 --> 01:54:01.820
 Oh, ja.

01:54:01.820 --> 01:54:12.000
 Das ist so ganz beliebt in CSS-Resets, äh, das bitte, das bitte niemals machen, weil man vergisst garantiert irgendeine Stelle, wo man es, wo man dann wieder was neu setzen möchte.

01:54:12.000 --> 01:54:21.800
 Also das am besten nicht machen, sodass zumindest die Bereiche, die ich jetzt, an die ich nicht gedacht habe, dass die wenigstens den Standard-Fokus-Style bekommen vom Browser, weil man vergisst ansonsten was.

01:54:21.880 --> 01:54:26.320
 Wenn man es für alles ausschaltet erstmal, äh, das ist, äh, nicht so cool.

01:54:26.320 --> 01:54:29.260
 So, ich glaube, wir müssen irgendwie schneller hier, ich, mich langweilt es selbst schon.

01:54:29.260 --> 01:54:46.780
 So, ähm, Landmarks, äh, beziehungsweise neue HTML5-Elemente, die mit bestimmten, ähm, mit bestimmten Landmark-Roles, Main, Header, Nav und Footer, äh, sind relativ verbreitet, finde ich cool.

01:54:47.280 --> 01:55:05.520
 Also, Main noch nicht so, ähm, äh, ist auf, äh, 35 Prozent aller Seiten, also Roll-Main oder das Main-Element, das gibt's auch, glaube ich, noch nicht ganz so lange wie die anderen, Header, Nav und Footer, auf, äh, 63, 65, 64 Prozent, äh, der Seiten.

01:55:06.060 --> 01:55:13.180
 Also, das heißt, diese neuen, neu, ich sag neu, diese HTML5-Elemente, die für mich irgendwann früher mal neu waren, äh, Opa erzählt von ihm.

01:55:13.180 --> 01:55:14.280
 Der Elite ist auch noch dunkel, ja.

01:55:14.800 --> 01:55:34.140
 haben sich schon relativ weit durchgesetzt, und, äh, das finde ich gut, und das, das kann ruhig gerne noch weiter so gehen, ähm, und die meisten, in den meisten Fällen sind's tatsächlich die Elemente, die verwendet werden, ähm, und nicht die Area-Roles, und das finde ich auch gut, weil, äh, was brauche ich die Area-Roles, wenn ich einfach das Element verwenden kann?

01:55:34.140 --> 01:55:45.480
 Das ist für, das ist noch für viele andere Stellen auch gut, ähm, wenn man nicht das mit Area macht, also im Zweifelsfall ist ja so, die Grundregel, wenn ich's mit HTML so machen kann, dann kein Area nehmen, das ist einfach besser.

01:55:45.480 --> 01:56:04.120
 So, dann kommen wir noch kurz zu Tabindex, ähm, äh, erst mal, die erste Regel vom Tabindex ist, äh, benutzt keinen Tabindex, würde ich sagen, ähm, weil mit Tabindex in den meisten Fällen, wo Tabindex verwendet wird, das, ähm, das ist ja, hm, ich erklär gleich, wofür es genau gut ist.

01:56:04.140 --> 01:56:27.260
 Ähm, in den meisten Fällen wird damit was Schlechtes gemacht, was irgendwie die Seite verwirrend macht. Tabindex, ähm, kann Werte von -1, 0 oder eine positive Zahl haben. Ähm, wenn ich auf ein Element Tabindex, ähm, 0 setze, dann mache ich das Element mit der Tastatur fokussierbar, auch wenn es das vorher nicht war.

01:56:27.260 --> 01:56:29.260
 Mhm.

01:56:29.260 --> 01:56:40.260
 Wenn ich -1 mache, jetzt muss ich grad nochmal nachgucken, dann mache ich es fokussierbar, dann fokussiere ich es, aber nicht mit der Tastatur. Ah Gott, das, das müsste mal einer auswendig wissen.

01:56:40.260 --> 01:56:44.260
 Das heißt, du fokussierst das aber nicht mit der Tastatur.

01:56:44.260 --> 01:56:53.260
 It can be used as a hook to enable programmatically setting focus on the element with JavaScript without adding it to the Keyboard-Focus Order.

01:56:53.260 --> 01:56:55.260
 Es ist nicht in der Keyboard-Focus Order, aber es ist trotzdem fokussierbar mit JavaScript dann. Offenbar. Also das, das nutze ich eigentlich auch nie. Ähm, und wenn man einen positiven Wert nimmt, also 1, 2, 5, 27, 1398, ähm, dann, äh, baue ich damit quasi eine neue Reihenfolge, in der die Elemente fokussiert werden auf der Seite. Ähm, standardmäßig, wenn ich, wenn ich mich durchtabbe auf der Seite, durch die aktiven Elemente, ähm, dann ist das, was ich mir jetzt auch noch nicht mehr so gut machen kann.

01:56:55.260 --> 01:57:25.240
 Aber es ist trotzdem fokussierbar mit JavaScript dann. Offenbar. Also das, das nutze ich eigentlich auch nie. Ähm, und wenn man einen positiven Wert nimmt, also 1, 2, 5, 27, 1398, ähm, dann, äh, baue ich damit quasi eine neue Reihenfolge, in der die Elemente fokussiert werden auf der Seite. Ähm, standardmäßig, wenn ich, wenn ich mich durchtabbe auf der Seite, durch die aktiven Elemente, ähm, gehe ich einfach quasi im HTML5,

01:57:25.240 --> 01:57:55.220
 HTML-Baum von oben nach unten. In der Reihenfolge werden die Elemente aktiviert. Jedes Mal, wenn ich tab drücke, lande ich auf dem nächsten Element im Baum, im, im HTML, im DOM quasi. Ähm, ich kann aber da Einfluss drauf nehmen, indem ich dann sage, nee, das ist jetzt, ich hätte jetzt gern als erstes das, als zweites das, als drittes das und als siebtes das. Und dann wird die Reihenfolge so hingehend geändert. Das wird aber sehr, sehr verwirrend in den meisten Fällen, weil eigentlich, ähm, das HTML sehr ähnlich aufgebaut ist, wie das Layout.

01:57:55.220 --> 01:58:10.500
 Was angezeigt wird. Und wenn ich mit der Reihenfolge irgendwie, wenn ich da reingrätsche, dann, dann springt der Fokus wild durch die Gegend irgendwie sehr unnachvollziehbar, weil man zumindest in unserem Kulturkreis von links nach rechts, von oben nach unten denkt. Und wenn ich da irgendwie reingrätsche, dann ist das irgendwie schlecht.

01:58:10.500 --> 01:58:17.900
 Man muss es halt dann stringent auch durchziehen, ne? Also wenn du dann halt manche anpasst und dann, danach springt's dann aber wieder woanders hin, das ist dann doof.

01:58:17.900 --> 01:58:28.580
 Ähm, genau. Und wie ist es denn mit, äh, vielleicht weißt du das mit, mit Flexbox und Order, wenn ich das umstelle? Ist der Client da schlau genug, dass er dann, äh, trotzdem richtig tappt?

01:58:28.580 --> 01:58:42.700
 Das ist eine gute Frage. Ich würde aber erwarten, dass die HTML, äh, Reihenfolge gewinnt. Also, dass, wenn du mit Order was umstellst, mit CSS quasi, die, die Reihenfolge änderst, dass, dass die, äh, Tabindex, dass, dass die Tab Order sich nicht ändert.

01:58:43.560 --> 01:59:13.540
 Aber ausprobiert habe ich tatsächlich nicht. Müssten wir mal eine Demo bauen, tatsächlich. Das kann ich jetzt nicht zu 100 Prozent sagen. Mache ich so gut wie nie. Das habe ich, glaube ich, einmal eingesetzt, dass ich das gebraucht habe, irgendwie so für ein Mobile-Layout, wo dann was von oben nach unten gehüpft ist oder irgendwie so. Äh, generell kann man auf jeden Fall als Grundregel sagen, Tabindex einfach nicht verwenden, wenn es nicht unbedingt notwendig ist. Einfach kein Tabindex machen, weil Nutz für Dinge, die interaktiv sein sollen, einfach standardmäßig interaktive Elemente, im Zweifelsfall ein Button, wenn es jetzt kein Link ist,

01:59:13.540 --> 01:59:40.860
 Nimm einen Button dafür, wenn man es drücken können soll oder irgendein anderes Formularelement oder was weiß ich. Dinge, die eh schon Fokus kriegen können und versuche nicht, irgendwelche anderen Dinge fokussierbar zu machen, dass das endet immer im völligen Chaos. Ähm, einfach Tabindex nicht verwenden. Punkt. Ich glaube, viel mehr muss man dazu nicht sagen. Ich habe, glaube ich, noch nie ein Beispiel gesehen von Tabindex, wo ich gedacht habe, ah ja, so hätte ich es auch gemacht. An der Stelle ist es gerechtfertigt. Ähm, es macht eigentlich immer nur, es verursacht immer nur Chaos.

01:59:42.920 --> 01:59:57.840
 So, ähm, wir sind gleich durch, wir haben es bald. Wir haben noch drei Punkte und dann sind wir, dann sind wir durch, dann haben wir es. Ähm, aus Accessibility-Sicht wird immer wieder gesagt, es ist wichtig, dass die Headlines in einer aufsteigenden Reihenfolge sind.

01:59:57.840 --> 02:00:14.840
 Das heißt, ich habe eine H1 und danach habe ich H2s und dann kommen H3s und H4s und so und ich überspringe keine Ebene. Also ich komme, es kommt nicht nach einer H4 und H6 zum Beispiel. Äh, also so, dass irgendwie, dass, dass, dass sich quasi ein, ein aufsteigender Baum ergibt da draus sozusagen.

02:00:14.840 --> 02:00:27.380
 Weil nämlich Screenreader-Nutzer ganz gerne mit Headlines, ähm, sich durchnavigieren oder sich durch die Headlines durchnavigieren und, ähm, es auch dann irgendwie komisch und verwirrend wird, äh, wenn da irgendwie was zwischendrin fehlt oder so, wenn man irgendwie mehrere Stufen überspringt.

02:00:27.380 --> 02:00:48.780
 Ich weiß, es ist extrem schwierig, gerade da, wo User-Generated-Content irgendwie am Start ist, das, äh, einzuhalten, weil oftmals möchte man, äh, geht man nach einem Style und da wird es dann schon schwierig, weil ich sage, ja, die H1 ist mir irgendwie ein bisschen groß, ich würde gerne mit der H2 anfangen und die H3, die hat mir nicht so genug Abstand, nicht so, ist nicht, irgendwie, ist mir zu nah an der H2 dran, also nehme ich die H2 und die H4.

02:00:48.780 --> 02:00:50.320
 Aber dann muss ich halt mit Klassen überschreiben.

02:00:50.640 --> 02:01:04.460
 Ja, ja, aber wenn du halt jetzt zum Beispiel Markdown hast und das User-Generated-Content ist, also irgendwelche Kommentare oder Posts hier damit geschrieben werden und jemand will einen bestimmten Style haben, dann ist es schwer zu erraten von außen.

02:01:04.460 --> 02:01:09.400
 Das ist ein sehr großes Problem. Man möchte das eigentlich programmatisch lösen, aber dafür gibt es immer noch keine Lösung.

02:01:10.180 --> 02:01:30.600
 Es war mal so der Gedanke, dass man, äh, dass man neu scopen kann oder es gibt auch so Ideen, dass man sagen kann, ähm, H, äh, Nummer und H-Nummer plus eins oder sowas, ja, und dass man dann nur den Style nimmt, äh, gibt, gibt so verschiedene Ansätze, aber es hat sich irgendwie nichts durchgesetzt oder es ist noch nichts irgendwie so richtig in den Browsern angekommen.

02:01:30.600 --> 02:01:44.600
 Was mich aber überrascht hat, ist, dass offenbar angeblich 58% der Seiten damit kein Problem haben, also mehr als die Hälfte, weil ich finde, das ist ein super kompliziertes Problem in dem Umfeld, wo ich unterwegs bin und, äh, es scheinen aber viele hinzukriegen.

02:01:44.600 --> 02:01:53.780
 Also entweder nutzen die gar keine Headlines und haben deswegen kein Problem mit der Order, ähm, aber das ist, äh, das ist erstaunlich viel.

02:01:54.420 --> 02:02:00.580
 Aber in dem Fall sind es aber Mobile Sites, die diesen Lighthouse Audit, ähm, schaffen.

02:02:00.580 --> 02:02:09.680
 Genau, also das ist eine positive Zahl, die mir schwerfällt zu glauben, so ein bisschen, ähm, aber okay, ich freue mich drüber, wenn das so ist.

02:02:09.680 --> 02:02:18.920
 So, dann machen wir jetzt noch schnell Captures, äh, 10,2% der Seiten, äh, der Desktop-Seiten nutzen Captures und Captures sind so ein Pen in the Ass, was Accessibility angeht,

02:02:19.100 --> 02:02:46.080
 Weil die in den meisten Fällen, grad für Screenreader, extrem schwierig sind. Es gibt ja dann irgendwie so Audio-Captures, weil ich meine, auf den Captures, was man von Google kennt, ist Recapture, wo man dann irgendwie auf so einem gesplittenen Bild, alle Busse markieren, oder, ja, das ist, äh, natürlich, äh, also wenn du diese Information in den Alttext reinschreiben würdest, sodass das der Screenreader dazu noch machen kann, dann kannst du die Maschine halt auch erkennen, das geht also nicht, also macht man irgendwie so ein, hast du dir die Audio-Captures mal angehört von Recapture?

02:02:46.080 --> 02:02:50.480
 Das ist dann so ein komisches Rauschen mit irgendeiner merkwürdigen Computerstimme im Hintergrund.

02:02:50.480 --> 02:03:02.780
 Und die sind teilweise echt schwer, also wenn du eh schon, also wenn du eh schon, also wenn du eh schon, also wenn du eh schon, also wenn du eh schon, extrem schwer zu hören, also, ne, und dann hast du, dann musst du dieses Audio-Dings irgendwie versuchen zu entziffern und hörst vielleicht die Frequenzen gar nicht richtig, also.

02:03:03.180 --> 02:03:23.400
 Katastrophal, katastrophal, also ich weiß nicht, ob es da mittlerweile, ähm, ne, irgendwie, irgendwie was gibt, was, was irgendwie gut funktioniert und trotzdem sicher ist, ähm, achso, ja gut, okay, das kann vielleicht auch schon, äh, ein schlauer Bot entziffern, keine Ahnung, ähm, du spielst ein Bällen ab und dann sagst du, welches Tier hast du gehört, eine Katze oder ein Hund?

02:03:23.940 --> 02:03:35.440
 Oder ein Hahn. Aber wahrscheinlich sind da die, die inzwischen auch schlau genug, das zu analysieren, ähm, und man muss das halt so schwer machen, dass es bei automatischer Auswertung nicht verstanden wird.

02:03:35.800 --> 02:03:46.580
 Ja, die Frage ist ja, die ich mir immer stelle, äh, und ich glaube, das ReCatcher versucht es auch irgendwie, ähm, ist ja, kann man nicht anhand von anderen Kriterien noch erkennen, ob das jetzt ein Bot ist oder nicht?

02:03:46.580 --> 02:03:52.880
 Weil Bots, die wenigsten Bots sind wirklich super schlau, sondern die sind halt auf die Aufgabe, die sie da kriegen, optimiert.

02:03:52.880 --> 02:04:01.120
 Kann ich einen Bot überraschen? Kann ich ein Zufallsding einbauen, was aber nicht den User betrifft, sondern kann ich den hinters Licht führen mit einem Honeypot oder sowas?

02:04:01.820 --> 02:04:10.840
 Ich glaube aber, die Leute bei Google, die das ReCapture machen, die werden schon schlau genug sein, das auch damit einzubauen. Und trotzdem muss ich ständig diese scheiß Bote anklicken.

02:04:10.840 --> 02:04:19.340
 Ja, das Ding mit Honeypot ist halt, wenn es um eine große bekannte Seite geht, der ist so schnell ausgehebelt. Also das sind die ja auch nicht doof, die das Interesse haben, dass der Bot da irgendwie reinkommt.

02:04:19.340 --> 02:04:22.020
 Die wissen dann ganz genau, okay, das Feld muss ich einfach ignorieren.

02:04:23.020 --> 02:04:41.580
 Ja, aber das könnte ja dynamisch sein. Ich meine, bei Adblocker, Adblocker, die Methoden, um Adblocker zu blocken, die sind ja auch sehr kreativ geworden, bis zum Punkt, dass es teilweise gar nicht mehr geht, weil die eben komplett das HTML randommäßig aufbauen.

02:04:41.580 --> 02:04:52.680
 Das müsste doch für ein Capture auch gehen, diese Herangehensweise, dass man quasi jedes Mal, wenn das Capture aufgerufen wird, dass da ein komplett anderer Code steht.

02:04:53.600 --> 02:05:00.160
 Als Ding genauso aussieht, das macht Facebook zum Beispiel, das habe ich mir mal angeschaut, wie Facebook versucht, seine Werbung zu verstecken, das ist fantastisch.

02:05:00.160 --> 02:05:09.400
 Das ist große Ingenieurskunst. Die schaffen es nämlich echt, dass da steht irgendwie, was steht da? Advertisement oder irgendwie sowas? Steht da im Text?

02:05:09.400 --> 02:05:15.860
 Die schaffen es, dass im Code nirgends Advertisement steht. Nirgends. Du kannst dieses Element quasi nicht identifizieren.

02:05:16.640 --> 02:05:27.420
 Die basteln das auf, mit irgendwelchen generischen CSS-Klassen, die überhaupt keine identifizierbaren Namen haben und jedes Mal anders aussehen, komplett dynamisch zusammen.

02:05:27.420 --> 02:05:34.860
 Sodass am Ende da was steht, was der Nutzer sehen kann. Ich weiß auch nicht, was da mit Screenreadern ist. Ob die da ein Problem kriegen?

02:05:34.860 --> 02:05:41.060
 Bin mir nicht sicher, ob die da ein Area-Label-Advertisement kriegen oder so. Aber dann könnte man es ja wieder erkennen.

02:05:41.060 --> 02:05:42.380
 Dann könnte man es definitiv wieder erkennen, ja.

02:05:42.380 --> 02:05:54.740
 Wie auch immer. Aber die machen da, also da gibt es, also um Adblocker zu vermeiden, gibt es extrem krasse Ansätze. Und das müsste man doch mit Captchas genauso machen können. Das ist so, dass es keine zweimal gleich aussieht, das Ding.

02:05:54.740 --> 02:06:00.780
 Gut, das gibt ja inzwischen die Neuwestung von ReCaptcha, die gar nichts mehr braucht. Also die einfach im Hintergrund läuft.

02:06:00.780 --> 02:06:11.140
 Also die hasst mich, weil offenbar, weil offenbar muss ich, ich muss ganz oft noch diese Checkbox klicken und fast jedes Mal muss ich auch irgendwelche Boote oder Zebrastreifen oder Ampeln anklicken.

02:06:11.400 --> 02:06:15.640
 Okay, und du bist sicher, dass das dann jedes Mal aber auch nicht die alte Implementierung ist?

02:06:15.640 --> 02:06:18.880
 Vielleicht, weil ich einen Adblocker habe. Was weiß ich?

02:06:18.880 --> 02:06:25.780
 Weil die muss ich ja aktiv, du musst ja sagen, ich möchte diese Invisible-Geschichte haben. Und das ist halt nicht auf jeder Seite.

02:06:25.780 --> 02:06:29.320
 Ist das dann wirklich komplett Invisible?

02:06:29.320 --> 02:06:36.400
 Ja. Also ich glaube, es kann passieren, dass dann doch noch was kommt, aber an sich ist das wirklich ...

02:06:36.400 --> 02:06:41.180
 Das bedeutet, dass das vielleicht total oft auf Seiten drauf ist und ich es überhaupt gar nicht mitkriege.

02:06:41.180 --> 02:06:41.380
 Ja.

02:06:41.380 --> 02:06:42.820
 Okay, das kann natürlich sein.

02:06:42.820 --> 02:06:43.700
 Dann kann ich es nicht sagen.

02:06:43.700 --> 02:06:46.360
 Dann muss aber, glaube ich, so ein komisches Overlay irgendwie eingeblendet werden.

02:06:46.360 --> 02:06:49.360
 Aus Datenschutzgründen.

02:06:49.360 --> 02:06:50.960
 Ah, okay, gut.

02:06:50.960 --> 02:06:52.180
 Daran würdest du es dann wieder sehen.

02:06:52.180 --> 02:06:53.720
 Das wird ja überall eingeblendet.

02:06:53.720 --> 02:06:56.840
 Das wird wahrscheinlich dann aber auch wieder per CSS ausgeblendet von vielen.

02:06:56.840 --> 02:06:58.800
 Könnte ich mir vorstellen.

02:06:58.800 --> 02:06:59.100
 Oh, Mann.

02:06:59.100 --> 02:06:59.940
 Ja.

02:06:59.940 --> 02:07:00.840
 Ja, ja.

02:07:00.840 --> 02:07:05.640
 So, okay, gut. Dann kommen wir jetzt zum letzten Punkt.

02:07:05.640 --> 02:07:09.880
 Und das ist auch einer, der mir sehr am Herzen liegt.

02:07:09.880 --> 02:07:12.260
 Und da müssen wir jetzt nochmal ein bisschen ernst werden.

02:07:12.260 --> 02:07:14.560
 Wir waren die ganze Zeit ernst, als wären wir noch ernster.

02:07:14.560 --> 02:07:17.200
 Da ist sogar ein trauriges, ein weinendes Smiley daneben.

02:07:17.200 --> 02:07:20.680
 Ich habe ein, ich habe ein, und das ist nicht, das ist nicht einfach nur ein weinendes Emoji.

02:07:20.680 --> 02:07:23.240
 Nee, das ist das richtig hier in Tränen aufgelöst.

02:07:23.240 --> 02:07:27.860
 Das ist das, was quasi, was quasi an Dehydrierung stirbt, weil es so viel weint.

02:07:27.860 --> 02:07:33.140
 Das ist dieses Emoji, das so viel weint, dass es eigentlich schon, schon gleich vertrocknet.

02:07:33.140 --> 02:07:45.400
 Und zwar, wir müssen reden, ähm, laut dem Web-Almonac haben 32 Prozent der Inputfelder keinen Accessible-Namen.

02:07:46.100 --> 02:07:51.440
 Also, es sind nicht mit einem Label verknüpft, haben kein ARIA-Label oder sonst irgendwas, gar nichts.

02:07:51.440 --> 02:07:55.520
 Nichts, auch keinen Placeholder, den man dafür verwenden, den man dafür hernehmen kann.

02:07:55.520 --> 02:08:01.300
 Das heißt, 32 Prozent aller Inputfelder sind für einen Screenreader-Nutzer komplett nutzlos,

02:08:01.300 --> 02:08:03.140
 weil da einfach dann nur kommt, Eingabe fällt.

02:08:03.140 --> 02:08:08.480
 Und das finde ich schon, ähm, ganz schön schlimm.

02:08:08.480 --> 02:08:14.560
 Das ist extrem viel, ein Drittel aller Eingabefelder sind komplett nutzlos für einen Screenreader-Nutzer.

02:08:15.700 --> 02:08:19.040
 Also, da weiß ich, da fehlen mir die Worte.

02:08:19.040 --> 02:08:21.400
 Da weiß ich nicht, dabei ist es so einfach.

02:08:21.400 --> 02:08:24.760
 Also, oft haben die, oft stehen ja Labels dabei, sie sind nur nicht korrekt verknüpft.

02:08:24.760 --> 02:08:31.300
 Man kann ja ein Label um das Inputfeld drumherum legen, man kann es aber auch mit einer ID verknüpfen, mit dem Vorattribut.

02:08:32.140 --> 02:08:39.840
 Man kann aber, wenn man gar keine andere Möglichkeit hat, auch das ARIA-Label-Attribut verwenden, wenn man gar nichts reinschreiben will, aus irgendwelchen Gründen.

02:08:39.840 --> 02:08:46.260
 Aber trotzdem will man vielleicht, es erschließt sich vielleicht aus dem Kontext der Seite, aber der Screenreader-Nutzer kann halt nichts damit anfangen.

02:08:47.520 --> 02:08:51.080
 Ja, also, das ist schon bestürzend.

02:08:51.860 --> 02:08:58.500
 Es gibt ja, die Browser helfen sich ja mittlerweile so ein bisschen aus, dass sie sagen, naja, wenn jemand jetzt einen Placeholder dabei hinterlegt hat, dann lese ich den auch vor.

02:08:58.500 --> 02:09:02.380
 Aber das ist nicht, ist eigentlich kein adäquater Ersatz, aber es ist so das Letzte.

02:09:02.380 --> 02:09:05.860
 Wenn wenigstens das da ist, dann ist schon mal besser als nichts.

02:09:05.920 --> 02:09:12.380
 Weil dann kann man sich vielleicht daraus noch erraten, was denn in dieses Feld rein soll, aber das ist eine Zahl, die mir echt schlechte Laune macht.

02:09:12.380 --> 02:09:14.020
 Das ist extrem viel.

02:09:14.020 --> 02:09:19.480
 Also, ich habe jetzt gedacht, vielleicht 10 Prozent oder so, aber 32, das ist ...

02:09:19.480 --> 02:09:21.760
 Und das ist halt einfach total exkludierend.

02:09:21.760 --> 02:09:26.560
 Also, du kannst dann halt einfach als Nutzer, du kannst halt einfach dieses Formular nicht ausfüllen.

02:09:26.560 --> 02:09:28.000
 Weil du kannst nur raten.

02:09:28.000 --> 02:09:28.520
 Keine Chance.

02:09:28.520 --> 02:09:29.520
 Genau das.

02:09:29.520 --> 02:09:36.600
 Das ist was anderes, ob irgendwas, was nicht so gut ist oder ob ich bei einem schmückenden Bild den Inhalt nicht weiß, ist auch blöd.

02:09:36.600 --> 02:09:39.220
 Aber das ist halt wirklich einfach, dann kann ich das nicht nutzen.

02:09:39.220 --> 02:09:41.740
 Maximal exkludierend.

02:09:41.740 --> 02:09:41.960
 Ja.

02:09:41.960 --> 02:09:44.360
 Weil die Formulare sind ja meistens die interessanten Sachen.

02:09:44.360 --> 02:09:47.920
 Da, wo ich was bestelle, da, wo ich was suche, da, wo ich was ...

02:09:47.920 --> 02:09:51.880
 Da, wo ich irgendwie interagiere mit der Seite, das sind ja eigentlich immer Formulare.

02:09:51.880 --> 02:09:55.160
 Und das ist einfach hart.

02:09:55.760 --> 02:10:00.540
 Und jetzt kommt noch das Geilteil und damit noch ein bisschen gute Laune hoffentlich.

02:10:00.540 --> 02:10:03.040
 Weiß ich nicht.

02:10:03.040 --> 02:10:04.660
 Weiß nicht, ob gute Laune.

02:10:04.660 --> 02:10:05.620
 Oh nein.

02:10:05.620 --> 02:10:07.760
 Aber es kommt auf jeden Fall jetzt.

02:10:07.760 --> 02:10:10.140
 Das Geilteil.

02:10:10.140 --> 02:10:13.260
 Geilteil.

02:10:13.260 --> 02:10:15.720
 Ich finde es gut, dass wir Jingles haben.

02:10:15.720 --> 02:10:15.960
 Ja.

02:10:15.960 --> 02:10:17.480
 Es ist einfach schön.

02:10:17.480 --> 02:10:21.240
 An alle Podcasts da draußen, die keine Jingles haben, legt euch Jingles zu.

02:10:21.240 --> 02:10:23.180
 Es ist einfach, man hat eine bessere Zeit dann.

02:10:23.720 --> 02:10:28.600
 Vor allem, wenn man den Jingle selbst gemacht hat und der für einen selbst ein bisschen lustig ist.

02:10:28.600 --> 02:10:31.360
 Mir machen die Jingles einfach gute Laune.

02:10:31.360 --> 02:10:37.540
 Also ich glaube, ich weiß nicht, ob es gute Laune macht, aber mir hat es gute Laune gemacht.

02:10:37.540 --> 02:10:41.100
 Es ist erstmal was, das ist komplett technikfremd.

02:10:41.100 --> 02:10:44.840
 Also wir haben ja immer gesagt, so Geilteil muss überhaupt gar nichts damit zu tun haben.

02:10:44.940 --> 02:10:48.840
 Oft sind bei uns die Geilteile irgendwie, haben doch irgendwie was mit dem Thema zu tun.

02:10:48.840 --> 02:10:54.140
 Oder sind zumindest irgendwie audiovisuelle Medien, also irgendwelche Songs oder Videos.

02:10:54.140 --> 02:10:56.980
 Und heute gibt es einen Buchtipp.

02:10:56.980 --> 02:11:00.360
 Und zwar auch also vom Thema her komplett unrelated.

02:11:00.360 --> 02:11:04.200
 Gut, es ist auch ein visuelles Medium, so ein Buch, aber old school.

02:11:04.820 --> 02:11:11.480
 Und ich habe es ein bisschen geschwankt, ob ich das nehme oder nicht, weil ich will hier auch keinen politischen Diskurs lostreten.

02:11:11.480 --> 02:11:12.340
 Was? Wieso?

02:11:13.060 --> 02:11:17.040
 Ja, es hat mich, haben wir nicht in der ersten Folge gesagt, Politik lassen wir hier raus.

02:11:17.040 --> 02:11:18.960
 Aber gut, es funktioniert eh nicht, es ist alles Politik.

02:11:18.960 --> 02:11:19.360
 Haben wir?

02:11:19.360 --> 02:11:21.560
 Nee, wir haben doch gesagt, Politik lassen, haben wir?

02:11:21.560 --> 02:11:22.580
 Ich weiß es nicht mehr.

02:11:22.580 --> 02:11:29.000
 Also jedenfalls, ich habe, überlegt, mache ich es oder nicht, aber es geht um das Buch von Carolin Wiedemann.

02:11:29.000 --> 02:11:31.920
 Zart und frei vom Sturz des Patriarchats.

02:11:31.920 --> 02:11:37.200
 Das kommt jetzt vielleicht ein bisschen überraschend oder erscheint ungewöhnlich, dass ich so ein Buch empfehle.

02:11:37.520 --> 02:11:42.060
 Aber ich finde, gerade als männlich sozialisierte Person ist das absolut lesenswert.

02:11:42.060 --> 02:11:48.840
 Und ich meine, wenn es darum geht, das Patriarchat abzuschaffen, jetzt unabhängig der Meinung, ob man das möchte oder das Patriarchat ganz toll findet.

02:11:48.840 --> 02:11:53.260
 Wenn wir das wollen, dann müssen gerade Männer sich mit dem Thema beschäftigen.

02:11:53.260 --> 02:11:59.140
 Und man denkt vielleicht so, ja, wir sind doch schon so weit gekommen in puncto Gleichheit und Gerechtigkeit.

02:11:59.140 --> 02:12:00.460
 So, was wollen die denn alle noch und so.

02:12:00.460 --> 02:12:07.500
 Aber ich habe beim Lesen so selber gemerkt, dass meine eigene, ich halte mich für eigentlich einen sehr offenen und toleranten Mensch.

02:12:08.480 --> 02:12:13.440
 Aber ich habe so gemerkt, dass meine eigene Toleranzgrenze, mit Toleranz hat es vielleicht gar nicht mal so viel zu tun,

02:12:13.440 --> 02:12:21.440
 aber so meine eigenen festgefahrenen Ansichten so ein bisschen herausgefordert wurden auch und mein Horizont auf jeden Fall auch erweitert wurde.

02:12:21.440 --> 02:12:26.800
 Also es war dieses, ihr kennt vielleicht dieses Meme mit diesem so Explosion, Head Explosion, so boom.

02:12:27.700 --> 02:12:30.700
 So habe ich mich zwischendrin gefühlt so gedacht, ja, stimmt.

02:12:30.700 --> 02:12:38.840
 Also es war mir, ich muss sagen, von der Grundstimmung teilweise her, also erstmal muss ich mal sagen, es hat so ein bisschen so einen wissenschaftlichen Anspruch.

02:12:38.840 --> 02:12:47.660
 Also es ist eher so, es greift auf andere Werke zurück und andere Bücher und zitiert die und sagt ja, und die und die Autorin hat in dem Buch, das und das, die Ansicht vertreten und so.

02:12:47.740 --> 02:12:49.960
 Und auch ein bisschen geschichtlich über Patriarchat und so weiter.

02:12:51.500 --> 02:13:00.020
 Und hat jetzt nicht den Wahrheitsanspruch, sondern im Gegenteil, sagt sogar, naja, okay, und das hat man früher zu vertreten und das war doof und jetzt kommen die aber mit der und der Ansicht.

02:13:00.020 --> 02:13:10.820
 Aber da muss man auch aufpassen, dass das jetzt nicht wieder so zum Allgemeinen gültigen wird und als neuer Standard deklariert wird, der dann wieder andere voreinnimmt, indem man sagt, okay, so musst du es machen,

02:13:10.920 --> 02:13:16.940
 weil sonst bist du nicht offen genug oder nicht, ja, woke ist ja dieser Begriff genug.

02:13:16.940 --> 02:13:24.140
 Und das macht das Buch also nichts und sagt halt eben, okay, es sind zwei Seiten der Medaille und das geht in die richtige Richtung, aber was richtig ist, muss jeder für sich selbst entscheiden.

02:13:24.140 --> 02:13:29.800
 Und das war mir stellenweise so ein bisschen fast schon zu links, also schon so ein bisschen Richtung Kommunismus.

02:13:29.800 --> 02:13:36.080
 Aber je mehr man so drüber nachdenkt, so über die einzelnen Punkte, die da so kommen, denkt man so, ja, stimmt eigentlich.

02:13:36.080 --> 02:13:53.160
 Wir machen uns da, wir könnten eigentlich viel freier leben und viel, viel offener sein und bei vielen Dingen, wo man so liest, denkt man erst mal so, ja, okay, aber ja, vielleicht ist man einfach konservativer, als man sich selber so einschätzen würde.

02:13:54.300 --> 02:14:17.200
 Ich fand in der Richtung ganz interessant, ich war mal in so einer Session drin, die hat, die drehte sich um unconscious bias und da gibt es einfach total viele gute Beispiele, wo man dann merkt, dass trotz, dass man glaubt, irgendwie offen zu sein oder dass man eigentlich wenig Vorurteile hat oder so gegenüber beispielsweise dem anderen Geschlecht und so,

02:14:17.560 --> 02:14:26.800
 wo man dann sehr schön vor Augen geführt bekommt, dass das eigentlich, dass man doch noch ziemlich biased ist an vielen Stellen, aber man es einfach nicht merkt selbst.

02:14:26.800 --> 02:14:37.900
 Und das schlug jetzt so in diese Kerbe rein, was du jetzt gerade gesagt hast und ich glaube, ja, auf jeden Fall, man muss ja, wenn man so ein Buch liest, jetzt nicht das als neues Gesetz irgendwie sich hinlegen.

02:14:37.900 --> 02:14:52.000
 Es reicht ja oft so, als Teaser fürs Gehirn so, vielleicht mal das aus der Perspektive betrachten, das einfach als neue Perspektive mit in den Perspektiven Zoo mit reinzunehmen.

02:14:52.000 --> 02:14:57.240
 Und das schadet ja auf jeden Fall nicht. Als nächstes kannst du ja dann meinen Kampf lesen, nein, Spaß.

02:14:57.240 --> 02:15:05.760
 Mein Gott, in die ganz andere Richtung. Nee, nee, also ich muss sagen, mir hat das auch so ein bisschen was so, weil ich jetzt gerade auch wieder so arbeiten und so und keine Lust.

02:15:05.760 --> 02:15:15.680
 Aber so, als ich das gelesen habe jetzt, das hat mich so ein bisschen, wie soll ich sagen, erfrischt oder ich bin mir so ein bisschen so, es hat ein bisschen Mut gemacht, sodass sich noch was ändern kann

02:15:15.680 --> 02:15:25.480
 und dass wir alle am Ende vielleicht besser leben. Und ja, jetzt spreche ich explizit deswegen auch die Männer an. Also Männer, lese dieses Buch. Es ist sehr gut.

02:15:26.880 --> 02:15:33.900
 Also, ja, was die Politik angeht, ich habe auch das Gefühl, man sagt ja immer, oder das habe ich, glaube ich, irgendwo mal gehört, irgendwie so ein Zitat von wegen,

02:15:33.900 --> 02:15:44.500
 dass die jungen Leute, so ganz frei gesprochen, die jungen Leute, die sind sehr, sehr links oft und man wird quasi immer konservativer, je älter man wird.

02:15:44.500 --> 02:15:52.780
 Und ich habe das Gefühl bei mir, dass ich, ich beschäftige mich jetzt wenig mit politischen Ideologien, so direkt.

02:15:52.780 --> 02:15:58.760
 Ja, also ich habe jetzt nicht das Kommunistische Manifest gelesen oder irgendwie sowas oder mein Kampf.

02:15:58.760 --> 02:16:00.400
 Das Kapital.

02:16:00.400 --> 02:16:01.380
 Keine Ahnung.

02:16:02.380 --> 02:16:03.060
 Wie auch immer.

02:16:03.060 --> 02:16:07.400
 Solche Sachen habe ich nicht gelesen, aber ich habe das Gefühl, ich werde immer Linker.

02:16:07.400 --> 02:16:09.160
 Witzig, dass es dir auch so geht, ja.

02:16:09.160 --> 02:16:16.640
 Weil das habe ich nämlich auch, also ich beschäftige mich tatsächlich jetzt so vermehrt mit eben so Patriarchat und so Gesellschaftsformen und so.

02:16:17.140 --> 02:16:21.240
 Und habe auch den Eindruck, das wird bei mir eher stärker.

02:16:21.240 --> 02:16:31.220
 Und es gibt ja irgendwie, es gibt so einen Spruch, den kriege ich jetzt aber nicht mehr zusammen, irgendwie, wer mit 16 nicht, wie war das, wer mit 16 nicht links war oder mit 16 nicht Kommunist war.

02:16:31.220 --> 02:16:32.620
 Das ist das, was ich gerade eben meinte, ja.

02:16:32.620 --> 02:16:36.040
 Bei dem läuft was schief und wer es mit 30 immer noch ist.

02:16:36.040 --> 02:16:37.880
 Bei dem läuft auch was schief, genau.

02:16:37.880 --> 02:16:49.820
 Aber ich tatsächlich, auch so die Pandemie und je egoistischer die Menschen so werden und je mehr Blödheit die so an den Tag legen, umso linker wird meine Denkweise.

02:16:49.820 --> 02:17:03.880
 Ich glaube auch, dass das von außen ein bisschen beeinflusst ist und auch noch davon, ich glaube, dass zumindest so in meiner Wahrnehmung der Reichtum von bestimmten Leuten immer absurder wird.

02:17:05.220 --> 02:17:15.980
 Also so wirklich so hören annimmt, wo ich so sage, das ist doch jetzt, das ist doch jetzt Unsinn, dass eine einzelne Person so über so viel Geld verfügt.

02:17:15.980 --> 02:17:20.340
 Das ist ja, das ist ja gesellschaftlich durch nichts zu rechtfertigen.

02:17:20.340 --> 02:17:23.040
 Und dann merke ich, ah, das stimmt, das ist eigentlich eine sehr linke Ansicht.

02:17:23.040 --> 02:17:26.720
 Die arbeitet ja nicht 24 Milliarden mal härter als ich.

02:17:26.720 --> 02:17:28.280
 Also warum sollte die?

02:17:28.280 --> 02:17:29.120
 Genau.

02:17:31.320 --> 02:17:36.080
 Und das würde ja bedeuten, dass jemand, der 24 Milliarden hat, dass du eine Milliarde hast, ne?

02:17:36.080 --> 02:17:37.840
 Es ist ja aber noch viel.

02:17:37.840 --> 02:17:41.440
 Nee, 24 mal härter wäre das, aber 24 Milliarden, ja.

02:17:41.440 --> 02:17:42.520
 Achso, ja, klar, okay.

02:17:42.520 --> 02:17:44.640
 Achso, ja, 24, ja, klar, natürlich, genau.

02:17:44.640 --> 02:17:52.380
 Also es ist ja, du hast recht, es ist völlig, ja, es gibt da völlig absurde Regionen, in die da manche Menschen vorstoßen.

02:17:53.360 --> 02:17:56.880
 Und da können wir, stellen wir noch eine kleine politische Frage zum Schluss.

02:17:56.880 --> 02:18:10.720
 Ich hätte gern mal Argumente, weil ich nämlich selbst keine finde, ich hätte gern mal Argumente dafür, dass eine einzelne Person mehr haben darf oder mehr haben sollte.

02:18:10.720 --> 02:18:14.260
 Was ist der Sinn davon, wenn eine Person mehr hat als eine Milliarde Euro?

02:18:16.440 --> 02:18:20.700
 Vor allem vor dem Hintergrund, dass es viele Leute gibt, die halt sich nicht mal Essen leisten können.

02:18:20.700 --> 02:18:22.300
 Das ist ja auch immer der Kontrast.

02:18:22.300 --> 02:18:30.260
 Nee, aber ich meine, ganz abgesehen davon, wofür ist es sinnvoll, dass es einzelne Personen gibt, die mehr als eine Milliarde Euro haben?

02:18:30.260 --> 02:18:37.900
 Da hätte ich gerne, und ich meine das jetzt nicht irgendwie blöd, sondern ich will wirklich mal davon überzeugt werden, vielleicht gibt es ja gute Gründe.

02:18:37.900 --> 02:18:40.040
 Mir hat noch keiner einen nennen können.

02:18:40.040 --> 02:18:45.920
 Das würde mich echt mal interessieren, wenn wir schon auf der Schiene jetzt sind, weil ich habe so das Gefühl, da könnte man so ein Cap machen.

02:18:45.920 --> 02:18:49.400
 Eine Milliarde ist einfach das genug, das sind tausend Millionen.

02:18:49.400 --> 02:18:54.960
 Nochmal zu erzählen, für die, die es nicht genau wissen, eine Milliarde sind tausend Millionen.

02:18:54.960 --> 02:18:57.800
 Das ist ein absurd hoher Betrag Geld.

02:19:00.440 --> 02:19:04.420
 Da hört es auf bei mir, da hört mein Verständnis auf für Reichtum.

02:19:04.420 --> 02:19:15.480
 So sehr ich es gut finde, wenn Leute sich selbst irgendwie was erarbeiten können, wobei, wenn man genauer hinguckt, ist es ja oft so, dass die Leute, die jetzt super reich sind, ein riesig großes Startkapital hatten.

02:19:15.480 --> 02:19:16.880
 Geerbt.

02:19:17.000 --> 02:19:21.920
 Also familiär schon irgendwie geerbt oder keine Ahnung, die allerwenigsten haben das wirklich aus dem Nichts geschafft.

02:19:21.920 --> 02:19:25.020
 Wobei, was mit Mark Zuckerberg?

02:19:25.020 --> 02:19:27.780
 Ja gut, okay.

02:19:27.780 --> 02:19:28.960
 Ja, der hat sich tatsächlich ...

02:19:28.960 --> 02:19:32.340
 Das weiß ich nicht, das weiß ich nicht, aber der war, ich meine, der hat ja auch in Harvard schon studiert.

02:19:32.340 --> 02:19:34.960
 Ja eben, also wahrscheinlich auch nicht aus ärmsten Verhältnissen.

02:19:34.960 --> 02:19:36.100
 Nee, wahrscheinlich nicht.

02:19:36.100 --> 02:19:36.520
 Gut.

02:19:36.520 --> 02:19:38.500
 Ja, jetzt sind wir doch noch politisch geworden, Mensch.

02:19:38.500 --> 02:19:46.180
 Er hat die Idee geklaut, wenn man den Film The Social Network geschaut hat, was ich übrigens sehr empfehlen kann, wirft nicht so unbedingt das beste Licht auf ihn, muss man sagen.

02:19:46.440 --> 02:19:46.640
 Okay.

02:19:46.640 --> 02:19:51.760
 Kann ich auf jeden Fall so als Nerdfilm, als Zusatzgeilteil noch empfehlen hier.

02:19:51.760 --> 02:19:53.300
 The Social Network.

02:19:53.300 --> 02:19:54.460
 Alright.

02:19:54.460 --> 02:19:55.000
 Okay.

02:19:55.000 --> 02:19:56.140
 Dann.

02:19:56.140 --> 02:19:57.340
 Kommt's.

02:19:57.340 --> 02:20:01.380
 Das Ende.

02:20:01.380 --> 02:20:09.160
 Ja, wir haben es geschafft, Mensch.

02:20:09.160 --> 02:20:10.160
 Oh wow.

02:20:10.160 --> 02:20:12.480
 Das ist die erste Folge 2022.

02:20:12.480 --> 02:20:15.480
 Wir haben es beide in dieses Jahr geschafft.

02:20:15.480 --> 02:20:15.760
 Ja.

02:20:15.880 --> 02:20:16.400
 Das war auch gut.

02:20:16.400 --> 02:20:18.460
 Jetzt habe ich gerade überlegt, können wir mit der Zeit was machen?

02:20:18.460 --> 02:20:19.400
 Zwei Minuten 21.

02:20:19.400 --> 02:20:23.080
 Das ist jetzt noch ... Machen wir bei 2.22 Schluss oder so.

02:20:23.080 --> 02:20:24.900
 Aber wir haben ja noch das Geplänkel vorne dran.

02:20:24.900 --> 02:20:26.200
 Nee, das kriegen wir nicht hin.

02:20:26.200 --> 02:20:27.500
 Ja, egal.

02:20:27.500 --> 02:20:30.400
 Es war wunderschön, mal wieder.

02:20:30.400 --> 02:20:33.720
 Und vielleicht war es für euch ja auch was dabei.

02:20:33.720 --> 02:20:35.100
 Wir hoffen das auf jeden Fall.

02:20:35.100 --> 02:20:37.740
 Falls nicht, schreibt es nicht in die Kommentare.

02:20:37.740 --> 02:20:39.840
 Falls ihr es super fand, bitte den Kommentar schreiben.

02:20:39.840 --> 02:20:41.560
 Und ein Like da lassen.

02:20:41.560 --> 02:20:42.680
 Und natürlich die Glocke.

02:20:43.400 --> 02:20:45.280
 Ihr wisst ja Bescheid.

02:20:45.280 --> 02:20:48.040
 Ja, Mensch.

02:20:48.040 --> 02:20:48.460
 So.

02:20:48.460 --> 02:20:49.780
 Es geht weiter.

02:20:49.780 --> 02:20:52.460
 Und wir streamen auch demnächst wieder, glaube ich.

02:20:52.460 --> 02:20:54.380
 Ja, wir haben, glaube ich, noch nichts vereinbart.

02:20:54.380 --> 02:20:56.360
 Aber wir hören uns und sehen uns.

02:20:56.840 --> 02:20:58.240
 Genau, wir hören uns und sehen uns.

02:20:58.240 --> 02:21:00.860
 Ich habe irgendwie das Gefühl, wir hätten irgendwas vergessen.

02:21:00.860 --> 02:21:01.960
 Also es steht nichts auf der Liste.

02:21:01.960 --> 02:21:03.300
 Weißt du, was nicht schaden kann?

02:21:03.300 --> 02:21:05.880
 Ach.

02:21:05.880 --> 02:21:07.060
 Urlaubsfeeling zurück.

02:21:07.060 --> 02:21:07.760
 Ja.

02:21:07.760 --> 02:21:11.140
 Auf Hawaii oder so.

02:21:11.140 --> 02:21:11.780
 Keine Ahnung.

02:21:11.780 --> 02:21:12.840
 Was war noch?

02:21:12.840 --> 02:21:13.700
 Wann ist das nicht so Hawaii?

02:21:13.700 --> 02:21:14.640
 Hawaii-Vögel.

02:21:14.640 --> 02:21:15.860
 Hawaii-Vögel.

02:21:15.860 --> 02:21:17.100
 Kilaue.

02:21:17.100 --> 02:21:17.460
 Was?

02:21:17.460 --> 02:21:18.540
 Kilaue abhört's.

02:21:18.540 --> 02:21:19.700
 Hawaii-Vögeln.

02:21:19.700 --> 02:21:21.960
 Nee, egal.

02:21:22.680 --> 02:21:29.300
 Die Vulkane auf Hawaii sind ja eigentlich große Löcher in der Liste.

02:21:29.300 --> 02:21:30.400
 Fertig.

02:21:30.400 --> 02:21:32.560
 Es reicht.

02:21:32.560 --> 02:21:33.080
 Tschüss.

02:21:33.080 --> 02:21:33.980
 Oh, ich füge ich wieder raus.

02:21:33.980 --> 02:21:34.640
 Tschüss.

02:21:34.640 --> 02:21:35.520
 Tschüss.

02:21:35.520 --> 02:21:36.180
 Tschüss.

02:21:36.180 --> 02:21:36.880
 Macht's gut.

02:21:36.880 --> 02:21:37.880
 Musik.

02:21:37.880 --> 02:21:38.880
 Musik.

02:21:38.880 --> 02:21:38.880
 Musik.

02:22:06.880 --> 02:22:08.940
 Vertraue und glaube, es hilft, es heilt die göttliche Kraft!