HTML von a bis z-z VI: Inline Text Semantics (Teil 2)

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Mastodon.

Wir sprechen über die HTML-Elemente q, ruby, rt, rp, s, samp, time und viele mehr! Dazu unsere ersten Gehversuche mit Container-Queries, gedünstet in einem leckeren Sud von AI-Geplapper und wie man LLMs lokal und schnell laufen lassen kann. Delish!

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

Retro

• Sarah: Zum ersten Mal container queries verwendet – [00:08:01]
• Moritz: XAMPP auf MacOS mit UserDir – [00:21:31]
• Sarah: claude.ai vs chatGPT – [00:27:13]
• Moritz: RSS Feeds – [00:35:19]
  • Get the News You Want, When You Want: An Intro to RSS Feeds
• Moritz: Accessibility Cheat Sheet Poster und Merch – [00:40:56]
  • WWSIV Merch inklusive Accessibility Poster

Property der Woche: Element.scrollIntoViewIfNeeded() – [00:42:39]

• MDN / caniuse
• scroll behavior: MDN / caniuse

Tagesthema: Inline Text Semantics (Teil II) – [00:49:56]

• MDN HTML Elements Reference

1. <q> – [00:51:43]
   • MDN / Demo
2. <ruby>, <rt>, <rp> – [00:56:17]
   • MDN: <ruby> / <rt> / <rp>
   • Web Almanac Tag-Verbreitung
3. Bonus: <tt> – [01:07:39]
   • MDN
4. <s> – [01:09:25]
   • MDN
5. <samp> – [01:14:03]
   • Folge 63: HTML von a bis z-z V: Inline Text Semantics (Teil 1)
   • MDN
6. <small> – [01:17:03]
   • MDN
7. <span> – [01:19:16]
   • MDN
8. <sub>, <sup> – [01:24:37]
   • MDN: <sub> / <sup>
9. <time> – [01:32:27]
   • MDN
   • HTML Spec: valid duration string
10. <u> – [01:45:40]
    • MDN
11. <var> – [01:50:47]
    • MDN
12. <wbr> – [01:52:53]
    • MDN

GeilTeil: Ollama – [01:57:42]

Nachtrag Sarah: Spelling correction UI using <ruby> & <rp> elements Demo auf CodePen – [02:08:12]

Das Ende – [02:15:14]