Revision 559: Glücksrad

Hans, Schepp und Peter spielen Glücksrad!
Schaunotizen
- [00:04:15] Selection.prototype.isCollapsed
- Auf der Suche nach Use Cases fällt uns erst auf, wie vergleichsweise mühsam Copy/Paste per JS via execCommand war, was heutzutage mit der Clipboard API sehr viel besser geht.
- [00:09:00] <b>
- Hans referiert perfekt über Sinn und Unsinn des ehemaligen Bold-Elements inkl. Abgrenzung vom Kollegen
<i>
. Wir philosophieren darüber, welche Elemente die Bold- und Italic-Buttons in einem WYSIWYG-Editor ins Dokument setzen wollen und streifen dabei Use Cases für<dl>
,<mark>
,<kbd>
und<xmp>
. Für letzteres ermittelt Peter sogar per Live-Recherche die Namensherkunft (xmp für „Example“ laut HTML 2.0). - [00:25:37] StereoPannerNode
- Ein Bestandteil der Web Audio API, zu dem uns nicht besonders viel einfällt.
- [00:28:50] <meta>
- Wir diskutieren über Sinn und Unsinn von per Meta-Tag eingebauten Microdata-Informationen, v.a. in den Geschmacksrichtungen OpenGraph (mit verfügbarem Validator) und Twitler (ohne Validator). Am Ende kommen wir noch auf Charsets (auch via Meta-Tag setzbar, unter anderem auch in einer Langfassung) und die Kollegen von Wo wir sind ist vorne zu sprechen.
- [00:38:17] MediaError.message
- Zu Media-Error-Codes selbst haben wir nicht besonders viel beizutragen, aber Peter nutzt die Gelegenheit, um für DIY-Error-Klassen zu argumentieren.
- [00:46:54] ElementInternals.ariaColSpan
- Eine API, mit der sich per ElementInternals (von uns kürzlich in der Revision 557 ausführlicher besprochen) der Defaultwert für aria-colspan setzen lässt.
- [00:51:27] <h1> – <h6>
- Und täglich grüßt der Outline-Algorithmus! Wir kauen das altbekannte Problem der Überschriften in user-generated Content durch und diskutieren, unter welchen Umständen wir <hgroup>, <header> oder etwas ganz anderes einsetzen.
Transkript
WEBVTT 00:00.000 --> 00:06.400 Ja wie bei CSS mit den Z-Indexen, also wenn du quasi so ein Stacking-Kontext bildest, 00:06.400 --> 00:09.840 dann kannst du da drin ja Z-Index eine Million reinschreiben. 00:09.840 --> 00:13.680 Ja man muss ja auch nur in die HGM2-Spezifikationen reingucken, dann weiß man sofort. 00:13.680 --> 00:19.240 Ich war noch nie an diesem Punkt, dass ich gedacht habe, auch nee, jetzt war ja meine 00:19.240 --> 00:23.600 eigene Error-Klasse, weil sonst komme ich hier mit meinen JavaScript-Errors im Fronten 00:23.600 --> 00:24.600 gar nicht klar. 00:24.600 --> 00:33.120 Find ich jetzt ein bisschen kompliziert ausgedrückt, aber kann man machen, ja. 00:33.120 --> 00:36.360 Diese Revision von WorkingDraft wird euch präsentiert von Mitwald. 00:36.360 --> 00:39.240 Mitwald ist der Hoster für Agenturen und Freelancer. 00:39.240 --> 00:43.280 Solltet ihr mehr als ein alzendes Webprojekt zu betreuen haben, dann könnte Mitwald euer 00:43.280 --> 00:44.280 Gamechanger sein. 00:44.280 --> 00:48.080 Ich erinnere mich damit grausen an meine eigene Freelancer-Vergangenheit, als ich für zehn 00:48.080 --> 00:51.800 Kunden bei 20 verschiedenen Hostern mit 30 Lockins zu jogglieren hatte. 00:51.800 --> 00:56.640 Bei Mitwald hingegen ein Lockin für alle Projekte. 00:56.640 --> 01:01.720 Wahlweise für den besucherbasierten Agenturserver oder den nördlich selbst konfigurierten Space-Server. 01:01.720 --> 01:06.360 Mit allen Features, die ihr euch nur wünschen könnt, formen Shopsystem-Installer über SSL-Zertifikate 01:06.360 --> 01:08.920 bis hin zum ausgefuchsten Rechte- und Rollensystem. 01:08.920 --> 01:12.080 Ihr wisst schon für das Management eurer zahllosen Projekte unter einem Dach. 01:12.080 --> 01:17.440 CO2-neutral und DSGVO-konform und solltest man haken und ihr den Support anrufen, dann 01:17.440 --> 01:22.440 kriegt ihr echte Nerds-Ansruhe, 24 7 an 365 Tagen im Jahr. 01:22.440 --> 01:27.960 Das alles könnt ihr haben, wenn ihr auf mitwald.de.slashworkingdraft vorbeischaut. 01:27.960 --> 01:33.200 Das schreibt sich miettwald.de.slashworkingdraft. 01:33.200 --> 01:37.080 Alle Infos zur Mitwald findet ihr natürlich auch in den Show-Notes zu dieser Revision. 01:37.080 --> 01:48.160 Wir danken mitwald für die Unterstützung von dieser Revision von WorkingDraft. 02:07.080 --> 02:18.280 Wir sind heute zu dritt und zwar alle aus dem Team, da wäre zum einen der Hans. 02:18.280 --> 02:19.280 Hallo zusammen. 02:19.280 --> 02:22.000 Dann haben wir den Peter. 02:22.000 --> 02:23.000 Moin moin. 02:23.000 --> 02:29.400 Und ich bin der Shep und eigentlich war heute ein Gast geplant, der ist aber krankheitsbedingt 02:29.400 --> 02:31.480 ausgefallen, relativ kurzfristig. 02:31.480 --> 02:37.040 Und was machen wir dann immer, wir schmeißen das Glücksrat an. 02:37.040 --> 02:40.640 Das Webtechnologie Glücksrat und das haben wir auch wieder gemacht. 02:40.640 --> 02:46.240 Also fuhr der Peter ja immer schön in der HTML5-Spec rumgescrollt, aber da fehlten uns 02:46.240 --> 02:52.560 ja dann ein paar Aspekte des Webs, die halt da nicht als Teil von HTML5 verzeichnet sind. 02:52.560 --> 03:02.520 Und genau jetzt speist sich unser neues Tool aus den MDN-Artikeln und sucht sich da entweder 03:02.520 --> 03:10.240 HTML-Elemente oder CSS-Features oder Browser-APIs raus, findet ihr auch, könnt ihr alle gucken 03:10.240 --> 03:16.040 unter workingdraft.e slash Glücksrat, genau und da gucken wir jetzt drauf, soll das schon 03:16.040 --> 03:17.200 per Websocket verbunden. 03:17.200 --> 03:23.640 Da können wir uns dann zufällig irgendwelche Sachen raus auswerfen lassen. 03:23.640 --> 03:31.120 Ich glaube, irgendwer von euch hat schon gedruckt, weil hier ist eben das erste Ding schon aufgeploppt. 03:31.120 --> 03:35.880 Ich weiß nicht, ich habe keinelei Verantwortung dafür, dass wir jetzt mit dem Thema konfrontiert 03:35.880 --> 03:36.880 sind. 03:36.880 --> 03:40.640 Ne, kann ich auch nicht zu sagen, ich habe noch nicht mal was angezeigt. 03:40.640 --> 03:42.440 Was ist es denn, Shep? 03:42.440 --> 03:51.600 Das ist aus der API-Ecke Selection und dann ist kollepst und da habe ich tatsächlich 03:51.600 --> 03:55.200 auch gerade höchstens eine Ahnung, was es sein könnte. 03:55.200 --> 04:00.240 Wollte aber sagen, wenn ihr zwei das nicht gedruckt habt, dann ist wahrscheinlich irgendwer anders 04:00.240 --> 04:03.240 gerade auf der Seite und drückt, was auch vollkommen ordentlich ist. 04:03.240 --> 04:07.640 So, die sind nämlich schlau, die Leute, die lesen die Tweets, sehen, dass wir gerade so 04:07.640 --> 04:11.240 was aufnehmen und dann drücken sie mal für uns und wollen nämlich mal ein Thema. 04:11.240 --> 04:14.240 Ja, die wollen uns mal hier bumpen. 04:14.240 --> 04:15.240 Genau. 04:15.240 --> 04:22.520 Ja, aber das ist ein spannendes Thema, also Selection.isCollepst. 04:22.520 --> 04:28.280 Read only property returns a boolean value, which indicates whether or not there is currently 04:28.280 --> 04:30.400 any text selected. 04:30.400 --> 04:38.760 Aha, no text is selected and the selection start and end positions are the same position in 04:38.760 --> 04:39.760 the content. 04:39.760 --> 04:42.200 Also, wenn man so stellt, ist jetzt... 04:42.200 --> 04:44.400 Okay, aber was hat das denn mit isCollepst zu tun? 04:44.400 --> 04:48.160 Naja, sie ist ja kollepst, wenn sie nix selektiert hat. 04:48.160 --> 04:54.840 Also, Start und Endpunkt, gleiche Koordinaten, ist ja gleich bedeutend, nichts ist ausgewählt, 04:54.840 --> 04:57.720 ist gleich bedeutend mit, dass was vorher ausgewählt war, ist jetzt nicht mehr ausgewählt, weil 04:57.720 --> 04:59.080 die Koordinaten zusammengefallen sind. 04:59.080 --> 05:07.040 Okay, hm, finde ich jetzt ein bisschen kompliziert ausgedrückt, aber kann man machen, ja. 05:07.040 --> 05:14.200 Habt ihr denn schon mal mit dieser nativen Selection API was getan? 05:14.200 --> 05:22.400 Also, ich habe damit schon mal gearbeitet, ja, ich überlege gerade, was ich damit gemacht 05:22.400 --> 05:23.400 habe. 05:23.400 --> 05:31.320 Tja, wenn ich das jetzt noch wüsste, ich glaube, ich glaube genau, um irgendwie HTML 05:31.320 --> 05:36.720 ins Clipboard zu kopieren, musste ich, also da musste ich, glaube ich, in eine Textarea 05:36.720 --> 05:41.720 oder irgendwie sowas in der Art, musste ich dann das HTML rein donnern, das ich haben 05:41.720 --> 05:45.280 wollte, dann konnte ich irgendwie selektieren und kopieren, ich glaube, irgendwie so in 05:45.280 --> 05:46.280 die Richtung ging es. 05:46.280 --> 05:49.480 Habe ich all das, aber glaube ich, nicht benutzt. 05:49.480 --> 05:53.560 Nee, das brauchst du ja dafür auch nicht, dann müsstest du ja im Prinzip plus sozusagen 05:53.560 --> 06:01.920 Textarea nehmen von Position 0 bis Value.length selektieren und dann kopieren, das ist ja 06:01.920 --> 06:06.760 wahrscheinlich deutlich gewesen vor der modernen Clipboard-API, die ja einfacher nicht sein 06:06.760 --> 06:08.760 könnte, wo man ja einfach irgendwie beliebigen Text reinbeben kann. 06:08.760 --> 06:17.360 Ja, wollte ich auch gerade sagen, also diese Clipboard-API, ich erinnere mich aber auch 06:17.360 --> 06:23.760 an irgendwie sowas, was du sagst, Chef, dass man eine Selection machen musste, um erstmal 06:23.760 --> 06:30.960 das kopierend zu können, aber ich weiß auch nicht mehr, in welchem Kontext, ein anderer 06:30.960 --> 06:35.200 Kontext, der mir dafür noch einfällt, ist halt das, was zum Beispiel bei jetzt einer 06:35.200 --> 06:40.680 Seite wie Medium.com passiert, wenn man was selektiert, dass man dann das Ganze irgendwie 06:40.680 --> 06:47.840 zitieren kann oder diesen Abschnitt twittern kann oder ähnliches, das kenne ich jetzt 06:47.840 --> 06:53.880 so als Use Case dafür, ich weiß nicht, was euch sonst noch so für Use Cases in dem Kontext 06:53.880 --> 06:54.880 einfallen. 06:54.880 --> 07:02.800 Also für jetzt die Selection, ah gut, so wie sie ist, wahrscheinlich halt wenig, also 07:02.800 --> 07:06.400 du brauchst es sowas halt natürlich, also generell den Umgang mit der Selection, wenn 07:06.400 --> 07:12.280 du irgendwie so ein Visivik-Editor bauen möchtest und irgendwie die aktuelle Selection soll 07:12.280 --> 07:15.640 irgendwie dann bolt werden und du musst ja gegebenenfalls, wenn du zum Beispiel so was 07:15.640 --> 07:19.720 machen willst, wie den Bolt-Button aktivieren oder deaktivieren, wenn nichts selektiert 07:19.720 --> 07:24.080 ist, dann würdest du natürlich gucken, aha, ist die aktuelle Selection kollepst und wenn 07:24.080 --> 07:26.040 sie das ist, dann machst du den Button disabled. 07:26.040 --> 07:36.800 Ja, stimmt für sowas könnte man das gebrauchen auf jeden Fall, ja, ich hab zum Beispiel 07:36.800 --> 07:39.960 also das letzte Mal, als ich mit einer mit einer Selection API, wenn auch nicht mit der 07:39.960 --> 07:45.840 handiert habe, war, dass ich mit der vom CodeMirror gespielt habe, um halt genauso was zu machen, 07:45.840 --> 07:50.240 so Formatierung in halt irgendwie so einer Textbox und da gibt es halt auch eine Selection 07:50.240 --> 07:54.840 API, aber halt eben eine Funktionale und nicht die Imperative DOM API, aber so die gleiche 07:54.840 --> 07:58.760 Idee und die gleichen Use Cases dürfen das ja schon sein. 07:58.760 --> 08:05.600 Ja, stimmt, für so ein Use Case ist es eigentlich interessant, aber dann halt auch in der Text 08:05.600 --> 08:13.720 Area, außerhalb der Text Area, ja, hat man das Beispiel mit Medium.com, ansonsten fällt 08:13.720 --> 08:19.160 mir da jetzt auch nicht so der starke Use Case an, ich hab's zumindest noch nirgendswo 08:19.160 --> 08:20.160 verwendet. 08:20.160 --> 08:26.360 Ja, gut so, könnte man sagen, fällt unter die Gnade der späten Geburt, dass du nicht 08:26.360 --> 08:31.640 wie der Chef seinerzeit damit Exec Command und der Selection irgendwie da copy-pasten 08:31.640 --> 08:32.640 musstest. 08:32.640 --> 08:39.520 Stimmt, Exec Command war das, das waren noch Zeiten, also nicht gute unbedingt. 08:39.520 --> 08:42.560 Ich wollte's grad sagen, kannst du vielleicht die Qualität dieser Zeichen noch herausstellen? 08:42.560 --> 08:45.400 Ja, es waren Zeiten, das kann man sich ja sagen. 08:45.400 --> 08:50.000 Ja, nee, nee, dann schnell, schnell weiter, würde ich sagen. 08:50.000 --> 08:51.000 Genau. 08:51.000 --> 08:52.000 Kann nur besser werden. 08:52.000 --> 08:53.000 Auf geht's. 08:53.000 --> 08:54.000 Wer drückt? 08:54.000 --> 08:55.000 Command. 08:55.000 --> 09:01.560 Ich drück mal drauf, ich hoffe, es funktioniert, oh ja, es funktioniert, als hätten wir nicht 09:01.560 --> 09:05.960 gerade erst das Thema angesprochen, Peter, du nanntest es schon, du möchtest in einer 09:05.960 --> 09:14.160 Visivik-Editor-Area etwas Bold machen, das ganze kannst du dann ja in html auch mit dem 09:14.160 --> 09:24.400 Bold-Element, also B-Element, darstellen und genau das ist es, was wir jetzt, aha, da 09:24.400 --> 09:28.400 kommt die Diskussion schon zu, ich wollte grad, ich wollte grad schon fragen, so, das war 09:28.400 --> 09:31.640 jetzt irgendwie jetzt nicht so der, nicht so der erste Satz aus den html-Spezifikationen, 09:31.640 --> 09:36.520 den ich jetzt so zitieren würde, so direkt, aber sag doch mal, Hans, was macht das B-Element? 09:36.520 --> 09:45.080 Ja, also klassisch verwendet man ja irgendwie das B-Element, um etwas in Fett dargestellt 09:45.080 --> 09:46.080 zu bekommen. 09:46.080 --> 09:51.880 Allerdings, wenn ich mich da richtig erinnere, gab's mit html 5 ja diesen Change beim B-Element, 09:51.880 --> 09:57.560 dass es nicht mehr darum ging, wie sieht das Ganze aus, weil man hat natürlich ja das 09:57.560 --> 10:02.920 Styling komplett weggebracht von dem, was in html passiert und das B war eher dafür 10:02.920 --> 10:12.120 da, etwas anders darzustellen, als es der Fleece-Text tut, das default Styling war 10:12.120 --> 10:19.960 halt das Fundweight Bold, allerdings wollte man damit ermöglichen, einen Text anders 10:19.960 --> 10:26.960 einfach darzustellen, ohne dem semantisch eine andere Meinung zu geben, im Vergleich 10:26.960 --> 10:28.960 zu Strong. 10:28.960 --> 10:37.880 Strong tut ja auch das gleiche visuell, stellt den Text Fett dar und hat aber dazu inzufügen 10:37.880 --> 10:45.080 noch die semantische Meinung, hier möchte man etwas betonen, so meine ich mich, wäre 10:45.080 --> 10:50.440 da die Unterscheidung zwischen dem B-Element und dem Strong-Element, wenn ich das richtig 10:50.440 --> 10:51.440 erinnere. 10:51.440 --> 10:55.600 Also für das kann man es nicht erklären, würde ich sagen. 10:55.600 --> 11:00.600 Ein Punkt, dem mir da natürlich auch wieder direkt ins Gehirn kommt, ist das Gleiche 11:00.600 --> 11:08.560 nämlich mit dem I für Italic und M für Emphasis, also das Element, grundsätzlich ist es da 11:08.560 --> 11:16.880 ja auch so, Emphasis ist wieder die semantische Meinung im Element, man möchte hier etwas hervorheben, 11:16.880 --> 11:23.120 das ist halt dargestellt dann zufällig durch Italic, könnte aber auch Customized werden 11:23.120 --> 11:30.600 vom Styling her und beim I ist es so, man möchte ohne semantische Meinung einfach nur 11:30.600 --> 11:35.880 eine visuelle Änderung herbeiführen, theoretisch könnte man da auch ja das B-Element verwenden, 11:35.880 --> 11:41.720 die müssten dann ja eigentlich synonym verwendet werden können, ist das richtig? 11:41.720 --> 11:47.800 Das ist fast, das wäre halt meine Bonusfrage gewesen, also Lautspezifikation ist die Idee, 11:47.800 --> 11:51.960 dass die beide ja das Gleiche machen, die setzen den Text halt eben einfach ab, ohne 11:51.960 --> 11:56.160 den jetzt irgendwie besonders auf oder abzuwerten und die Unterscheidung zwischen den beiden 11:56.160 --> 12:00.200 ist tatsächlich mehr so, wie würdest du es denn in Print machen, wie würdest du es durch 12:00.200 --> 12:03.280 diesen Text absetzen, also zum Beispiel du hast irgendwie einen Einschub in einer anderen 12:03.280 --> 12:08.160 Sprache, das würdest du vielleicht eher Italic machen oder das ist jetzt gerade das Produkt 12:08.160 --> 12:14.160 über das du redest, das würdest du vielleicht eher Bold machen und so macht man das dann, 12:14.160 --> 12:18.600 das ist so die semantische Idee dahinter, Bösezungen und ich würden behaupten, die haben einfach 12:18.600 --> 12:21.960 nur eine Ausrede gesucht, irgendwie diese Elemente da drin zu behalten und irgendwie denen einen 12:21.960 --> 12:26.680 Sinn zu geben, irgendwie noch so, irgendwie so noch eine Verwendung nach im Prinzip Rente 12:26.680 --> 12:31.120 noch zu ermöglichen und dann hat man halt die genommen, aber ist okay, ich mein ein bisschen 12:31.120 --> 12:33.600 besser als ein Spen mit Style-Attribut ist es halt dann doch schon. 12:33.600 --> 12:41.080 Das in jedem Fall, was ich mich jetzt allerdings frage, ne, einführend haben wir gesagt, der 12:41.080 --> 12:48.440 Use Case innerhalb eines Visivik-Editors, ich habe noch keinen Editor gesehen, der unterscheidet 12:48.440 --> 12:55.440 zwischen Bold und Strong, du hast halt diesen einen Button und das passiert dann halt mit 12:55.440 --> 13:02.520 dem Element gleich für Italic und Emphasis, aus meiner Warte gibt es also keinen Unterschied 13:02.520 --> 13:08.880 sozusagen, was verwenden die denn dann wohl, ist es eher das B oder ist es eher das Strong? 13:08.880 --> 13:18.360 Na, ich denke die werden wahrscheinlich intern, also die werden wahrscheinlich einen Strong 13:18.360 --> 13:24.400 auszeichnen, die Editoren, wenn man das eben erstmalig macht, aber werden wahrscheinlich 13:24.400 --> 13:29.480 genauso einen B entgegennehmen können, das ist mal meine Vermutung. 13:29.480 --> 13:39.520 Entgegennehmen können, also sozusagen, wenn man halt einen Text rein füttert, dann werden 13:39.520 --> 13:46.200 die Element, da funktioniert es schon, weil das ja eh nur HTML-Darstellung, ja oder wahrscheinlich 13:46.200 --> 13:55.200 machen es die meisten tatsächlich eher so wie Peter als Anti-Use-Case oder als Gegenthema 13:55.200 --> 13:58.280 sozusagen dargestellt hat, nämlich das Span mit einer Klasse. 13:58.280 --> 14:03.080 Ja, es ist halt eben schwierig sich zu entscheiden, also du hast im Prinzip nur einen Knopf und 14:03.080 --> 14:06.640 dieser eine Knopf ist ja der für die meisten Leute einfach nur so, das soll jetzt Fett 14:06.640 --> 14:10.840 sein und du kommunizierst damit ja keine Intention, also ist das jetzt Fett-Quar-Konvention 14:10.840 --> 14:16.040 oder Quar-Aufwertung und ich würde mal behaupten, dass da so eine Kosten-Utsen-Abrechnung einfach 14:16.040 --> 14:20.760 die Verkomplizierung des User-Interface durch, du hast die Wahl zwischen diesen beiden Varianten, 14:20.760 --> 14:23.400 dann einfach nicht wert ist in der Endabrechnung, dann nimmt man halt einfach irgendwas. 14:23.400 --> 14:31.400 Ja, vor allem was hat es da, also die semantische Bedeutung, wie spiegelt die sich denn wieder, 14:31.400 --> 14:38.000 also in der Darstellung klar, aber davon wollen wir ja gerade weg und dann ist es im Screenreader, 14:38.000 --> 14:43.680 wird das besonders hervorgehoben beispielsweise, nimmt eine Suchmaschine, das anders war, I 14:43.680 --> 14:44.680 don't know. 14:44.680 --> 14:48.400 Weil, kannst du sicherlich auch nicht so ohne weiteres sagen, kommt ja auch drauf an, ob 14:48.400 --> 14:53.400 das jetzt irgendwie so ein Old-School-Indexer ist oder irgendwie eine AI mit Semantik-Idee 14:53.400 --> 14:59.140 dahinter oder, oder, oder, die wichtigere Frage ist dann, glaube ich, mehr so wirklich 14:59.140 --> 15:03.200 von der produzierenden Seite her, interessiert diese Unterscheidung die Person, die da jetzt 15:03.200 --> 15:06.920 am Ende diesen Button klickt oder nicht klickt überhaupt und da ist die Antwort wahrscheinlich 15:06.920 --> 15:07.920 meistens, ne. 15:07.920 --> 15:15.080 Wahrscheinlich, ja, das stimmt, aber die produzierende Seite ist ja manchmal auch, sind ja auch 15:15.080 --> 15:18.760 manchmal Leute wie wir jetzt oder wie unsere Hörerinnen und Hörer. 15:18.760 --> 15:25.440 Schreibt ihr denn, wenn ihr dann mal HTML oder irgendwelche Texte schreibt, weil das 15:25.440 --> 15:30.840 gerade nicht aus dem CMS kommt, schreibt ihr dann irgendwie mal einen Bold oder einen 15:30.840 --> 15:35.880 Strong-Tag, also verwendet ihr die oder macht ihr dann lieber alles über Styles? 15:35.880 --> 15:44.600 Also ich schreib meine Texte meistens in Markdown und das wandelt das dann eben in, ja, gute 15:44.600 --> 15:45.600 Frage. 15:45.600 --> 15:47.480 Ich glaube Strong-Um oder so, würde ich jetzt mal schätzen. 15:47.480 --> 15:50.600 Das könntest du dir im Prinzip ja auch aussuchen, weil du ja dann auch kompetent genug wärst 15:50.600 --> 15:53.320 den Pasa gegen irgendwas auszutauschen oder irgendwelche Optionen zu setten, die dann 15:53.320 --> 15:57.200 dieses hier ein solches ausgeben oder du kannst ja auch Inline-HTML schreiben, wenn es dir 15:57.200 --> 15:59.320 mal ganz wichtig ist. 15:59.320 --> 16:05.480 Ja, genau, aber also tendenziell nutze ich eher Strong. 16:05.480 --> 16:10.520 Ich habe wenig Use-Cases, wo ich, also ich kann mir vielleicht vorstellen in so einem, 16:10.520 --> 16:16.160 vielleicht so einem Interviewablauf, dass man dann irgendwie quasi derjenige, der die 16:16.160 --> 16:21.640 Fragen stellt, der wird dann einmal fett geduckt und dann kommt so dessen Fragestellung und 16:21.640 --> 16:27.240 dann der Name des Interviewen in, auch das wär dann, da würde ich vielleicht ein Bold 16:27.240 --> 16:28.240 setzen, so. 16:28.240 --> 16:31.520 Da würdest du auch eine Definitionsliste verwenden, oder? 16:31.520 --> 16:38.640 Das auch, genau, das wär auch nicht schlecht, aber dennoch auch in dieser Liste würde ich 16:38.640 --> 16:41.720 glaube ich dann Bold, könnte ich mir vorstellen. 16:41.720 --> 16:45.160 Also da fände ich jetzt, glaube ich, strong, fehl am Platze. 16:45.160 --> 16:49.840 Glaub ich auch, also ich entziehe mich dem Problem ganz gerne, letzter Zeit, wenn ich 16:49.840 --> 16:54.960 so sage so, ich will im Prinzip ja ausdrücken, das soll hervorgehoben werden und ich gehe 16:54.960 --> 16:58.560 davon aus, dass die auslösenden Personen diese Unterscheidung gar nicht machen können 16:58.560 --> 17:04.080 oder wollen, dann nehme ich halt einfach ein formatiertes Markelement tatsächlich. 17:04.080 --> 17:08.880 So, der Text ist markiert und irgendwie gestylt, aber jetzt ohne mich in diese Diskussion hinein 17:08.880 --> 17:13.440 zu begeben, gebe ich den Leuten, glaube ich, damit am ehesten den Ausdruck, den sie damit 17:13.440 --> 17:14.440 machen wollen. 17:14.440 --> 17:15.760 Nämlich, hey, das ist jetzt irgendwie anders. 17:15.760 --> 17:16.760 Ja. 17:16.760 --> 17:26.920 Ja, das ist eine gute Idee, benutzt man eh viel zu wenig das Markelement. 17:26.920 --> 17:27.920 Das stimmt. 17:27.920 --> 17:36.440 Darf ich vielleicht hier so kurz rein sneaken, weil mir fällt gerade noch ein Element ein, 17:36.440 --> 17:44.920 was man auch super wenig oder was ich zumindest super wenig benutze, eigentlich nie das KBD-Element 17:44.920 --> 17:51.160 heißt es, glaube ich, mit dem man ein Keyboard-Charakter, glaube ich, darstellt. 17:51.160 --> 17:55.840 Ist das schon mal untergekommen und wofür habt ihr es verwendet? 17:55.840 --> 18:02.520 Das sind zwei verschiedene Fragen untergekommen beim Durchscroll durch die Spezifikation Ja, 18:02.520 --> 18:03.520 verwendet ich, glaube noch nicht. 18:03.520 --> 18:11.520 Also es würde natürlich Sinn machen, wenn man irgendwie so eine, vielleicht eine Hilfe 18:11.520 --> 18:17.680 anzeigt und sagt so, hier, du kannst diesen Menüpunkt vielleicht auch aufrufen, indem 18:17.680 --> 18:24.280 du folgende Tasten drückst, da würde das sicherlich Sinn machen, aber da ich diesen 18:24.280 --> 18:29.560 Use Case eigentlich nie habe, habe ich vielleicht auch dieses Element noch nicht benutzt. 18:29.560 --> 18:30.560 Ich verkenne es. 18:30.560 --> 18:36.640 Tue ich es eigentlich auch eher aus so Dingen wie, es gab, also ja, dass man mal drüber 18:36.640 --> 18:40.960 gestolpert ist, dass man mal so eine Liste aller HTML-Elemente sich angeguckt hat und 18:40.960 --> 18:42.720 da tauchtet es halt eben drin auf. 18:42.720 --> 18:50.680 Genau, aber das sind ja auch so sehr alte Elemente, so wie so manche deprecatete Elemente, 18:50.680 --> 18:56.880 die dann quasi so eine Art Terminal-Output darstellen sollen, also mein XMP-Element ist 18:56.880 --> 19:05.240 ja auch so eins, das so gerne mag, das soll halt quasi auch Terminal-Ausgaben im Browser 19:05.240 --> 19:10.360 rendern und ich glaube so aus der Zeit stammen da so einige Elemente. 19:10.360 --> 19:17.520 Ja, aber es ist halt nicht deprecated, anders als manche andere Elemente ist es halt nicht 19:17.520 --> 19:18.520 deprecated. 19:18.520 --> 19:25.000 Und ich glaube halt so dieser Use Case, dass man es irgendwie auf einer Hilfeseite vielleicht 19:25.000 --> 19:31.360 auch darstellt, verwende folgende Tastenkombinationen, dafür ist es vielleicht gut, aber es ist 19:31.360 --> 19:38.280 schon erstaunlich, wie wenig häufig man das Elemente verwendet dafür, dass es halt eigentlich 19:38.280 --> 19:43.960 die gleiche Wertigkeit hat wie so ein Image Tag, also IMG Tag. 19:43.960 --> 19:47.880 Ja, gut, aber ich meine, es kommt halt eben einfach aus einer ganz anderen Zeit. 19:47.880 --> 19:51.760 Also Chef hatten und ich hatten ja kürzlich auch mal über Media Queries gesprochen, 19:51.760 --> 19:57.320 wo es halt auch so Mediatypes gab, so nach dem Motto Handheld und TV, wo halt irgendwie 19:57.320 --> 20:01.520 so diese Geräteklassen so homogen waren in ihren Capabilities, dass das klar war und 20:01.520 --> 20:06.040 naja, ich will schon die ganze Zeit so sagen, ja, wir reden hier von Tastenkombinationen, 20:06.040 --> 20:10.760 aber demnächst wird irgendwie die Touchscreen-Aktion hier kommen und uns alle canceln, weil die 20:10.760 --> 20:14.720 haben gar keine Tasten und was ist denn mit denen, aber das war halt früher einfach nicht 20:14.720 --> 20:19.240 so ein Ding und da waren halt so Dinge wie Tastenshortcuts einfach auch ein viel, da 20:19.240 --> 20:23.040 gab es halt einen viel größeren Use Case für einfach, weil man mehr davon ausgehen 20:23.040 --> 20:28.400 konnte, dass mehr Leute sowas zur Hand haben, Keyboard und halt auch sagen wir mal Nerd 20:28.400 --> 20:29.680 genug sind, sowas auch zu benutzen. 20:29.680 --> 20:42.040 Ja, und man merkt natürlich auch ein bisschen im Gegenteil zu, also im Gegensatz zu den 20:42.040 --> 20:46.960 HTML5-Elementen, die so eingeführt wurden, dass man damals eben noch keine IDE hatte 20:46.960 --> 20:54.200 und echt so wenig per Hand tippen wollte wie möglich, also weil diese ganzen Elemente halt 20:54.200 --> 20:59.960 B ist ja auch so ein Kandidat, also anstatt bold, so das war schon zu viel, vier Buchstaben 20:59.960 --> 21:06.520 schreiben, doof, wir wollen nur einschreiben, Keyboard, KBD, so heißt das Tag ja eigentlich, 21:06.520 --> 21:12.880 ist ja auch mega kurz und genau dagegen halt einen strong Emphasis ist dann auch wieder 21:12.880 --> 21:19.880 abgekürzt, aber ich glaube das kann man daran auch ganz gut ablesen und ich finde es glaube 21:19.880 --> 21:23.960 ich besser wie es jetzt ist, als wie es früher war. 21:23.960 --> 21:30.840 Ja, auf jeden Fall, bloß nicht abkürzen, weil es ist uneindeutig und man muss überlegen, 21:30.840 --> 21:35.480 was heißt denn dieses KBD jetzt eigentlich, ja wahrscheinlich Keyboard, aber vielleicht 21:35.480 --> 21:41.400 heißt es halt auch was anderes, oder so, oder XMP, das finde ich ja besonders schön, was 21:41.400 --> 21:49.360 heißt das eigentlich, ich habe keine Ahnung, Example, ich soll das Example sein ernsthaft, 21:49.360 --> 21:57.480 was weiß ich, bin ich Brockhaus, keine Ahnung, Example, warte, ich guck mal schnell, ob 21:57.480 --> 22:04.920 ich das hier im MDN finde, Example, also in den Spezifikationen steht nur drin, dass 22:04.920 --> 22:09.000 man es nicht mehr benutzen soll, aber da steht keine Definition davon, was es denn mal gewesen 22:09.000 --> 22:10.000 sein sollte. 22:10.000 --> 22:15.520 Aber es hat spezielle Pasa-Semantik, das ist ja immer sehr schön, wenn im Pasa eigentlich 22:15.520 --> 22:16.520 Ausnahmen drin sind. 22:16.520 --> 22:24.520 Ja, ich denke mal, dass es auch deswegen deprecated ist, genau weil du kannst halt HTML-Code reinpacken 22:24.520 --> 22:29.440 und der wird dann, es ist ausgegeben, also wird dann quasi nicht mehr interpretiert, 22:29.440 --> 22:33.520 das finde ich ja in diesem Element so toll und so praktisch, man muss im Gegensatz 22:33.520 --> 22:41.120 zu Code und Co. nichts quasi Entities codieren, man kann es einfach da rein donnern, aber 22:41.120 --> 22:48.480 was, also woher diese Abkürzung kommt, das bleibt ein Rätsel. 22:48.480 --> 22:55.720 Ein Aufruf natürlich wieder an die Community, helft uns hier mal bitte weiter, wer von euch 22:55.720 --> 23:00.320 hat das schon mal verwendet, das xmp tag in der Vergangenheit und wo läuft es vielleicht 23:00.320 --> 23:08.200 auch noch in Production-Umgebungen, obwohl deprecated, und ihr sagt so, man müsste mal, schreibt 23:08.200 --> 23:14.720 es uns mal einfach auf Twitter oder in unseren, ich sag jetzt einfach mal, Patreon-Kommentaren. 23:14.720 --> 23:24.320 Okay, gut, haben wir die, dann gerne da, genau, aber eben vor allem, wofür steht 23:24.320 --> 23:29.320 xmp, das ist ja wirklich die allerspannendste Frage. 23:29.320 --> 23:35.520 Ich würde echt xmp annehmen, weil wenn du dir so diese Suppe aus so frühem HTML dir 23:35.520 --> 23:39.520 vorstellst, wo ja auch noch irgendwelche HTML-Texts sind, die ja noch mehr als das normale Obsolid 23:39.520 --> 23:45.000 in den Spezifikationen sind, wo ja tatsächlich das Web selber Gegenstand von Webseiten viel 23:45.000 --> 23:49.320 mehr war, und wenn du halt da direkt den Text ausgeben kannst, ist es ja ein Example für 23:49.320 --> 23:50.320 HTML. 23:50.320 --> 23:54.880 So komme ich auf diesen Drichter. 23:54.880 --> 24:06.320 Bei IBM, da gibt es die, beschreibe mal xmp-Tag, das, oder, mit Example. 24:06.320 --> 24:10.800 Also ich meine, eigentlich müsste man doch bloß in ausreichend alte HTML-Spezifikationen 24:10.800 --> 24:11.800 reinschauen, oder? 24:11.800 --> 24:17.800 Also HTML 4.01, zack, lass mal gucken, wahrscheinlich steht da auch nichts drin. 24:17.800 --> 24:23.200 Genau, aber xmp-Tag defines unformatted text with an information region. 24:23.200 --> 24:29.640 Das klingt, das ist auf jeden Fall ein Begriff, der mich auch sehr an IBM denken lässt. 24:29.640 --> 24:37.280 Ja, also, aber so, genau, also wir kommen dem Geheimnis trotzdem nicht näher. 24:37.280 --> 24:42.080 Ich werfe den Link einfach mal hier, was ich da aufgegabelt habe. 24:42.080 --> 24:49.240 Genau, das ist die Dokumentation von ZOS 2.1.0. 24:49.240 --> 24:52.080 Okay, was ist ZOS? 24:52.080 --> 24:55.800 Ich vermute irgendein IBM-Betriebssystem. 24:55.800 --> 25:02.200 Ja, ich habe es in den Spezifikationen von HTML 2 gefunden. 25:02.200 --> 25:07.160 Definiert zusammen mit dem Listing-Tag als Example-Endlisting. 25:07.160 --> 25:15.560 Ah, so, ja cool, guter Wald, ich wusste es nicht, aber jetzt weiß ich es. 25:15.560 --> 25:19.680 Okay, man muss ja auch nur in die HTML 2-Spezifikationen reingucken, dann weiß man sofort. 25:19.680 --> 25:22.760 Ja, und wer liest die nicht als gute Nachtlekteure? 25:22.760 --> 25:27.600 Also, ich finde das völlig normal und wer das nicht macht, ist komisch, so. 25:27.600 --> 25:33.120 So, das ruft doch danach, dass wir uns jetzt nochmal einem neuen Thema widmen, wo vielleicht 25:33.120 --> 25:36.680 andere Leute die gute Nachtlekteure von lesen. 25:36.680 --> 25:40.520 So ist es, soll ich mal? 25:40.520 --> 25:45.200 Okay, ich drücke auf Zufallsgenerator aktivieren. 25:45.200 --> 25:50.200 Yeah, Web-Audio-API, Zeug, von dem ich keine Ahnung habe, aber ich habe hier auch draufgeklickt, 25:50.200 --> 25:51.200 also müsst ihr das erklären. 25:51.200 --> 25:52.200 Pupup. 25:52.200 --> 26:01.480 Genau, das ist die Stereo-Penna-Node, nicht Penna wie Obdachloser. 26:01.480 --> 26:05.000 Wollts grad sagen, wie hast du mich genannt? 26:05.000 --> 26:13.600 Genau, aber es sind quasi Penna im Sinne von dieses Verstellen, quasi wo eben schäpfungmäßig 26:13.600 --> 26:18.760 der Ton rauskommen soll in einem Stereo-Setup oder vielleicht auch in einem Surround-Setup, 26:18.760 --> 26:24.600 so aus welchem Lautsprecher, da kann man eben hin und her Pannen und ich vermute mal, dass 26:24.600 --> 26:30.280 diese, also diese Web-Audio-API ist ja so, glaube ich, gestrickt, dass man wie so ein 26:30.280 --> 26:35.760 Flussdiagramm zusammenbauen kann, wo dann irgendwie der Ton verarbeitet wird und diese 26:35.760 --> 26:41.720 einzelnen Elemente sind eben dann Notes und ich vermute mal, die mit der Stereo-Penna-Node 26:41.720 --> 26:46.720 kann man dann eben einstellen, ob ein Ton eher eben aus dem linken Bereich kommen soll 26:46.720 --> 26:47.720 oder aus dem rechten. 26:47.720 --> 26:48.720 So sieht es aus. 26:48.720 --> 26:49.720 So sieht es aus. 26:49.720 --> 26:54.280 Ja, und ich werde das wahrscheinlich nie benutzen. 26:54.280 --> 27:01.920 Ja, wenn man so ein Interface bauen möchte, in dem man irgendwie Aufnahmen machen kann, 27:01.920 --> 27:08.920 zum Beispiel wenn man hier jetzt für den, also einen Monitoring-Ton bei uns im Aufnahmetool 27:08.920 --> 27:13.240 haben wollen würde von seiner eigenen Stimme, möchte man das vielleicht nur auf einem 27:13.240 --> 27:20.000 Ohr haben und dafür wäre das ja dann beispielsweise ganz praktisch oder, oder, oder solche Use-Cases. 27:20.000 --> 27:26.760 Man nimmt irgendeine Aufnahme auf und möchte die dann, also auf Phonic halt im Browser 27:26.760 --> 27:30.080 haben oder so, das könnte schon interessant sein. 27:30.080 --> 27:35.240 Ja, und ich denke mal, wenn du jetzt irgendwie Spiele programmierst, also dann ist es wahrscheinlich 27:35.240 --> 27:39.160 auch nicht, nicht schlecht, dass, dass man sowas hat. 27:39.160 --> 27:43.160 Ja, oder du kannst natürlich auch programmier, lernen Sandbox. 27:43.160 --> 27:46.600 Sowas gibt es ja ganz gerne mal mit einem Canvas-Element, weil man da irgendwie, man 27:46.600 --> 27:50.320 dreht irgendwie an drei Zahlen und schon verändert sich der Output, das kannst du ja visuell 27:50.320 --> 27:53.400 mit einem Canvas-Element sehr schön machen, aber mit einem Audio-Element könntest du 27:53.400 --> 27:54.400 es ja auch so machen. 27:54.400 --> 27:58.400 Das sind ja alles nummerische Parameter, an denen man bei solchen Notes dreht und da kriegt 27:58.400 --> 28:01.560 man ja relativ schnell den Effekt hin, okay, ich ändere jetzt mal diese Zahl, ah, was passiert 28:01.560 --> 28:02.560 denn hier? 28:02.560 --> 28:04.720 Ich gebe da was Negatives rein, ah, kommt ein Fehler. 28:04.720 --> 28:09.920 So, für, ich fummel da jetzt erstmals als irgendjemand, der da komplett unbeleckt ist 28:09.920 --> 28:13.960 an sowas herum, könnte ich mir auch als Use-Case vorstellen, muss ja nicht immer alles optisch 28:13.960 --> 28:14.960 sein. 28:14.960 --> 28:23.200 Ja, also ein bisschen wie Schaltkreise zusammenbauen und Lampe ans Leuchten bringen und so weiter, 28:23.200 --> 28:24.200 ne? 28:24.200 --> 28:27.080 Genau, das könnte so die LED des JavaScript Tutorials sein. 28:27.080 --> 28:37.520 Ja, cool, ansonsten auch wieder da der Aufruf, habt ihr die Stereo-Paner-Note schon benutzt 28:37.520 --> 28:45.600 und wenn ja, wofür, schreibt uns auf Twitter, machst du dann oder kommt in unseren Community-Slack? 28:45.600 --> 28:46.600 So. 28:46.600 --> 28:50.680 Und dann würde ich sagen, drücke ich jetzt mal auf den Knopf, oder? 28:50.680 --> 28:51.680 Genau. 28:51.680 --> 28:52.680 Sehr gerne. 28:52.680 --> 28:59.640 Ah ja, so, da waren wir doch vorhin schon in der Nähe, ne, also das Meta-Element ist 28:59.640 --> 29:00.640 jetzt. 29:00.640 --> 29:02.560 Ja, blödes Facebook übernimmt das ganze, übernimmt das ganze Internet. 29:02.560 --> 29:03.560 Genau. 29:03.560 --> 29:06.280 Ja, jetzt haben die sogar eigene Tags, Schweine. 29:06.280 --> 29:12.520 Und wer es nicht verlinkt, der wird auf Facebook nicht dargestellt und eure Eltern und Großelbe 29:12.520 --> 29:19.160 können sich sagen, nein Spaß, wir verwenden natürlich alle das Meta-Tag für verschiedenste 29:19.160 --> 29:23.960 Dinge, ich glaube so der, der normalste Use-Case in Anführungsstrichen sind wahrscheinlich 29:23.960 --> 29:29.120 eher so Descriptions, die man halt irgendwie mit dem Meta-Tag verbindet, aber man kann 29:29.120 --> 29:35.080 ja auch noch viel, viel mehr damit machen, weil das so ein Standard-Ding ist, ne, also 29:35.080 --> 29:41.040 man fängt ja eigentlich ganz oben im Dokument an und definiert erst mal das Zeichen-Set, 29:41.040 --> 29:45.560 mit dem man irgendwie unterwegs ist, indem man sagt, okay, das hier ist mein Car-Set, 29:45.560 --> 29:55.560 GTF-8 im Normalfall und dann kann man alle möglichen Meta-Daten eigentlich dazu einreichen 29:55.560 --> 29:58.080 oder einen, damit einrichten sozusagen. 29:58.080 --> 29:59.080 Ja. 29:59.080 --> 30:04.800 Was mich ja mal interessieren würde, ist mal, ich hätte gern irgendwie eine Webseite, 30:04.800 --> 30:09.560 die ich ansteuern kann, wo so da der aktuelle State of the Art drin steht, gerade was so 30:09.560 --> 30:14.280 da, was wenn es so darum geht irgendwie Informationen anzugeben, um sich da den diversen Social 30:14.280 --> 30:18.760 Media-Giganten und so auf die korrekte Weise anzudienen und ob man denen dann ein Bild 30:18.760 --> 30:22.640 hinterlegen kann und wenn man denen ein Bild hinterlegt, welche Dimensionen das denn bitte 30:22.640 --> 30:26.120 schön haben möchte, habe ich letztes mal probiert irgendwie so rauszufinden, weil ich mich da 30:26.120 --> 30:30.760 meistens nicht groß drum kümmere, gar nicht mal so einfach, gibt halt nicht so die zentrale 30:30.760 --> 30:34.720 Stelle, wo man irgendwie so sieht, so dann irgendwie, das machst du für Twitter, das 30:34.720 --> 30:37.840 machst du für Facebook, das machst du für Mastodon und dann musst du noch dis und dis und dis 30:37.840 --> 30:38.840 angeben. 30:38.840 --> 30:46.560 Ich dachte, es gibt doch diese Open Graphseite, die erklärt das aber auch nicht. 30:46.560 --> 30:49.680 Die erklärt das schon, aber ich glaube Twitter macht was anderes als das. 30:49.680 --> 30:52.160 Twitter hat ja so ein Twitter-Cards. 30:52.160 --> 30:56.280 Genau, wo der Validator nicht mehr funktioniert, weil sie den abgeschaltet haben, auch schon 30:56.280 --> 30:57.280 vor Spacecaron. 30:57.280 --> 30:58.280 Ja. 30:58.280 --> 31:10.360 Ja, aber keine Ahnung, also ich kenne nur diese Validator-Tools, aber ich kenne jetzt 31:10.360 --> 31:17.760 nicht die, also kein Tool, was dir sozusagen sagt, hier verwende bitte diese Tags, aber 31:17.760 --> 31:23.640 ja, das ist ein Problem, also Open Graph funktioniert ja relativ gut, aber auch da habe ich zum 31:23.640 --> 31:30.400 Beispiel festgestellt, gibt es halt manchmal das Verlangen eines Tags, das du dann schreibst 31:30.400 --> 31:38.880 halt Meter, also Spitzeklammer auf, Meter und dann, was schreibt man, normalerweise Content, 31:38.880 --> 31:47.560 ne, Entschuldigung, Name, genau, Name und dann ist es zum Beispiel Image, also OG Doppelpunkt 31:47.560 --> 31:54.760 Image, aber manchmal ist es dann halt auch nicht Name, sondern du musst Property verwenden 31:54.760 --> 31:58.400 und du kannst sie nicht Synonym verwenden, irgendwie sowas habe ich auch noch mal festgestellt 31:58.400 --> 31:59.400 irgendwann. 31:59.400 --> 32:06.080 Ja, weil es tatsächlich ist es ja auch da, das habe ich letztens mal recherchiert mit 32:06.080 --> 32:12.320 so denen, also was kannst du als Name alles angeben, also Medatec ist ja im Prinzip immer 32:12.320 --> 32:17.680 ein Name wertbar, Key und Value und welche Keys gibt es eigentlich alle und tatsächlich 32:17.680 --> 32:21.240 ist das nicht besonders irgendwie fest definiert, es gibt halt so die Keys, die man üblicherweise 32:21.240 --> 32:25.120 verwendet, aber es gibt halt sozusagen kein oberes Limit, also im Prinzip kann sich da 32:25.120 --> 32:29.200 jeder was ausdenken und das ist auch nicht notwendigerweise irgendwie groß gename spaced 32:29.200 --> 32:34.480 oder so, das ist wirklich weitgehend wilder Westen, okay, da passt jetzt nicht so rein, 32:34.480 --> 32:37.920 dass man sich da irgendwelche Attribute ausdenkt, weil das sollte man ja eigentlich tendenziell 32:37.920 --> 32:43.360 eher nicht tun, dann gleich das am Ende trotzdem zu uniformen Verhalten überall führt. 32:43.360 --> 32:50.280 Tja, also will nur sagen, da geht eine ganze Menge und das muss man alles irgendwie glaube 32:50.280 --> 32:52.760 ich nicht so strikt sehen wie so viel als andere. 32:52.760 --> 32:59.520 Du hast es ja vorhin schon gesagt, also das Character Set, das ist auf jeden Fall relativ 32:59.520 --> 33:04.760 wichtig, sollte auch als erstes kommen, dann gibt es ja noch diese Viewport, also quasi 33:04.760 --> 33:11.560 wie etwas, was Apple irgendwann eingeführt hat, das sind so die zwei Meterangaben, die 33:11.560 --> 33:15.920 glaube ich irgendwie Pflicht sind und die man haben sollte und die man auch möglichst 33:15.920 --> 33:20.240 früh setzen sollte, weil die auch einen Impact auf das Rändering haben. 33:20.240 --> 33:22.720 Ist nicht Pflicht, du kannst ja das Kastet auch mit einem Header mitschicken und wenn 33:22.720 --> 33:25.120 du das mitschickst, dann brauchst du die Metatech nicht. 33:25.120 --> 33:30.840 Ja, die Kollegen von, wo wir sind, ist vorne, die machen jetzt gerade so oder die haben 33:30.840 --> 33:35.720 in ihrer neuen Staffel, haben sich überlegt, dass sie quasi alle HTML Elemente durchgehen 33:35.720 --> 33:41.240 und in der ersten Folge ging es um die, die im Kopf bereicht sind und genau und die wollen 33:41.240 --> 33:45.400 wir auf jeden Fall auch verweisen, weil die auch noch ein bisschen ausschweifender über 33:45.400 --> 33:50.720 diese, weil sie sich auch nur um den Head Bereich gekümmert haben, über diese Elemente gesprochen 33:50.720 --> 33:57.680 haben und in dem Kontext hatte mich auch mal interessiert und habe ich nachgeschlagen, 33:57.680 --> 34:03.320 gibt es denn überhaupt ein Default Character Set, also wenn man, also man kann einen Header 34:03.320 --> 34:07.920 schicken, wie du gesagt hast Peter, man kann aber auch irgendwie beides nicht haben und 34:07.920 --> 34:16.240 dann, da habe ich herausgefunden, dass unterhalb von HTML5 ist das Latin One, was dann automatisch 34:16.240 --> 34:25.800 gesetzt wird oder genutzt wird und ab HTML5 ist es dann automatisch UTF-8, genau, aber 34:25.800 --> 34:31.320 trotzdem, also ich sage mal sicher ist sicher, das Character Set setzen tut einem hier noch 34:31.320 --> 34:34.480 nicht weh und sollte man tun. 34:34.480 --> 34:39.320 Was vielleicht da noch ganz spannend ist, ist, dass das ja so, das war ja früher ein bisschen 34:39.320 --> 34:47.640 aufwendigere Angabe, das Character Set auszuzeichnen und das ist ja eigentlich wie der HTML5-Docktype 34:47.640 --> 34:55.400 so ein quasi so ein Pasa-Hack, dass man das jetzt so kurz ausdrücken kann oder, oder 34:55.400 --> 34:56.400 wie will ich das schiefgewickelt? 34:56.400 --> 35:00.280 Ich meine, da wäre sowas in der Richtung gewesen, dass das früher komplizierter gewesen wäre 35:00.280 --> 35:02.840 und man sich jetzt auf diese Kurzvariante geeinigt hätte. 35:02.840 --> 35:11.440 Irgendwie war es doch so, dass es früher dieses HTTP Equif als praktisch Key sozusagen 35:11.440 --> 35:19.120 gab und dann hat man das Kassett angegeben und wenn ich mich richtig erinnere, hat irgendwer 35:19.120 --> 35:27.800 dann damals im Rahmen der HTML5-Thematik versucht, was kann man denn minimieren und die meisten 35:27.800 --> 35:33.200 Browser funktionieren dann trotzdem und daraufhin hat man halt herausgefunden, dass es irgendwie 35:33.200 --> 35:39.440 reicht, wenn man dann halt Kassett und dann halt das Kassett dazu schreibt, dass das ausreichend 35:39.440 --> 35:44.920 ist und daraufhin hat man dann halt gesagt, okay, dann schreiben wir halt nur noch das 35:44.920 --> 35:51.480 und brauchen nicht dieses HTTP Equif-Ding dazu packen, weil interessiert dem Browser 35:51.480 --> 35:57.080 eh nicht und dadurch wurde das dann so relativ kurz, sondern gab es immer diese ganzen Showcases 35:57.080 --> 36:03.880 hier, die kürzeste HTML-Seite, die valide ist und dann war da halt so das Metatec, der 36:03.880 --> 36:15.320 Title gesetzt und Body und das war es ungefähr oder Body brauchte man nicht mehr, glaub ich. 36:15.320 --> 36:21.080 Ja, ich versuch das gerade nochmal zu ergoogeln, aber es ist so ein Skandal, ich hab tatsächlich 36:21.080 --> 36:25.720 schon, ich hab mal, ich hab was geplant, nämlich alle HTML-Text tatsächlich einmal so durchzugehen 36:25.720 --> 36:30.480 in auch so einem Podcast-Format und jetzt erfahre ich hier in meinem einen Podcast, 36:30.480 --> 36:35.320 für meinen geplanten anderen Podcast, die Dritten sowas ähnliches schon machen, so 36:35.320 --> 36:36.320 ein Skandal. 36:36.320 --> 36:39.000 Das ist echt schade. 36:39.000 --> 36:40.000 Frechheit. 36:40.000 --> 36:41.000 Ja. 36:41.000 --> 36:42.000 Kannst du den Geld anbieten? 36:42.000 --> 36:43.000 Nee. 36:43.000 --> 36:47.680 Das sieht anders genug aus als das, was ich vorgehabt hab, insofern, wenn ich mal dazu 36:47.680 --> 36:48.680 komme. 36:48.680 --> 36:49.680 Ja, super. 36:49.680 --> 36:54.920 Aber meine Güte, ich dachte, ich hätte eine originelle Idee gehabt, so viel dazu. 36:54.920 --> 37:03.480 Aber so 20 Minuten nur über einen Element abnurden wäre auch cool, also du jetzt. 37:03.480 --> 37:06.680 Ja, das ist halt so die Idee, also weniger über das Element, weil was willst du irgendwie 37:06.680 --> 37:11.600 über das B-Element erzählen, weil meine Hand hat ja vorhin wirklich alles dazu erwähnt, 37:11.600 --> 37:16.440 was es zu erwähnen gibt in halt so drei Minuten, aber man kann halt damit immer so interessante 37:16.440 --> 37:17.440 Fragen verbinden. 37:17.440 --> 37:21.800 Also man kann ja tatsächlich irgendwie sagen, hey, das Element macht das, warum ist das so 37:21.800 --> 37:25.080 cool und was hat das mit X-RTML zu tun und warum haben wir zwei Spezifikationen, man könnte 37:25.080 --> 37:28.860 halt das so ähnlich wie beim Gücksrad ja auch, das eigentlich je Thema nur als so Startpunkt 37:28.860 --> 37:33.240 verwenden und eigentlich habe ich auch schon Skrips für zehn Folgen geschrieben, allein 37:33.240 --> 37:34.640 man müsste halt mal auch einsprechen. 37:34.640 --> 37:40.080 Und wenn ich nicht irgendwie Leute wie euch habe, um die Terminfindung irgendwie zu beschleunigen, 37:40.080 --> 37:42.080 dann passiert das halt nicht. 37:42.080 --> 37:47.320 Na ja, wenn du gleich Hilfe brauchst, sag gerne Bescheid. 37:47.320 --> 37:51.920 Okay, und was willst du machen, willst du meine Termin, willst du mich zur Termineinhaltung 37:51.920 --> 37:53.480 anhalten mit Peitscher und? 37:53.480 --> 37:57.400 Ja, irgendwie so oder ich verabrede mich mit dir zu einer Aufnahme und tauch da nicht 37:57.400 --> 38:01.240 auf, weil es ja eh nur du sein soll, weißt du, aber du fällst auf rein. 38:01.240 --> 38:04.200 Okay, so können wir das machen. 38:04.200 --> 38:09.320 Genau, ah, Mist, schon wieder eingefallen, Lila Schäpp, der ist echt ein Fuchs. 38:09.320 --> 38:10.320 Nächstes Mal. 38:10.320 --> 38:11.320 Ja. 38:11.320 --> 38:15.960 All righty, ich würde sagen, der Hans kann nochmal drücken, oder? 38:15.960 --> 38:16.960 So ist es. 38:16.960 --> 38:17.960 Genau, ja. 38:17.960 --> 38:21.800 Ich hau mal drauf und dann schauen wir mal, was bei rumkommt. 38:21.800 --> 38:30.400 Ah, ja, ah, ja, wir sind wieder im API-Bereich unterwegs, puh, puh, puh, wir sind im Error-Bereich 38:30.400 --> 38:31.400 unterwegs. 38:31.400 --> 38:38.160 Wir sind, ja, im Error-Bereich, genau, mediaerror.message. 38:38.160 --> 38:44.400 Es geht um Audio-Tags, denke ich mal, es geht um, ähm, jo. 38:44.400 --> 38:52.360 Ja, HTML-Media-Element, also so die Superklasse von Audio und Video und das hat anscheinend 38:52.360 --> 38:57.360 eine spezielle Klasse von Error mit einem Code und einer Message. 38:57.360 --> 39:04.040 Und genau, da gibt es halt diese Message drin und die kann man dann verwenden und sich da 39:04.040 --> 39:11.240 in dem Benutzer etwas auszugeben, dachte ich, aber Peter, du kennst dich jetzt nicht. 39:11.240 --> 39:14.560 Weil du hast ja mit Media-Element Fehler, die passieren können, die dir normalerweise 39:14.560 --> 39:15.560 nicht passieren können. 39:15.560 --> 39:19.200 Also du hast irgendwie, weil sie nicht undefined ist, nur zu functionen, ist ja eine andere 39:19.200 --> 39:22.920 Problemklasse, eine viel generelle Problemklasse, als irgendwie dein Audio-Codec wird nicht 39:22.920 --> 39:23.920 unterstützt. 39:23.920 --> 39:28.440 Und um diese Dinger abzubilden, gibt es halt die extra Klasse mit spezifischen Code-Konstanten 39:28.440 --> 39:32.520 1, 2, 3, 4, warum bei 0 anfangen zu zählen, macht ja anscheinend sonst keiner, was weiß 39:32.520 --> 39:33.520 ich. 39:33.520 --> 39:36.560 Und das sind halt wirklich so Dinger für irgendwie der Media-Streambude abgebrochen, Codec nicht 39:36.560 --> 39:37.560 unterstützt so kram. 39:37.560 --> 39:44.600 Ich habe meine mich da irgendwie vor irgendwie 20 Jahren mal beim HTML5-Buch auch mit befasst 39:44.600 --> 39:45.600 zu haben. 39:45.600 --> 39:49.440 Das kam jetzt gerade so kurz wieder, nachdem ich überlegt habe, was könnte das noch mal 39:49.440 --> 39:50.440 gewesen sein. 39:50.440 --> 39:55.040 Wann hast du das noch mal geschrieben? 39:55.040 --> 39:56.040 2009. 39:56.040 --> 39:58.760 Okay, nicht ganz 20 Jahre, aber gefühlt. 39:58.760 --> 39:59.760 Ja, cool. 39:59.760 --> 40:00.760 Lange sehr. 40:00.760 --> 40:01.760 Sehr. 40:01.760 --> 40:09.880 Aber ich würde sagen, damit haben wir es auch schon besprochen, oder? 40:09.880 --> 40:11.920 Viel lässt sich darüber ja nicht erzählen. 40:11.920 --> 40:12.920 Ich glaube auch nicht. 40:12.920 --> 40:14.920 Ja, was machen wir eh nicht, oder? 40:14.920 --> 40:16.920 Also wer behandelt denn etwas? 40:16.920 --> 40:22.400 Also die einzige Frage wäre halt noch so, macht ihr das eigentlich so eure eigenen Error-Klassen 40:22.400 --> 40:23.400 konstruieren? 40:23.400 --> 40:26.520 Weil geht ja heutzutage recht einfach, dass man so sagt, klar, das ist mein Custom-Error, 40:26.520 --> 40:27.520 Extenz-Normaler-Error. 40:27.520 --> 40:30.560 Kann man schmeißen, hat Stacktraces und so weiter? 40:30.560 --> 40:31.880 Nop. 40:31.880 --> 40:40.680 Also, die Frameworks, die nutzen das ja sicher so, also ich meine, wenn wir uns Reakt angucken 40:40.680 --> 40:44.680 oder so, gibt es immer ganz tolle Errors und ist auch wunderschön. 40:44.680 --> 40:52.120 Aber um ehrlich zu sein, habe ich also auch in Anwendungen mit vielen Errors oder vielen 40:52.120 --> 40:59.160 Benutzern und Benutzern drauf, halt nie das Problem, dass ich den Startpunkt des Errors 40:59.160 --> 41:04.600 beispielsweise nicht Pinpointen könnte anhand von irgendwelchen Logs, die du jetzt im Frontend 41:04.600 --> 41:05.600 erfasst. 41:05.600 --> 41:11.800 Also, ich finde der Use Case dafür, der ist okay, den kann man haben, aber es ist halt 41:11.800 --> 41:16.160 auch nicht so, also man braucht das nicht so oft, habe ich das Gefühl. 41:16.160 --> 41:20.080 Vielleicht red ich auch Quatsch und die Leute, die jetzt jeden Tag programmieren, die sagen 41:20.080 --> 41:26.360 jetzt Hans, ohne das geht das nicht, sonst komme ich nicht klar im Leben, okay, akzeptiert, 41:26.360 --> 41:34.640 ich habe keine Ahnung, aber irgendwie, ich war noch nie an diesem Punkt, dass ich gedacht 41:34.640 --> 41:38.680 habe auch, nee, jetzt war ja aber eine eigene Errorklasse, weil sonst komme ich hier mit 41:38.680 --> 41:42.280 meinen JavaScript Errors im Frontend gar nicht klar. 41:42.280 --> 41:47.120 Nee, also klar kommen sicherlich auch nicht, aber ich hatte mir das mal vor kurzem wie 41:47.120 --> 41:51.600 folgt gedacht und ihr könnt mir ja mal kurz erzählen, ob der Gedanke Käse ist. 41:51.600 --> 41:56.440 Aber im Prinzip ist ja Exception Handling, auch wenn man es so nicht verwenden sollte, 41:56.440 --> 41:59.120 ein alternativer Mechanismus, um Control Flow zu machen. 41:59.120 --> 42:03.360 Richtig, ich kann eine Error schmeißen, aus der aktuellen Funktion lossteigen, um mich 42:03.360 --> 42:07.640 dann irgendwo weiter oben im Stack catching zu lassen und dann weiter zu machen. 42:07.640 --> 42:15.520 So, wieder Aufnahme machen, nochmal probieren nach X Sekunden, whatever, ja. 42:15.520 --> 42:16.520 Genau. 42:16.520 --> 42:22.360 Und in dem Sinne, wenn man jetzt eine Exception in der Form denkt, ist die ja einem Event 42:22.360 --> 42:23.520 nicht ganz unähnlich. 42:23.520 --> 42:30.120 Stimmt, und du spaßt ja auch viele Return-Zwischenschritte, je nachdem, wie tief das runtergeht. 42:30.120 --> 42:33.720 Ja, jetzt bist du schon wieder sozusagen viel zu optimistisch auf der Sache und denkst 42:33.720 --> 42:38.000 so, ah, wie kann man das denn irgendwie für Gutes verwenden, was jetzt irgendwie originelle 42:38.000 --> 42:40.040 Control Flow Mechanismen sind oder sowas. 42:40.040 --> 42:46.280 Und ich meine, irgendein Ding aus dem React-Context, die schmeißen irgendwie Promises als Exceptions 42:46.280 --> 42:50.360 und so und damit irgendwelches Async-Handling in ihren komischen Komponenten, weil ich 42:50.360 --> 42:54.200 weiß jetzt nicht, ob das dieses Suspend-Resume-Ding war oder irgendwas anderes, aber es gibt 42:54.200 --> 42:55.200 Menschen, die das tun. 42:55.200 --> 42:59.120 Ich war jetzt aber tatsächlich noch dabei, den Error wirklich wie ein Error zu behandeln. 42:59.120 --> 43:02.320 Die Frage ist halt eben, was stecke ich da für Informationen rein? 43:02.320 --> 43:05.160 Und wenn ich halt sowas habe, wie undefinedes not function, irgendwie so ein Passerror 43:05.160 --> 43:08.560 oder so, ist der Fehler ja tatsächlich extrem allgemeiner Natur. 43:08.560 --> 43:13.480 Man hat halt eben auch sowas wie den Media-Error, der sehr spezifischer Natur ist, also Codec 43:13.480 --> 43:14.480 ist irgendwie kaputt. 43:14.480 --> 43:21.120 Man könnte sogar sagen, dass dieser Media-Error definitiv immer zu einem Dom-Element zugehörig 43:21.120 --> 43:22.120 ist. 43:22.120 --> 43:25.400 Woanders kommen die Dinger ja nicht her, irgendwo muss ja der Codec kaputt gegangen sein. 43:25.400 --> 43:30.640 Und wenn ich jetzt so meine Analogie aufmache zu meinem Event-Objekt wieder, ist es ja so, 43:30.640 --> 43:35.720 es gibt ein Event wie Click oder so, dann will ich ja wissen, welches Element wurde da jetzt 43:35.720 --> 43:38.160 geklickt zum Beispiel und dann mache ich halt Event.target. 43:38.160 --> 43:44.360 Warum haben solche Exceptions, die tatsächlich einen definitiven Ursprungspunkt in Form eines 43:44.360 --> 43:48.160 Dom-Elements haben, nicht auch so eine Target-Property, denke ich mir. 43:48.160 --> 43:54.040 Und manchmal gehe ich halt schon hier und mache mir halt eben so eine Custom-Error-Klasse 43:54.040 --> 43:59.120 und mache einfach nur ein ganz normales Extents-Error und gebe denen halt nur eine extra Property 43:59.120 --> 44:04.360 namens Target, die ich dann festlege, auf halt eben das Target und das kann ich ja irgendwie 44:04.360 --> 44:09.120 konstruieren, dass ich dann beim Error-Konstruktor ein Pflichtparameter habe, der das Target 44:09.120 --> 44:12.120 sein soll oder ich kann es optional machen, ich kann es undefined machen. 44:12.120 --> 44:15.840 Und das Nette daran ist natürlich auch, wenn man das so verwendet im Kontext von Web-Komponents 44:15.840 --> 44:20.200 ist, ich kenne das ja tatsächlich Typen, also jetzt nicht notwendigerweise den Error generisch 44:20.200 --> 44:24.640 machen, aber wenn ich zum Beispiel sowas habe wie diesen Media-Error und ich weiß, der kommt 44:24.640 --> 44:30.400 aus einem HTML-Media-Element, der Superklasse von Audio und Video, weiß ich ja noch nicht 44:30.400 --> 44:33.800 notwendigerweise, welches von beiden das ist, aber ich kann ja trotzdem da irgendwie sagen, 44:33.800 --> 44:38.200 hey, diese Schnittmenge dieser Superklasse mit so Sachen wie Play und Pause und so, 44:38.200 --> 44:41.680 die kann ich dann ja trotzdem zur Verfügung stellen, also sowohl jetzt rein logisch gedacht 44:41.680 --> 44:45.400 von, ich programmier das, als auch zum Beispiel aus der TypeScript-Perspektive, ich kriege 44:45.400 --> 44:48.600 dann ja aus diesen Media-Error-Informationen raus, wie zum Beispiel, aha, da kommt es 44:48.600 --> 44:52.720 her, aus dem Element will ich mir vielleicht die Source angucken und so Geschichten und 44:52.720 --> 44:56.560 ich finde eigentlich, dass bei sehr vielen Errors so eine Target-Property voll viel 44:56.560 --> 45:01.960 Sinn macht und bei meinen Web-Komponents, wo ich wirklich Errors frisch aus heißer Luft 45:01.960 --> 45:06.360 erschaffe, wo ich sage, das ist jetzt ein spezifischer Error-Fall, da gehe ich wirklich hin und mache 45:06.360 --> 45:09.880 mir so eine Klasse, weil es nicht viel kostet und ich baue ein Target dran und es wird für 45:09.880 --> 45:12.560 TypeScript ein bisschen besser und das ist eigentlich alles irgendwie ganz nett, finde 45:12.560 --> 45:13.560 ich. 45:13.560 --> 45:23.800 Ja, absolut, aber du könntest natürlich auch, also okay, und jetzt wäre natürlich die 45:23.800 --> 45:31.640 Gegenfrage, wenn du damit ein Control Flow irgendwie dir baust, oder wenn du das eventartig 45:31.640 --> 45:38.960 verwendest, dann, also ein Event selbst, also zum Beispiel, du könntest ja ein Error-Event, 45:38.960 --> 45:45.800 wie das Image-Element, das könntest du ja quasi Trigger'n, Custom Error-Event und da 45:45.800 --> 45:49.640 hättest du ja dann automatisch deinen, oder wer hättest du auch deinen Target drin und 45:49.640 --> 45:53.960 kannst du auch Infos reinstecken. 45:53.960 --> 45:58.320 Das ist richtig, aber das ist ein Error-Event und nicht eine Exception, also die Frage ist 45:58.320 --> 46:01.720 halt, was erwartest du? 46:01.720 --> 46:07.160 Du warst jetzt sehr auf Control Flow eingestiegen, so mit der Idee von wegen, das würde man vielleicht 46:07.160 --> 46:10.360 sozusagen gezielt dafür herstellen, damit man das in dem Sinne nutzen kann. 46:10.360 --> 46:13.120 Würde ich jetzt gar nicht so machen wollen, ich würde jetzt nicht sagen Control Flow 46:13.120 --> 46:16.640 per Exception Handling, sondern ich würde nur sagen, wer nur die Exception in die Finger 46:16.640 --> 46:20.920 bekommt, solltest du da natürlich alle relevanten Infos rausbekommen und bei so einem Media-Error 46:20.920 --> 46:24.720 einfach die relevanten Infos der Codec passt nicht, finde ich ein bisschen wenig, weil 46:24.720 --> 46:28.960 man ja vielleicht wissen möchte, okay, wem passt denn der Codec nicht und die Information 46:28.960 --> 46:32.600 würde ich halt eben einfach nur mitgeben wollen, für dann besseres entweder Debugging 46:32.600 --> 46:36.960 oder besseres Exception Handling tatsächlich, aber jetzt nicht mit der Idee Events irgendwie 46:36.960 --> 46:41.880 zu ersetzen oder zu ergänzen, sondern einfach nur Exception Handling besser zu machen. 46:41.880 --> 46:47.200 Ja, also klingt gut auf jeden Fall, finde ich super. 46:47.200 --> 46:51.240 Okay, dann mache ich damit weiter. 46:51.240 --> 46:56.240 Und ich drücke, oder? 46:56.240 --> 46:59.240 Ja, auch nicht. 46:59.240 --> 47:01.880 Ich glaube, das hatten wir schon. 47:01.880 --> 47:06.880 CSS Adrules, Font Fades, hatten wir schon in irgendeinem Glücksrand. 47:06.880 --> 47:07.880 Bestimmt, okay. 47:07.880 --> 47:09.880 Ich drücke einfach nochmal, oder? 47:09.880 --> 47:11.880 Mach mal, merkt keiner. 47:11.880 --> 47:18.840 Aha, 3 Element Internals, Area Colspen. 47:18.840 --> 47:19.840 Jawoll. 47:19.840 --> 47:27.280 Genau, über Element Internals hatten wir im Kontext der WebKit-Folge, wo natürlich 47:27.280 --> 47:34.600 direkt danach wieder ein Release rausgekommen ist, gesprochen und jetzt muss ich mal darüber 47:34.600 --> 47:35.600 legen, das war... 47:35.600 --> 47:37.840 Ich wollte doch sagen, du hast ja so gut zugehört, dass du alles noch exakt beißt. 47:37.840 --> 47:39.840 Ich habe so gut zugehört, ja, richtig. 47:39.840 --> 47:47.560 Ja, ja, ich, okay, ich muss weg. 47:47.560 --> 47:48.560 Ja. 47:48.560 --> 47:59.200 Nee, aber im Prinzip kann man dann noch, im Prinzip die internen Verhaltensweisen, glaube 47:59.200 --> 48:00.200 ich, abbilden. 48:00.200 --> 48:06.840 Also wie fällt sich das im Accessibility Tree und welchem Element ähnelt das irgendwie 48:06.840 --> 48:07.840 von seinem Verhalten? 48:07.840 --> 48:08.840 So war das, glaube ich. 48:08.840 --> 48:15.000 Genau, das ist im Prinzip eine User-Facing-API mit der diversen Algorithmen aus der HTML5 48:15.000 --> 48:17.760 Spezifikation per JavaScript zugänglich gemacht werden. 48:17.760 --> 48:21.840 Das sieht man zum Beispiel, wie jetzt in dem konkreten Beispiel, einer Web-Komponent, 48:21.840 --> 48:25.880 die man frisch aus heißer Luft erschafft, irgendwelche Area-Defaults vergeben kann. 48:25.880 --> 48:29.520 Weil haben ja normale semantische Elemente auch irgendwie Section und Main und so, die 48:29.520 --> 48:30.800 haben ja eingebaute Area-Roles. 48:30.800 --> 48:33.640 Und warum sollte das irgendwie mein Custom-Flu nicht auch können? 48:33.640 --> 48:34.840 Und genau dafür ist das da. 48:34.840 --> 48:42.120 Also für solche Area-Defaults und für Custom-Form-Elements, dass man das Verhalten eines Formular-Elements 48:42.120 --> 48:43.520 mit einem Custom-Element nachbauen kann. 48:43.520 --> 48:44.520 Ja. 48:44.520 --> 48:49.080 Wir verweisen auf die entsprechende Revision, da wird das nochmal in Länge und Breite 48:49.080 --> 48:52.120 erklärt, weil der Safari kann das nämlich auch. 48:52.120 --> 49:01.360 Und jetzt haben wir hier noch ganz konkret das Area-Colls-Ben-Attribut, dass ich tatsächlich 49:01.360 --> 49:04.640 irgendwie, dass mir gar nichts sagt, dass ich noch Liebe nutzt habe. 49:04.640 --> 49:10.920 Also man kann da irgendwie sagen, wenn man jetzt keinen echten Calls-Ben irgendwie angibt, 49:10.920 --> 49:14.840 wie man das ja bei einer Tabelle machen würde, soweit ich das hier richtig verstehe, kann 49:14.840 --> 49:19.320 es halt für eine Zelle, die du vielleicht anders darstellt, zum Beispiel mit einem Diff 49:19.320 --> 49:26.760 oder whatever, da halt noch sagen, okay, das ist eigentlich gedacht hier über zwei 49:26.760 --> 49:35.520 Columns, also zwei Columns zu spannen, also sich aufzuspannen sozusagen und kann dann 49:35.520 --> 49:37.880 sozusagen diese Zelle ein Stück weit vergrößern. 49:37.880 --> 49:43.320 Man kennt das ja so sozusagen breitere Zellen, als die Standard breiten. 49:43.320 --> 49:49.720 Okay, das heißt so, der Use Case wäre vielleicht, dass man interagiert mit einer HTML5 Canvas 49:49.720 --> 49:57.440 und in der ist drin quasi so ein Art Tabellenartiges Ding, aber weil die HTML5 Canvas ja im Endeffekt 49:57.440 --> 50:02.640 nichts anderes ist als ein Haufen Pixel, ohne Semantik könnte man jetzt zum Beispiel überlegen, 50:02.640 --> 50:12.680 ob man im Hintergrund dann quasi sowas modelliert wie eine Tabelle und dann sowas nutzt und 50:12.680 --> 50:20.600 der Screen Reader würde dann im Prinzip dieses modellierte Objekt verarbeiten und würde 50:20.600 --> 50:23.880 dann die Semantik irgendwie kommunizieren können. 50:23.880 --> 50:31.200 Genau, oder viel einfacher, du baust ja irgendwie ein Haufen Custom Elements, um das neue Element 50:31.200 --> 50:37.560 der Shaptable mit Shaptable Row und Shaptable Header und so weiter in die Welt zu setzen, 50:37.560 --> 50:41.240 das sich halt eben verhalten soll wie eine Tabelle, aber soll halt irgendwie per Default 50:41.240 --> 50:44.440 sortierbar sein mit einem fixierten Header beim Scrollen und so weiter und so weiter. 50:44.440 --> 50:47.200 Also du willst halt eben alles haben, was eine Tabelle hat, aber du willst halt nicht gegen 50:47.200 --> 50:51.240 die Default Implementierung einer Tabelle in HTML ankämpfen müssen, fängst auf grüner 50:51.240 --> 50:55.440 Visa an wie ein guter Reaktentwickler das so macht, baust alles aus Diffs, aber weil es 50:55.440 --> 50:58.760 gleich ist es halt eben in Web Components ein und gibst dem halt eben auch noch Area Defaults 50:58.760 --> 51:01.920 damit es halt auch zugänglich ist und nicht nur schön aussieht. 51:01.920 --> 51:08.640 Ja, cool, wieder was gelernt, Area Callspan. 51:08.640 --> 51:15.280 Okay, dann bin ich glaube ich mal dran mit drücken, oder? 51:15.280 --> 51:20.080 Oder der Hans, ich glaube das könnte gar gar nicht, könnte der Hans sein, ja du darfst 51:20.080 --> 51:21.080 auch. 51:21.080 --> 51:24.720 Peter, ich lasse dir noch einmal den Vortritt, ich glaube ich war ja zuletzt mit dem Meta-Element 51:24.720 --> 51:25.720 am Start, ne? 51:25.720 --> 51:31.280 Ja, kann gut sein, okay, dann drücke ich jetzt mal auf Zufallsgenerator aktivisieren. 51:31.280 --> 51:37.160 Vielleicht war es auch falsch, ah ne, ich war bei Media Error, I don't know. 51:37.160 --> 51:40.120 Jetzt, wir haben wieder ein Element, fantastisch. 51:40.120 --> 51:46.160 Ja, es ist tatsächlich wieder ein neues Old Schoolige HTML-Glückrat, Glücksrat ist es 51:46.160 --> 51:47.160 wirklich. 51:47.160 --> 51:49.680 Fantastisch, ja. 51:49.680 --> 51:50.680 Es geht um ein... 51:50.680 --> 51:52.200 Ja, es hat zwei Element was. 51:52.200 --> 51:57.240 Einen hat zwei Element, genau, eine Überschrift sozusagen, also es gibt ja die Überschriften 51:57.240 --> 52:03.360 von 1 bis 6, h1 bis h6 und da sind wir jetzt auf dem zweiten Level gelandet. 52:03.360 --> 52:09.560 Ich finde es interessant, ich wollte das vorhin schon erwähnen, als wir so über die Abkürzungen 52:09.560 --> 52:19.080 gesprochen haben, ne, weil das h steht ja in dem Fall für Heading, Heading 1, Heading 52:19.080 --> 52:26.080 2, Heading 3 und bis 6, ne, und auch hier hat man sich nicht die Mühe gemacht, das 52:26.080 --> 52:31.880 Heading auszuschreiben, man hätte es ja dann auch anders interpretieren können, h1 bis 52:31.880 --> 52:38.480 6 oder, warum hat man es überhaupt Heading genannt und nicht Title, also so was wie T1? 52:38.480 --> 52:45.280 Title war schon besetzt, ja das Title-Tag gibt es ja schon und genauso den Het an sich. 52:45.280 --> 52:50.480 Ja, und dann blieb die Heading noch übrig und es heißt ja auch Überschrift, also von 52:50.480 --> 52:51.480 daher. 52:51.480 --> 52:56.840 Genau, ergibt irgendwie Sinn, ich finde das jetzt ja gut, dass irgendwer, also wenn 52:56.840 --> 53:02.880 ich da jetzt am Design dran gewesen wäre, ne, ich hätte halt wirklich nicht bei 6 aufgehört, 53:02.880 --> 53:07.520 sondern es hätte irgendwie eine ungrade Zahl sein müssen, einfach nur um so die Leute, 53:07.520 --> 53:09.720 die so was nicht gut aushalten können, so ein bisschen zu triggern. 53:09.720 --> 53:10.720 Ach so, einfach so. 53:10.720 --> 53:15.360 Weißt du, wer nicht h7 irgendwie viel netter gewesen? 53:15.360 --> 53:18.160 Ich finde ja ungrade Zahlen meistens auch schöner, tatsächlich. 53:18.160 --> 53:19.160 Okay. 53:19.160 --> 53:22.160 Heißt das auch, du würdest keine h2 verwenden? 53:22.160 --> 53:28.720 Okay, Spaß beiseite, aber was ist denn eigentlich, also wie kommt man auf 6 Level? 53:28.720 --> 53:32.560 Ich weiß nicht, wann ihr zuletzt eine h6 verwendet habt, ich weiß gar nicht mehr, wie ich das 53:32.560 --> 53:33.560 noch stylen soll. 53:33.560 --> 53:40.920 Also eine h4 ist doch schon so was wie einfach nur noch ein em als font-size sozusagen und 53:40.920 --> 53:41.920 font-weight-bold. 53:41.920 --> 53:48.080 Ja gut, aber du, Hans, baust ja auch tatsächlich vernünftige Webseiten, die irgendwie sagen 53:48.080 --> 53:52.840 wir mal ein kommerzielles Ziel verfolgen, die so von Max Mütze und Lieschen Müller verstanden 53:52.840 --> 53:53.840 werden sollen. 53:53.840 --> 53:57.160 Du baust ja nicht, wie das fürs WWW eigentlich vorgesehen war, dein komplettes Paper über 53:57.160 --> 54:00.640 Partikelbeschleuniger in eine Webseite rein, und zwar von A bis Z. 54:00.640 --> 54:05.840 Ist das nicht die gleiche Zielgruppe? 54:05.840 --> 54:12.040 Ja, okay, wahrscheinlich ist den Köln Lieschen Müller ein bisschen anders drauf als jetzt 54:12.040 --> 54:13.040 hierzulande. 54:13.040 --> 54:18.880 Nee, aber ich würde mal vermuten, dass es so irgendwie so, also irgendwie muss ja auf 54:18.880 --> 54:21.960 diese Idee gekommen sein, und ich bin sicher irgendwo steht das auch, wie das gekommen 54:21.960 --> 54:25.680 ist, aber vermutlich hat einfach irgendwer geschaut, was sind so das längste wissenschaftliche 54:25.680 --> 54:28.440 Paper, das ich hier rumliegen habe und wie viele Unterüberschriften hat das. 54:28.440 --> 54:32.760 So, das nehmen wir jetzt einfach mal als Worst Case an und dann passt das schon. 54:32.760 --> 54:40.600 Ja, ich könnte mir auch vorstellen, dass da noch ein bisschen was anderes dahinter liegt, 54:40.600 --> 54:45.520 aber vielleicht noch mehr Algorithmik, wie sieht das herausgefunden haben, aber vielleicht 54:45.520 --> 54:47.520 überschätze ich es auch an der Stelle einfach. 54:47.520 --> 54:52.880 Ich wüsste jetzt gern, was Chechipitit zu der Frage sagt, warum es bis H6 geht. 54:52.880 --> 54:53.880 Ja, ja bitte. 54:53.880 --> 54:55.400 Kannst du mal fragen gehen? 54:55.400 --> 54:56.400 Genau. 54:56.400 --> 55:04.680 Also ich kann nur sagen, ich finde schade, dass, also da, ich glaube das sind ja viele 55:04.680 --> 55:11.600 der Meinungen, dass der HTML5 Outline Algorithmus jetzt irgendwie nie so richtig Fuß gefasst 55:11.600 --> 55:20.240 hat, weil gerade wenn du so Komponenten basiert arbeitest, dann stellen dich ja diese blöden 55:20.240 --> 55:23.280 Haar-Levels immer vor total dämliche Herausforderungen. 55:23.280 --> 55:28.920 Du meinst damit nur ganz kurz, dass noch als Einschub, du meinst damit sozusagen, dass 55:28.920 --> 55:36.080 man dann so ein Section-Element um Headlines rappen kann und dann ist halt die H1 in dieser 55:36.080 --> 55:43.840 Section eigentlich untergeordnet der nächsterüberliegenden Section sozusagen, also so heißt es, 55:43.840 --> 55:44.840 kann man dann... 55:44.840 --> 55:51.680 Ja, beziehungsweise, genauso gibt es ja so Sectioning-Elements generell, glaube ich, 55:51.680 --> 55:57.920 sozusagen so Articles, Section, Header, Futter, Aside und so sind so Kandidaten und das dann, 55:57.920 --> 56:03.840 sobald der Browser da sozusagen in das Element eintaucht, dass dann die Überschriften-Levels 56:03.840 --> 56:09.200 wieder quasi resettet werden und wieder von vorne anfangen können, ohne dass sie dann 56:09.200 --> 56:15.040 eben, wie du ja auch richtig sagst, dann höher sind als die Überschriften, die außerhalb 56:15.040 --> 56:17.760 dieses Elements sind oder waren. 56:17.760 --> 56:26.760 Also es ist quasi so ein bisschen wie bei CSS mit den Z-Indexen, also wenn du quasi so 56:26.760 --> 56:31.920 ein Stacking-Context bildest, dann kannst du da drin ja Z-Index eine Million reinschreiben. 56:31.920 --> 56:38.840 Wenn der Stacking-Context selbst eben auf Z-Index 1 ist und du hast ein anderes Element, das 56:38.840 --> 56:46.560 hat Z-Index 2, dann wird dieses in dem Stacking-Context befindliche Element mit Z-Index 1.000 trotzdem 56:46.560 --> 56:53.880 niemals über diesem Z-Index 2 Element sein und so, wer halt der Outline-Algorithmus und 56:53.880 --> 56:58.160 das ist halt eigentlich ganz cool, weil dann kannst du, dann musst du ein CMS und deinen 56:58.160 --> 57:04.920 Komponentenbasiertes System einfach gar nicht wissen, auf welchem Level sind denn gerade 57:04.920 --> 57:10.120 die Headlines um mich herum, muss ich jetzt irgendwie vielleicht mit einer 4-Headline-Level 57:10.120 --> 57:15.000 4 konfiguriert werden, damit das Semantisches, sondern man könnte dann einfach sagen so 57:15.000 --> 57:22.000 hey, diese Komponente ist ohnehin vielleicht ein Artikel oder so und ich starte da einfach 57:22.000 --> 57:25.960 neu drin mit meinen Headlines und Problemen gelöst. 57:25.960 --> 57:35.280 Ich würde sagen so die Headline-Level sind auch immer so ein Painpoint bei mir, beim 57:35.280 --> 57:38.440 semantischen Zusammenstellen von Dokumenten. 57:38.440 --> 57:45.400 Ja vor allem, dass du halt eine saubere Outline immer hast, also den H1 noch hinzubekommen 57:45.400 --> 57:50.960 okay, dann die H2, da drunter auch noch irgendwie okay, aber dann fehlt doch mal vielleicht 57:50.960 --> 57:56.400 irgendwo ein und dann ist da eine H3 und dann ist auf einmal wieder irgendwo eine H4 ohne 57:56.400 --> 58:01.280 dass da vorne H3 war oder ähnliches, gerade bei User-Generated Content und das ist halt 58:01.280 --> 58:04.960 so ein bisschen das Problem, finde ich zumindest. 58:04.960 --> 58:13.240 Ja, ja genau, User-Generated Content ist auch so ein Kandidat in der Tat. 58:13.240 --> 58:21.720 Ja, was auch noch eine interessante Fahrgestellung ist, es gibt ja manche, die sind Verfechter 58:21.720 --> 58:32.160 der Position, wie viel, also ich kann mehr als ein H1 Element benutzen auf einer Seite, 58:32.160 --> 58:39.280 es gibt ja als quasi Ober-Guru, als Ober-Überschrift gibt es ja noch das Title-Element, also das 58:39.280 --> 58:44.720 ist ja die höchste Überschrift und warum sollte ich die vielleicht, also die wird sowieso 58:44.720 --> 58:49.680 announced vom Screenreader, warum soll ich die nochmal wiederholen in der einen H1, die 58:49.680 --> 58:57.040 es dann vielleicht gibt, macht nicht ganz so viel Sinn möglicherweise und darum quasi 58:57.040 --> 59:05.600 kann man direkt mit den Unterschriften zwei oder zweiten Grades mit H1 starten, so. 59:05.600 --> 59:08.600 Also die H1 ist die gefühlte H2? 59:08.600 --> 59:09.600 Ja, genau. 59:09.600 --> 59:16.160 Ja, ich frage mich immer, was das Bedrohungsszenario ist, also die irgendwie, wir überspringen 59:16.160 --> 59:21.800 irgendwie die H3 und gehen von der H2 zur 4, weil irgendwie unsere Widgets jetzt nicht 59:21.800 --> 59:26.400 optimal programmiert sind, weil wir den Outline-Algorithmus nicht haben, also wem tut das denn jetzt 59:26.400 --> 59:27.400 wirklich weh? 59:27.400 --> 59:28.400 Lass dich doch gerne. 59:28.400 --> 59:34.000 Ich glaube, das tut auch kein weh, also ich hatte auch mit dem Marco Zehl mal da drüber 59:34.000 --> 59:40.480 gesprochen, damals bei der Randschen Post, wie wir so quasi so, hey, hier sind noch ein 59:40.480 --> 59:45.760 paar Artikel-Empfehlungen und so, datte er auch gesagt, also für ihn wäre das eigentlich 59:45.760 --> 59:51.560 vollkommen in Ordnung, wenn das direkt als H6 alles ausgezeichnet würde und nicht irgendwie 59:51.560 --> 59:56.400 wir gucken, was wäre denn jetzt da für ein richtiges H-Level, ich glaube, wo das halt nur 59:56.400 --> 01:00:01.240 ein Problem ist, ist, wenn du das vielleicht an der Einstelle so machst, aber du hast an 01:00:01.240 --> 01:00:09.000 der anderen Stelle in deinem Dokument dann Headline-Levels, die von der Nummerierung 01:00:09.000 --> 01:00:14.320 dann höher sind, aber eigentlich nicht höher wären, also die funktionieren ja eigentlich 01:00:14.320 --> 01:00:19.880 nur, wenn du die Gesamt betrachtest und das alles in Einklang zu bringen, finde ich, das 01:00:19.880 --> 01:00:21.880 ist halt schon schwierig. 01:00:21.880 --> 01:00:26.880 Ja, also dass du nicht sozusagen unbeabsichtigt einen Schritt entweder nach oben oder nach 01:00:26.880 --> 01:00:30.320 unten machst, wenn du keinen machen willst, aber wenn du einen machst, ist es auch egal, 01:00:30.320 --> 01:00:32.880 dass du vielleicht irgendwie zwei Schritte nach unten machst oder zwei nach oben, solange 01:00:32.880 --> 01:00:33.880 die Richtung stimmt. 01:00:33.880 --> 01:00:40.520 Ja, genau, und sofern du das eben dann überall auf deiner Seite so durchziehst vielleicht. 01:00:40.520 --> 01:00:45.080 Ja, aber ich meine, möglicherweise ist es ja hilfreich, also die Idee, was du gerade 01:00:45.080 --> 01:00:49.920 sagst, ist von wegen, dann sind halt diese unwichtigsten Sections da hinten, die fangen wir halt mit 01:00:49.920 --> 01:00:52.960 H6 an, finde ich eigentlich jetzt nicht, weil dann könnte man ja im Prinzip die Überschriften 01:00:52.960 --> 01:00:58.000 Scala von 1 bis 6 im Prinzip ja als eine sehen, die man aus zwei Richtungen angreifen kann. 01:00:58.000 --> 01:01:03.600 Also ich könnte von H1 nach H2 nach H3 gehen und von sozusagen rückwärts gedacht von irgendwie 01:01:03.600 --> 01:01:08.600 nach 6 nach 5 nach 4 und könnte sozusagen sagen, okay, ich bin jetzt irgendwie so der 01:01:08.600 --> 01:01:12.160 Seitentitel und irgendwie so die Überschrift in der Hauptspalte und dann bin ich vielleicht 01:01:12.160 --> 01:01:16.560 nach H1 oder H2 und ich baue halt irgendein Widget und das Widget ist garantiert in irgendwas 01:01:16.560 --> 01:01:20.600 eingebaut, so dass unterwichtigste, unwichtigste, ganz, ganz nach hinten geschobene, da kann 01:01:20.600 --> 01:01:23.960 ich dann halt eben bei 6 anfangen und wenn ich dafür eine Überschrift brauche, eine 01:01:23.960 --> 01:01:27.640 5 nehmen, dass man das so aus zwei Richtungen zählt, das finde ich eigentlich ganz charmant. 01:01:27.640 --> 01:01:28.640 Mhm. 01:01:28.640 --> 01:01:29.640 Mhm. 01:01:29.640 --> 01:01:30.640 Mhm. 01:01:30.640 --> 01:01:31.640 Mhm. 01:01:31.640 --> 01:01:32.640 Mhm. 01:01:32.640 --> 01:01:33.640 Gut. 01:01:33.640 --> 01:01:37.280 ChatGPT hat gemeldet, ich habe ihn gefragt, wer hat da ein Mattas mit den Überschriften. 01:01:37.280 --> 01:01:41.680 ChatGPT meint, dass W3C hätte das per Konsens rausgefunden und es sei total wichtig, dass 01:01:41.680 --> 01:01:43.760 ich sehr darauf achte, alles ordentlich auszuzeichen. 01:01:43.760 --> 01:01:44.760 Ach, süß. 01:01:44.760 --> 01:01:48.960 Ja, ich sage mal, das ist nicht falsch, aber ich glaube nicht, dass das richtig ist. 01:01:48.960 --> 01:01:53.440 Ja, also, aber er hat schon sich reingehängt. 01:01:53.440 --> 01:01:57.240 Ja, ja, ich habe auch dreimal nachgefragt, ich habe so, ja, wer war das denn jetzt? 01:01:57.240 --> 01:01:58.240 Ja, wann denn? 01:01:58.240 --> 01:02:01.560 Er hat sich aber sehr gut drum herum geredet, also würde ich sagen, kriege ich auf jeden 01:02:01.560 --> 01:02:06.960 Fall locker eine gute 2, ohne Plus und Minus, hat bestanden. 01:02:06.960 --> 01:02:08.960 Ja, sehr gut. 01:02:08.960 --> 01:02:14.360 Genau, dann will ich noch eine Frage stellen, und zwar, was ihr zu AgeGroup sagt. 01:02:14.360 --> 01:02:16.440 Äh, gibt es da noch? 01:02:16.440 --> 01:02:17.440 Zu dem Element. 01:02:17.440 --> 01:02:23.480 Ja, das gibt es ja wieder, glaube ich, das wurde mal, es gibt hier, äh, quasi das 01:02:23.480 --> 01:02:24.480 AgeGroup-Element. 01:02:24.480 --> 01:02:25.480 Pst. 01:02:25.480 --> 01:02:26.480 Hier ist der Link. 01:02:26.480 --> 01:02:27.480 Ja. 01:02:27.480 --> 01:02:28.480 Und Chat. 01:02:28.480 --> 01:02:29.480 Ja, gibt's. 01:02:29.480 --> 01:02:35.960 Ähm, genau, das, äh, sollte ja so Überschriften zusammenfassen, ich glaube, in der ursprünglichen 01:02:35.960 --> 01:02:44.720 Fassung war es so gedacht, dass man verschiedene, glaube ich, Haar-Levels darin, äh, gruppieren 01:02:44.720 --> 01:02:51.320 konnte, und mittlerweile ist es, glaube ich, so, dass man nur einen Haar mit dann einem 01:02:51.320 --> 01:02:58.280 P zu einem, zu einer Heading-Group zusammenfassen kann, was dann quasi das Szenario wäre. 01:02:58.280 --> 01:03:04.760 Ich habe einen, ja, ein Kicker-Headline über der eigentlichen Überschrift, zum Beispiel 01:03:04.760 --> 01:03:10.560 unter der Hauptüberschrift runter und also quasi immer so eine, so eine Zweier-Gruppe 01:03:10.560 --> 01:03:16.640 von, ähm, Überschriften zusammen, wie man es halt oft dabei so Nachrichten, Seiten 01:03:16.640 --> 01:03:17.640 sieht. 01:03:17.640 --> 01:03:22.920 Das würde man, so benutze ich es auch. 01:03:22.920 --> 01:03:28.080 Es ist also ein Header-Element mit irgendwie einem etwas stricteren Content-Bottle. 01:03:28.080 --> 01:03:29.080 Ja. 01:03:29.080 --> 01:03:30.080 Genau. 01:03:30.080 --> 01:03:39.920 Hm, aber warum nimmt man denn kein Header-Element? 01:03:39.920 --> 01:03:44.440 Also, man kann ja trotzdem sich, man kann ja im Prinzip trotzdem dieses Content-Model 01:03:44.440 --> 01:03:50.160 umsetzen, aber warum muss man denn von einem, also, warum muss man sich einen Element begeben, 01:03:50.160 --> 01:03:53.120 wo das das Einzige ist, was valide ist, was ich am Ende auch keinen interessiert? 01:03:53.120 --> 01:03:55.360 Also, mir ist der Use Case nicht ganz klar. 01:03:55.360 --> 01:04:00.400 Also, okay, man kann dann irgendwie eine Zwischenüberschrift machen, ein Header ist ja ein 01:04:00.400 --> 01:04:03.480 Header von der Section und eine Age-Gruppe könnt ja auch irgendwo innerhalb einer Section 01:04:03.480 --> 01:04:06.440 als Zwischenüberschrift Gruppierung vorkommen. 01:04:06.440 --> 01:04:07.440 Hm, ja. 01:04:07.440 --> 01:04:08.440 Da stimmt. 01:04:08.440 --> 01:04:13.000 Wobei das mit den Section-Überschriften wahrscheinlich auch in jemandem interessiert, 01:04:13.000 --> 01:04:14.000 oder? 01:04:14.000 --> 01:04:18.640 Nee, ich glaube, dass, dass wir da irgendwie auch viel zu, also uns viel zu sehr den Kopf 01:04:18.640 --> 01:04:23.160 drüber zerbrechen und in der Praxis wird das eben, also einerseits wahrscheinlich, weil 01:04:23.160 --> 01:04:28.840 die Semantik im Web eh so kaputt ist, gar nicht so in der Form konsumiert, weil man gar nicht 01:04:28.840 --> 01:04:31.400 damit rechnet, dass es noch funktioniert irgendwo wahrscheinlich. 01:04:31.400 --> 01:04:43.400 Zum anderen habe ich auch hier und da mal schöne Vorträge gesehen, wo Leute mit, zum 01:04:43.400 --> 01:04:50.680 Beispiel, assistiven Geräten teilweise auch überfordert sind von zu viel Semantik. 01:04:50.680 --> 01:04:56.480 Das heißt also, den tut es da auch gar nicht unbedingt immer was Gutes, wenn du Tausend 01:04:56.480 --> 01:05:03.680 Listen hast und Tausend Überschriften, weil das halt alles announced wird und genau, 01:05:03.680 --> 01:05:11.760 also ich glaube, wir können uns da den Kopf heiß denken, wie man das am besten strickt 01:05:11.760 --> 01:05:16.880 und in der Praxis ist das alles gar nicht so relevant, tatsächlich. 01:05:16.880 --> 01:05:25.200 Ja, Ausschnitt davon sind relevant, damit halt eben die Use Cases, die Blinden und die Suchmaschinen 01:05:25.200 --> 01:05:26.200 zufrieden sind. 01:05:26.200 --> 01:05:31.320 Ja, also Formulare zum Beispiel, also da ist natürlich Semantik total wichtig, aber 01:05:31.320 --> 01:05:36.800 so beim Dokumenten modellieren vielleicht dann eben nicht so. 01:05:36.800 --> 01:05:41.920 Es wird nicht so heiß gegessen, wie es gekocht wird. 01:05:41.920 --> 01:05:50.120 Genau, also kann man sich viel Gedanken machen, vielleicht können wir da auch noch mal ein 01:05:50.120 --> 01:05:56.240 letztes Mal unsere Höhren und Höhre fragen, wie ihr euch da so durchnavigiert, was ihr 01:05:56.240 --> 01:05:59.440 so für euch für Best Practices rausgearbeitet habt. 01:05:59.440 --> 01:06:06.480 Seid ihr da irgendwie sehr strikt, also so quasi geht ihr nach Lehrbuch oder habt ihr 01:06:06.480 --> 01:06:12.000 da, geht ihr da ein bisschen, sagen wir mal, Hemdsärmeliga oder vielleicht irgendwie aus 01:06:12.000 --> 01:06:19.280 der Praxis getrieben heran und wie löst ihr so Probleme wie eben Content Management Systeme, 01:06:19.280 --> 01:06:29.080 User Generated Content oder eben Komponenten basierte Webseiten und Überschrift Levels 01:06:29.080 --> 01:06:30.080 und so. 01:06:30.080 --> 01:06:39.080 Und ja, ich würde sagen, damit haben wir wieder eine schöne runde Glücksrat hier eingetütet. 01:06:39.080 --> 01:06:43.800 Genau, was auch keiner mitbekommen hat, ist, dass der Peter insgesamt fünfmal rausgeflogen 01:06:43.800 --> 01:06:45.400 ist und der Hans einmal. 01:06:45.400 --> 01:06:49.440 Ja, das ist doch alles gar nicht wahr, das lief genauso rund wie ein Glücksrat, deswegen 01:06:49.440 --> 01:06:50.960 heißt das doch so. 01:06:50.960 --> 01:06:51.960 Ja, stimmt. 01:06:51.960 --> 01:06:55.880 Du bist eigentlich fast so oft rausgeflogen, wie wir Runden gedreht haben. 01:06:55.880 --> 01:06:59.760 Das ist richtig, jedes Mal, wenn ein neues Thema war, bin ich erstmal so, ich muss 01:06:59.760 --> 01:07:00.760 weg. 01:07:00.760 --> 01:07:06.320 Ja, aber auf jeden Fall ist es nicht zu vergleichen mit den alten Zeiten, als wir noch Skype benutzt 01:07:06.320 --> 01:07:07.320 haben. 01:07:07.320 --> 01:07:08.320 Also, sofern. 01:07:08.320 --> 01:07:13.680 Ich erinnerte mich an so Show Notes von Markus, wo es noch so hieß, Thema hier, Thema da 01:07:13.680 --> 01:07:17.880 und übrigens, ich klinge, als hätte ich eben in einer Mülltonne aufgenommen, vertraut 01:07:17.880 --> 01:07:20.080 mir, so war das nicht. 01:07:20.080 --> 01:07:23.920 Nein, nein, das schneiden wir alles raus. 01:07:23.920 --> 01:07:35.480 Ansonsten, wenn ihr noch was habt, wie gesagt, schreibt uns auf Twitter auf, Mastodon oder 01:07:35.480 --> 01:07:36.480 im Slack. 01:07:36.480 --> 01:07:41.920 Die Kommentare sind ja schon ein bisschen länger zu, weil da eigentlich nur Spam reinkam. 01:07:41.920 --> 01:07:51.320 Genau, nächste Woche geht es um, genau, da geht es um TypeScript 5 und danach die Woche 01:07:51.320 --> 01:07:58.680 geht es um eine spannende neue Organisationsstruktur mit einem Gast und den Gast von dieser Folge. 01:07:58.680 --> 01:08:07.200 Da gucken wir mal den geplanten Gast, wenn wir den dann hier tatsächlich für eine Sendung 01:08:07.200 --> 01:08:08.200 zu Gast haben werden. 01:08:08.200 --> 01:08:10.800 So machen wir es. 01:08:10.800 --> 01:08:11.800 Danke euch. 01:08:11.800 --> 01:08:16.480 Vielen Dank, dass ihr wieder euer Wissen geteilt habt, was das Glücksrat anbelangt. 01:08:16.480 --> 01:08:21.760 Manchmal sind es ja dann doch etwas älterere Themen, aber es ist doch immer mal wieder 01:08:21.760 --> 01:08:26.760 gut, die auch mal wieder aufzufrischen vom Wissen her und man lernt ja dann doch immer 01:08:26.760 --> 01:08:27.760 viel dazu. 01:08:27.760 --> 01:08:34.080 Zum Beispiel heute die Stereo-API, mit der man da links oder rechts ausgeben kann vom 01:08:34.080 --> 01:08:39.040 Ton, ist dann doch schon auch interessant und vielleicht, man weiß es ja nie, irgendwann 01:08:39.040 --> 01:08:41.280 braucht man es dann doch mal. 01:08:41.280 --> 01:08:43.480 Ja, hast recht. 01:08:43.480 --> 01:08:45.480 So ist es. 01:08:45.480 --> 01:08:50.280 Also macht's gut und bis nächste Woche, tschüss! 01:09:15.480 --> 01:09:20.200 Beep. Beep. Beep. Beep. Beep.