WEBVTT NOTE Podcast: Wo wir sind ist vorne. Episode: SELECT * FROM MENU Publishing Date: 2022-03-06T13:09:35+01:00 Podcast URL: https://wowirsindistvorne.show Episode URL: https://wowirsindistvorne.show/select-from-menu/ 00:00:00.000 --> 00:00:04.460 Wo wir sind, ist vorne, Folge 39. Heute gibt's zwei Properties zum Preis von einer. 00:00:04.460 --> 00:00:23.480 Herzlich willkommen bei Wo wir sind, ist vorne. Frontend-Fakten-Frotzelein. 00:00:23.480 --> 00:00:27.500 Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung. 00:00:30.000 --> 00:00:39.200 Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleur Konstantin Groß. 00:00:39.200 --> 00:00:56.220 Hallo, schön, dass ihr uns wieder zuhört. 00:00:56.760 --> 00:00:57.720 Herzlich willkommen. 00:00:57.720 --> 00:00:59.800 Hi, Konstantin. 00:00:59.800 --> 00:01:02.440 Wir versuchen es heute mal wieder mit einer kurzen Folge. 00:01:02.440 --> 00:01:06.140 Das klappt ja immer sehr gut. 00:01:06.140 --> 00:01:07.940 Das hat ja immer sehr gut funktioniert. 00:01:07.940 --> 00:01:14.000 Aber wir haben tatsächlich wieder kein Tagesthema heute, sondern zwei Properties, wie von eben angekündigt. 00:01:14.000 --> 00:01:17.920 Oh, wir brauchen einen Sound. 00:01:18.920 --> 00:01:25.900 Genau, das ist heute der Plan und wir gucken mal, wie lange wir es dann noch schaffen, das hinaus zu zögern. 00:01:25.900 --> 00:01:27.360 Ja, es gibt ja auch noch einen Geilteil. 00:01:27.360 --> 00:01:30.020 Ja, also meine Property, ja. 00:01:30.020 --> 00:01:33.020 Du hast viel gearbeitet, ne? 00:01:33.020 --> 00:01:34.580 Du hast viel, habe ich schon gesehen. 00:01:34.600 --> 00:01:35.740 Die Liste ist voll. 00:01:35.740 --> 00:01:36.880 Die Liste ist voll. 00:01:36.880 --> 00:01:39.160 Dafür habe ich heute ein bisschen weniger. 00:01:39.160 --> 00:01:39.680 Mal gucken. 00:01:39.680 --> 00:01:43.680 Vielleicht ist es dann am Ende doch ein getarntes Tagesthema. 00:01:43.680 --> 00:01:45.060 Man weiß es noch nicht so genau. 00:01:45.060 --> 00:01:49.920 Dann lass uns doch direkt zu unserer typischen Bierfrage kommen. 00:01:50.560 --> 00:01:53.700 Ich habe nämlich heute was von dir heute. 00:01:53.700 --> 00:01:58.000 Es ist auch eiskalt in einer hier für eine Dose. 00:01:58.000 --> 00:01:59.760 Muss mal gucken, dass die nicht ablaufen. 00:01:59.760 --> 00:02:00.900 Ja, ja, ich habe schon geguckt. 00:02:00.900 --> 00:02:02.240 Die sind alle noch haltbar, auch noch eine Weile. 00:02:02.240 --> 00:02:03.200 Okay, sehr gut. 00:02:03.200 --> 00:02:07.120 Das hat Moritz mir mitgebracht von seinen belgischen Bierausflügen. 00:02:07.120 --> 00:02:08.560 Und ich habe da nichts mehr, ne? 00:02:08.560 --> 00:02:10.640 Belgien ist mittlerweile leer bei mir. 00:02:10.640 --> 00:02:12.300 Okay, ja, bei mir ist Belgien noch voll. 00:02:12.300 --> 00:02:14.980 Ich habe ja noch genug anderes aufzubrauchen gehabt. 00:02:14.980 --> 00:02:15.760 Jetzt habe ich aber angefangen. 00:02:15.760 --> 00:02:19.900 Jetzt habe ich alles eingekühlt und jetzt probiere ich mich durch Moritz' Belgienbier. 00:02:20.520 --> 00:02:25.760 Und ich habe dieses, das du auch hier schon probiert hast, glaube ich, Mexicanos, Tequila-flavored Bier. 00:02:25.760 --> 00:02:26.660 Genau. 00:02:26.660 --> 00:02:29.800 Erwarte, es wird süß. 00:02:29.800 --> 00:02:31.100 Süß, okay, okay. 00:02:31.100 --> 00:02:33.260 Es ist schon eher süßlich. 00:02:33.260 --> 00:02:34.500 Und guck mal auf die Zutaten. 00:02:34.500 --> 00:02:35.680 5,9 Prozent. 00:02:35.680 --> 00:02:40.300 Und das ist, ach ja genau, du hast ja bei belgischem Bier festgestellt, dass da immer irgendwie ... 00:02:40.300 --> 00:02:41.440 Das ist definitiv gemischt. 00:02:41.440 --> 00:02:42.760 Bei dem, wie es schmeckt auch schon. 00:02:42.760 --> 00:02:44.140 Ich weiß noch genau, wie es schmeckt. 00:02:44.140 --> 00:02:46.880 Es hält Gerstenmalz, aber die ... 00:02:46.880 --> 00:02:51.080 Es ist wie ein süßeres Desperados. 00:02:51.080 --> 00:02:52.340 Das ist der Vesca Especial. 00:02:52.340 --> 00:02:55.520 Ich finde gar keine Zutaten. 00:02:55.520 --> 00:02:57.280 Also es ist Bier und Tequila. 00:02:57.280 --> 00:02:58.420 Da ist einfach nichts drin. 00:02:58.420 --> 00:02:59.700 Vakuum. 00:02:59.700 --> 00:03:03.080 Na gut, ich bin sehr gespannt jedenfalls. 00:03:03.080 --> 00:03:03.600 Was hast du denn? 00:03:03.960 --> 00:03:06.380 Ich hab ein Chiemseher Hell. 00:03:06.380 --> 00:03:08.240 So mit ... 00:03:08.240 --> 00:03:08.700 Ah, ja. 00:03:08.700 --> 00:03:11.720 Ah, hatte ich das nicht auch schon mal hier sogar? 00:03:11.720 --> 00:03:13.780 Das kann sein, das weiß ich nicht. 00:03:13.780 --> 00:03:18.640 Wir haben leider noch keine fangepflegte Bierliste. 00:03:18.640 --> 00:03:20.180 Ja, stimmt, wir bräuchten so eine Bierliste. 00:03:20.180 --> 00:03:26.320 Wer das machen möchte, wer jetzt gerade eh am Durchhören ist, irgendjemand hat erstens gemeint, er hört jetzt gerade erst alle Folgen gewirken durch. 00:03:26.320 --> 00:03:28.520 Schreib dir doch gerne mal die Biere zusammen, wenn du die Muße dazu hast. 00:03:28.520 --> 00:03:36.800 Genau, falls das jemand macht, irgendwo, sag uns Bescheid und wir machen dann auch einen schönen Weiterleitungslink von unserer Seite aus dahin, dass man das dann finden kann. 00:03:36.800 --> 00:03:38.160 Wir könnten Bierrating dann noch machen, aber egal. 00:03:38.160 --> 00:03:45.560 Genau, also, ja, wenn jemand Bock hat, eine Bierliste zu machen, wir sind offen für Listen. 00:03:45.560 --> 00:03:48.220 Wir mögen einfach Listen. 00:03:48.220 --> 00:03:50.080 Wir haben ja auch ganz viele Chattisten. 00:03:50.080 --> 00:03:52.980 Okay, gut, ich glaube, du kannst gut ASMR machen heute. 00:03:52.980 --> 00:03:56.340 Anstoßen ist nicht so gut, aber das Öffnen ist dafür gut. 00:03:56.340 --> 00:03:57.840 Ja, Anstoßen funktioniert aber immer. 00:03:58.280 --> 00:03:59.400 Ja, das kannst du ja durchs ... 00:03:59.400 --> 00:04:00.700 Wir müssen ja erst öffnen. 00:04:00.700 --> 00:04:02.140 Genau, also wir machen mal auf. 00:04:02.140 --> 00:04:03.480 Genau, fangen wir an. 00:04:03.480 --> 00:04:07.040 Ah. 00:04:07.040 --> 00:04:09.620 Ja, klang gut. 00:04:09.620 --> 00:04:12.080 So, ich habe jetzt hier wieder einen klassischen Verschluss. 00:04:12.080 --> 00:04:12.300 Moment. 00:04:12.300 --> 00:04:15.800 Es riecht schon wie Limo eigentlich. 00:04:15.800 --> 00:04:19.760 Es klang gerade ein bisschen, als ob was rausgetropft wäre und es war auch so. 00:04:19.760 --> 00:04:20.020 Okay. 00:04:20.020 --> 00:04:20.720 Bei mir. 00:04:20.720 --> 00:04:24.480 So, dann durch unser magisches Portal. 00:04:24.480 --> 00:04:25.000 Ja, okay. 00:04:25.000 --> 00:04:27.640 So. 00:04:28.040 --> 00:04:31.380 Das klang gut für eine Blechdose, ja. 00:04:31.380 --> 00:04:32.620 Ja, Wahnsinn, gell. 00:04:32.620 --> 00:04:33.640 Kann ich empfehlen. 00:04:33.640 --> 00:04:33.820 Super. 00:04:33.820 --> 00:04:36.860 Die Dosen aus Belgien, die klingen sehr gut, wenn man anstoßen. 00:04:36.860 --> 00:04:37.640 Ja, dann zum Wohl. 00:04:37.640 --> 00:04:40.200 Oh ja. 00:04:40.200 --> 00:04:42.120 Doch sehr süß. 00:04:42.120 --> 00:04:47.640 Also, es ist tatsächlich wie Limonade und es schmeckt auch ... Es schmeckt nicht nach Tequila. 00:04:47.640 --> 00:04:52.780 Vielleicht habe ich zu lange keine Tequila mehr getrunken, aber es ist einfach ... Es schmeckt wie ein Radler. 00:04:53.920 --> 00:04:54.520 Ja, das stimmt. 00:04:54.520 --> 00:04:58.000 Aber wenn was nicht nach Tequila schmeckt, ist das eigentlich gut, finde ich. 00:04:58.000 --> 00:04:59.880 Okay. 00:04:59.880 --> 00:05:02.540 Ich finde, es ist ein Qualitätsmerkmal. 00:05:02.540 --> 00:05:04.080 Ja. 00:05:04.080 --> 00:05:04.360 Ja. 00:05:04.360 --> 00:05:07.700 Dann können wir eigentlich direkt loslegen, oder? 00:05:07.700 --> 00:05:08.920 Ach so. 00:05:08.920 --> 00:05:09.680 Oder hast du noch ... 00:05:09.680 --> 00:05:10.700 Ach, du hast da noch was aufgeschrieben. 00:05:10.700 --> 00:05:12.120 Ich habe noch was aufgeschrieben gerade. 00:05:12.120 --> 00:05:14.200 Ich habe aufgeschrieben, Podcast Koschlos. 00:05:14.200 --> 00:05:14.960 Koschlos. 00:05:14.960 --> 00:05:17.980 Und zwar, weil der Konstantin gerade geschrieben hat, ähm ... 00:05:17.980 --> 00:05:23.620 Ja, geschrieben hat, im Info gesagt hat, hier zwei Properties zum Preis von einer. 00:05:23.620 --> 00:05:26.860 Habe ich mich gerade gefragt, ja, was kostet denn dann überhaupt irgendwas? 00:05:26.860 --> 00:05:27.800 Null durch zwei. 00:05:27.800 --> 00:05:31.440 Null durch zwei. 00:05:31.440 --> 00:05:31.740 Ja. 00:05:31.740 --> 00:05:32.160 Super. 00:05:32.160 --> 00:05:35.080 Okay, spendet doch uns mal was. 00:05:35.080 --> 00:05:36.040 Das wäre doch irgendwie schön. 00:05:36.040 --> 00:05:37.440 Gut. 00:05:37.440 --> 00:05:39.740 Hätten wir uns auch wieder untergebracht. 00:05:39.740 --> 00:05:42.080 Ja, ich habe gedacht das vielleicht. 00:05:42.080 --> 00:05:42.560 Ja, klar. 00:05:42.560 --> 00:05:43.320 Kommen wir das mal irgendwie hin. 00:05:43.320 --> 00:05:46.740 Ich habe es auch, witzigerweise auch gedacht, als ich das mir überlegt habe. 00:05:46.740 --> 00:05:47.960 Ja, Null durch zwei. 00:05:47.960 --> 00:05:48.920 Gut. 00:05:48.920 --> 00:05:51.100 Als ob die sonst was kosten würden, Mensch. 00:05:51.100 --> 00:05:51.560 Podcast. 00:05:51.560 --> 00:05:53.880 Ja, nur die Premium-Podcast. 00:05:53.880 --> 00:05:54.280 Nein, nein, Properties. 00:05:54.280 --> 00:05:54.840 Ach, die Properties. 00:05:54.840 --> 00:05:55.280 Unsere Properties. 00:05:55.280 --> 00:05:56.960 Die sind ja immer kostenlos. 00:05:56.960 --> 00:05:57.520 Richtig. 00:05:57.520 --> 00:05:58.020 Egal wie viel. 00:05:58.020 --> 00:05:58.460 So wie alles. 00:05:58.460 --> 00:05:59.920 Hier bei uns. 00:05:59.920 --> 00:06:00.300 So. 00:06:00.300 --> 00:06:01.220 Gut. 00:06:01.220 --> 00:06:02.960 Kostenlos, aber nicht umsonst. 00:06:02.960 --> 00:06:03.400 Richtig. 00:06:07.780 --> 00:06:11.920 TVS-EV präsentiert die Retrospektive. 00:06:11.920 --> 00:06:15.580 Jo. 00:06:15.580 --> 00:06:18.360 Wie fange ich denn da jetzt an? 00:06:18.360 --> 00:06:26.680 Ich weiß nicht, wie viele von euch denn auch in größeren Firmen arbeiten und das gleiche 00:06:26.680 --> 00:06:31.100 Problem haben, dass man dann manchmal das Gefühl hat, man arbeitet gar nichts mehr und man sitzt 00:06:31.100 --> 00:06:36.800 nur noch in Meetings und quatscht oder redet halt über irgendwelche Sachen und das ist 00:06:36.800 --> 00:06:37.420 ja auch wichtig. 00:06:37.420 --> 00:06:41.140 Es ist auch wichtig irgendwie, dass man redet, weil sonst kommt man irgendwie nicht voran. 00:06:41.140 --> 00:06:44.580 Man will ja auch irgendwie Dinge geplant machen und nicht einfach nur im Blindflug und irgendwie 00:06:44.580 --> 00:06:46.280 nur so lustgetrieben, sage ich mal. 00:06:46.280 --> 00:06:49.320 Man möchte ja schon irgendwie auch in die gleiche Richtung gehen. 00:06:51.400 --> 00:06:55.160 Aber es ist dann oft so, dass man dann am Ende wirklich das Gefühl hat, ich habe jetzt 00:06:55.160 --> 00:06:58.760 irgendwie gar nichts geschafft die Woche, weil irgendwie zwischen den Meetings war irgendwie 00:06:58.760 --> 00:07:02.300 immer eine Stunde Platz und da kriegt man halt dann auch keinen vernünftigen Code mehr 00:07:02.300 --> 00:07:02.600 geschrieben. 00:07:02.600 --> 00:07:07.980 Also mir fällt es extrem schwer, mich dann, wie soll ich sagen, meine Rüstzeiten sind lang 00:07:07.980 --> 00:07:10.380 und ich glaube, da geht es vielen anderen auch so. 00:07:11.540 --> 00:07:16.020 Und um dem entgegenzuwirken, haben wir jetzt mal was ausprobiert bei uns und zwar haben 00:07:16.020 --> 00:07:21.060 wir jetzt gesagt, wir machen eine Fokus-Woche, wo wir alle Termine außer die nötigen, die 00:07:21.060 --> 00:07:24.800 wir dafür brauchen, also unser Daily, das hatten wir immer noch, also jeden Tag so eine Viertelstunde 00:07:24.800 --> 00:07:26.200 Status-Update. 00:07:26.200 --> 00:07:31.900 Alle anderen Termine haben wir, soweit es ging, abgesagt und haben gesagt, wir fokussieren 00:07:31.900 --> 00:07:36.200 uns jetzt nur auf das Thema, das wir uns für diese Woche vorgenommen haben und in diesem Fall 00:07:36.200 --> 00:07:37.300 war das Bugs fixen. 00:07:37.300 --> 00:07:44.340 Wir haben unser Bug-Backlog mal durchpriorisiert und angeschaut und geschaut, wie groß sind 00:07:44.340 --> 00:07:47.180 denn die Tickets und dann haben wir versucht, möglichst viele zu schließen und deswegen 00:07:47.180 --> 00:07:52.320 haben wir halt auch die kleinen, das sind gerade so die nervigen kleinen Bugs, die oft nie 00:07:52.320 --> 00:07:56.760 gemacht werden, die sind wir jetzt mal angegangen und das war eine super coole Woche und ich 00:07:56.760 --> 00:08:00.460 wollte es einfach nur mal so, vielleicht so als Dialog auch, wenn ihr irgendwie sowas auch 00:08:00.460 --> 00:08:02.700 schon mal gemacht habt oder nehmt es doch vielleicht mal mit. 00:08:02.800 --> 00:08:07.580 Ich fand, es war wahnsinnig cool, mal wieder den Fokus irgendwie aufs Programmieren zu richten 00:08:07.580 --> 00:08:12.700 und diese ganzen Meetings abzusagen, so als Experiment mal eine Woche und es hat super funktioniert. 00:08:12.700 --> 00:08:15.340 Ist überall so gut angekommen im ganzen Team? 00:08:15.340 --> 00:08:20.340 Das ist eine gute Frage, ich habe nicht mit allen gesprochen, wir machen dazu eine Retro 00:08:20.340 --> 00:08:25.720 am Montag, also da werden wir dann darüber sprechen, aber die Zahl der Tickets, die wir 00:08:25.720 --> 00:08:27.940 durchgeballert haben, die spricht auch für sich. 00:08:27.940 --> 00:08:34.720 Also normalerweise, ich kann es jetzt nicht so genau sagen, haben wir pro Woche, weiß 00:08:34.720 --> 00:08:39.420 ich nicht, es kommt drauf an, so maximal ein bis zwei Tickets, die pro Person abgearbeitet 00:08:39.420 --> 00:08:39.580 werden. 00:08:39.580 --> 00:08:42.680 Je nachdem, wie viele große dabei sind, dauert es auch weniger. 00:08:42.680 --> 00:08:44.380 Also es sind auch manchmal nicht eins. 00:08:44.380 --> 00:08:47.100 Also dass eins mehr länger als eine Woche dauert oder so. 00:08:47.100 --> 00:08:51.260 Und wir haben jetzt gut, ich muss dazu sagen, es waren halt alles lauter kleine, recht überschaubare 00:08:51.260 --> 00:08:58.820 Sachen und wir haben, keine Ahnung, sieben, acht oder so pro Person, so eins nach dem anderen 00:08:58.820 --> 00:08:59.080 durch. 00:08:59.080 --> 00:09:02.160 Ich weiß jetzt nicht genau die genaue Zahl, ich will jetzt auch niemandem auf die Füße 00:09:02.160 --> 00:09:02.860 treten oder so. 00:09:02.860 --> 00:09:03.860 Konntest du denn, bist du nur da? 00:09:03.860 --> 00:09:05.660 Ich bin doch da, ja, ich hör dir zu. 00:09:05.660 --> 00:09:07.480 Das Bild sah sehr eingefroren aus. 00:09:07.480 --> 00:09:14.240 Genau, das war echt cool und da bin ich mal wieder so ein bisschen zurückgekommen, richtig 00:09:14.240 --> 00:09:16.520 zum Programmieren mit wenig Terminen zwischendrin. 00:09:16.520 --> 00:09:20.140 Wir haben das auch schon vorher lang geplant, sodass man sich die ganze Woche geblockt hat. 00:09:20.500 --> 00:09:21.940 Dass da auch keine anderen Termine reinkommen. 00:09:21.940 --> 00:09:23.360 Und das war echt gut. 00:09:23.360 --> 00:09:27.700 Und ich glaube, das ist ein Problem, was du eigentlich so gut wie nie, ich weiß nicht, 00:09:27.700 --> 00:09:31.360 hast du das Problem, dass du oft unterbrochen wirst, jetzt bei der Corona-Wahn-App öfter, 00:09:31.360 --> 00:09:31.440 oder? 00:09:31.440 --> 00:09:33.920 Ja, ja, durch Support-Anfragen halt und so. 00:09:33.920 --> 00:09:37.580 Aber da wir ja jetzt gesagt haben, wir machen keinen Telefonsupport, ist das jetzt deutlich 00:09:37.580 --> 00:09:38.460 besser geworden. 00:09:38.460 --> 00:09:44.400 Ansonsten, ja, es kommt halt schon immer mal wieder ein Kunde, der dies und das will 00:09:44.400 --> 00:09:45.880 und man springt dann zwischen Projekten hin und her. 00:09:47.080 --> 00:09:52.620 Aber also im Vergleich zu, als ich als Freelancer noch in einem großen Unternehmen war, eher 00:09:52.620 --> 00:09:52.940 weniger. 00:09:55.320 --> 00:09:58.940 Ja, und das ist ... Also, ich weiß nicht, ich bin mal gespannt, was meine Kollegen 00:09:58.940 --> 00:09:59.240 sagen. 00:09:59.240 --> 00:10:03.080 Ich habe mich mit Zweien unterhalten, die fanden es, glaube ich, auch gut. 00:10:03.080 --> 00:10:06.900 Fand ich jetzt irgendwie eine interessante Geschichte, habe ich mir überlegt, ob man das 00:10:06.900 --> 00:10:11.920 irgendwie regelmäßig mal, ob man das irgendwie schafft, das in einem normalen Prozess zu überführen, 00:10:11.920 --> 00:10:13.160 dass es sowas immer mal wieder gibt. 00:10:13.860 --> 00:10:15.940 Und dann kann man sich auch andere Themen vornehmen. 00:10:15.940 --> 00:10:20.280 Ich habe halt überlegt, man könnte auch noch eine Fokus-Woche zu Performance machen, jetzt 00:10:20.280 --> 00:10:23.340 wo wir Bugs gemacht haben, wo wir sagen, jetzt gucken wir mal, dass wir jetzt alles richtig 00:10:23.340 --> 00:10:25.580 schnell machen oder schneller machen und keine Ahnung. 00:10:25.580 --> 00:10:29.680 Also ich meine, je nachdem, wie krass das ist im Team, wäre ja schon so ein Fokus-Tag 00:10:29.680 --> 00:10:33.620 mal wünschenswert, dass wirklich mal wenigstens ein Tag ohne Meetings ist, oder? 00:10:34.400 --> 00:10:40.160 Ja, vielleicht könnte man das ja auch so ein bisschen einschleichen, dass man wenigstens 00:10:40.160 --> 00:10:41.760 mal einen Tag irgendwie in der Woche fix macht. 00:10:41.760 --> 00:10:43.280 Ja, das ist sehr schwer. 00:10:43.280 --> 00:10:44.760 Das ist sehr schwer. 00:10:44.760 --> 00:10:47.980 Also eher dann doch eine ganze Woche, dass man das dann hinkriegt? 00:10:47.980 --> 00:10:56.340 Ich, ja, weil das ist dann, wie soll ich denn sagen, Leute buchen einem ganz gern da in 00:10:56.340 --> 00:10:57.460 die freien Slots halt was rein. 00:10:57.460 --> 00:10:59.580 Du musst im Prinzip eigentlich überall Blocker reinmachen. 00:10:59.580 --> 00:11:04.380 Und dann am Ende hast du deinen kompletten Terminkalender voll, was auch irgendwie so ein psychologischer, 00:11:04.400 --> 00:11:07.320 Ding ist, auch wenn er quasi, auch wenn er voll ist für nix quasi. 00:11:07.320 --> 00:11:08.680 Aber ja, keine Ahnung. 00:11:08.680 --> 00:11:11.920 Ja, vielleicht, vielleicht ist es aber auch eine Idee, dass man, dass man versucht, das 00:11:11.920 --> 00:11:13.480 so mit rein zu, zu flicken. 00:11:13.480 --> 00:11:18.740 Ich denke aber, dass man, dass man sowas, man könnte vielleicht sagen, sowas gibt es einmal 00:11:18.740 --> 00:11:22.080 im Monat oder alle zwei Monate einmal, man muss es vielleicht gar nicht so regelmäßig 00:11:22.080 --> 00:11:25.960 machen, aber also nicht, nicht jetzt ständig, aber ich fand es jetzt echt gut, das mal 00:11:25.960 --> 00:11:26.380 ausprobieren. 00:11:26.380 --> 00:11:31.720 Für mich war das eine super Geschichte und mich würde interessieren, ob ihr das Problem auch 00:11:31.720 --> 00:11:36.640 habt und wie ihr das löst, falls ihr noch andere Lösungen dafür habt für, ich sitze 00:11:36.640 --> 00:11:42.040 so viel in Meetings und irgendwie komme ich zu nix und komme so schwer rein und dann habe 00:11:42.040 --> 00:11:47.180 ich irgendwie nur zwei Stunden dazwischen Zeit und da kann ich das Projekt gerade mal auschecken 00:11:47.180 --> 00:11:50.000 und irgendwie nochmal bauen und dann muss ich wieder ins nächste Meeting. 00:11:50.000 --> 00:11:53.820 Würde mich, wäre ich sehr an euren Ideen und Lösungen interessiert. 00:11:53.820 --> 00:11:59.380 Oder natürlich auch gerne, ja, hier ist auch so, würde mich auch interessieren, gerne in die 00:11:59.380 --> 00:12:01.420 Kommentare oder bei Twitter mal melden. 00:12:01.420 --> 00:12:04.780 Genau, das war mein erster Retro-Punkt. 00:12:04.780 --> 00:12:09.460 Gut, dann komme ich zu einem Punkt, wo du schon befreundet, als du es gesehen hast, gesagt hast, 00:12:09.460 --> 00:12:11.560 oh, wird vielleicht gar nicht so entspannt heute. 00:12:12.140 --> 00:12:15.820 Aber es ist, ich wurde da jetzt nochmal drauf angesprochen und auch im Stream wurde letzte 00:12:15.820 --> 00:12:16.680 Woche nachgefragt. 00:12:16.680 --> 00:12:22.100 Da habe ich dann gesagt, oh, nee, da habe ich jetzt gar keine Nerven zu, drauf zu reagieren 00:12:22.100 --> 00:12:24.060 oder noch was dazu zu sagen. 00:12:24.060 --> 00:12:27.280 Es geht um diese T-Systems Corona-Warn-App-Anbindung. 00:12:28.780 --> 00:12:32.820 Ja, und was soll ich sagen, jetzt rede ich notgedrungenerweise trotzdem nochmal drüber 00:12:32.820 --> 00:12:35.460 und mache es aber hoffentlich kurz. 00:12:35.460 --> 00:12:40.700 Wir haben tatsächlich, hat man sich erbarmt, uns eine Antwort zu geben, wirklich mal von 00:12:40.700 --> 00:12:45.900 einem richtigen Menschen und mit richtigem Inhalt, der auch tatsächlich auf unsere Fragen 00:12:45.900 --> 00:12:46.260 einging. 00:12:46.260 --> 00:12:47.220 Das war ja schon mal toll. 00:12:47.220 --> 00:12:51.760 Und ich tue mich ein bisschen schwer, ich tänze jetzt ein bisschen drum rum. 00:12:51.820 --> 00:12:56.320 Ich möchte den exakten Inhalt dann nicht preisgeben, weil ich nicht weiß, ob ich das 00:12:56.320 --> 00:12:57.240 überhaupt so darf. 00:12:57.240 --> 00:13:01.820 Und dann, ja, nee, schnell das Nächste, mit was ich es rechtfertigen wollte, kann ich 00:13:01.820 --> 00:13:05.820 jetzt gar nicht genau sagen, weil ich damit vielleicht was lostrete. 00:13:05.820 --> 00:13:11.540 Aber im Endeffekt, wie formuliere ich es vorsichtig, online klingt das alles total tutti. 00:13:11.540 --> 00:13:17.540 Hier so, jeder, der interessiert ist, kann da Anbieter und Drittsoftware-Nutzer und so 00:13:17.540 --> 00:13:19.500 und einfach hier hinwenden und so. 00:13:19.500 --> 00:13:26.460 Und das ist aber halt einfach nicht so, sondern da stehen andere Interessen im Vordergrund. 00:13:26.460 --> 00:13:28.360 Das habe ich mir schon gedacht. 00:13:28.360 --> 00:13:29.500 Ohne ins Detail zu gehen. 00:13:29.500 --> 00:13:32.440 Das kannst du mir ja im Nachgang mal noch ein bisschen erzählen. 00:13:32.440 --> 00:13:36.720 Und ich habe da, ach ja genau, das kann ich noch vielleicht parallel schnell raussuchen. 00:13:36.720 --> 00:13:45.200 Da ging es nämlich um, ah, das finde ich wahrscheinlich jetzt auch die Schnelle. 00:13:45.200 --> 00:13:50.020 Ich habe mir das schon gedacht, ich habe mir das schon gedacht, dass da andere Interessen 00:13:50.020 --> 00:13:51.880 eine Rolle spielen. 00:13:51.880 --> 00:13:57.780 Ja, auf Twitter hat jemand, es ging um den E-Personalausweis, um diese E-Funktion, ja, und 00:13:57.780 --> 00:14:02.660 dass dir ja irgendwie kaum angeboten wird, obwohl du damit ja wirklich Behördenkommissionen 00:14:02.660 --> 00:14:04.260 und so was vereinfachen könntest. 00:14:04.260 --> 00:14:06.060 Ja, und warum nutzt das keiner? 00:14:06.060 --> 00:14:07.980 Da braucht man ein bestimmtes Zertifikat. 00:14:07.980 --> 00:14:11.200 Und dafür ist halt wiederum eine bestimmte Stelle zuständig. 00:14:11.200 --> 00:14:15.720 Und die machen es einem so schwer wie möglich, es nur irgendwie geht quasi und verdienen 00:14:15.720 --> 00:14:21.460 da auch noch mit dran, um da was, damit man das eben dann bekommt, ja, dieses Zertifikat. 00:14:21.460 --> 00:14:23.280 Also es ist ein sehr komplexer Prozess. 00:14:23.280 --> 00:14:28.120 Und da meinte dann jemand dazu, das ist wieder so typisch, Prozesse, die eigentlich total 00:14:28.120 --> 00:14:32.560 straightforward laufen sollten und wo es eigentlich einfach offene Server dafür geben sollte. 00:14:32.560 --> 00:14:37.200 Die werden total verkompliziert und es muss immer einen Gatekeeper geben, der daran verdient. 00:14:37.920 --> 00:14:43.280 Und da habe ich nur gedacht, ja, exakt, das passt zu dieser Situation mit der CWA-Anbindung. 00:14:43.280 --> 00:14:49.760 Und das Ende vom Lied ist, dass wir es im Endeffekt jetzt aufgegeben haben, dass wir im Endeffekt 00:14:49.760 --> 00:14:52.520 das Feature einfach nicht mehr, dass wir das nicht mehr anbieten können, obwohl es technisch 00:14:52.520 --> 00:14:53.760 einwandfrei funktioniert. 00:14:53.760 --> 00:14:57.000 Witzigerweise kommen trotzdem manche Leute noch in diesen Prozess rein. 00:14:57.000 --> 00:15:01.380 Also es ist so ein bisschen so ein Glücksspiel, ob die sagen, jo, kriegst du einen Zugang 00:15:01.380 --> 00:15:02.200 zu der API oder nicht. 00:15:02.200 --> 00:15:07.020 Und wenn nicht, dann verwende doch unser tolles Online-Portal statt der Schnittstelle. 00:15:07.020 --> 00:15:12.400 Ja, und das ist der Stand und ich habe auch gar keinen Bock mehr. 00:15:12.400 --> 00:15:18.120 Und ja, eigentlich müsste man das alles an die große Glocke hängen und ein bisschen eskalieren. 00:15:18.640 --> 00:15:23.520 Aber die Kraft dazu und die Lust dazu, die habe ich momentan nicht. 00:15:23.520 --> 00:15:26.620 Hm, aber ich hätte, lass uns da im Nachgang nochmal drüber sprechen. 00:15:26.620 --> 00:15:27.600 Vielleicht habe ich eine Idee. 00:15:27.600 --> 00:15:28.660 Alles klar. 00:15:28.660 --> 00:15:29.420 Vielleicht habe ich eine Idee. 00:15:29.420 --> 00:15:30.040 Wir gucken mal. 00:15:30.300 --> 00:15:35.440 Ich habe ja, ich sage es mal so, auf Konferenzen lernt man oft interessante Leute kennen. 00:15:35.440 --> 00:15:37.920 Vielleicht hätte ich da was für dich. 00:15:37.920 --> 00:15:38.960 Okay, okay. 00:15:38.960 --> 00:15:39.520 Wir gucken mal. 00:15:39.520 --> 00:15:42.080 Vielleicht wird ja doch noch was, passiert ja doch noch was. 00:15:42.080 --> 00:15:43.180 Dann halten wir euch natürlich auf dem Lauf. 00:15:43.180 --> 00:15:46.460 Und bei ein paar Leuten von T-Systems, da gehen jetzt schon die Alarmglocken los, die das 00:15:46.460 --> 00:15:46.860 jetzt anlegen. 00:15:46.860 --> 00:15:48.600 Oh Gott, oh Gott, was passiert da jetzt? 00:15:48.600 --> 00:15:51.000 Ich kann euch sagen, zu Recht. 00:15:51.000 --> 00:15:56.200 Genau, ihr kriegen wieder Ärger. 00:15:56.200 --> 00:15:56.660 So. 00:15:56.660 --> 00:15:57.460 Okay. 00:15:57.460 --> 00:15:59.620 Jo, ja, ja, mir. 00:16:00.040 --> 00:16:03.380 Wenn ich jetzt richtig anfange, dann, ey, das ist heute nicht. 00:16:03.380 --> 00:16:04.300 Nee. 00:16:04.300 --> 00:16:05.680 Keine Motivation dazu. 00:16:05.680 --> 00:16:06.500 Gut. 00:16:06.500 --> 00:16:08.340 Okay, gut. 00:16:08.340 --> 00:16:09.820 Ich habe noch einen zweiten Punkt. 00:16:09.820 --> 00:16:13.500 Ich denke, bei vielen anderen wird es wahrscheinlich jetzt ähnlich laufen. 00:16:13.500 --> 00:16:16.360 Wie soll ich sagen? 00:16:16.360 --> 00:16:18.200 Die Homeoffice-Pflicht läuft aus. 00:16:18.200 --> 00:16:22.480 Und viele Leute sollen dann wieder zurück ins Büro, habe ich gehört. 00:16:22.480 --> 00:16:26.240 Und wie soll ich sagen? 00:16:26.240 --> 00:16:29.780 Also, ich glaube, ich habe das schon an vielen Stellen online gelebt. 00:16:29.780 --> 00:16:34.080 gelesen, wo Leute dann irgendwie sagen, was ihre, was ihre Firmen so darüber schreiben 00:16:34.080 --> 00:16:37.420 oder sagen oder wie die jetzt verargumentieren, dass man doch jetzt unbedingt zurück ins 00:16:37.420 --> 00:16:37.880 Büro muss. 00:16:37.880 --> 00:16:42.320 Und die Argumentationen dahinter, die sind selten wirklich stichhaltig. 00:16:42.320 --> 00:16:46.680 Das ist halt, das ist immer nur so, ja, wir, oder das ist so die Aussage, wir als Unternehmen 00:16:46.680 --> 00:16:47.740 funktionieren halt so. 00:16:48.120 --> 00:16:50.820 Oder sowas wie im Büro arbeiten wir alle viel besser zusammen. 00:16:50.820 --> 00:16:51.760 Solche Sachen. 00:16:51.760 --> 00:16:54.040 Das klingt ein bisschen nach, das haben wir schon immer so gemacht. 00:16:54.040 --> 00:16:57.940 Völlig haltloser Kram, der überhaupt sich durch nichts belegen lässt. 00:16:57.940 --> 00:16:58.460 Ja. 00:16:59.260 --> 00:17:04.080 Im Gegenteil, bei den meisten, die ich kenne, mit denen ich so zu tun habe oder mit denen 00:17:04.080 --> 00:17:07.900 ich gesprochen habe, die sagen, hey, das hat doch total gut funktioniert jetzt irgendwie 00:17:07.900 --> 00:17:08.840 in der Corona-Zeit. 00:17:10.120 --> 00:17:14.460 Und ich hatte da so ein Bild im Kopf und das wollte ich nur gerade noch loswerden, weil 00:17:14.460 --> 00:17:21.520 ein bisschen erinnerte mich, dass dieses Gebetsmühlenartige Wiederholen dieser Aussage, ja, wir 00:17:21.520 --> 00:17:24.440 müssen jetzt aber wieder, jetzt muss man wieder Normalität einkehren, wir müssen jetzt wieder 00:17:24.440 --> 00:17:25.180 zurück ins Büro. 00:17:25.660 --> 00:17:28.320 So ohne Sinn und Verstand an Get Brexit Done. 00:17:28.320 --> 00:17:33.420 Das war ja irgendwie so eine Kampagne, wo man dann irgendwie so das Gefühl hatte, die englischen 00:17:33.420 --> 00:17:36.740 Politiker, die das da irgendwie auf die Straße bringen wollten, das war ja irgendwie so fast 00:17:36.740 --> 00:17:41.420 so ein Schlachtruf, Get Brexit Done, wir müssen jetzt Brexit Done getten, das muss jetzt gemacht 00:17:41.420 --> 00:17:41.540 werden. 00:17:41.540 --> 00:17:44.480 Ja, es ist total bescheuert, aber es ist jetzt durch und deswegen müssen wir es jetzt auch 00:17:44.480 --> 00:17:44.900 durchziehen. 00:17:44.900 --> 00:17:45.940 Jetzt müssen wir es machen. 00:17:45.940 --> 00:17:47.380 Wir müssen das machen. 00:17:47.380 --> 00:17:47.900 Wir müssen es machen. 00:17:47.900 --> 00:17:49.260 Ist es überhaupt sinnvoll? 00:17:49.260 --> 00:17:50.420 Wollen wir das überhaupt noch? 00:17:50.420 --> 00:17:51.760 Hilft uns das bei irgendwas? 00:17:51.760 --> 00:17:52.120 Egal. 00:17:52.120 --> 00:17:52.340 Egal. 00:17:52.340 --> 00:17:52.940 Wir müssen es machen. 00:17:54.200 --> 00:17:58.440 Und da musste ich so dran denken, ich war kurz davor, Memes in die Richtung zu erstellen 00:17:58.440 --> 00:17:59.380 und hab's dann gelassen. 00:17:59.380 --> 00:18:06.720 Aber diese ganze Geschichte, die da jetzt irgendwie so abläuft, und ich glaube, das ist bestimmt 00:18:06.720 --> 00:18:11.440 an vielen Stellen, jetzt wird jetzt wahrscheinlich diese Diskussion losgetreten werden, weil jetzt 00:18:11.440 --> 00:18:16.040 die Homeoffice-Pflicht, die offizielle fällt, dieses Wieso eigentlich und die Diskussionen 00:18:16.040 --> 00:18:19.880 werden wahrscheinlich oft so laufen mit, nein, das Get Brexit Done. 00:18:19.880 --> 00:18:23.700 Aber ist jetzt, Brexit ist zum Glück ja, was heißt zum Glück? 00:18:23.960 --> 00:18:26.720 Es ist jetzt durch, da muss jetzt keiner mehr sagen, wir müssen es jetzt machen. 00:18:26.720 --> 00:18:30.360 Sie merken, sie haben es jetzt gemacht und merken jetzt, dass es blöd war. 00:18:30.360 --> 00:18:31.300 Ja. 00:18:31.300 --> 00:18:32.720 Es ist halt einfach schade. 00:18:32.720 --> 00:18:35.940 Man dachte irgendwie so, am Anfang der Pandemie und so, als das dann sich so doch ein bisschen 00:18:35.940 --> 00:18:39.840 eingependelt hatte, so, hey, es geht ja plötzlich doch und viele Leute wollten das vorher und es 00:18:39.840 --> 00:18:44.160 war halt irgendwie Policy, dass das einfach kategorisch verneint wird mit dem Homeoffice. 00:18:44.380 --> 00:18:48.620 Und da dachte man dann irgendwie so, hey, das könnte jetzt echt so einen Wandel geben, schade, 00:18:48.620 --> 00:18:50.120 dass es dafür eine Pandemie gebraucht hat. 00:18:50.620 --> 00:18:55.940 Und andererseits dachte ich, dass mit dem Homeschooling dann auch, wo man dann gemerkt hat, okay, 00:18:55.940 --> 00:18:59.680 nee, das funktioniert in Deutschland einfach nicht, in anderen Ländern funktioniert es komischerweise, 00:18:59.680 --> 00:19:03.660 aber hier wird einfach gesagt, dass dieses Konzept Homeschooling an sich nicht funktionieren würde, 00:19:04.140 --> 00:19:08.960 Aber es wird halt nicht gesagt, ja, es liegt an uns oder an unserer unvorbereiteten Vorbereitung 00:19:08.960 --> 00:19:11.980 und an unserer nicht vorhandenen digitalen Infrastruktur und so. 00:19:11.980 --> 00:19:16.940 Und dementsprechend zeichnet sich jetzt auch schon ab, dass das mit dem Homeoffice zumindest 00:19:16.940 --> 00:19:19.120 vielerorts wohl auch nicht ist. 00:19:19.120 --> 00:19:21.120 Also ich glaube, es hat sich schon so ein bisschen das Mindset geändert. 00:19:21.120 --> 00:19:21.940 Es hat sich schon geändert. 00:19:21.940 --> 00:19:26.400 Also dass du dann auch in Stellenausschreibungen das jetzt häufiger liest, das Wort irgendwie 00:19:26.400 --> 00:19:27.420 100% Remote und so. 00:19:27.420 --> 00:19:28.020 Also es hat sich schon viel geändert. 00:19:28.020 --> 00:19:33.480 Da hat sich schon was getan, aber ich glaube so gerade so die großen Firmen, wo sich 00:19:33.480 --> 00:19:35.700 die Mühle langsam bewegen, ja gut, okay. 00:19:35.700 --> 00:19:39.520 SAP, die haben jetzt Full Homeoffice für immer, haben sie gesagt. 00:19:39.520 --> 00:19:39.740 Cool. 00:19:39.740 --> 00:19:42.960 Und das haben die letztes Jahr irgendwann, glaube ich, schon festgelegt. 00:19:42.960 --> 00:19:46.000 Also man darf vielleicht halt auch einfach nicht erwarten, dass sich eine komplette Industrie 00:19:46.000 --> 00:19:50.320 da oder einfach die komplette Wirtschaft dahingehend umorientiert fällt, ist das auch einfach 00:19:50.320 --> 00:19:50.960 zu viel erwartet. 00:19:50.960 --> 00:19:54.060 Aber es ist ja schön, wenn es wenigstens an manchen Stellen funktioniert hat. 00:19:54.060 --> 00:19:57.680 Ich sage es mal so, der Markt wird es regeln am Ende. 00:19:57.680 --> 00:19:58.200 Ganz genau. 00:19:58.200 --> 00:20:01.720 Ich glaube, viel mehr Worte muss man dazu nicht verlieren. 00:20:01.720 --> 00:20:03.520 Der Markt wird es regeln und der Markt verändert sich gerade. 00:20:03.520 --> 00:20:06.860 Ich bin ja sonst nicht so liberal, aber in dem Fall der Markt wird es regeln. 00:20:06.860 --> 00:20:12.380 Und der Markt wird es regeln und noch ein schönes Zitat von einer Kollegin von mir, habe 00:20:12.380 --> 00:20:15.800 ich glaube ich auch schon mal gesagt hier im Podcast, wer nicht mit der Zeit geht, geht 00:20:15.800 --> 00:20:16.480 mit der Zeit. 00:20:16.480 --> 00:20:17.080 Ja. 00:20:17.080 --> 00:20:19.240 In diesem Sinne können wir das abschließen. 00:20:19.240 --> 00:20:19.640 Richtig. 00:20:19.640 --> 00:20:22.760 Und macht daraus, was ihr wollt. 00:20:23.260 --> 00:20:27.120 Dann kommt jetzt schon nach 20 Minuten nicht mal unser. 00:20:29.100 --> 00:20:42.360 Und unser Tagesthema ist heute die Property der Woche. 00:20:44.740 --> 00:20:47.020 So, wir haben Jingles, also lass sie uns auch benutzen. 00:20:47.020 --> 00:20:52.080 Wie angekündigt, wir haben das ja, dann haben wir es beim nächsten Mal gleich nicht 00:20:52.080 --> 00:20:52.320 gemacht. 00:20:52.320 --> 00:20:58.100 Wie angekündigt, sind wir ein bisschen klamm mit der Zeit in der Vorbereitung und wollen 00:20:58.100 --> 00:21:01.880 jetzt mehr Properties machen und keine so riesigen Themen mehr. 00:21:01.880 --> 00:21:03.280 Aber wer weiß, vielleicht wird es doch groß. 00:21:04.460 --> 00:21:08.600 Wir haben heute dann zwei Properties vorbereitet wieder, ich eine, der Konstantin eine. 00:21:08.600 --> 00:21:10.300 Genau. 00:21:10.300 --> 00:21:12.980 Und dann kommt gleich der Jingle nochmal, wenn ich ehrlich bin. 00:21:12.980 --> 00:21:15.940 Ich bin sehr gespannt, was du uns präsentierst. 00:21:15.940 --> 00:21:20.500 Ja, meine Property der Woche ist was, was gerade so ein bisschen Hypetrain-mäßig durch 00:21:20.500 --> 00:21:23.920 Twitter gejagt wird, aber auch schon mal wurde. 00:21:23.920 --> 00:21:25.840 Nämlich Select Menu. 00:21:25.840 --> 00:21:32.920 Select Menu ist ein HTML-Element, ein neues, das gerade in der Standardisierungsphase ist. 00:21:34.300 --> 00:21:42.380 In Chrome, im aktuellen Chrome kann man es schon ausprobieren, wenn man die, Moment, 00:21:42.380 --> 00:21:43.980 habe ich das nicht mehr offen? 00:21:43.980 --> 00:21:51.660 Ich habe es natürlich, genau, wenn man es in den Flags, das anschaltet und zwar, Moment, 00:21:51.660 --> 00:21:58.560 jetzt, ich muss das nochmal kurz eingeben, damit ich es euch genau sagen kann, wie es heißt. 00:21:58.560 --> 00:22:03.380 Also bei mir im Brave-Browser ist das, werden die Flags ja eingestellt unter Brave-Doppelpunkt, 00:22:03.860 --> 00:22:13.880 Doppel-Slash-Flags, unter Chrome wäre Chrome-Doppelpunkt-Doppel-Slash-Flags und ich glaube, bei Edge müsste es sein Edge-Doppelpunkt-Doppel-Slash-Flags, also diese Chromium-basierten Browser, bei denen funktioniert das. 00:22:13.940 --> 00:22:21.940 Und da muss man die Experimental Web-Plattform-Features anschalten und ich glaube, dann neu starten, da bin ich mir jetzt gerade nicht sicher. 00:22:21.940 --> 00:22:22.940 Ich glaube, da muss man neu starten. 00:22:22.940 --> 00:22:26.960 Und dann kann man das da schon ausprobieren. 00:22:26.960 --> 00:22:30.000 So, aber was ist Select-Menu? 00:22:30.000 --> 00:22:34.900 Select-Menu ist im Prinzip Select auf Drogen. 00:22:35.440 --> 00:22:43.940 Und zwar nicht nur auf einer, sondern auf allen Drogen, die man sich so vorstellen kann und gleichzeitig noch in einer Achterbahn sitzend. 00:22:43.940 --> 00:22:45.380 Ich würde es irgendwie mal so beschreiben. 00:22:45.560 --> 00:23:03.540 Bei Select-Boxen, das ist ja so ein schönes Formularelement, da war immer das Problem, dass es weder irgendwie customizable ist, dass man das irgendwie groß anpassen kann in dem, was da reinkommt oder wie das aussieht. 00:23:03.540 --> 00:23:07.300 Und halt aber auch generell, das Styling war immer extrem schwierig. 00:23:07.300 --> 00:23:16.060 Also in den letzten Jahren wurde es ein bisschen besser mit dem initialen Zustand, das Ding, wo man draufklickt, zu stylen. 00:23:16.060 --> 00:23:17.640 Das ging dann irgendwann so halbwegs. 00:23:17.640 --> 00:23:24.700 Ja, oft dann aber auch mit so Vendor-Prefixes, dass wir dann irgendwie WebKit, Default, irgendwas oder den Pfeil ausblenden oder sowas. 00:23:24.700 --> 00:23:26.560 Aber es ist immer noch nicht sehr schön. 00:23:27.560 --> 00:23:34.380 Genau, aber das, was drinnen ist in dem Select, konnte man nicht stylen. 00:23:34.380 --> 00:23:40.960 Und dann gibt es ja auch noch so Ideen, wie Selects an anderen Stellen funktionieren. 00:23:40.960 --> 00:23:43.360 So eine Art Combo-Box heißt das dann manchmal. 00:23:43.360 --> 00:23:47.780 Das ist dann so ein Select, wo man selbst dann noch filtern kann, indem man reintippt. 00:23:47.780 --> 00:23:57.320 Und es gab viele, viele Sachen, die da gebaut wurden, die so drumherum gebaut wurden, um Select, beziehungsweise wo man gerne ein Select gehabt hätte, aber das ja einfach nicht ging vom Feature-Umfang her. 00:23:57.560 --> 00:24:02.740 So, und Select-Menu verspricht, diese ganzen Probleme zu lösen. 00:24:02.740 --> 00:24:11.040 Was mir da als erste Frage gleich in den Kopf kommt, ich weiß nicht, ob du da eine Antwort drauf hast, aber warum ein neues Element dafür? 00:24:11.040 --> 00:24:12.060 Kann ich dir sofort sagen. 00:24:12.060 --> 00:24:13.700 Don't break the web. 00:24:13.700 --> 00:24:15.020 Ja, aber es geht ja um Styling. 00:24:15.020 --> 00:24:17.660 Also wenn ich das richtig gesehen habe, willst du auf den ersten Blick? 00:24:17.660 --> 00:24:18.300 Nein, nein. 00:24:18.300 --> 00:24:19.880 Nee, es ist nicht nur einfach Select-Option? 00:24:19.880 --> 00:24:20.980 Nein, es ist viel mehr. 00:24:20.980 --> 00:24:21.300 Okay. 00:24:21.300 --> 00:24:22.300 Es ist viel mehr. 00:24:23.180 --> 00:24:26.700 Es ist nicht nur Styling, das ganze Ding ist customisable. 00:24:26.700 --> 00:24:28.000 Komplett. 00:24:28.000 --> 00:24:28.520 Okay. 00:24:28.520 --> 00:24:32.900 Ich kann es komplett so zusammenbauen, wie ich will und ich kann da reinpacken, was ich will. 00:24:32.900 --> 00:24:39.280 Also vielleicht an der Stelle erstmal erwähnt, es gibt einen schönen CSS-Tricks-Artikel dazu, der kommt in die Shownotes. 00:24:39.280 --> 00:24:43.840 Der kam jetzt gerade, das war jetzt der Trigger auch dafür unter anderem. 00:24:44.160 --> 00:24:46.280 Danke auch nochmal, warte mal, jetzt muss ich gerade überlegen. 00:24:46.280 --> 00:24:53.260 Ich glaube, Danke Svenja, die hat das auch nochmal angesprochen, dass man das doch als, dass man das mal vorstellen könnte. 00:24:53.260 --> 00:25:00.020 Genau, also es funktioniert komplett anders und es ist don't break the web. 00:25:00.020 --> 00:25:02.220 Das heißt, Selects bleiben nach wie vor so, wie sie sind. 00:25:02.920 --> 00:25:07.980 Und Selectbox ist tatsächlich, ist ein Ersatz dafür, der aber viel, viel, viel mächtiger ist. 00:25:07.980 --> 00:25:13.000 Wie gesagt, CSS-Tricks-Artikel, genau, kam gestern raus. 00:25:13.000 --> 00:25:18.680 Also wir nehmen heute am Freitag auf, also am Donnerstag, den dritten, kam das raus. 00:25:18.680 --> 00:25:22.980 Und dann habe ich mir das mal angeschaut. 00:25:22.980 --> 00:25:24.220 Das war irgendwie auch so mit so einem Trigger. 00:25:24.220 --> 00:25:26.320 Mal angucken, was kann das denn überhaupt? 00:25:26.320 --> 00:25:27.180 Und was mache ich dann immer? 00:25:27.180 --> 00:25:30.280 Ich habe eine meiner berühmten Demos gebaut, um es kaputt zu spielen. 00:25:31.560 --> 00:25:38.020 Weil das versuche ich oft, ich sehe sowas in eine neue Property und gucke dann mal, wie schlimm kann man es denn machen? 00:25:38.020 --> 00:25:40.140 Wie bei uns an Scrollbars, ne? 00:25:40.140 --> 00:25:42.760 Genau, wie wild kann man es treiben? 00:25:42.760 --> 00:25:53.140 Und oftmals stößt man da dann an eine Grenze, wo dann irgendwas kommt, oder ich stoße dann meistens an eine Grenze, wo entweder der Browser abkackt oder irgendwas nicht mehr so funktioniert, wie man es erwarten würde. 00:25:53.140 --> 00:25:57.140 Also einer von euch beiden gibt auf, du oder der Browser. 00:25:57.140 --> 00:25:59.140 Einer von euch beiden gibt auf und diesmal habe ich aufgegeben. 00:25:59.140 --> 00:26:00.400 Oha. 00:26:01.140 --> 00:26:01.540 Tatsächlich. 00:26:01.540 --> 00:26:07.480 Und ich habe eine Demo gebaut, die ist natürlich wieder nicht besonders hübsch, weil ich halt wirklich schlimme Dinge gemacht habe damit. 00:26:07.480 --> 00:26:13.680 Also ich weiß gar nicht genau, sollte ich vielleicht erst mal die Eigenschaften erklären? 00:26:13.680 --> 00:26:15.180 Darf ich es schon aufrufen? 00:26:15.180 --> 00:26:18.600 Warte mal, die Demo vielleicht mal nicht aufrufen. 00:26:18.600 --> 00:26:26.080 Ich wollte noch kurz einwerfen, weil ich gerade das gesehen habe in dem CSI-Strix-Artikel, dass das mal wieder von Microsoft vorangetrieben wird. 00:26:26.080 --> 00:26:26.480 Ja. 00:26:26.920 --> 00:26:33.320 Und ich hatte das ja auch schon gesagt bei der Subgrid-Geschichte, wo ich dieses Bug-Ticket ja auch verfolge. 00:26:33.320 --> 00:26:38.820 Und da sind eigentlich ausschließlich an den Sachen, die sich da tun, von den E-Mail-Adressen immer at microsoft.com. 00:26:39.220 --> 00:26:49.200 Also da muss man wirklich mal eine Lanze brechen für das Team von Microsoft, die da, seit die sich in Chromium mit eingeklinkt haben, wirklich, also wirklich elementare Dinge auch mit vorantreiben. 00:26:49.860 --> 00:26:52.020 Da wirklich Chapeau. 00:26:52.020 --> 00:26:53.280 So, genau. 00:26:53.280 --> 00:26:58.360 Und wer das ursprünglich angetriggert hat, den habe ich auch mal auf einer Konferenz getroffen. 00:26:58.360 --> 00:27:01.280 Das ist der Greg Whitworth. 00:27:01.280 --> 00:27:04.960 Ich glaube, der ist mittlerweile nicht mehr bei Microsoft, der war es damals aber noch. 00:27:04.960 --> 00:27:17.980 Und den habe ich bei der JSConf 2018 getroffen, wo es ihm genau darum ging, der hat damals eine Umfrage gemacht dort, was ist denn der größte Painpoint beim Webdesign und bei CSS? 00:27:17.980 --> 00:27:20.740 Und da ist er im Speziellen auf Formularelemente. 00:27:20.740 --> 00:27:24.360 Damals wurde quasi Groundwork gemacht für, woran müssen wir denn arbeiten? 00:27:24.360 --> 00:27:33.040 Und dass das jetzt quasi, naja, so schnell, in Anführungsstrichen, innerhalb von vier Jahren quasi was ist, was man im Browser ausprobieren kann, hätte ich damals nicht gedacht. 00:27:33.040 --> 00:27:34.960 Mir natürlich gewünscht, aber hätte ich mir nicht gedacht. 00:27:34.960 --> 00:27:37.940 So, Entschuldigung. 00:27:37.940 --> 00:27:40.700 Ich darf ja nicht mehr ins Mikrofon rülpsen, sonst kriegen wir Ärger. 00:27:40.700 --> 00:27:43.640 So, genau. 00:27:43.640 --> 00:27:44.460 Select Menu. 00:27:44.880 --> 00:27:49.660 Ich gehe es vielleicht erst mal kurz durch und erkläre mal, was das denn so grob kann und wie das aussieht. 00:27:49.660 --> 00:27:54.700 Also man kann Select Menu, das Element, so verwenden, ganz genauso wie Select. 00:27:54.700 --> 00:27:59.060 Ich kann das einfach statt Select, Select Menu hinschreiben und dann da Option Elemente reinpacken. 00:27:59.060 --> 00:28:03.000 Und dann hat das auch einen Standard Style, sieht genauso aus wie ein Select und dann klappen die da auf. 00:28:03.480 --> 00:28:06.240 Und dann kann ich einfach, das zieht genauso aus wie ein Select. 00:28:06.240 --> 00:28:13.640 Und ich kann auch damit so Sachen machen, genau die anderen, die Advanced Select Sachen machen, ganz genauso wie mit einem normalen Select. 00:28:13.640 --> 00:28:22.560 Also sowas wie Multiple Auswahl oder Opt Groups, wo man dann so noch so eine, ja, wo man einzelne Gruppen definieren kann mit Überschrift. 00:28:23.260 --> 00:28:25.260 Ähm, das geht alles damit auch. 00:28:25.260 --> 00:28:29.860 Aber, es ist alles komplett stylbar. 00:28:29.860 --> 00:28:40.380 Ähm, und ich kann auch mein eigenes Markup bauen und dem dann quasi mit bestimmten Attributen sagen, das hat jetzt diese Rolle. 00:28:40.380 --> 00:28:42.320 Das macht jetzt das in diesem Select. 00:28:42.320 --> 00:28:47.820 Ähm, ich bin jetzt gerade am überlegen, ob wir da jetzt vielleicht ein Beispiel mal durchgehen. 00:28:48.540 --> 00:28:53.960 Ähm, vielleicht, ich guck grad mal, vielleicht nehmen wir mal, fangen wir mal mit dem Styling an. 00:28:53.960 --> 00:28:57.000 Also ich hab, ich hab in dem, in der, jetzt kannst du die Demo mal aufmachen. 00:28:57.000 --> 00:28:57.420 Juhu. 00:28:57.420 --> 00:29:02.760 Ähm, ich hab, äh, ich hab zwei Demos gebaut, beziehungsweise ich hab drei, drei Select Boxen. 00:29:02.760 --> 00:29:03.260 Ich hab einmal ... 00:29:03.260 --> 00:29:06.940 Ich muss die aber natürlich dann in einem, äh, Chromium öffnen, wo ich das Flag gesetzt hab, ne? 00:29:06.940 --> 00:29:07.760 Genau, genau. 00:29:07.760 --> 00:29:12.460 So, gut, das hab ich gerade schon nebenher am Machen, jetzt muss ich das einmal neu starten. 00:29:12.460 --> 00:29:16.280 Genau, ich, ich, also ich hab da drei, ich hab drei Boxen da drin. 00:29:16.860 --> 00:29:18.620 Die erste ist einfach nur plain. 00:29:18.620 --> 00:29:24.160 Select Menu, Opt Group mit nem Label, dann sind da zwei Opt Groups drin mit Options. 00:29:24.160 --> 00:29:26.460 Ganz plain, nichts, nichts Verrücktes. 00:29:26.460 --> 00:29:29.360 Wo ist denn da deine, deine, ach so, Select Menu Madness, ja, da ist ja. 00:29:29.360 --> 00:29:32.740 Genau, Select Menu Madness, hab ich's genannt, es ist halt wirklich Madness. 00:29:32.740 --> 00:29:35.760 Ich hab, ich hab's nicht geschafft, das Ding kaputt zu spielen. 00:29:35.760 --> 00:29:37.760 Ich hab's nicht geschafft, egal, was ich gemacht hab. 00:29:37.980 --> 00:29:48.140 Was ich interessant find, ich hab's jetzt grad in dem Standardbrowser geöffnet, wo ich das Flag nicht gesetzt hab, und dass Options, äh, einen Hover haben, auch wenn sie in einem, in einem nicht vorhandenen, in dem Fall Select Menu Tag drin sind. 00:29:48.140 --> 00:29:49.160 Naja. 00:29:49.160 --> 00:29:50.380 Da hab ich einen Hover-Effekt, interessant. 00:29:50.380 --> 00:29:52.600 Gut, also. 00:29:52.600 --> 00:29:57.940 Also, das, das oberste ist quasi plain Select Menu, gar nix, kein Style, nichts Verrücktes innen drin. 00:29:57.940 --> 00:29:58.260 Ja. 00:29:59.140 --> 00:30:00.560 So, ich hab, ähm, dieses ... 00:30:00.560 --> 00:30:04.140 Ja, wobei, das ist ein bisschen abgerundet, ist das jetzt bei einem, bei einem normalen ... 00:30:04.140 --> 00:30:04.840 Ah, steht's. 00:30:04.840 --> 00:30:08.100 Also, ganz, also, ein bisschen anders sieht's aus, aber ich weiß gar nicht, wie hier so ein normales Select aussieht. 00:30:08.100 --> 00:30:11.780 Aber, Moment, jetzt muss ich grad mal gucken, ist das, ist das, weil ich das gemacht hab? 00:30:11.780 --> 00:30:12.660 Nee, eigentlich nicht. 00:30:12.660 --> 00:30:14.540 Aber ich, ich mach hier mal aus dem, aus dem ... 00:30:14.540 --> 00:30:15.720 Das ist Standard-Style. 00:30:15.720 --> 00:30:18.900 Aber es sieht, es sieht im Prinzip so aus wie eine Selectbox, wie man sie kennt. 00:30:18.900 --> 00:30:26.000 Ich mach jetzt grad mal aus dem obersten Select Menu bei mir, äh, Select, nur um das zu gucken, ob das wirklich exakt so aussieht. 00:30:26.000 --> 00:30:28.880 Und, äh, nee, es ist tatsächlich ein bisschen anders. 00:30:29.140 --> 00:30:34.540 Also, das, was aus, äh, rausfährt, die Liste, die ist tatsächlich abgerundet und das ist bei einem normalen Select nicht. 00:30:34.540 --> 00:30:39.000 Also, daran kann man's ein bisschen erkennen. Ich weiß natürlich, ob nicht, ob das jeder Browser, der das so implementiert, dann so machen wird. 00:30:39.000 --> 00:30:45.040 Ist auf jeden Fall der Default-Style. Also, ich hab da dran nichts, nichts verändert an dem ersten. Ganz bewusst. Ich wollt einfach so vorher, nachher. 00:30:45.040 --> 00:30:49.340 Und die Schriftart ist auch eine andere. Ah, interessant. Also, es gibt ein paar, äh, Unterschiede. 00:30:49.340 --> 00:30:52.980 Dann, beim zweiten, hab ich mich auf Styling, äh, fokussiert. 00:30:52.980 --> 00:30:53.220 Wow. 00:30:53.220 --> 00:30:57.900 Und hab, hab mir überlegt und hab versucht, alles zu stylen, was da so drin ist. 00:30:58.140 --> 00:31:03.120 So, und zwar, äh, die Box hat jetzt tatsächlich, ich hab so Width und Height vergeben. 00:31:03.120 --> 00:31:08.900 Ähm, ich hab mal Border-Radius vergeben. Ich hab mal eine Font-Size vergeben. Das wirkt, das funktioniert alles. 00:31:08.900 --> 00:31:16.880 Ähm, diesen Pfeil, da hab ich, da hab ich nur ganz kurz danach geguckt. Der Pfeil, der jetzt da standardmäßig drin ist, ähm, den kann man, glaub ich, auch noch stylen. 00:31:16.880 --> 00:31:17.080 Okay. 00:31:17.260 --> 00:31:18.120 Dann kann ... 00:31:18.120 --> 00:31:21.180 Die Scrollbar innen drin hättest du noch stylen können, aber die hat natürlich nix direkt mit dem ... 00:31:21.180 --> 00:31:27.240 Stimmt, die Scrollbar, die Scrollbar, genau, Scrollbars gibt's da drin auch. Ähm, so, genau. 00:31:27.240 --> 00:31:32.260 Also, ich sag mal, es sieht aus, als hätte ein, ähm, als hättet ihr ein Einhorn aufs Bild gekotzt. 00:31:32.260 --> 00:31:34.140 Auf dem Bildschirm gekotzt. 00:31:34.320 --> 00:31:39.960 Also, ich versuch mal Stück für Stück durchzugehen und versuch das so gut, wie es geht, äh, zu beschreiben. 00:31:39.960 --> 00:31:46.460 Also, das Ding ist jetzt, äh, 500 Pixel breit, 60 Pixel hoch, das hab ich angegeben, hat ein Border-Radius von 10 Pixel, das wirkt auch. 00:31:46.460 --> 00:31:57.400 Die Font-Size 20 Pixel, äh, das, das stimmt, glaube ich, nicht. Das ist nur die Innere, weil nämlich, dann kommen wir nämlich schon, ähm, zu den Bereichen, da wird's dann interessant. 00:31:57.460 --> 00:32:07.240 Wie kann ich jetzt die einzelnen Elemente da innen drin stylen? Nämlich, die haben so eine, die haben so eine neue Art Pseudoklasse, nämlich Doppelpunkt, Doppelpunkt, Part, heißt das. 00:32:07.240 --> 00:32:16.940 Und in Klammern steht da dann das Element, was ich, was ich davon stylen möchte. Da gibt's nämlich den Button, Selected Value und die Listbox. 00:32:16.940 --> 00:32:21.980 Ich hoffe, ich hab jetzt nix vergessen. Das sind auf jeden Fall die, die ich hier mal gestylt hab. Ähm, genau. 00:32:21.980 --> 00:32:26.540 Der Button ist das Element, wo ich drauf drücke, um das zu öffnen. 00:32:26.540 --> 00:32:37.400 Ich hab gerade mal dieses Part kurz noch gegoogelt, weil das ja wirklich was Neues ist. Also das ist ein Pseudo-Element, ähm, um ein Element in einem Shadow-Tree zu matchen, das ein passendes Part-Attribute hat. 00:32:37.400 --> 00:32:42.960 Also das ist tatsächlich wohl intern ein Shadow-Dom, was da dann, was da genutzt wird. 00:32:42.960 --> 00:32:53.360 Ja, korrekt. Ähm, so, dann haben wir, dann haben wir den Button. Der Button ist der Teil, also der Shadow-Tree-Part, auf den man klickt. Also der, der wirklich dann interaktiv wird. 00:32:53.460 --> 00:33:10.900 Wenn ich jetzt aber zum Beispiel, das ist übrigens, äh, ganz interessant, oder das sieht man jetzt in dem Beispiel nicht, aber das hab ich gemerkt beim Bauen. Ähm, wenn ich den Button jetzt nicht 100% Höhe und Breite gebe, aber das ist, äh, das Select-Menu eine bestimmte Größe hat, dann ist auch nur der Bereich klickbar, wo der, den der Button ausfüllt. 00:33:11.100 --> 00:33:22.500 Und der Rest nicht. Also wenn ich da dann klicke, passiert nix. Das ist jetzt nur deswegen so, weil ich den Button 100% Höhe und Breite gegeben habe, also füllt quasi alles aus von dem, also das ist auf jeden Fall ein interessantes Detail. 00:33:22.500 --> 00:33:27.060 Muss man wissen, glaube ich. Ähm, natürlich Background-Color-Peach-Puff, ganz wichtig. 00:33:29.160 --> 00:33:40.280 Ähm, genau. Der Button, dem hab ich dann auch nochmal eine eigene Font-Size gegeben, der hat, ähm, auch nochmal Border-Radius. Ich glaube, das war tatsächlich nötig, damit es angezeigt wird, weil der Button vorher, wenn er 100% hatte, hat er darüber hinausgeragt. 00:33:40.400 --> 00:33:52.520 Ähm, außerdem müsste, ähm, ah, Overflow-Hidden hätte ich machen können, auf das drumgebende Element, dann hätte das auch geklappt. Ähm, genau. So, ähm, dann gibt es, ähm, Selected Value. 00:33:52.520 --> 00:34:10.160 Das ist quasi das Element, das gerade den Fokus hat, innerhalb, äh, von den ausgewählten Elementen, wenn ich's aufklicke. Ähm, und das Ganze, der ganze Bereich innerhalb dem, die ganzen einzelnen Optionen, die ich auswählen kann, drin sind. 00:34:10.160 --> 00:34:39.920 Das ist, ähm, die List-Box in dem Fall. Und, äh, die List-Box, die hab ich ziemlich wild gestylt in dem Fall, ähm, die hat jetzt bei mir in dem Fall, äh, die, ne schwarze Hintergrundfarbe, ein Rem-Padding, damit man, ich wollte einfach mal ausprobieren, ob Padding funktioniert, hat ein Border-Radius, sodass ich tatsächlich so sehr, dass ich tatsächlich die, den Inhalt abschneide am Rand, dass man gar nicht mehr richtig lesen kann. Aber ich wollte einfach mal gucken, wollte einfach mal auf die Spitze treiben. Ähm, genau. Und die einzelnen Elemente 00:34:39.920 --> 00:34:48.320 innen drin, das hab ich, äh, tatsächlich gemacht mit, äh, wo war das genau? Die ganze, also alle Kind-Elemente, die innen drin sind, haben so ein Rainbow, äh, Background. 00:34:48.320 --> 00:34:51.040 Einfach nur mal, um, also, 00:34:51.040 --> 00:34:58.700 Ja, ja, um zu gucken, wie sehr, aber es ist das schon ... Ich will gucken, ich will gucken, geht das? Kann ich da jetzt mit Gradients arbeiten? Kann ich da, geht da wirklich alles? 00:34:59.120 --> 00:35:11.180 So, das ist aber noch, das ist alles low. Du hast das untere, hast das untere schon aufgeklickt? Nein. Ich hoffe nicht, ich hoffe nicht. Okay, lass die, lass die, lass die, lass die Spannung noch ein bisschen hoch. So, ähm, genau. Also, alles an Styling, was ich ausprobiert hab, hat funktioniert. 00:35:12.120 --> 00:35:24.920 Ähm, ah, genau, Moment, stopp, ich hab was falsch gesagt. Selected Value ist nicht, ist nicht, ähm, der, der, der fokussierte Bereich, sondern Selected Value ist das, was ich ausgewählt hab, was dann aber innerhalb des Buttons angezeigt wird. 00:35:25.240 --> 00:35:35.300 Das muss ich kurz korrigieren, ja, das war, war ich grad falsch. Das heißt, es gibt auch noch in der Liste, aber wahrscheinlich auch irgendwie die Möglichkeit über, was ist das dann, Selected wahrscheinlich wieder, also Option Selected, äh, Fokus. 00:35:35.300 --> 00:35:41.620 Fokus. Es ist tatsächlich Fokus. Ich hab, ich hab grad nochmal nachgeschaut, ich hab's mit Fokus gestylt und das geht. Deswegen sind die nämlich weiß. 00:35:41.620 --> 00:35:46.840 Aber gibt's da auch, warte mal, das heißt, wenn ich mit der Tastatur durchtappe, dann sind die, haben die einen weißen Hintergrund und das ist Fokus. 00:35:46.840 --> 00:35:50.120 Ähm. Das müsste doch, das Option-Element müsste ja trotzdem Selected gehen, weil ... 00:35:50.120 --> 00:35:53.640 Selected ist ja das, das derzeit ausgewählte. 00:35:54.220 --> 00:36:01.840 Ja, genau. Das ist aber nicht fokussiert. Das ist aber nicht, das ist noch was anderes als der Fokus. Fokus ist das, was ich gerade auswählen würde, wenn ich dann Enter drücke. 00:36:01.840 --> 00:36:09.120 Ja, na gut, das, na, Fokus ist ja, ob das Element den Fokus hat, ne? 00:36:09.120 --> 00:36:10.240 Genau. 00:36:10.240 --> 00:36:17.120 Und ob das ausgewählt ist, das wird ja irgendwann abgeschickt, also müsste ich ja eigentlich sagen können, aber Option Selected funktioniert jetzt komischerweise nicht, seh ich gerade. 00:36:17.120 --> 00:36:24.140 So, also da hab ich mich jetzt nur um Styling gekümmert in dem ersten und dem zweiten hab ich mich drum gekümmert, 00:36:24.140 --> 00:36:36.000 was kann denn da alles rein? Weil ursprünglich war, da hab ich da so Demos gekümmert, ja, da kann man jetzt, jetzt kann man endlich, was man schon immer mal machen wollte, den Options zum Beispiel Bilder geben bei, wenn man jetzt, wenn man jetzt ein Select hat, hast du schon aufgeklickt? 00:36:36.140 --> 00:36:52.320 Nee, ich hab's noch nicht, okay, mach's erst, wenn ich sage, erst, wenn ich sage, ähm, also, äh, der Klassiker wäre halt, man will jetzt, man hat so ein Language Switcher und möchte Flaggen nebendran einblenden oder so, ja, das war, was man früher immer wollte, keine Ahnung, ob das eine gute Idee ist, wollte man früher immer machen, sowas. 00:36:53.200 --> 00:37:00.680 Ähm, also quasi ein Bild, hab ich gedacht, okay, fangen wir mal an mit einem Bild. Bild, kein Problem. Bild hab ich reingemacht, ich hab unser WWS-EV-Logo mal reingepackt. 00:37:00.680 --> 00:37:10.020 So, ähm, und dann hab ich mir gedacht, hm, was geht denn noch so? Und dann hab ich wirklich alles ausprobiert, was mir eingefallen ist, an schlimmen Dingen, die man da reinschreiben könnte. 00:37:10.200 --> 00:37:22.720 Und es hat alles funktioniert. Alles. Ich beginne mit einem Link. Ein Link da drin, ich klicke drauf, der funktioniert sogar. In einer Option, ein Link, ich klicke drauf, er funktioniert. 00:37:22.720 --> 00:37:32.320 Dann hab ich ein SVG reingepackt, ähm, es funktioniert. Dann hab ich diverse HTML, andere HTML-Dinger. Ich hab ne Headline drin, ich hab ne Liste drin, du darfst jetzt draufklicken. 00:37:32.320 --> 00:37:33.780 Ja, ich hab schon, ich hab schon, ja. 00:37:34.120 --> 00:37:38.680 Ich hab, äh, ein Input, ein Text-Input drin, ich habe ein weiteres Select-Menu drin. 00:37:38.680 --> 00:37:39.660 Nee. 00:37:39.660 --> 00:37:44.280 Wo ist es denn? Ach, da. Ach, was. Aber man kann es nicht so richtig bedienen, ne? 00:37:44.280 --> 00:37:46.760 Man kann es nicht so richtig bedienen, aber es geht. 00:37:46.760 --> 00:37:47.980 Okay, ein Date-Input auch, du bist doch... 00:37:47.980 --> 00:37:54.160 Ich hab ein Date-Input drin und jetzt kommt, ich habe ein YouTube-Livestream-Video im Bett mit iFrame. 00:37:54.160 --> 00:37:58.400 Ich hab erst gedacht, ein Video, und dann dachte ich mir, warte mal, bei iFrame könnte ich gleich... 00:37:58.400 --> 00:37:59.640 Und es läuft auch, tatsächlich mit Sound. 00:37:59.640 --> 00:38:02.380 Es läuft, es läuft, man kann es anklicken, es läuft tatsächlich. 00:38:03.380 --> 00:38:07.040 Dann hab ich nur ein Range-Input, also, und dann hab ich, dann sind mir die Ideen ausgegangen. 00:38:07.040 --> 00:38:10.060 Aber man muss alles in ein Option-Ding packen. 00:38:10.060 --> 00:38:11.360 Ist das elementar, ne? 00:38:11.360 --> 00:38:16.280 Also, es muss immer als direktes Kind-Element eine Option sein, aber da drin bist du dann frei in dem, was du tust. 00:38:16.280 --> 00:38:17.620 Geht ein iFrame, hast du das gemacht? 00:38:17.620 --> 00:38:19.120 Achso, das Video ist ja ein iFrame. 00:38:19.120 --> 00:38:20.620 Ja, das ist ja, das Video ist ein iFrame. 00:38:20.620 --> 00:38:22.120 Also, ich kann damit... 00:38:22.120 --> 00:38:28.600 Und ich würde behaupten, das wird in der Standardisierungsphase, wird das wahrscheinlich noch etwas beschnitten werden in den Fähigkeiten. 00:38:28.600 --> 00:38:30.160 Das kann grad momentan alles. 00:38:30.160 --> 00:38:31.840 Alles, alles, alles. 00:38:31.840 --> 00:38:37.080 Und ob das eine gute Idee ist, dass man da drin alles machen kann, weiß ich nicht, Digga. 00:38:37.080 --> 00:38:38.580 Ja, weiß ich nicht, Digga. 00:38:38.580 --> 00:38:40.260 Oh, der Rätsel ist da. 00:38:40.260 --> 00:38:41.540 Der Rätsel ist da. 00:38:41.540 --> 00:38:44.020 Nee, nee, das ist ein ganz bestimmtes Video, was ich anspiele. 00:38:44.020 --> 00:38:45.940 Vielleicht verlinken wir das nochmal mal gucken. 00:38:46.400 --> 00:38:51.580 Apropos verlinken, weil du gesagt hast, hier Language Flags reinbauen. 00:38:51.580 --> 00:38:59.720 Da hab ich mal einen generellen Artikel gefunden, warum man niemals überhaupt Flaggen als Language Select benutzen sollte. 00:38:59.720 --> 00:39:02.700 Da gibt's so ein paar Punkte, die dagegen sprechen. Verlinke ich einfach mal in den Show Notes. 00:39:03.240 --> 00:39:06.680 Ja, klar, fällt mir sofort auch was ein, weil, welche Flagge nimmst du denn für Englisch? 00:39:06.680 --> 00:39:07.900 Welche nimmst du denn für Deutsch? 00:39:07.900 --> 00:39:08.740 Genau das. 00:39:08.740 --> 00:39:14.260 Oder Multisprachländer, die halt, ja, also da macht halt die Landesfahne keinen Sinn. 00:39:14.260 --> 00:39:18.040 Also könnte ich bei Deutsch jetzt auch die Schweizer Flagge, die mach ich bei Französisch auch hin und bei Italienisch auch. 00:39:18.040 --> 00:39:19.080 Ja, genau. 00:39:20.700 --> 00:39:25.120 Ich hab auch vorhin schon gesagt, es ist sehr fraglich, ob man's möchte, aber das war früher so ein Ding. 00:39:25.120 --> 00:39:30.920 Ja, ja, ich hab das selber auch noch auf manchen Seiten, auf alten Seiten, wo wir es nicht nachträglich geändert haben. 00:39:30.920 --> 00:39:32.560 Früher, früher. 00:39:32.560 --> 00:39:33.100 Früher, früher. 00:39:33.100 --> 00:39:35.360 Als wir noch unbedarft waren und nichts wussten. 00:39:35.360 --> 00:39:36.540 So. 00:39:36.540 --> 00:39:39.480 Ich bin jetzt gerade am überlegen. 00:39:39.480 --> 00:39:42.860 Ich glaube, ich geh noch ein bisschen auf Demos ein, weil wir jetzt meine Demo hatten. 00:39:42.860 --> 00:39:45.000 Geh ich noch ein bisschen auf die offiziellen Demos ein. 00:39:45.000 --> 00:39:49.540 Es gibt nämlich eine sehr coole Demos-Seite, wo ich auch erst mal wirklich, wirklich geschluckt hab. 00:39:49.540 --> 00:39:51.520 Aber krass, das geht jetzt alles mit so einem Ding. 00:39:51.520 --> 00:39:54.400 Es fängt an mit Emojis. 00:39:54.400 --> 00:39:56.360 Und das Ding ist der Knaller. 00:39:56.360 --> 00:40:00.840 Das hat mich eigentlich dazu gebracht, das muss ich mir angucken, weil ich nicht glauben konnte, dass das jetzt schon im Browser geht. 00:40:00.840 --> 00:40:01.240 Ja, Wahnsinn. 00:40:01.240 --> 00:40:05.420 Und zwar ist das ein rundes Select mit einem Emoji drin. 00:40:05.420 --> 00:40:14.840 Und wenn ich draufdrücke, öffnet sich darunter ein Kreis mit Emojis, die ich tatsächlich, und das kann man auch sofort ausprobieren, mit der Tastatur kann ich durchtappen. 00:40:14.840 --> 00:40:15.480 Durchtappen, ja. 00:40:15.480 --> 00:40:19.520 Die einzelnen Options, in denen Emojis drin sind, das ist wirklich komplett tastaturbedienbar. 00:40:19.540 --> 00:40:21.740 auch, so wie man es eigentlich haben will. 00:40:21.740 --> 00:40:25.560 Colorpicker könnte man auch, so mit fertigen Paletten fällt mir da als Beispiel auf. 00:40:25.560 --> 00:40:27.500 Ist unten als Beispiel tatsächlich drin. 00:40:27.500 --> 00:40:30.860 Ich hab schon direkt einen Bug gefunden, da kommt meine alte Qualitätssicherung. 00:40:30.860 --> 00:40:33.360 Lass mich raten, du hast gescrollt. 00:40:33.500 --> 00:40:40.660 Ja, wenn du, ne, also das macht es ja automatisch, genau, dass es nach oben oder unten aufgeht, je nachdem wie der, wie der, ähm, Platz verfügbar ist. 00:40:40.660 --> 00:40:45.460 Und dann ist das Ding aber so gebaut, dass dieser Kreis da oben, ne, das geht mit so schönen Wundungen. 00:40:45.460 --> 00:40:53.420 Und das wissen die auch, das wissen die auch, da steht in der Note, make sure there is enough room below the button to expand for this box, since CSS doesn't handle cases when it is about the button. 00:40:53.420 --> 00:40:56.980 Das fände ich jetzt aber noch interessant, mit einer Pseudoklasse genau das abzufangen. 00:40:56.980 --> 00:40:59.540 Das kann ja eigentlich so schwierig nicht sein, oder? 00:40:59.540 --> 00:40:59.900 Ja. 00:40:59.900 --> 00:41:08.440 Also, dass du sagen kannst, irgendwie, wenn, wenn die Position top ist, dann mach diese Rundungen unten hin und wenn dann top, also das fände ich schon nett, wenn die das tatsächlich machen würden. 00:41:08.480 --> 00:41:18.440 Da sei vielleicht auch direkt, ähm, also genau, ich wollte nochmal sagen, wer da dran arbeitet, ähm, vielleicht ist das jetzt der richtige Moment, weil wenn du jetzt genau solche Ideen hast, das kann man damit einfließen lassen. 00:41:18.440 --> 00:41:23.640 Du kannst bei GitHub, ähm, da einen Kommentar schreiben und sagen, hey, äh, das wäre aber schon wichtig, wenn ihr das noch einbaut und so. 00:41:23.640 --> 00:41:28.120 Die haben es offenbar schon gemerkt, ähm, dass das ein Problem ist, ähm, dass man sie nochmal drauf hinweist. 00:41:28.120 --> 00:41:53.180 Ja, ähm, nämlich, äh, die Seite, wo gerade ganz viele solche Sachen passieren, ähm, nicht nur Selectmenu, sondern auch andere, ähm, heißt OpenUI.org, Open-UI.org, ähm, und da werden ganz viele solche, ähm, solche Probleme gerade durchgesprochen, wie sollte man die denn lösen und so Vorschläge gemacht, ähm, für so, ähm, bin ich ein Riesenfan von, ähm, Probleme, die man hat und momentan manuell oder zu Fuß löst, dafür einen Webstandard schaffen. 00:41:53.180 --> 00:42:03.020 Das ist das, das ist das Ziel von diesem Open-UI. Da ist Microsoft viel hinten dran gerade, ähm, das, da, da tut sich gerade richtig viel. Also da auf jeden Fall, die wollen auf jeden Fall auch Feedback haben. 00:42:03.020 --> 00:42:13.740 Okay, das wäre nämlich, glaube ich, schon, also, weil bei dem Nächsten hast du genau das gleiche Problem, da steht auch wieder dabei, das funktioniert nur, wenn's, wenn's, äh, unten drunter erscheint und nicht, wenn's oben drüber erscheint, ähm, deswegen, ja. 00:42:13.740 --> 00:42:23.160 Genau. So, genau, also dann, das, das ist relativ, äh, da gibt's, wie so, beim nächsten Beispiel haben sie so eine Art Label oben drüber, das ist eher unspektabel. 00:42:23.180 --> 00:42:34.020 Ja, aber da geht's auch um, da geht's auch um mehr. Da geht's ja nicht um das Label, sondern wenn du das öffnest, dann erscheint die Liste genau an der Stelle, wo das Wort auch in der, das selektierte Wort auch in den Button erscheint. 00:42:34.020 --> 00:42:45.600 Äh, also wenn du jetzt, äh, unten Pumpkin auswählst, und das geht halt nur, wenn, wenn's nach unten aufgeht. Wenn du da draufklickst, dann steht Pumpkin an der gleichen Stelle wie, wenn's ausgewählt ist. 00:42:45.600 --> 00:42:50.680 Und bei Carrot öffnet sich's dann so, dass es auf der Höhe von... Es wackelt bei mir einen Pixel, aber... 00:42:50.680 --> 00:42:52.500 Interessanterweise ist das bei mir nicht so. 00:42:52.500 --> 00:42:53.300 Brave. 00:42:53.300 --> 00:43:01.040 Brave, bei mir ist es in, in Edge, da funktioniert das so. Aber wie gesagt, nur wenn's nach unten aufgeht, wenn's nach oben aufgeht, dann stimmt's schon wieder gar nicht. 00:43:01.800 --> 00:43:03.860 Äh, ich glaube, das sieht bei mir grad anders aus. 00:43:03.860 --> 00:43:04.760 Ah, ja, okay. Interessant. 00:43:04.760 --> 00:43:12.100 Aber nächstes Beispiel, das ist was, das was, da werden sich sehr viele sehr groß, äh, sehr, sehr drüber freuen. Nämlich, was ich vorhin schon angesprochen hab, die Combo-Box. 00:43:12.100 --> 00:43:15.620 Nämlich ein filterbares Select haben die da mitgebaut. 00:43:15.620 --> 00:43:16.080 Aha. 00:43:16.080 --> 00:43:24.900 Ähm, das ist vielleicht die Lösung, also die, naja, was heißt, muss ja nicht genau dieses Beispiel sein, man kann sich nämlich, das kommen wir, kommen wir gleich noch dazu, das ist eine große Property heute, gell? 00:43:24.900 --> 00:43:26.860 Äh, vielleicht dann doch ein Thema. 00:43:27.860 --> 00:43:33.840 Ähm, man kann sich nämlich das ja komplett zusammenkustomisen und selbst zusammenbauen, das hab ich vorhin schon gesagt, kommen wir gleich noch drauf. 00:43:33.840 --> 00:43:41.060 Aha, und da kommen wir nämlich bei dem mit dem, mit der Combo-Box, hast du das gesehen, dass das da eben nicht ein Option-Element direkt als Kind-Element vom Select-Menu ist? 00:43:41.060 --> 00:43:42.360 Ähm. 00:43:42.360 --> 00:43:44.180 Also das ist nämlich schon doch nicht verpflichtend. 00:43:44.180 --> 00:43:52.040 Weil diese, diese Combo-Box mit der Suche, die haben die gebaut, Select-Menu, dann ist ein Button drin und dann ist ein Pop-Up-Element drin. 00:43:52.040 --> 00:43:57.840 Genau, da komm ich noch drauf, das ist nämlich das mit dem Customisen, dass man es selbst komplett zusammenbauen, sich zusammenschrauben kann, wie man möchte. 00:43:58.740 --> 00:44:03.320 Ähm, dann muss man es aber wirklich komplett selbst bauen und auch die ganzen Attribute vergeben, die dafür nötig sind. 00:44:03.320 --> 00:44:06.660 Äh, und dann dieses Pop-Up-Element ist dafür verpflichtend, tatsächlich. 00:44:06.660 --> 00:44:07.680 Ähm, genau. 00:44:07.680 --> 00:44:10.320 Also diese Combo-Box, das heißt, es ist quasi ein Select, das ich filtern kann. 00:44:10.320 --> 00:44:20.160 Ähm, und ich sehe schon, dass, das wird die hoffentlich, ich sag's mal so, es könnte die Zukunft werden von vielen so Suggest, äh, suchen. 00:44:20.160 --> 00:44:32.180 Wobei, weiß ich nicht, ob dann Select jetzt das richtige Element ist, aber das wäre auf jeden Fall, wenn man das quasi nativ kann und mit nativen Elementen, dann ist es auch gleichzeitig noch barrierefrei, was total geil wäre, was momentan bei den Dingern echt schwierig ist. 00:44:32.180 --> 00:44:44.560 Ähm, dann Multi-Select, das ist auch so ein klassischer Use-Case, ist, ich möchte mehrere auswählen, ähm, und ich kann die dann, die werden, die landen dann in einem Feld und ich hab dann so ein X, dass ich sie wieder raus-Xen kann. 00:44:44.560 --> 00:44:53.760 Und ich kann viele verschiedene davon auswählen. Das haben sie sich da auch zurechtgeschneidert. Natürlich braucht das dann alles immer JavaScript, ne? Also das, das geht dann nicht, das geht dann nicht auf Out of the Box. 00:44:53.760 --> 00:44:59.080 Wie machen die das mit dem X, ne, dass das dann auch wirklich das rauslöscht? Also das kann ja eigentlich nur mit, mit so einem JavaScript gehen. 00:44:59.080 --> 00:45:03.860 Genau. Aber, aber es ist trotzdem dann, äh, es sind native Elemente, die da verwendet werden. 00:45:03.860 --> 00:45:04.240 Mhm. 00:45:04.240 --> 00:45:14.500 Ähm, und das ist, das ist ganz schön, das ist ganz schön cool. Also das JavaScript dahinter, ich hab's mir nicht alle angeguckt, die Skripte, aber ich fand die vom Umfang her immer relativ überschaubar. Also ich hab's mir nicht im Detail angeschaut, 00:45:14.560 --> 00:45:28.400 und ich dachte immer so, naja, für die Funktionalität hätte man früher jetzt, äh, keine Ahnung, ähm, ne ganze Library eingebunden und da sind's jetzt hier irgendwie, äh, 50, 60 Zeilen JavaScript noch dazu, zu dem Select-Menu. Äh, das ist eigentlich ganz okay so. 00:45:28.400 --> 00:45:28.400 Mhm. 00:45:28.400 --> 00:45:36.480 Ähm, dann der Account-Switcher, okay, das ist eigentlich nicht, nicht so spektakulär. Da wird halt, was ich auch in der Demo schon gemacht hab, äh, verschiedenes HTML in eine Option reingepackt. 00:45:36.480 --> 00:45:40.020 Hätt ich jetzt halt noch ein Bildchen dazu gepackt, dass es irgendwie, ne, dass man sieht, wow, ich kann da Bilder drinnen. 00:45:40.020 --> 00:45:43.180 Genau, also es ist, da, da find ich meine Demo ein bisschen besser. 00:45:43.180 --> 00:45:45.620 Äh, auch wenn sie nicht so hübsch aussieht. 00:45:45.620 --> 00:45:45.740 Ja. 00:45:45.740 --> 00:45:54.180 Ähm, Scroll-Indicator, da haben sie das, dass man die Liste, eine lange Liste innen drin, dass man die scrollen kann, wenn man da auch hovert, da hast du oben und unten noch so ein Pfeil. 00:45:54.180 --> 00:46:00.940 Ähm, ist, ist nett, ähm, also es soll ja auch eigentlich nur zeigen, was alles theoretisch möglich ist und es geht noch viel, viel, viel mehr. 00:46:00.940 --> 00:46:11.940 Ja, wie gesagt, man kann's komplett selbst sich zusammenschrauben. Ähm, dann GitHub-Issue-Filter. Ich weiß nicht, wer, wer's kennt bei GitHub, ähm, dass man da verschiedene, äh, Dinge auswählen kann, die, die man durchsucht. 00:46:11.940 --> 00:46:32.760 Ähm, da sind auch, äh, noch gleichzeitig noch Emojis mit reingedöngelt. Übrigens, das hat im Screenreader bei mir nicht funktioniert. Ähm, ich hab mal einen kleinen Screenreader-Test gemacht. Ähm, dann haben wir so einfach ein anderes Select mal nachgebaut von Dribble, ähm, was relativ simpel ist. Ähm, zum Beispiel eben jetzt mit, tatsächlich mit Icons, Browser-Icons in dem, äh, in dem, äh, in der dritten Select-Box. 00:46:33.500 --> 00:46:44.040 Und, ähm, dann, was du vorhin schon gesagt hast, Color-Picker mit, äh, mit bestimmten Farben, äh, ist da auch gebaut. Wobei ich mir das gar nicht angeguckt hab, wie das im Detail funktioniert. 00:46:44.040 --> 00:46:52.880 Aber das sind tatsächlich einzelne Options, die da, die da drin sind. Color-Grid. Ja, na, da man ja komplettes HTML da drin machen kann, alles mit CSS und so weiter, kannst du auch so. 00:46:52.880 --> 00:46:56.580 Und siehst du die Options bei dem, äh, Color-Dings? Ich seh da nur, äh, Diffs und Buttons. 00:46:56.580 --> 00:47:03.380 Ich hab, ähm, ich hab einfach auf so einer Color, äh, Inspect, äh, gemacht und dann land ich auf einer Option. 00:47:03.500 --> 00:47:05.920 Ist nämlich in dem Color-Grid. Ah, ja, okay, okay. 00:47:05.920 --> 00:47:10.080 Ist ein Diff-Color-Grid drin, und, äh, das sind die einzelnen Farben. 00:47:10.080 --> 00:47:16.400 Ja, weil du brauchst da am Schluss einen Wert, den du dann per Get oder Post, äh, irgendwie übermitteln kannst, wenn du ein Formular abschickst, ne? 00:47:16.400 --> 00:47:18.340 Genau. Deswegen brauchst du eigentlich immer irgendwo eine Option drin. 00:47:18.340 --> 00:47:25.060 An der Stelle aber, wenn ihr einfach nur einen Color-Picker haben wollt, irgendeinen, dann nimmt, äh, Input-Type-Color, glaub ich, gibt's das, ne? 00:47:25.060 --> 00:47:27.920 Ja, genau. Ähm, ähm, ähm, das ist, das wär nur für, ähm, für Custom. 00:47:27.920 --> 00:47:31.820 Aber da kannst du halt kein, kein Farb-Set, äh, Bereich beschränken oder sowas, das ist sehr rudimentär. 00:47:32.880 --> 00:47:33.200 Genau. 00:47:33.200 --> 00:47:38.000 So, äh, weiß gar nicht, jetzt reden wir schon relativ lange da drüber, ne? 00:47:38.000 --> 00:47:43.460 Ähm, bin gerade überlegen, wie, wie tief wir jetzt noch einsteigen in, in die verschiedenen Möglichkeiten, die das Ding hat. 00:47:43.460 --> 00:47:44.500 Klar, wir müssen uns jetzt ja auch nicht stressen. 00:47:44.500 --> 00:47:56.920 Ähm, also, ich hab vorhin schon gesagt, äh, man kann, ähm, die einzelnen Parts stylen, eben mit diesem Doppelpunkt, Doppelpunkt, Part, und dann gibt es, äh, zum Beispiel Button oder Listbox. 00:47:58.300 --> 00:48:11.840 Ähm, ähm, der nächste Schritt wäre, dass man sich komplett selbst von, äh, von, äh, mit HTML zusammenbaut, den Inhalt, dann muss man aber die einzelnen Elemente, die man drin haben will, denen muss man sagen, was ist was. 00:48:12.700 --> 00:48:17.660 Also, es gibt zum Beispiel, da gibt es dann sogenannte Slots und Behaviors. 00:48:18.160 --> 00:48:37.560 Das heißt, es ist das Slot-Attribut und das Behaviour-Attribut, ähm, und es gibt einen Button-Slot, in dem üblicherweise, normalerweise, ähm, äh, der, der Text drin ist, ähm, der gerade ausgewählte Text, ähm, und, ähm, der Button selbst, der hat einen Behaviour-Button. 00:48:37.560 --> 00:48:57.880 Ich glaube, dass ihr müsst euch, ich weiß nicht, ob das sich das so gut erklären lässt, im Code, guckt euch die Beispiele auf jeden Fall auf openui.org an, ähm, da ist das alles sehr gut erklärt, auch gerne noch im CSS-Tricks-Artikel ist es auch gut erklärt, auch alles drin, ähm, und dann gibt es, also wie gesagt, und damit, damit kann man sich's komplett selbst zusammenstellen, wie man, wie man's haben will. 00:48:57.880 --> 00:49:15.160 Dann kann ich sagen, da kommt, da kommt jetzt noch ein Input rein und das macht das, ähm, und, und der Button ist übrigens an der Stelle und ich verschachtel das anders als jetzt mein Select und das, der Inhalt, der von einem Ausgewählten, der muss nicht im Button drin sein, sondern der darf auch woanders sein, somit kann ich's mir komplett customisen mit diesen Attributen, die es da gibt. 00:49:15.160 --> 00:49:27.860 Ähm, und dann gibt es wohl noch eine Möglichkeit, dass man, ähm, sich das ganze Ding, äh, per Shadow DOM selbst in JavaScript baut. 00:49:27.880 --> 00:49:43.820 Das ist das unterste Beispiel bei openui.org, aber letzten Endes, äh, ist da quasi nur der ganze Code, den ich vorher halt in HTML drin hatte, den, den hab ich halt, äh, in JavaScript in, in einem String drin und, äh, baue das dann damit, das geht wohl auch. 00:49:43.820 --> 00:49:53.340 Genau, jetzt muss ich grad gucken, hab ich jetzt noch was vergessen, ich guck mir grad nochmal das Extending the Markup an, äh, Listbox, ah, das mit dem Popup. 00:49:53.340 --> 00:49:55.580 Genau, ähm. 00:49:57.880 --> 00:50:01.340 Jetzt muss ich grad mal gucken, ich hatte doch dafür eine Erklärung, naja, hier. 00:50:01.340 --> 00:50:19.280 Ähm, genau, da gibt's, da gibt's ein Beispiel, äh, wo, äh, wenn man das customizt, eben dieses Popup-Element drin vorkommt und da wurde, äh, gesagt, das ist, das ist nämlich noch ein anderer, ein anderer neuer Standard, der gerade gebaut wird. 00:50:19.280 --> 00:50:21.340 Also, die basieren schon aufeinander, sozusagen. 00:50:21.340 --> 00:50:31.320 Und, ähm, ich glaube, das ist, das muss genommen werden, äh, für die Listbox, für das Listbox-Element, ähm, also Behavior Listbox. 00:50:31.700 --> 00:50:37.380 Wenn man das selbst customizt will, muss man dafür das Popup-Element nehmen, weil das nämlich eins ist, was aufpoppt. 00:50:37.380 --> 00:50:44.520 Da kann ich nicht ein beliebiges HTML irgendwie nehmen, sondern das muss dann wohl das Popup-Element sein, wenn ich das richtig, äh, verstanden hab. 00:50:44.520 --> 00:50:45.840 Ähm, genau. 00:50:45.840 --> 00:50:50.000 Und das hat das, das hat dann Behavior Listbox, beziehungsweise das muss man, das muss man dem dann geben. 00:50:50.000 --> 00:50:52.920 Ähm, und dann kann ich da dann wieder meine ganzen ... 00:50:52.920 --> 00:50:54.240 Nee, Roll-Attribut ist das, oder? 00:50:54.240 --> 00:50:56.500 Nee, das Behavior ... 00:50:56.500 --> 00:50:59.020 Ah, im CSS, oder wie? 00:50:59.020 --> 00:50:59.960 Nee, im HTML. 00:50:59.960 --> 00:51:00.560 Im HTML. 00:51:00.560 --> 00:51:04.000 Das ist ein, das ist ein Attribut, das da verwendet wird, Behavior. 00:51:04.000 --> 00:51:17.540 Äh, damit werden, wenn ich das HTML selbst baue, gibt es diese Behavior-Geschichten, die eben das, also, damit kann ich dann zum Beispiel einen Button sagen, du bist jetzt dieser Button innerhalb, äh, des Select-Menus. 00:51:17.540 --> 00:51:22.260 Ich seh hier gerade bei dieser Color-Demo, da ist es, äh, Popup, Slot gleich Listbox, Behavior gleich Listbox. 00:51:22.920 --> 00:51:28.740 Ist mir jetzt noch nicht so ganz klar, ich hätte jetzt gedacht, das Slot müsste ja eigentlich reichen, dass es dann weiß, äh, dass es das ist, aber ... 00:51:28.740 --> 00:51:42.280 Hm, ich glaube, da wollten sie, äh, wollten sie, ähm, ähm, flexibel genug sein, dass du eben, dass das nicht das gleiche Element sein muss, dass es den Behavior und der, der Rapper ist, dass du das quasi nochmal voneinander trennen kannst, wenn du möchtest. 00:51:42.280 --> 00:51:44.540 Also, es funktioniert auch tatsächlich, wenn ich das Behavior wegmach, funktioniert's nicht mehr. 00:51:44.540 --> 00:51:46.820 Interessant. 00:51:47.520 --> 00:51:54.960 Ja, Wahnsinn, was sich da tut. Also, ich find's auch eine coole Initiative, dass die da jetzt mal so das UI ein bisschen angehen, weil das ist ja wirklich so ein Pain-Point gewesen. 00:51:54.960 --> 00:52:09.840 Und ich muss jetzt nochmal sagen, dieses Select-Menu, das ist ein übermächtiges Teil, damit kannst du so viel Crazy-Shit machen, jetzt schon, in diesem, in diesem Standard, in diesem Teil der Standardisierung, also jetzt quasi ganz am Anfang, kannst du damit schon so viel Crazy-Shit machen. 00:52:09.840 --> 00:52:28.360 Äh, ich bin, äh, ich bin, ich bin sehr gespannt, auf was für Ideen die Leute dann mit noch kommen, was man damit noch alles machen kann. Also, eigentlich, ich weiß, man soll, man soll das nicht machen, aber man kann, man könnte das auch für, für Dropdown-Navigationen missbrauchen, weil man kann ja auch Links reinpacken, ähm, man könnte, man kann da quasi alles damit machen. 00:52:28.360 --> 00:52:56.680 Also, ich glaube, da ist, äh, die, die, die schaffen da jetzt einen sehr, sehr offenen, freien Standard, der extrem viel Freiheiten lässt, wo noch Dinge damit gebaut werden, wo wir jetzt überhaupt gar nicht drüber nachdenken, dass man die damit bauen kann, weil die haben jetzt im Prinzip sich hauptsächlich auf diese Use-Cases beschränkt, dass man die nachbauen kann, wo man jetzt schon sagt, ja, das ist was, was momentan mit selbst Custom nachgebaut wird, weil man es braucht, weil man den Need hat, gerade in Applications irgendwie. 00:52:56.940 --> 00:53:11.160 Richtig viel Web-App-Zeug, was ich jetzt auch sehe, äh, Badge als Element, äh, wo du dann halt dieses klassische, du hast ein Icon und dann hast du so einen roten, einen roten Kreis mit einer Zahl, äh, drin oder halt hier auch so, ähm, ja, an Überschriften, irgendwie ein Label dran oder so. 00:53:11.160 --> 00:53:26.820 Also, ich meine, jetzt gerade bei Select Menu haben sie sich in den Demos auf die, auf die Use-Cases weitestgehend, äh, gestürzt, die es halt jetzt schon gibt, die man kennt, wo man genau weiß, das würde man eigentlich gerne mit Standard-Elementen ab, äh, abfrühstücken und ich glaube aber, wenn das Standard ist, 00:53:26.940 --> 00:53:32.360 da werden noch ganz krasse Sachen auf uns zukommen, wo Leute dann, äh, komplette Webseiten mit Select Menu bauen. 00:53:32.360 --> 00:53:45.220 Gefährlich ist es halt dann, du hast auch schon Accessibility angesprochen, ähm, dass das dann halt trotzdem noch accessible ist, weil wenn du das halt selber baust und da quasi alles reinkloppen kannst, dann bist du halt auch wieder dafür verantwortlich, dass das accessible ist, ne? 00:53:45.220 --> 00:54:09.220 Ja, aber nur zum Teil, ähm, solange du dich daran hältst, dass du diese, ähm, äh, Behavior-Geschichten da, äh, vergibst und, ähm, die Slots richtig, das musst du machen, damit das Ding überhaupt funktioniert, zum Aufklappen und so, ist die Accessibility dann mit eingebaut und du musst halt Options drin haben, ne? 00:54:09.220 --> 00:54:19.820 Wenn du dich, wenn du dich daran hältst, ist Accessibility mit eingebaut. Das, das war extra, du musst dann keine, du musst nichts weiter tun. Das ist der Unterschied zu den anderen selbst gedöngelten Lösungen. 00:54:19.820 --> 00:54:30.920 Mhm. Ähm, ähm, da musst du nämlich quasi Accessibility komplett noch, du hast quasi das Verhalten, dass es irgendwie auf- und zuklappt und du was reinschreiben kannst, das hast du gebaut, aber dann musst du Accessibility noch extra machen. 00:54:30.920 --> 00:54:40.220 Das ist da dann aber quasi schon mit drin. Und ja, auch da, das schafft man bestimmt so kaputt zu spielen, dass es am Ende nicht mehr geht mit dem Screenreader oder mit der Tastatur, mit Sicherheit. 00:54:40.220 --> 00:54:48.600 Aber, wenn man sich halbwegs an die Regeln hält, die die da, die die da vorgeben, ähm, dann sollte es funktionieren. Und das ist ein großer Fortschritt, äh, im Vergleich zu jetzt. 00:54:48.600 --> 00:54:52.120 Meine Güte, das ist, wir haben doch, ich glaub, das mit ... 00:54:52.120 --> 00:54:53.320 Die Stunde schon gefüllt mit ... 00:54:53.320 --> 00:54:55.720 Ja, das ist, das mit der, äh ... 00:54:55.720 --> 00:54:57.840 Ja, meins geht, aber meins geht wirklich ganz schnell. 00:54:57.840 --> 00:55:08.780 Okay, jetzt bin ich grad im Überlegen, haben wir noch, ah ja, genau, haben wir noch was? Ja, äh, vielleicht abschließend noch, ähm, interessanterweise ist, äh, Stand heute, äh, Selectmenu bei Can I Use noch nicht mit drin. 00:55:08.780 --> 00:55:11.420 Mhm, hast du auch schon gesehen, auch bei MDN gibt's nix dazu. 00:55:11.420 --> 00:55:19.960 Ähm, genau, bei MDN gibt's nix dazu, aber es gibt schon, äh, ein Issue bei GitHub für Can I Use, äh, dass man das doch bitte hinzufügen könnte. 00:55:19.960 --> 00:55:20.260 Ah ja, okay, perfekt. 00:55:20.380 --> 00:55:23.940 Dann lassen wir doch gleich mal ein Däumchen da, so, dann gibt's vielleicht ein bisschen schwer. 00:55:23.940 --> 00:55:30.880 Genau, ich hab auch schon einen Daumen oben dagelassen, ähm, dass, äh, dass das mal bei Can I Use reinkommt, äh, dass, äh, das auf jeden Fall ... 00:55:30.880 --> 00:55:32.220 Von neun Stunden eröffnet. 00:55:32.220 --> 00:55:50.360 Ja, ich bin, ich bin großer Fan von dem, von dem Element, das wird sehr viel, sehr vereinfachen, äh, ich war selten oder schon lange nicht mehr so excited, äh, wegen dem neuen Webstandard, aber das wird, das wird so viel bringen, das wird so viel bringen, so viel gute Sachen, ähm, so viele Dinge, so viel einfacher. 00:55:50.360 --> 00:56:10.400 Ähm, ja, bin, bin Fan, bitte weitermachen, ähm, und wenn ihr, ähm, Probleme damit habt oder irgendwie sagt, ah, das müsste man noch machen, meldet euch gerne bei den Leuten, schreibt ein Issue bei GitHub rein, ähm, die freuen sich mit Sicherheit, ähm, wenn ihr da mithelft und die rufen auch explizit dazu auf, ähm, schickt uns Feedback, wenn ihr irgendwas findet. 00:56:10.920 --> 00:56:19.280 Also, äh, äh, gute Sache, gut investierte Zeit und damit können wir, wenn du keine Fragen mehr hast, das Select Menu für heute abschließen. 00:56:19.280 --> 00:56:20.240 Cool. 00:56:20.240 --> 00:56:21.680 Sehr schön. 00:56:22.040 --> 00:56:24.840 Ja, dann kommen wir jetzt zu 00:56:24.840 --> 00:56:28.440 Die Property der Woche. 00:56:28.440 --> 00:56:30.960 Nochmal. 00:56:30.960 --> 00:56:36.980 Ja, wie angekündigt, ähm, ich mach's jetzt aber wirklich ganz, ganz kurz, hoffe ich. 00:56:36.980 --> 00:56:45.700 Äh, meine Property der Woche ist, äh, eine CSS-Funktion namens Crossfade, enthalten im CSS-Images-Module Level 4. 00:56:46.460 --> 00:56:58.280 Und, äh, was das macht, ist im Endeffekt einfach nur Bilder, also Hintergrundbilder in der Regel, ähm, übereinanderblenden zu bestimmten Prozentteilen, ja. 00:56:58.280 --> 00:57:06.320 Und da gibt's eine, eine neue und eine alte Syntax und die alte Syntax ist die, die aktuell in Chromium und Safari implementiert ist. 00:57:06.320 --> 00:57:15.260 Und die sieht so aus, also ich hab, äh, Background-Image-Property zum Beispiel und dann die Funktion, äh, Cross-Fade, Klammer auf, 00:57:15.260 --> 00:57:24.860 und dann hab ich ein Image, also zum Beispiel URL-Funktion, wo das Bild angegeben ist, dürfte es in der Regel sein, äh, Image, Image und Percentage. 00:57:24.860 --> 00:57:31.260 Und dann wird eben, äh, das Bild zu so und zu viel Prozent, ähm, übergefailtet. 00:57:31.260 --> 00:57:33.560 Ich hab da auch mal eine Demo dazu gebaut. 00:57:33.560 --> 00:57:35.120 Ah, okay. 00:57:35.120 --> 00:57:37.640 Und die neue Syntax, ja. 00:57:37.640 --> 00:57:41.820 Jetzt hab ich, äh, jetzt hab ich, jetzt hab ich direkt mal kurz zwischenrein, wo ist der Unterschied zu Opacity? 00:57:43.820 --> 00:57:45.640 Äh, wie zu Opacity? Naja, im Endeffekt, also. 00:57:45.640 --> 00:57:47.420 Bilder werden in Internet, aber da hab ich's falsch verstanden. 00:57:47.420 --> 00:57:55.580 Naja, du müsstest, du müsstest ja normalerweise zwei Bilder übereinander legen, also du müsstest dann ein Webber-Element machen und dann machst du ein Bild rein, dann machst du noch ein Bild rein, die sind beide, aber, ne, und dann machst du einfach Background-Image. 00:57:56.380 --> 00:57:57.020 Ah, okay. 00:57:57.020 --> 00:58:03.240 Und Background-Image ist dann aktuell noch mit Webkit-Prefix auch, also Webkit minus Cross minus, äh, Fade. 00:58:03.240 --> 00:58:08.940 Und dann gibst du eben in der alten Syntax zwei Bilder an und ne Prozentzahl und dann werden die zu so und so viel Teilen übergeblendet. 00:58:08.940 --> 00:58:10.160 Okay, okay. 00:58:10.160 --> 00:58:16.900 Und dann dachte ich gleich, wow, cool, ähm, ne Image-Gallery, ähm, mit Fading, ohne dass ich dafür JavaScript brauche, cool. 00:58:16.900 --> 00:58:23.160 Und, ähm, hab dann gleich mal gedacht, wow, Transition einbauen und hab gedacht, okay, wie macht man das jetzt? 00:58:23.160 --> 00:58:26.420 Die Bilder einfach, äh, gleich lassen und nur den Prozentwert ändern. 00:58:27.380 --> 00:58:41.380 Und du kannst die Demo auch mal anschauen, wenn man da drüber hovert, über den Body, in der Code-Pen-Vorschau, ähm, ich hab den in den, in den, in den Dings reingesetzt, die Demo in, äh, hier bei Property der Woche, ah, ne, hab ich tatsächlich nicht rein. 00:58:41.380 --> 00:58:42.740 Ne, ich hab keinen Code-Pen. 00:58:42.740 --> 00:58:43.900 Ja, mach mal. 00:58:43.900 --> 00:58:44.960 So, zack, da, guck. 00:58:44.960 --> 00:58:45.720 Zack, da ist sie. 00:58:45.720 --> 00:58:47.800 Zack, die Bohne, so, okay. 00:58:47.800 --> 00:58:54.760 Genau, und, äh, so, dann, dann, dann, dann, es sind zwei Katzen übereinander und, ja, echt, tatsächlich? 00:58:54.760 --> 00:58:56.500 Nein, nein, ich hab ja keine Lüfte an. 00:58:56.840 --> 00:59:00.480 Also, aber das ist, das ist schon, äh, okay. 00:59:00.480 --> 00:59:08.740 Genau, und dann, äh, man sieht zwei Katzenbilder, die sind übereinander geblendet und die eine Katze ist ein bisschen schwächer und die andere ist ein bisschen stärker und wenn ich drüber fahre, dann, äh, ändert sich das Verhältnis. 00:59:08.740 --> 00:59:11.120 Und die kämpfen gleich miteinander, die schwache und die starke Katze. 00:59:11.120 --> 00:59:21.100 Und, genau, und dann hab ich gedacht, äh, cool, äh, noch ein Transition, ähm, Property drauf klatschen und dann hätte ich schon den Fade und dann kann man da eine tolle Galerie oder so mit basteln. 00:59:21.100 --> 00:59:26.000 Aber, ähm, das geht nicht, also Transition funktioniert nicht. 00:59:26.300 --> 00:59:29.380 Hab ich gedacht, dann schreib ich doch mal, weil man findet generell sehr wenig. 00:59:29.380 --> 00:59:34.140 Also, wenn du danach googelst, nach diesem Cross, äh, Crossfade, da, da gibt's sehr wenig. 00:59:34.140 --> 00:59:35.640 Es gibt keinen CSS-Trix-Artikel dazu. 00:59:35.640 --> 00:59:40.260 Es gibt aber immerhin, im Gegensatz zu deiner Property gerade, ähm, es gibt MDN und Can I Use schon dazu. 00:59:40.260 --> 00:59:47.260 Ähm, aber so ansonsten an, an, an Demos oder so, ja, irgendwelche Artikel drüber, findet man da eigentlich nix. 00:59:47.380 --> 00:59:54.440 Und dann hab ich in der Spec geguckt, bin da auch nicht so ganz schlau geworden und hab gedacht, jetzt schreib ich doch einfach mal auf Twitter die AutorInnen an. 00:59:54.440 --> 01:00:00.720 Und, oh, jetzt hab ich grad eine Twitter-Nachrichtigung, äh, oh, jetzt hab ich, jetzt kann ich gleich direkt hier drauf, äh, drauf reagieren. 01:00:00.860 --> 01:00:15.000 Also, ähm, so, genau, hab ich gedacht, ich, ich guck mal, wer hat das gemacht und das waren, äh, Lea Varou, äh, Elika, Jay, Atomat, weiß nicht, ob ich das richtig aussprungen hab, äh, und Tab Atkins, den man ja kennt. 01:00:15.140 --> 01:00:21.060 Und jetzt hat Tab Atkins vorhin tatsächlich, äh, äh, geschrieben und hat aber nicht ganz verstanden, was ich meine. 01:00:21.060 --> 01:00:25.840 Jetzt hab ich das nochmal geklärt und jetzt gerade in dieser Sekunde, wo wir jetzt drüber sprechen, krieg ich die Twitter-Notification. 01:00:25.840 --> 01:00:33.320 Also, und hab gefragt, ist das dann geplant, sollte das dann funktionieren und, ähm, wenn, sollte das jetzt mit der aktuellen Umsetzung in den Browsern auch schon funktionieren. 01:00:33.320 --> 01:00:43.320 Jetzt hat er gerade geschrieben, technically not currently defined, I haven't seriously touched the images back in several years and never got around to writing the interpolation rules for images. 01:00:44.060 --> 01:00:54.420 Und dann hat er noch nachgetragen, that's that, since Chrome and WebKit at least transition plain image smoothly using Crossfade, they should be transitioning between any two images the same way. 01:00:54.420 --> 01:00:57.140 In particular, your example should definitely work. 01:00:57.140 --> 01:00:58.680 Hm. 01:00:58.680 --> 01:01:08.380 Dann müsste ich das Ganze jetzt mal, ähm, kann man ja auch schnell noch live machen, äh, mit, äh, einem Web, beziehungsweise du kannst ja das, äh, in, in, in, in dem WebKit-Browser. 01:01:08.380 --> 01:01:10.520 Ich, ach so, was hast du gerade? 01:01:11.020 --> 01:01:16.400 Ja, ich hatte jetzt hier den, den, den Chromium, äh, also Chrome und, ähm, müsste es mal versuchen, ob es in. 01:01:16.400 --> 01:01:18.380 Ach so, du meinst, du meinst, ich könnte Safari, äh. 01:01:18.380 --> 01:01:21.380 Genau, in dem Safari einfach mal die Demo öffnen und gucken, ob das bei dir wuppt. 01:01:21.380 --> 01:01:22.460 Das kann ich machen. 01:01:22.460 --> 01:01:25.680 Dann brauch ich nämlich jetzt nicht Browser-Stack hier noch hochfahren. 01:01:25.680 --> 01:01:27.640 Das kann ich machen, das kann ich machen, kein Problem. 01:01:27.640 --> 01:01:28.760 Ah, Mensch, hast du hier live gerade hier. 01:01:28.760 --> 01:01:30.460 Ja, bei mir transitiont das. 01:01:30.460 --> 01:01:30.940 Ja, tatsächlich? 01:01:30.940 --> 01:01:32.220 In Safari, ja, in Safari. 01:01:32.220 --> 01:01:32.900 Ah, cool, okay. 01:01:32.900 --> 01:01:35.980 Es habe ich einen schönen weichen Übergang. 01:01:35.980 --> 01:01:39.780 Cool, das heißt, du hast richtig so richtig schönes ... 01:01:39.780 --> 01:01:41.640 Das heißt, damit könnte man eine schöne ... 01:01:41.640 --> 01:01:43.140 Das wäre der Ton, die ich dazu machen würde. 01:01:43.140 --> 01:01:44.260 Cool. 01:01:44.260 --> 01:01:46.920 Cool, dann kann ich Atkins gleich schreiben, 01:01:46.920 --> 01:01:49.480 hier so Feedback für jeden, der das mal findet. 01:01:49.480 --> 01:01:51.540 Cool. 01:01:51.540 --> 01:01:54.860 Dann hätten wir das auch geklärt. 01:01:54.860 --> 01:01:56.520 Also verdammt, dann braucht er Chromium vielleicht noch. 01:01:56.520 --> 01:01:58.260 Vielleicht mit der neuen Syntax, vielleicht geht das dann. 01:01:58.760 --> 01:02:04.600 Hm, ich weiß gar nicht, ob man dafür was Eigenes braucht 01:02:04.600 --> 01:02:05.920 oder ob es nicht okay wäre, 01:02:05.920 --> 01:02:09.940 das von Hand irgendwie zusammenzukloppen, 01:02:09.940 --> 01:02:11.500 wenn man so was machen wollte. 01:02:11.500 --> 01:02:12.600 Ich wäre jetzt nie auf die Idee gekommen, 01:02:12.600 --> 01:02:14.940 danach nach der CSS-Properität zu ... 01:02:14.940 --> 01:02:17.960 Cool, aber gibt es da sehr viele Anwendungsfälle dafür. 01:02:17.960 --> 01:02:21.220 Und ich glaube, nachdem es kein Artikel gibt, 01:02:21.220 --> 01:02:24.440 so, oh, endlich haben wir das, scheint es vielleicht auch nicht so ... 01:02:24.440 --> 01:02:26.740 Also wenn das ein Webkit ist und es in Safari geht, 01:02:26.740 --> 01:02:28.100 dann war das bestimmt mal so ein Ding, 01:02:28.600 --> 01:02:30.220 die haben das für irgendeine Demo gebraucht. 01:02:30.220 --> 01:02:32.740 Das unterstelle ich Apple immer. 01:02:32.740 --> 01:02:37.060 Mit ihren komischen Safari-eigenen Syntaxen für CSS. 01:02:37.060 --> 01:02:39.740 Die haben für irgendwas, haben sie gedacht, 01:02:39.740 --> 01:02:42.000 da wäre es doch geil, wenn man das jetzt irgendwie im Browser hätte. 01:02:42.000 --> 01:02:43.680 Ja, lass uns doch schnell einbauen. 01:02:43.680 --> 01:02:46.080 Wir machen hier Webkit davor und dann passt das schon. 01:02:46.080 --> 01:02:47.520 Wir brauchen es für die Apple-Seite. 01:02:47.520 --> 01:02:51.080 Und solcher Chromium hat es jetzt mit Webkit-Prefix adaptiert. 01:02:51.080 --> 01:02:54.300 Ja, also vielleicht schreibt es mal in die Kommentare, 01:02:54.300 --> 01:02:55.760 wenn euch noch andere Dinge dazu einfallen. 01:02:55.760 --> 01:02:57.000 Für mich war es halt so Gallery, 01:02:57.000 --> 01:02:59.440 also so, dass man Bilder einfach überfaden kann, 01:02:59.440 --> 01:03:01.120 war für mich jetzt so der Erste, 01:03:01.120 --> 01:03:04.640 ja, das Erste, was mir dazu eingefallen ist. 01:03:05.180 --> 01:03:08.880 Ich hätte jetzt einfach zwei Bilder übereinandergelegt 01:03:08.880 --> 01:03:11.260 und das mit Opacity gemacht. 01:03:11.260 --> 01:03:16.420 Ja, mir fällt wirklich kein konkretes Beispiel ein, 01:03:16.420 --> 01:03:18.780 warum man das jetzt brauchen könnte. 01:03:18.780 --> 01:03:19.320 Das ist halt einfach, 01:03:19.320 --> 01:03:21.620 du hast halt weniger Elemente wieder. 01:03:21.620 --> 01:03:22.780 Aber was man halt sagen muss, 01:03:22.780 --> 01:03:24.940 wie immer bei Background-Image und bei Image, 01:03:24.940 --> 01:03:26.360 die irgendwie in CSS gemacht werden, 01:03:26.360 --> 01:03:28.840 Accessibility ist halt nicht vorhanden. 01:03:28.960 --> 01:03:32.760 Also das ist dann wirklich nur für Schmuck-Grafiken eigentlich geeignet, 01:03:32.760 --> 01:03:35.480 weil sobald du schon irgendwie eine Caption dazu machen willst, 01:03:35.480 --> 01:03:38.560 kannst du es ja schon wieder vergessen. 01:03:38.560 --> 01:03:41.580 Also du müsstest dann trotzdem Elemente für die Captions haben 01:03:41.580 --> 01:03:45.220 und könntest dann nur das reine Bild dann per CSS rumschalten. 01:03:45.220 --> 01:03:46.240 Also ich glaube halt, 01:03:46.240 --> 01:03:48.160 dass es vielleicht ein Performance-Ding ist, 01:03:48.160 --> 01:03:49.720 dass solche Sachen sich, 01:03:49.720 --> 01:03:51.400 wenn der Browser das komplett übernimmt, 01:03:51.400 --> 01:03:54.620 intern, wie die Bilder zusammengerendert werden, 01:03:54.620 --> 01:03:57.280 dass das dann performanter ist, 01:03:57.280 --> 01:03:58.720 als wenn ich jetzt wirklich zwei Elemente habe 01:03:58.720 --> 01:04:00.620 und der Browser die dann verrechnen muss. 01:04:00.620 --> 01:04:02.280 Weil, sobald ich das gesehen habe, 01:04:02.280 --> 01:04:03.480 ist das wirklich, 01:04:03.480 --> 01:04:06.020 also der Browser rendert das quasi als ein Bild, 01:04:06.020 --> 01:04:10.440 das das entsprechend mit Blend-Modes halt irgendwie gemischt ist. 01:04:10.440 --> 01:04:12.220 Und das ist vielleicht dann performanter, 01:04:12.220 --> 01:04:12.800 ich weiß es nicht. 01:04:12.800 --> 01:04:13.920 Ja. 01:04:13.920 --> 01:04:16.620 Aber interessant auf jeden Fall, 01:04:16.620 --> 01:04:17.280 kannte ich nicht, 01:04:17.280 --> 01:04:18.440 habe ich noch nie gehört. 01:04:18.440 --> 01:04:21.180 Das ist mir irgendwann zufällig mal irgendwo über den Weg gelaufen. 01:04:21.180 --> 01:04:21.520 Ja. 01:04:21.520 --> 01:04:21.940 Da habe ich gedacht, aha. 01:04:21.940 --> 01:04:22.780 Cool. 01:04:22.780 --> 01:04:23.200 Eine Property. 01:04:23.200 --> 01:04:25.180 Haben wir noch eine mehr, 01:04:25.180 --> 01:04:25.960 die wird jetzt hier besprochen. 01:04:25.960 --> 01:04:26.200 Genau. 01:04:26.200 --> 01:04:27.260 Und jetzt gerade noch, wie gesagt, 01:04:27.260 --> 01:04:28.120 live hier was geklärt. 01:04:28.480 --> 01:04:30.840 vielleicht kannst du auch gleich mal noch antworten. 01:04:30.840 --> 01:04:31.520 Sehr gut. 01:04:31.520 --> 01:04:32.220 Sagen, danke. 01:04:32.220 --> 01:04:33.180 Ich kann es hier mal, 01:04:33.180 --> 01:04:34.180 wenn du Deutsch lernen willst. 01:04:34.180 --> 01:04:35.460 Genau. 01:04:35.460 --> 01:04:36.920 Ja, der ist live im Prozess. 01:04:36.920 --> 01:04:39.580 Gut. 01:04:39.580 --> 01:04:39.840 Genau. 01:04:39.840 --> 01:04:41.800 Okay, Mensch. 01:04:41.800 --> 01:04:43.220 Dann sind wir, 01:04:43.220 --> 01:04:44.660 probatimäßig jetzt schon durch hier. 01:04:44.660 --> 01:04:46.180 Das ging jetzt kurz und schmerzlos, ne? 01:04:46.180 --> 01:04:47.220 Das war doch super. 01:04:47.220 --> 01:04:48.700 Dann hast du jetzt noch, 01:04:48.700 --> 01:04:49.400 ich habe gesehen, 01:04:49.400 --> 01:04:50.140 auch nicht nur eine, 01:04:50.140 --> 01:04:52.100 sondern auch tatsächlich zwei Geilteile mitgebracht. 01:04:52.100 --> 01:04:52.640 Ich habe zwei, 01:04:52.640 --> 01:04:54.080 ich habe zwei Geilteile, ja. 01:04:54.080 --> 01:04:54.360 Okay. 01:04:54.360 --> 01:04:55.080 Damit sie mal wegkommen. 01:04:55.080 --> 01:04:57.100 Reicht aber ein Jingle, oder? 01:04:57.320 --> 01:04:58.180 Ah, weiß nicht. 01:04:58.180 --> 01:04:58.580 Ja, doch. 01:04:58.580 --> 01:04:58.780 Guck mal. 01:04:58.780 --> 01:05:00.920 Weiß ich nicht. 01:05:00.920 --> 01:05:02.620 Das Geilteile. 01:05:02.620 --> 01:05:05.860 Geilteile. 01:05:05.860 --> 01:05:07.300 Ach, kommen wir heute schnell durch. 01:05:07.300 --> 01:05:08.040 Unklass nicht. 01:05:08.040 --> 01:05:08.560 Wahnsinn. 01:05:08.840 --> 01:05:11.920 Trotz, trotz, dass meine Property dann doch relativ lang war. 01:05:11.920 --> 01:05:14.720 So, ich habe mir gedacht, 01:05:14.720 --> 01:05:16.600 es ist absichtlich sind es zwei, 01:05:16.600 --> 01:05:18.220 weil mit dem ersten Geilteil 01:05:18.220 --> 01:05:21.280 schließe ich viele Leute aus, 01:05:21.280 --> 01:05:24.320 die das vielleicht gar nicht ausprobieren können, 01:05:24.320 --> 01:05:25.080 selbst wenn sie wollen, 01:05:25.080 --> 01:05:26.420 weil es nämlich, 01:05:26.420 --> 01:05:27.560 es ist ein Spiel, 01:05:27.560 --> 01:05:28.900 es ist ein Handyspiel 01:05:28.900 --> 01:05:29.600 und es geht, 01:05:29.600 --> 01:05:30.380 soweit ich weiß, 01:05:30.380 --> 01:05:31.320 nur auf iPhone. 01:05:31.940 --> 01:05:32.560 ich weiß nicht mal, 01:05:32.560 --> 01:05:33.440 ob es auf dem iPad geht, 01:05:33.440 --> 01:05:33.940 ich glaube, 01:05:33.940 --> 01:05:35.100 es geht nur auf iPhone. 01:05:35.100 --> 01:05:38.040 Und das heißt Blackbox 01:05:38.040 --> 01:05:39.560 und das hat mein Gehirn 01:05:39.560 --> 01:05:40.560 ein bisschen kaputt gemacht 01:05:40.560 --> 01:05:41.280 und gekabert. 01:05:41.280 --> 01:05:42.960 Es ist ein, 01:05:42.960 --> 01:05:45.360 ein Puzzle-Spiel, 01:05:45.360 --> 01:05:46.620 so im weitesten Sinne, 01:05:46.620 --> 01:05:47.840 im weitesten Sinne. 01:05:48.960 --> 01:05:50.600 und es ist aber ein, 01:05:50.600 --> 01:05:51.720 hm, 01:05:51.720 --> 01:05:52.740 wie soll ich das sagen? 01:05:52.740 --> 01:05:56.140 Es ist ein Spiel, 01:05:56.140 --> 01:05:57.600 das anders funktioniert 01:05:57.600 --> 01:05:58.400 als andere Spiele, 01:05:58.400 --> 01:05:59.100 die man so kennt, 01:05:59.100 --> 01:06:00.420 weil es nämlich über das, 01:06:00.420 --> 01:06:01.040 über das, 01:06:01.040 --> 01:06:01.960 ich öffne die App 01:06:01.960 --> 01:06:03.740 und mache da drin Sachen hinausgeht. 01:06:03.740 --> 01:06:05.560 Ähm, 01:06:05.560 --> 01:06:08.040 man muss da drin Rätsel lösen 01:06:08.040 --> 01:06:11.420 und die Rätsel haben meistens irgendwas 01:06:11.420 --> 01:06:12.800 mit etwas zu tun, 01:06:12.800 --> 01:06:13.540 was nicht, 01:06:13.540 --> 01:06:16.560 was nicht jetzt innerhalb der App stattfindet. 01:06:16.560 --> 01:06:18.800 Manchmal findet es innerhalb der App vom Spiel statt, 01:06:18.920 --> 01:06:19.880 manchmal aber auch nicht. 01:06:19.880 --> 01:06:21.300 Wie soll ich das jetzt? 01:06:21.300 --> 01:06:22.860 Vielleicht muss ich mal ein Beispiel bringen. 01:06:22.860 --> 01:06:23.900 Ähm, 01:06:23.900 --> 01:06:24.980 es gibt ein Rätsel, 01:06:24.980 --> 01:06:28.360 das bezieht sich auf die aktuelle Mondphase. 01:06:28.360 --> 01:06:30.140 Ähm, 01:06:30.140 --> 01:06:30.800 es, 01:06:30.800 --> 01:06:31.800 das kannst du nur lösen, 01:06:31.800 --> 01:06:33.260 wenn du in der richtigen Mondphase bist. 01:06:33.260 --> 01:06:33.380 Okay. 01:06:33.380 --> 01:06:34.660 Ähm, 01:06:34.660 --> 01:06:36.640 es gibt ein Rätsel, 01:06:36.640 --> 01:06:37.060 das, 01:06:37.060 --> 01:06:37.360 also, 01:06:37.360 --> 01:06:38.900 Kannst du das irgendwie ausführen? 01:06:38.900 --> 01:06:39.200 Warum? 01:06:39.200 --> 01:06:39.760 Im aller, 01:06:39.760 --> 01:06:40.840 im allerweitesten Sinne, 01:06:40.840 --> 01:06:41.340 naja, 01:06:41.340 --> 01:06:41.880 es geht halt, 01:06:41.880 --> 01:06:42.240 naja, 01:06:42.240 --> 01:06:43.680 es ist halt einfach ein Rätselspiel, 01:06:43.680 --> 01:06:43.880 das, 01:06:43.880 --> 01:06:44.160 das, 01:06:44.160 --> 01:06:45.260 das sagt, 01:06:45.260 --> 01:06:45.520 naja, 01:06:45.520 --> 01:06:46.800 think outside the box. 01:06:46.800 --> 01:06:47.700 Ja, 01:06:47.760 --> 01:06:50.240 wie kann ich mir das jetzt vorstellen, 01:06:50.240 --> 01:06:50.680 warum das, 01:06:50.680 --> 01:06:51.660 was muss ich da machen? 01:06:51.660 --> 01:06:53.140 Ich weiß nicht, 01:06:53.140 --> 01:06:54.040 ich will jetzt nicht, 01:06:54.040 --> 01:06:55.100 ich will es nicht verraten, 01:06:55.100 --> 01:06:56.220 das hab ich nämlich schon gelöst. 01:06:56.220 --> 01:06:56.400 Okay, okay. 01:06:56.400 --> 01:06:57.880 Ich will das jetzt nicht verraten, 01:06:57.880 --> 01:06:58.020 also, 01:06:58.020 --> 01:06:58.440 ich muss, 01:06:58.440 --> 01:06:59.240 man kann dieses, 01:06:59.240 --> 01:07:01.720 man kann dieses Spiel auch nicht an einem Tag durchspielen, 01:07:01.720 --> 01:07:03.340 das ist per Definition nicht möglich, 01:07:03.340 --> 01:07:04.900 weil bestimmte Dinge zeitabhängig sind. 01:07:04.900 --> 01:07:06.260 Ähm, 01:07:06.840 --> 01:07:12.160 es spielt sehr viel mit den Sensoren des iPhones und mit den Funktionen von iOS. 01:07:12.160 --> 01:07:15.220 Und zwar mit allen möglichen Funktionen. 01:07:15.220 --> 01:07:15.540 Da sind, 01:07:15.540 --> 01:07:16.220 da hab ich dann, 01:07:16.220 --> 01:07:17.500 ich hab durch dieses Spiel gelernt, 01:07:17.500 --> 01:07:18.520 dass es APIs gibt, 01:07:18.520 --> 01:07:19.820 offenbar ein iOS für Dinge, 01:07:19.820 --> 01:07:20.760 äh, 01:07:20.760 --> 01:07:21.680 die ich nicht kannte, 01:07:21.680 --> 01:07:22.080 wo ich dachte, 01:07:22.080 --> 01:07:22.300 hä, 01:07:22.300 --> 01:07:22.520 das, 01:07:22.520 --> 01:07:24.220 das kann man tatsächlich abfragen mit einer App? 01:07:24.220 --> 01:07:24.660 Krass. 01:07:24.660 --> 01:07:25.640 So, 01:07:25.640 --> 01:07:26.100 ähm, 01:07:26.100 --> 01:07:26.760 weiß nicht, 01:07:26.760 --> 01:07:27.580 nehm ich jetzt mal, 01:07:27.580 --> 01:07:28.020 soll ich jetzt, 01:07:28.020 --> 01:07:29.720 soll ich jetzt mal ein Beispiel? 01:07:29.720 --> 01:07:30.620 Ja, 01:07:30.620 --> 01:07:31.500 irgendwas wollen wir jetzt schon wissen, 01:07:31.500 --> 01:07:32.380 das ist so abstrakt, 01:07:32.380 --> 01:07:34.100 da kann ich mir grad gar nichts darunter vorstellen. 01:07:35.280 --> 01:07:37.240 Ich will halt nicht zu viel verraten. 01:07:37.240 --> 01:07:37.540 Ja, 01:07:37.540 --> 01:07:38.500 du musst es ja nicht lösen, 01:07:38.500 --> 01:07:39.060 aber so, 01:07:39.060 --> 01:07:39.340 was, 01:07:39.340 --> 01:07:40.000 was denn die so, 01:07:40.000 --> 01:07:41.060 was ist denn die Prämisse? 01:07:41.060 --> 01:07:41.140 Ähm, 01:07:41.140 --> 01:07:41.360 ich kann, 01:07:41.360 --> 01:07:41.680 ich kann, 01:07:41.680 --> 01:07:42.200 ich zeig, 01:07:42.200 --> 01:07:43.440 ich zeig dir einfach mal was, 01:07:43.440 --> 01:07:44.660 ich zeig dir einfach mal was. 01:07:44.660 --> 01:07:45.320 Ähm, 01:07:45.320 --> 01:07:47.220 so, 01:07:47.220 --> 01:07:48.720 ich zeig dir einfach mal eins der Rätsel. 01:07:48.720 --> 01:07:52.300 So, 01:07:52.300 --> 01:07:54.080 das ist ein Rätsel. 01:07:54.080 --> 01:07:56.680 Und man muss dann nach und nach immer verschiedene Sensoren auch anschalten. 01:07:56.680 --> 01:07:57.160 So, 01:07:57.160 --> 01:07:57.420 was, 01:07:57.420 --> 01:07:58.820 was sieht man jetzt auf dem Bildschirm? 01:07:58.820 --> 01:07:59.920 Man sieht auf dem Bildschirm, 01:07:59.920 --> 01:08:00.680 ähm, 01:08:00.680 --> 01:08:01.620 so eine Pointer, 01:08:01.620 --> 01:08:02.200 so, 01:08:02.200 --> 01:08:02.340 so, 01:08:02.340 --> 01:08:02.380 so, 01:08:02.380 --> 01:08:02.840 so eine, 01:08:02.840 --> 01:08:03.420 so eine Kartennadel. 01:08:03.420 --> 01:08:04.340 Stecknadel, 01:08:04.340 --> 01:08:04.540 ja. 01:08:04.540 --> 01:08:05.540 Und dann sieht man, 01:08:05.540 --> 01:08:05.880 also, 01:08:05.880 --> 01:08:06.820 so Kreise ausdrucken. 01:08:06.820 --> 01:08:06.900 was man immer, 01:08:06.900 --> 01:08:07.820 was man immer schaffen muss, 01:08:07.820 --> 01:08:09.040 man muss immer schaffen, 01:08:09.040 --> 01:08:10.580 irgendwie diese, 01:08:10.580 --> 01:08:11.240 ähm, 01:08:11.240 --> 01:08:12.000 diese Rechtecke, 01:08:12.000 --> 01:08:12.460 die da sind, 01:08:12.460 --> 01:08:13.020 zu füllen. 01:08:13.020 --> 01:08:14.080 Wenn du die alle gefüllt hast, 01:08:14.080 --> 01:08:15.320 dann hast du das Rätsel gelöst. 01:08:15.320 --> 01:08:16.960 So, 01:08:16.960 --> 01:08:17.880 das ist eigentlich immer das Ding. 01:08:18.000 --> 01:08:18.540 und die, 01:08:18.540 --> 01:08:20.020 die Übersicht von dem Spiel, 01:08:20.020 --> 01:08:20.860 die sieht so aus. 01:08:20.860 --> 01:08:21.220 Das ist, 01:08:21.220 --> 01:08:22.780 das ist das Spielfeld. 01:08:22.780 --> 01:08:25.540 Das ist im Prinzip eine Matrix aus lauter bunten Rechtecken. 01:08:25.540 --> 01:08:27.240 Und wenn du auf eins drauf drückst, 01:08:27.240 --> 01:08:27.800 keine Ahnung, 01:08:27.800 --> 01:08:28.620 nimm mal jetzt irgendeins, 01:08:28.620 --> 01:08:30.660 dann öffnet sich das entsprechende Rätsel. 01:08:30.660 --> 01:08:32.260 So, 01:08:32.260 --> 01:08:33.340 da siehst du jetzt zum Beispiel, 01:08:33.340 --> 01:08:36.920 das reagiert jetzt irgendwie auf die Position vom iPhone. 01:08:36.920 --> 01:08:37.440 Mhm. 01:08:37.440 --> 01:08:38.360 Und dann, 01:08:38.360 --> 01:08:39.320 und das vibriert dann auch, 01:08:39.320 --> 01:08:40.420 wenn bestimmte Dinge passieren. 01:08:40.640 --> 01:08:40.780 so, 01:08:40.780 --> 01:08:41.440 ja? 01:08:41.440 --> 01:08:43.760 So, 01:08:43.760 --> 01:08:44.700 ähm, 01:08:44.700 --> 01:08:45.020 also, 01:08:45.020 --> 01:08:46.600 ganz viele Gerätesensoren 01:08:46.600 --> 01:08:48.320 und aber auch teilweise Dinge, 01:08:48.320 --> 01:08:49.380 die zeitabhängig sind, 01:08:49.380 --> 01:08:49.860 ähm, 01:08:49.860 --> 01:08:50.520 Dinge, 01:08:50.520 --> 01:08:50.820 die, 01:08:50.820 --> 01:08:51.740 Dinge, 01:08:51.740 --> 01:08:53.120 die von dem Ort abhängig sind, 01:08:53.120 --> 01:08:53.740 wo du bist, 01:08:53.740 --> 01:08:54.880 und so weiter. 01:08:54.880 --> 01:08:55.260 Ähm, 01:08:55.260 --> 01:08:56.480 ich will nicht zu viel verraten. 01:08:56.480 --> 01:08:56.680 Das, 01:08:56.680 --> 01:08:56.960 das, 01:08:56.960 --> 01:08:57.340 äh, 01:08:57.340 --> 01:08:59.480 man wird, 01:08:59.480 --> 01:09:00.620 man wird ein bisschen verrückt. 01:09:00.620 --> 01:09:00.960 Man, 01:09:00.960 --> 01:09:01.840 man fängt dann an, 01:09:01.840 --> 01:09:02.840 verrückte Dinge zu tun. 01:09:02.840 --> 01:09:03.460 Ja, 01:09:03.460 --> 01:09:04.860 und es gab Leute, 01:09:04.860 --> 01:09:05.480 es steht da auch, 01:09:05.480 --> 01:09:07.500 refreshingly oppressive puzzles. 01:09:07.500 --> 01:09:07.940 Ja, 01:09:07.940 --> 01:09:10.080 es macht einen ein bisschen Bananen. 01:09:10.080 --> 01:09:11.220 Puzzle. 01:09:11.220 --> 01:09:11.620 Also, 01:09:11.620 --> 01:09:12.200 ich hab schon, 01:09:12.200 --> 01:09:12.680 äh, 01:09:12.680 --> 01:09:14.540 es gab schon Leute, 01:09:14.540 --> 01:09:14.780 die, 01:09:14.780 --> 01:09:15.780 die um mich rum, 01:09:15.780 --> 01:09:16.960 die dann gesagt haben, 01:09:16.960 --> 01:09:17.880 äh, 01:09:17.880 --> 01:09:20.620 was stimmt mit dir jetzt gerade nicht? 01:09:20.620 --> 01:09:20.940 Gut, 01:09:20.940 --> 01:09:21.300 Moritz, 01:09:21.300 --> 01:09:22.740 das liegt vielleicht gar nicht mal 01:09:22.740 --> 01:09:23.340 nur an der App. 01:09:23.340 --> 01:09:25.060 Du spielst schon wieder dieses Spiel. 01:09:25.060 --> 01:09:26.340 Du spielst schon. 01:09:26.340 --> 01:09:27.320 Ja, 01:09:27.320 --> 01:09:27.960 der war billig, 01:09:27.960 --> 01:09:28.900 der war billig. 01:09:28.900 --> 01:09:30.160 Ähm, 01:09:30.160 --> 01:09:30.920 ja, 01:09:30.920 --> 01:09:31.640 genau, 01:09:31.640 --> 01:09:31.940 also, 01:09:31.940 --> 01:09:33.340 mehr möchte ich nicht verraten. 01:09:33.340 --> 01:09:34.600 Ich hab's auch noch nicht komplett durch. 01:09:34.600 --> 01:09:35.260 Es gibt auch Dinge, 01:09:35.260 --> 01:09:36.440 wo ich noch komplett im, 01:09:36.440 --> 01:09:37.040 also, 01:09:37.040 --> 01:09:37.480 du hast gesehen, 01:09:37.480 --> 01:09:38.140 es sind schon, 01:09:38.140 --> 01:09:39.200 ich hab schon einige gelöst, 01:09:39.200 --> 01:09:39.380 ne? 01:09:39.460 --> 01:09:40.080 also die meisten. 01:09:40.080 --> 01:09:41.260 Ähm, 01:09:41.260 --> 01:09:43.600 ich hab auch schon geheimen Rätsel gefunden, 01:09:43.600 --> 01:09:46.180 indem ich merkwürdige Dinge mit dieser App gemacht habe, 01:09:46.180 --> 01:09:47.540 wo dann kam und sagt, 01:09:47.540 --> 01:09:47.780 ja, 01:09:47.780 --> 01:09:48.340 jetzt, 01:09:48.340 --> 01:09:48.760 jetzt lass, 01:09:48.760 --> 01:09:49.380 jetzt lass mal, 01:09:49.380 --> 01:09:51.060 mach das mal jetzt nicht noch mal. 01:09:51.060 --> 01:09:52.620 Und dann macht man's halt noch mal. 01:09:52.740 --> 01:09:53.740 dann kriegst du halt, 01:09:53.740 --> 01:09:53.740 dann kriegst du halt, 01:09:53.740 --> 01:09:55.680 dann kriegst du halt jetzt ein extra Rätsel. 01:09:55.680 --> 01:09:57.100 Wenn du so, 01:09:57.100 --> 01:09:58.320 wenn du so persistent bist. 01:09:58.320 --> 01:09:59.420 So, äh, 01:09:59.420 --> 01:10:00.240 ja, 01:10:00.240 --> 01:10:00.520 also, 01:10:00.520 --> 01:10:01.760 wie gesagt, 01:10:01.760 --> 01:10:03.180 bei manchen tapp ich noch komplett im Dunkeln, 01:10:03.180 --> 01:10:03.860 weiß noch gar nicht, 01:10:03.860 --> 01:10:05.920 aber das ist tatsächlich ein sehr interessantes Spiel. 01:10:05.920 --> 01:10:08.080 Das kann ich empfehlen. 01:10:08.080 --> 01:10:10.200 Man kann auch ein paar Level kostenlos spielen. 01:10:10.200 --> 01:10:12.860 Und es gibt auch keine Werbung oder sowas. 01:10:13.120 --> 01:10:13.820 Wenn man dann, 01:10:13.820 --> 01:10:14.520 wenn man dann die, 01:10:14.520 --> 01:10:16.240 das finde ich immer unfassbar nervig, 01:10:16.240 --> 01:10:16.440 wenn, 01:10:16.440 --> 01:10:18.060 wenn irgendwie Werbe finanziert und so. 01:10:18.060 --> 01:10:18.680 Also ich glaube, 01:10:18.680 --> 01:10:19.500 genau, 01:10:19.500 --> 01:10:22.860 der Standardumfang sind halt nur so ein paar von diesen Rätseln 01:10:22.860 --> 01:10:23.240 und dann, 01:10:23.240 --> 01:10:24.920 die anderen sind halt quasi verschlossen 01:10:24.920 --> 01:10:26.020 und wenn du die halt spielen willst, 01:10:26.020 --> 01:10:26.880 musst du halt Geld bezahlen. 01:10:26.880 --> 01:10:28.020 Aber es ist total fair 01:10:28.020 --> 01:10:29.320 und es ist echt ein geiles Spiel. 01:10:29.320 --> 01:10:31.280 Was das natürlich am Ende macht, 01:10:31.280 --> 01:10:31.500 ist, 01:10:31.500 --> 01:10:32.460 am Ende hast du alle, 01:10:32.460 --> 01:10:35.560 alle Sensoren und alle Freigaben auf dieser App gegeben. 01:10:35.560 --> 01:10:36.280 Ja, ja. 01:10:36.280 --> 01:10:37.560 Weil du die für die Rätsel brauchst. 01:10:37.560 --> 01:10:38.540 Das ist ein bisschen. 01:10:38.540 --> 01:10:39.060 Ja, 01:10:39.060 --> 01:10:40.400 kommen die aus China oder aus Russland? 01:10:40.400 --> 01:10:42.200 Ich hab keine Ahnung. 01:10:43.120 --> 01:10:43.680 Ja. 01:10:43.680 --> 01:10:45.020 Es ist sehr, 01:10:45.020 --> 01:10:46.040 sehr clever. 01:10:46.040 --> 01:10:48.200 Es ist wirklich sehr gut. 01:10:48.200 --> 01:10:51.480 Ich kann dir im Nachgang gerne mal 01:10:51.480 --> 01:10:53.380 die Lösung von so einem Rätsel zeigen, 01:10:53.380 --> 01:10:55.120 dass du es vielleicht noch ein bisschen besser verstehst. 01:10:55.120 --> 01:10:56.200 Ich will jetzt nicht so viel verraten, 01:10:56.200 --> 01:10:57.520 vielleicht will es ja noch jemand spielen, 01:10:57.520 --> 01:10:58.900 ich will euch jetzt nicht diese Rätsel lösen. 01:10:58.900 --> 01:10:59.900 Manche sind sehr leicht 01:10:59.900 --> 01:11:00.300 und wie gesagt, 01:11:00.300 --> 01:11:01.760 manche da bin ich noch gar nicht drauf gekommen. 01:11:01.760 --> 01:11:02.980 Zum Beispiel, 01:11:02.980 --> 01:11:03.880 ich kann dir mal eins zeigen, 01:11:03.880 --> 01:11:05.060 wo ich noch nicht drauf gekommen bin, 01:11:05.060 --> 01:11:06.940 wo ich noch gar total im Dunkeln tappe. 01:11:06.940 --> 01:11:09.620 Und zwar ist das das hier. 01:11:09.620 --> 01:11:11.880 Da sind auf dem Monitor 01:11:11.880 --> 01:11:13.960 einfach ein roter Kreis 01:11:13.960 --> 01:11:15.520 und ein grüner Kreis unten. 01:11:15.520 --> 01:11:17.620 Und oben drüber die zwei Kästchen. 01:11:17.620 --> 01:11:18.620 Ich hab schon versucht, 01:11:18.620 --> 01:11:19.940 ein Magnet ans Handy zu halten. 01:11:19.940 --> 01:11:20.180 Ach Gott. 01:11:20.180 --> 01:11:20.960 Okay. 01:11:20.960 --> 01:11:24.520 Versuch's doch mal mit Starkstromkabeln. 01:11:24.520 --> 01:11:27.440 Weil die haben ja Magnetsensoren, 01:11:27.440 --> 01:11:28.660 die Smartphones. 01:11:28.660 --> 01:11:29.340 Da hab ich gedacht, 01:11:29.340 --> 01:11:29.620 na ja, 01:11:29.620 --> 01:11:30.460 vielleicht muss ich da jetzt, 01:11:30.460 --> 01:11:31.680 das ist Nordpol und Südpol. 01:11:31.680 --> 01:11:33.500 Rot und Weiß nimmt man da oft als Farbe 01:11:33.500 --> 01:11:34.900 für die Pole von Magneten. 01:11:34.900 --> 01:11:35.840 Rot und Grün, oder? 01:11:35.840 --> 01:11:37.980 Ich hab auch Rot und Weiß schon gesehen. 01:11:37.980 --> 01:11:38.540 Rot und Weiß? 01:11:38.620 --> 01:11:39.440 Okay, gut, ja, kann sein. 01:11:39.440 --> 01:11:42.140 Ich hab, ja, vielleicht, ja. 01:11:42.140 --> 01:11:42.840 Also, 01:11:42.840 --> 01:11:45.960 es ist sehr verrückt, dieses Spiel. 01:11:45.960 --> 01:11:46.500 Genau so, 01:11:46.500 --> 01:11:47.420 es ist ein Geilteil. 01:11:47.420 --> 01:11:50.000 Könnt ihr ja auch mal, 01:11:50.000 --> 01:11:51.100 wenn es jemand spielt, 01:11:51.100 --> 01:11:51.500 mal sagen, 01:11:51.500 --> 01:11:52.260 ob es euch gefällt 01:11:52.260 --> 01:11:53.500 oder ob ihr es komplett, 01:11:53.500 --> 01:11:54.840 ob ihr dann verrückt geworden seid 01:11:54.840 --> 01:11:55.320 oder so was. 01:11:55.700 --> 01:11:57.740 Und das andere einfach für diese Zeiten, 01:11:57.740 --> 01:12:00.500 die irgendwie so ein bisschen anstrengend sind, 01:12:00.500 --> 01:12:02.220 unsicher und man weiß nicht so recht, 01:12:02.220 --> 01:12:04.480 was, was, 01:12:04.480 --> 01:12:06.160 wie soll man jetzt damit umgehen? 01:12:06.160 --> 01:12:07.620 Und manchmal braucht man einfach so 01:12:07.620 --> 01:12:09.780 einen Hort der Freude. 01:12:09.780 --> 01:12:12.780 Dafür empfehle ich euch einen Twitter-Kanal, 01:12:12.780 --> 01:12:14.340 der heißt nämlich Hourly Fox. 01:12:14.340 --> 01:12:17.280 Und der macht genau das, 01:12:17.280 --> 01:12:19.180 was der Name des Twitter-Kanals ist. 01:12:19.180 --> 01:12:21.840 Jede Stunde wird ein Fuchs-Bild gepostet. 01:12:22.440 --> 01:12:24.580 Und da sind so putzige Bilder dabei. 01:12:24.580 --> 01:12:25.840 Das ist für die jetzige Zeit 01:12:25.840 --> 01:12:26.860 genau das Richtige. 01:12:26.860 --> 01:12:29.040 Also, vielleicht ... 01:12:29.040 --> 01:12:29.300 Das ist ja schön, 01:12:29.300 --> 01:12:30.200 dass man einfach so ein bisschen 01:12:30.200 --> 01:12:32.660 die Timeline so ein bisschen gecleant wird. 01:12:32.660 --> 01:12:33.240 Genau, genau. 01:12:33.240 --> 01:12:34.220 Das werde ich direkt mal ... 01:12:34.220 --> 01:12:36.220 Wirklich, jede Stunde ist ein Fuchs-Bild 01:12:36.220 --> 01:12:37.160 bei mir dann da drin. 01:12:37.160 --> 01:12:37.760 Das ist schön. 01:12:37.760 --> 01:12:39.460 Und die sind alle ziemlich gut 01:12:39.460 --> 01:12:42.380 und manche sind extrem putzig. 01:12:42.380 --> 01:12:44.100 Also, ich glaube, 01:12:44.100 --> 01:12:45.360 so was gibt es auch für andere Tiere. 01:12:45.360 --> 01:12:47.080 Ich bin jetzt halt da drauf gestoßen, 01:12:47.080 --> 01:12:48.220 auf die Füchse 01:12:48.220 --> 01:12:50.380 und es ist einfach ein Traum. 01:12:50.380 --> 01:12:51.380 Also, warte mal, 01:12:51.380 --> 01:12:53.580 ich such dir mal eins meiner Favoriten raus. 01:12:53.580 --> 01:12:54.040 Das war, glaube ich, 01:12:54.040 --> 01:12:54.640 eins der ersten, 01:12:54.640 --> 01:12:55.880 auf die ich überhaupt gestoßen bin. 01:12:55.880 --> 01:12:56.560 Das wurde, glaube ich, 01:12:56.560 --> 01:12:59.500 mir in die Timeline reingeteilt. 01:12:59.500 --> 01:13:00.120 Ich habe sogar mal gesucht. 01:13:00.120 --> 01:13:01.260 Es gibt auch Hourly-Kitten. 01:13:01.260 --> 01:13:03.220 Natürlich, natürlich. 01:13:03.220 --> 01:13:05.660 Hourly-Dog gibt es das auch? 01:13:05.660 --> 01:13:09.120 Sag mal, wo ist denn der? 01:13:09.120 --> 01:13:10.260 Ja, Hourly-Dog gibt es auch. 01:13:10.260 --> 01:13:12.020 Natürlich, natürlich. 01:13:12.020 --> 01:13:14.060 Aber ich fand die Füchse einfach gut. 01:13:14.060 --> 01:13:15.600 Und ich empfehle die Füchse. 01:13:15.600 --> 01:13:16.440 Ihr dürft natürlich euch 01:13:16.440 --> 01:13:18.220 euer Lieblingstier raussuchen bei Twitter, 01:13:18.220 --> 01:13:19.160 was ihr jede Stunde ... 01:13:19.160 --> 01:13:21.360 Aber das ist so ... 01:13:21.360 --> 01:13:23.500 Wenn bei Twitter so viel Schlimmes drinsteht, 01:13:23.500 --> 01:13:25.060 ist manchmal nicht schlecht, 01:13:25.060 --> 01:13:26.700 so ein kleines Tier, 01:13:26.700 --> 01:13:28.300 irgendwie so ein kleines putziges Tierchen 01:13:28.300 --> 01:13:29.120 dazwischen zu haben. 01:13:29.120 --> 01:13:29.920 Das ist gerade jetzt wieder 01:13:29.920 --> 01:13:31.500 vor 45 Sekunden. 01:13:31.500 --> 01:13:33.240 Ich glaube, 01:13:33.240 --> 01:13:34.360 sie wiederholen sich auch. 01:13:34.360 --> 01:13:34.960 Aber das ist ... 01:13:34.960 --> 01:13:35.580 Ah, da ist er. 01:13:35.580 --> 01:13:36.040 Da ist er. 01:13:36.040 --> 01:13:38.400 Der, den ich als erstes gesehen habe, 01:13:38.400 --> 01:13:40.100 den packe ich auch mal noch hier rein. 01:13:40.100 --> 01:13:43.460 Das war meine Einstiegsdroge. 01:13:45.580 --> 01:13:46.540 Ich habe hier ... 01:13:46.540 --> 01:13:47.500 Weiß nicht, hast du es gesehen? 01:13:47.500 --> 01:13:48.140 Ich habe es ins Trello gebracht. 01:13:48.140 --> 01:13:48.540 Achso, die. 01:13:48.540 --> 01:13:51.600 Das ist einfach ... 01:13:51.600 --> 01:13:52.520 Der ist einfach sehr gut. 01:13:52.520 --> 01:13:55.480 Das ist eigentlich fast so ein kleines Hündchen. 01:13:55.480 --> 01:13:56.380 Oh Gott. 01:13:56.380 --> 01:13:57.520 Das ist ein Fuchs? 01:13:57.520 --> 01:13:59.440 Das ist doch kein Fuchs. 01:13:59.440 --> 01:14:00.380 Ja, offenbar. 01:14:00.380 --> 01:14:01.380 Aber es sieht irgendwie schon ... 01:14:01.380 --> 01:14:01.380 Verrückt. 01:14:01.380 --> 01:14:02.300 Man weiß nicht so genau. 01:14:02.300 --> 01:14:05.640 Vielleicht sind es auch nicht alles Füchse. 01:14:05.640 --> 01:14:06.060 Man weiß nicht. 01:14:06.060 --> 01:14:08.460 Aber es sind auch verschiedene Sorten. 01:14:08.460 --> 01:14:09.800 Also es sind Polarfüchse dabei. 01:14:10.100 --> 01:14:11.300 halt irgendwie so die Roten, 01:14:11.300 --> 01:14:12.200 die man bei uns kennt 01:14:12.200 --> 01:14:13.800 und in allen Größen 01:14:13.800 --> 01:14:15.620 und Mama mit Baby 01:14:15.620 --> 01:14:16.320 und alles. 01:14:16.320 --> 01:14:17.600 Das ist ein voller Programm. 01:14:17.600 --> 01:14:18.800 Es macht einfach große Freude. 01:14:18.800 --> 01:14:19.400 Sehr schön. 01:14:19.400 --> 01:14:21.320 Bisschen Positivität. 01:14:21.320 --> 01:14:24.220 Mein zweites Geilteil 01:14:24.220 --> 01:14:25.380 und das letzte für heute. 01:14:25.380 --> 01:14:29.300 Dann sind wir schon bei einer Stunde ... 01:14:29.300 --> 01:14:30.800 Also erst bei einer Stunde 15, 01:14:30.800 --> 01:14:31.480 muss man ja sagen. 01:14:31.480 --> 01:14:33.380 Und jetzt kommt ... 01:14:37.380 --> 01:14:41.320 Du hast schon gar nicht mehr 01:14:41.320 --> 01:14:42.680 so einen angsterfüllten Blick. 01:14:42.680 --> 01:14:43.420 Nee. 01:14:43.420 --> 01:14:46.680 Ich habe mich jetzt ein bisschen dran gewöhnt, 01:14:46.680 --> 01:14:47.460 ehrlich gesagt. 01:14:47.460 --> 01:14:48.640 Ich wusste jetzt ... 01:14:48.640 --> 01:14:50.560 Ja, okay. 01:14:50.560 --> 01:14:51.640 Und mein Bier ist erst ... 01:14:51.640 --> 01:14:53.080 Ich habe auch noch was drin. 01:14:53.080 --> 01:14:54.400 Das gibt es ja nicht. 01:14:54.400 --> 01:14:56.980 Also wir müssen eigentlich schon so eine Bierzeit ... 01:14:56.980 --> 01:14:58.340 Das muss die Folge schon dauern. 01:14:58.340 --> 01:14:59.640 Aber ich kipps jetzt nicht mehr. 01:14:59.640 --> 01:15:00.600 Aber ich habe auch langsam ... 01:15:00.600 --> 01:15:02.660 Ich habe viel geredet und wenig getrunken heute. 01:15:02.660 --> 01:15:06.520 Ich meine, andere Leute in einer Stunde, 01:15:06.700 --> 01:15:08.700 die trinken in einer Stunde drei 05-Werflaschen. 01:15:08.700 --> 01:15:09.900 Und ich habe jetzt eine halbe geschafft. 01:15:09.900 --> 01:15:12.960 Ich werde sie wahrscheinlich noch leer trinken. 01:15:12.960 --> 01:15:14.960 Ich finde nämlich das Chiemseher tatsächlich ganz lecker. 01:15:14.960 --> 01:15:16.220 Das ist jetzt ... 01:15:16.220 --> 01:15:17.920 Ja, doch. 01:15:17.920 --> 01:15:19.100 Die Dose war auch noch fünf. 01:15:19.100 --> 01:15:21.020 Ja, Mensch. 01:15:21.020 --> 01:15:22.480 Das war doch jetzt schnell. 01:15:22.480 --> 01:15:23.860 Und bevor wir es jetzt verlabern, oder? 01:15:23.860 --> 01:15:27.280 Machen wir doch jetzt einfach recht zügig auch Schluss. 01:15:27.280 --> 01:15:29.060 Und ihr könnt uns ja mal sagen, 01:15:29.060 --> 01:15:32.600 wie euch diese tatsächlich kurze Folge jetzt gefallen hat. 01:15:32.600 --> 01:15:33.660 Genau. 01:15:33.660 --> 01:15:35.360 In nächster Woche gibt es wieder Stream. 01:15:35.840 --> 01:15:37.400 Vielleicht das noch zum Abschluss. 01:15:37.400 --> 01:15:41.960 Wie immer, ihr sollt uns bei Twitter folgen und so. 01:15:41.960 --> 01:15:42.840 Wisst ihr ja alles, ne? 01:15:42.840 --> 01:15:43.880 Das wisst ihr schon. 01:15:43.880 --> 01:15:45.540 Genau. 01:15:45.540 --> 01:15:46.260 Ja. 01:15:46.260 --> 01:15:48.540 Und damit ... 01:15:48.540 --> 01:15:50.020 Jetzt finde ich den Knopf nicht. 01:15:50.020 --> 01:15:51.760 Ach so, soll ich ... 01:15:51.760 --> 01:15:52.360 Nee, ich habe schon. 01:15:52.360 --> 01:15:54.100 Jetzt läuft es an. 01:15:54.100 --> 01:15:57.720 Gut, also, haltet die Ohren steif gerade jetzt. 01:15:57.720 --> 01:16:00.440 Und wir freuen uns, wenn ihr nächstes Mal wieder dabei seid. 01:16:01.160 --> 01:16:02.060 Macht's gut, bis dann. 01:16:02.060 --> 01:16:02.600 Ciao. 01:16:02.600 --> 01:16:03.220 Ciao.