Diese Sendung soll nie aufhören? 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 ]

• auf MDN





• Das allererste HTML-Dokument





• Moritz‘ -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
   
   
   
   





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 ]