Wo wir sind ist vorne.

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

Feedback? Kommentar oder Mastodon.

Zurück aus der Winterpause sprechen wir in unserer HTML-Serie über das HTML-Tag, das dem World Wide Web seine Fäden verleiht: Das A-Tag, auch bekannt als Link (nicht der der immer mit der Prinzessin verwechselt wird). Dabei geht es um alle möglichen bekannten und unbekannten Attribute, Protokolle (mailto: mit Soße und Scharf), aber auch Barrierefreiheit, Styling und UX. Schärft eure Schwerter, Kopfhörer auf und rein da!

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

Retro

• Constantin: PSA (mental) health – [00:04:25]



• Moritz: Moritz: Neuer Blog / 11ty – [00:08:46]
  
  
  
  • Moritz‘ neuer Blog
  
  
  
  • Contrast Ratio Accessibility Tool
  
  
  
  



• Constantin: Hot-Tub-Stream – [00:14:57]
  
  
  
  • WWSIV auf Twitch
  
  
  
  



• Moritz: AI Rabbit Hole Tetris – [00:18:21]
  
  
  
  • Blog-Beitrag zum Checkbox-Tetris-AI-Experiment
  
  
  
  

Tagesthema – [00:26:10]

• <a> auf MDN



• Das allererste HTML-Dokument



• Moritz‘ <a>-Demo

1. download – [00:32:46]



2. href – [00:35:34]
   
   
   
   • Folge 50: HTML von a bis z-z I: Back to the root
   
   
   
   • Text Fragments auf MDN
   
   
   
   • caniuse: FragmentDirective / ::target-text CSS selector
   
   
   
   • Is Media Fragments Still Used?
   
   
   
   • The <video> and <source> tags
   
   
   
   



3. href-Protokolle – [00:50:00]
   
   
   
   • A Complete Guide To HTML Mailto Attribute
   
   
   
   • Fax-Protokoll RFC
   
   
   
   • registerProtocolHandler() auf MDN
   
   
   
   



4. hreflang – [00:59:24]
   
   
   
   • globales lang-Attribut auf MDN
   
   
   
   



5. ping – [01:01:16]
   
   
   
   • ping-Attribut auf caniuse
   
   
   
   • CSS-Tricks-Artikel zum ping-Attribut
   
   
   
   • DDoS: The Ping is the Thing: Popular HTML5 Feature Used to Trick Chinese Mobile Users into Joining Latest DDoS Attack
   
   
   
   



6. referrerpolicy – [01:07:40]
   
   
   
   • Referrer-Policy Header auf MDN
   
   
   
   



7. rel – [01:08:56]
   
   
   
   • rel-Attribut auf MDN
   
   
   
   • Folge 5: #BADA55 #C55 #C01025
   
   
   
   



8. target – [01:15:58]



9. type – [01:22:19]



10. Link-Accessibility – [01:23:04]
    
    
    
    • Moritz‘ Demo: Skip Links with CSS Transitions
    
    
    
    • WebAim: Skip Navigation Links
    
    
    
    • Contrast Ratio Accessibility Tool
    
    
    
    • WCAG 2.2 zu Focus Appearance
    
    
    
    • Folge 15: Semantic HTMHELL
    
    
    
    

GeilTeil

• Constantin: Feuer & Flamme (WDR) in der Mediathek – [01:48:40]



• Moritz: GitHub CodeSpaces – [01:54:03]
  
  
  
  • eleventy-base-blog auf GitHub
  
  
  
  

Das Ende – [01:58:29]