Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« SchaeferNews Technology Education How To Tech News

Working Draft episodes

May 09, 2023Revision 568: 100 Days Of More Or Less Modern CSS
Anlässlich des Abschlusses seiner Blogpost-Serie „100 Days Of More Or Less Modern CSS„, luden wir Manuel Matuzović, Frontend-Entwickler und Accessibility-Experte aus Graz (Web / Mastodon), in unseren Podcast ein, um zunächst über seine Motivation zu dieser Serie und schließlich auch über die spannendsten seiner gewonnenen Erkenntnisse in Sachen CSS zu sprechen. Manuel war zuvor schon einmal zum Thema HTML-Crafting bei uns zu Gast.
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:02:12] 100 Days Of More Or Less Modern CSS
Day 1: custom properties and fallbacks
Lea Verou – Custom Variables Secrets
Day 93: the lch() color function
Day 98: oklab() and oklch()
Björn Ottosson: A perceptual color space for image processing (OKLAB)
Day 95: the color-mix() function
Chris Lilley – Escaping the sRBG Prison
Day 92: relative color syntax
Day 75: font palettes
Day 76: overwriting colors in font palettes
Day 22: the ::backdrop pseudo-element
Kilian Valhof – ::backdrop doesn’t inherit from anywhere
Day 36: :has() and pseudo-elements
Day 50: :has(:not()) vs. :not(:has())
Day 91: a previous sibling selector with :has()
Der „Max Böck Offset“
Microsoft Edge / Patrick Brosset – The truth about CSS selector performance
Day 99: native nesting
Dart Sass
Day 2: logical properties
Day 3: logical property shorthands
Day 9: the inset shorthand property
Day 31: logical border properties
Day 44: logical floating and clearing
Day 77: block-size, inline-size, vi, and vb
Ahmad Shadeed – RTL Styling 101
Day 96: the margin-trim property
Heydon Pickering – Axiomatic CSS and Lobotomized Owls
Day 82: value processing
Day 63: explicit defaulting with inherit, initial, unset, and revert
Day 74: using !important in cascade layers
Una Kravets – How does !important actually work? (It’s not what you think!)
Bramus Van Damme – The CSS Cascade, a deep dive
Day 48: inset 0
Day 84: the @property at-rule
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 34 min
May 04, 2023 Revision 567: Design Patterns in der Webentwicklung
Ein harmloser Trollversuch auf Mastodon endet in einer stundenlangen Grundsatzdebatte zwischen Stefan und Peter.
Unser Sponsor
Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über 80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative Weiterbildungsangebote zu schaffen.
Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker, Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale Angular.DE, ReactJS.DE und VueJS.DE.
Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid ihr bei Workshops.DE genau richtig.
Schaunotizen
[00:02:11] Design Patterns in der Webentwicklung
Inspiriert durch die zweifelhafte Aufstellung von Design Patterns durch den selbsterklärten Refactoring-Guru sprechen wir über Design Patterns! Ausgehend vom Buch-Klassiker „Design Patterns“ besprechen wir, was in JS/TS anders, und speziell beim Refactoring-Guru falsch läuft. Vor allem das Singleton und die Decorators bringen uns in Wallung. Wir eruieren, was die Programmiersprachen dieser Welt wirklich unterscheidet, debattieren Sinn und Unsinn von Klassen (sowie Legacy-Patterns wie das Revealing Module Pattern) und stellen die Frage, ob das Builder-Pattern ein OOP Design Pattern ist … und ob nicht vielleicht eher React ein Design Pattern ist. Nachdem wir auf Patterns.dev auch das Singleton wiederfinden, beenden wir entsetzt die Sendung.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 20 min
April 25, 2023Revision 566: Edge Computing mit SvelteKit und Cloudflare Pages
Gast Nils Röhrig berichtet über seine Erfahrungen mit Edge Computing mit SvelteKit und Cloudflare Pages. Er spricht über Edge Computing und seine Auswirkungen auf die Webentwicklung. Im Detail wird er sich zusammen mit Vanessa mit SvelteKit und Cloudflare Pages befassen.
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:02:13] Edge Computing mit SvelteKit und Cloudflare Pages
Zuerst beschreibt Nils auf Edge Computing. Edge Computing bezieht sich auf die Verarbeitung von Daten und Berechnungen an der „Kante“ eines Netzwerks, nämlich nahe am Benutzer oder Gerät. Dadurch können Latenzprobleme reduziert werden, da die Verarbeitung näher an der Quelle der Daten stattfindet. Durch Edge Computing können Webanwendungen schneller und zuverlässiger werden. Den Vorteil sieht Nils bei Anwendungen, die international aufgerufen werden.
Als nächstes widmet sich Nils dem Framework SvelteKit, das dem Compiler von Svelte aufbaut. Weiter unten ist eine Revision verlinkt, bei der wir in der Vergangenheit bereits über Svelte und SvelteKit gesprochen haben.
Um Edge Computing mit einer in SvelteKit geschriebenen Applikation zu ermöglichen, benutzt Nils Cloudflare Pages. Cloudflare Pages ist ein Hosting-Service für Webanwendungen, der auf der Cloudflare-Plattform basiert. Es bietet eine einfache Möglichkeit, statische oder dynamische Webanwendungen zu hosten und zu bereitstellen. Es gibt einen kostenfreien Testbereich. Interessant wird die Integration mit Cloudflare Workers, die das Edge Computing ermöglichen.
Links
Blogartikel: Setting up Cloudflare Pages with SvelteKit
App: Living on the edge
Code.talks 2022 – Living on the egde YouTube Video und Slides
Svelte Workshop mit Nils bei der enterJS im Juni
Passende Revisionen
Revision 511: Microfrontends bei REWE Digital mit Nils Röhrig
Revision 528: Svelte und SvelteKit mit Jon Uhlmann
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 12 min
April 18, 2023 Revision 565: Quo vadis Frontend-Tooling?
In dieser Revision hatten wir das Vergnügen, mit Marvin Hagemeister (Web / Twitter / Mastodon) über JavaScript-Tooling und seine Erfahrungen auf diesem Gebiet zu sprechen. Marvin ist Entwickler bei Shopify vor allem durch seine Arbeit im Open-Source-Bereich bekannt, insbesondere bei Preact, einem React-ähnlichen Framework. Er erzählte uns, dass er sich immer mehr für das gesamte JavaScript-Ökosystem und Tooling interessiert, was ihn entsprechend dazu gebracht hat, eine Blogpost-Serie zu dem Thema zu schreiben. Und genau darüber wollten auch wir mit ihm sprechen.
Unser Sponsor
Factorial ist eine Digitalagentur mit einem internationalen Team und dem Fokus auf Open Source Technologien, die für regionale und internationale Kunden Technologien entwickelt. Mit Kompetenzen im Bereich Development, Design und Projektmanagement treibt die Agentur die digitale Transformation ihrer Kunden voran. Zu den Anwendungsbereichen zählen unter anderem Hosting, Content Management, Qualitätssicherung, Automatisierung und die Integration heterogener Systemlandschaften.
Mehr Infos zu den aktuellen Stellenausschreibungen gibt es hier.
In diesem Video stellt unser Kollege Julian den Frontend Job bei Factorial vor.
Schaunotizen
[00:02:04] Quo vadis Frontend-Tooling?
Anlass für Marvins Forschungen war die suboptimale Performance von JavaScript-Tools, insbesondere bei größeren Projekten, bei denen das Bauen und Testen von Code länger dauern kann – wie es z.B. bei Shopify der Fall ist.
Aktuell gibt es viele neue Tools, die in schnelleren Programmiersprachen wie Rust oder Go entwickelt werden, um die Leistung zu verbessern. Schnelle Tools halten wir für essenziell, da Langsamkeit den Arbeitsfluss und die Produktivität beeinträchtigen kann. Marvin sprach auch über seine persönlichen Erfahrungen mit schnellen Testframeworks und das er sich fragte, warum bestehende Tools nicht genau so schnell sind. Wir diskutierten die Größe von Projekten und wie viel die Programmiersprache zur Leistung beiträgt.
Ein weiterer Schwerpunkt unseres Gesprächs war der Wandel im JavaScript-Tooling-Universum. Bestehende Tools werden neu gedacht und oft in anderen Programmiersprachen als JavaScript entwickelt. Beispiele dafür sind der Nachfolger von Webpack, TurboPack, und ES-Build, die in Rust bzw. Go geschrieben sind. Zusammen mit Marvin haben wir über die Auswirkungen dieser Entwicklungen auf das gesamte JavaScript-Ökosystem und die Industrie gesprochen und sinniert.
Keine Schaunotizen
speedscope
Ein interaktiver Flamegraph-Visualisierer
patch-package
Mit patch-package könnt Ihr nach dem Installieren lokale Korrekturen an npm-Paketen vornehmen.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 10 min
April 12, 2023 Revision 564: Hinter den Kulissen von Konferenzorganisationen mit Marc Thiele
Diese Woche war Marc Thiele mal wieder bei uns zu Gast und wir sprechen über Konferenzorganisation.
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:02:15] Konferenzorganisation
Diesmal schauen wir mal etwas genauer hinter die Kulissen der Organisation von Konferenzen. Marc Thiele ist als Organisator der Beyond Tellerrand prädestiniert dafür. Die Konferenz findet bereits nächste Woche in Düsseldorf statt, aber auch am 11. und 12. September in Berlin.
Natürlich sprechen wir über die Konferenz selbst, aber auch darüber, wie die Pandemie die Konferenz verändert hat, wie Marc seine Gäste findet und wie er die Zielgruppe der Konferenz anspricht.
Darüber hinaus gibt’s einige Insights zu Marcs Podcast „neu•gierig“.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 17 min
April 04, 2023 Revision 563: Ein Update zu Projekt Fugu
Peter und Schepp durften Thomas Steiner (DevRel bei Google, online zu finden im Web, auf Github, auf Twitter und im Fediverse) zu den neusten Neuheiten aus dem Wirkungskreis von Project Fugu ausquetschen, nachdem Working Draft zuletzt in der Revision 399 darüber berichtete. Es hat sich einiges getan!
Unser Sponsor
pCloud ist eine sichere Cloud-Lösung aus der Schweiz, die monatliche Abonnements und lebenslange Lizenzen anbietet. Der Online-Speicher kann bis zu 10 Terabyte an Daten speichern und hält sich an strenge Datenschutzbestimmungen.
Zu Ostern bietet pCloud eine 78% Rabattaktion auf Familienlizenzen an. Der Preis steigt allerdings nach 24 Stunden stündlich wieder an. Sichert euch also schnell den Rabatt ab dem 6. April auf partner.pcloud.com!
Schaunotizen
[00:02:08] Neues von Projekt Fugu
Projekt Fugu ist ein laufendes Chrome-Großprojekt zum Schließen des „App Gap“, was sich in vielen neue Browser-APIs widerspiegelt. Zu diesen APIs gehören die File System Access API, konsolidierte Sensoren-APIs, die Badging API, eine Shape Detection API und die Web Serial API. Neben den APIs an sich geht es auch ums weitere API-Umfeld wie Permission-Handling, die Möglichkeiten von Isolated Web Apps (z.B. die vorgeschlagene Direct Sockets API), inwiefern andere Browser mit an Bord sind (lokal nachzutesten mit howfuguismybrowser.dev) und wie sich das Discoverability-Problem lösen lässt.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 15 min
March 29, 2023 Revision 562: Interview mit Entwicklerin Svenja zu Barrierefreiheit
Und wieder haben wir eine Gästin zu Besuch – diesmal ist es Svenja aus Marburg. Svenja ist Webentwicklerin mit Schwerpunkt Accessibility bei Accenture Song, Bloggerin, und Ihr findet Sie als @[email protected] auf Mastodon.
Unser Sponsor
Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über 80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative Weiterbildungsangebote zu schaffen.
Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker, Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale Angular.DE, ReactJS.DE und VueJS.DE.
Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid ihr bei Workshops.DE genau richtig.
Schaunotizen
[00:02:06] Interview mit Entwicklerin Svenja zu Barrierefreiheit
Vor ein paar Jahren ist Svenja auf Social Media in der Webentwickler-Bubble aufgetaucht. Ihre Spezialisierung ist Accessibility, was nicht von ungefähr kommt, denn Svenja ist blind.
In unserem Interview mit ihr sprachen wir über ihren Weg in den Beruf. Wir wollen von ihr wissen, wie sie das Programmieren angeht und welche Coding-Umgebung dafür aus ihrer Sicht gut geeignet ist. Es stellt sich heraus, dass dies Microsofts Visual Studio Code ist.
Natürlich wollen wir auch wissen, was aus ihrer Sicht ein gute gecodete Webseite ausmacht und welche Dinge vielleicht gar nicht so wichtig sind, die wir Sehende möglicherweise überbewerten.
Wir fragen sie, ob eine Webseite möglicherweise auch zu semantisch sein kann, wie es einmal in einem Vortrag von Vasilis van Gemert durchklang.
Schließlich lenken unser Augenmerk auch auf die Barrierefreiheit von Single-Page-Applications. Hier schlagen wir den Bogen zurück zu Visual Studio Code, das ein Paradebeispiel einer mit Webtechnologie umgesetzten App darstellt. In der Regel sind native Apps den Web-basierten Apps aber überlegen.
Links
Der Grubenlampe Podcast – Interview mit Svenja, einer blinden Programmiererin
Unser Podcast war nicht ihr erster Podcast. Auch dieser hier ist sehr hörenswert!
Svenjas Blog
Hier bloggt Svenja von Zeit zu Zeit zu ihren Liebslingsthemen
Svenjas Twitch
Svenja spielt gerne Heartstone und streamt das ganze dann hier.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 23 min
March 21, 2023 Revision 561: Organisationstruktur „UnFIX“
In dieser Revision besprechen wir Organisationsstrukturen. Dabei haben wir einen Fokus auf UnFIX, ein Organisationsdesign, worüber uns Milan Matull, Managing Partner bei Factorial, viel zu erzählen hat. Milan war bereits Gast beim Working Draft in Revision 464 zum Thema TailwindCSS 2.0 und in Revision 516 zum Thema TailwindCSS 3.0.
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:02:11] Organisationstruktur „UNFIX“
Unterschiedliche Unternehmensgrößen benötigen unterschiedliche Modelle, um Teams und Arbeit zu strukturieren. Milan und seine Kolleg:innen setzten in der Vergangenheit auf das „Viable System Model“ (VSM). Das Spotify-Model ist seit Jahren ein fester Bestandteil in Diskussion, wie man Teams am besten aufstellen könnte. Für größere Strukturen gibt es Modelle, die auf Scrum aufbauen, wie SAFe und leSS. Sind flache Hierarchien gewünscht eignen sich Holacracy, allerdings ebenfalls VSM und UnFIX. Denn gefragt sind Modelle, die sich ständig an das Unternehmen anpassen können, wie auch Management 3.0 und Team Topologies. Milan erzählt, worum genau es im UnFIX Modell geht. Es unterscheidet sich v.a. darin, dass es kein starres Framework ist. Das mag den Einstieg etwas erschweren, aber sorgt für viel Flexibilität, sobald es notwendig wird.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 43 min
March 17, 2023 Revision 560: TypeScript 5.0
Nach einer Pause nehmen Stefan und Peter wieder das allquartalige Besprechen der neuesten TypeScript-Version auf. Und möglicherweise gibt es noch andere semi-relevante Themen wie React-Beef, Klassenkampf und PHP.
Schaunotizen
[00:01:01] TypeScript 5.0
Wie gewohnt rekapitulieren für anlässlich der Beta einer neuen TypeScript-Version das TypeScript-Versionierungs-Schema und tauchen danach tief in die spannenderen neuen Features ein. An erster Stelle stehen die neuen, dem ECMAScript-Standard entsprechenden Decorators. Diese ergänzen in TypeScript die weiterhin verfügbaren Legacy Decorators, deren Unterschiede zum Standard und Herkunft aus den Ruinen von AtScript wir besprechen. const Type Parameters halten wir für eine sinnvolle Ergänzung, ebenso die Änderungen am Config-File-Format und die neue Unterstützung export type *. Die in 5.0 anstehenden Änderungen an Enums sind auch nicht schlecht, Enums selbst hingegen schon.
[00:42:27] Hidden Bonus Track/dt>
In einer etwas außer Kontrolle geratenen Vorbesprechung sprechen wir über den aktuellen React-Beef in der Frontend-Welt, Peters jüngste Erfahrungen
mit PHP und Laravel sowie die Beziehung zwischen (und die Qualität von) React, Next.js und Vercel.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 17 min
March 07, 2023 Revision 559: Glücksrad
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>
<dt>[00:28:50] <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta"><meta></a></dt>
<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>
<dt>[00:51:27] <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements"><h1> – <h6></a></dt>
<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>
<p>Diskutiert die Folge mit uns in unserem Community-Slack: <a href="https://draft.community/">https://draft.community/</a></p>
1 hr 10 min