HTML von a bis z-z I: Back to the root

Wo wir sind ist vorne.

Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥

Jetzt ist es wieder mal soweit es war auch allerhöchste Zeit, sprechen über HTML, tut uns furchtbar leid! Wie immer länger als der Rest, also bitte keinen Neid, halt der lab’rigste Podcast, bei aller Bescheidenheit! Haben wir euch gefehlt? Habt ihr uns vermisst? Ist euch jetzt klar, dass mit Frontend die Welt schöner ist? Seid ihr wieder froh? Na, was für ein Glück, Wir sagen hallo welt!, denn wir sind zurück!
Wir lungern in Social-Media rum, HTML von a-z, wir fangen an mit title, base, html und link und head! Die neue Serie hat zum Ziel, HTML und davon viel, und einmal komplett durch die Spec, von head bis track! Habt ihr uns vermisst? Haben wir euch gefailt? Habt ihr heimlich geweint und die Tage gezählt? Ja, wir sind zurück – es riecht nach CPU, Wo wir sind ist vorne, aus Kallsruuuh!

Wie ein Merge-Konflikt in einem Git-Repository, Wie ein plötzlicher Error in der schönsten CSP, Die einen finden’s Schei�e, die ander’n finden’s stark Genau wie jedes Jahr:
Wir sind wieder da!

Begrüßung – [00:00:54]

Retro

Retro Moritz: Pocket Casts jetzt Open Source – [00:04:59]
- iOS app repository
- Android app repository
Constantin: Spielereien beim Büro-Umbau – [00:10:40]
- On Air USB-Licht (Affiliate–Link!)
- Shelly Plug S (Affiliate–Link!)
- Yeelight LED Strip (Affiliate–Link!)
- Tesa Powerstrip Cable Clips (Affiliate–Link!)
Moritz: Elk.zone Entwicklung mit StackBlitz – [00:17:30]
- Repository
Constantin: :read-write Visualisierung – [00:24:23]
- Folge 48 Policy, htaccess & HTTP – XSS, CSP, Olé Olé
- Folge 49: W-AI-hnachtsrückblick
Moritz: Jumpsuit/Onesie (Affiliate-Link!) – [00:28:03]
Neues Merch-Motiv – [00:30:07]

Property der Woche: History.scrollRestauration – [00:32:23]

MDN
Demo

Tagesthema – [00:37:10]

Einleitung zu HTML allgemein – [00:41:59]
- HTML elements reference
- HTML5 Element Flow Chart
Main Root: <html> – [00:44:11]
Document Metadata: <base> – [00:49:23]
- <base> Order Demo
- <base href> Anchor Links Demo
<head> – [00:58:05]
<link> – [01:01:01]
- <link rel=“preload“ as=“fetch“> Demo
<meta> – [01:18:45]
- MDN: Void element
- SELFHTML zu <meta>
<style> – [01:36:11]
- Folge 48: Policy, htaccess & HTTP – XSS, CSP, Olé Olé
- rel=“alternate stylesheet“ Demo (Firefox: Ansicht > Webseiten-Stil)
<title> – [01:40:52]
Sectioning Root: <body> – [01:43:14]

Das GeilTeil: muted.io – [01:47:48]

Das Ende – [01:58:10]