March 07, 2023

Revision 559: Glücksrad

1 hour 9 minutes

Hans, Schepp und Peter spielen Glücksrad!

Unser Sponsor

Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern auch ein Hosting mit Strom aus 100% erneuerbaren Energien. Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein erstes Projekt!

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]

Hans referiert perfekt über Sinn und Unsinn des ehemaligen Bold-Elements inkl. Abgrenzung vom Kollegen . 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, , und </code></a>. Für letzteres ermittelt Peter sogar per Live-Recherche die Namensherkunft (xmp für „Example“ laut <a href="https://www.w3.org/TR/WD-html2/html-spec_5.html#SEC37">HTML 2.0</a>).</dd>

<dt>[00:25:37] <a href="https://developer.mozilla.org/en-US/docs/Web/API/StereoPannerNode/StereoPannerNode">StereoPannerNode</a></dt>

<dd>Ein Bestandteil der <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a>, zu dem uns nicht besonders viel einfällt.</dd>

<dd>Wir diskutieren über Sinn und Unsinn von per Meta-Tag eingebauten Microdata-Informationen, v.a. in den Geschmacksrichtungen <a href="https://ogp.me/">OpenGraph</a> (mit <a href="https://www.opengraph.xyz/">verfügbarem Validator</a>) und <a href="https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards">Twitler</a> (ohne Validator). Am Ende kommen wir noch auf Charsets (auch via Meta-Tag setzbar, unter anderem auch in einer <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-http-equiv">Langfassung</a>) und die Kollegen von <a href="https://wowirsindistvorne.show/">Wo wir sind ist vorne</a> zu sprechen.</dd>

<dt>[00:38:17] <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaError/message">MediaError.message</a></dt>

<dd>Zu <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaError/code#media_error_code_constants">Media-Error-Codes</a> selbst haben wir nicht besonders viel beizutragen, aber Peter nutzt die Gelegenheit, um für DIY-Error-Klassen zu argumentieren.</dd>

<dt>[00:46:54] <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/ariaColSpan">ElementInternals.ariaColSpan</a></dt>

<dd>Eine API, mit der sich per <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">ElementInternals</a> (von uns kürzlich in der <a href="https://workingdraft.de/557/">Revision 557</a> ausführlicher besprochen) der Defaultwert für <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-colspan">aria-colspan</a> setzen lässt.</dd>

<dd>Und täglich grüßt der <a href="https://www.accessibility-developer-guide.com/examples/headings/html-5-outline/">Outline-Algorithmus!</a> Wir kauen das altbekannte Problem der Überschriften in user-generated Content durch und diskutieren, unter welchen Umständen wir <a href="https://html.spec.whatwg.org/#the-hgroup-element"><hgroup></a>, <a href="https://html.spec.whatwg.org/#the-header-element"><header></a> oder etwas ganz anderes einsetzen.</dd>

</dl>

...more

View all episodes

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer