Wo wir sind ist vorne.

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

Feedback? Kommentar oder Mastodon.

Die Highlights aus der „The state of HTML“-Umfrage! Wir sind zurück (wenn auch nur kurz, weil Sabbatical und Reisen und so) und haben eine bunte Wundertüte HTML im Ge(p|b)äck! Für euch haben wir uns die erste State of HTML-Umfrage angeschaut und über unsere Highlights, neue Elemente, Attribute und APIs gesprochen. Als da wären selectlist, contenteditable="plaintext-only", Akkordeons mit purem HTML, die Popover-API, das Model-Element und vieles vieles mehr! Kurz und knackig, aber zackig! ❤️

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

Retro

• Constantin: APCu Extension für PHP 8.2 unter Windows – [00:03:4]



• Moritz: Als PDF scannen mit OCR – Windows vs Mac – [00:07:48]
  
  
  
  • NAPS2
  
  
  
  • GIGA-Artikel zu Windows Fax und Scan
  
  
  
  



• Constantin: bestdayfinder.com – [00:19:55]



• Constantin: CSS Subgrid in Chrome 117 – [00:27:53]
  
  
  
  • caniuse
  
  
  
  

Tagesthema: State of HTML – [00:31:08]

• GitHub: repo / Feature-Liste

1. Forms – [00:35:28]
   
   
   
   • autocomplete-Attribut: Folge 29: #season2::after { content: „Sommerpause“ }
   
   
   
   • HTML Media Capture
   
   
   
   • input.showPicker(): Demo
   
   
   
   • FormData API: FormData() Demo
   
   
   
   • <selectlist> (ehemals <selectmenu>): Folge 39: SELECT * FROM MENU
   
   
   
   • contenteditable=“plaintext-only“: caniuse
   
   
   
   • Form Validation: input.setCustomValidity()
   
   
   
   



2. Interactivity – [00:53:21]
   
   
   
   • details[name] Tabs Experiment
   
   
   
   • Popover API: Folge 56: Lebenszeichen / Moritz‘ Demo
   
   
   
   • inert-Attribut
   
   
   
   • Element API – getAttributeNames(): MDN / replaceChildren(): MDN
   
   
   
   



3. Content – [01:05:02]
   
   
   
   • loading=“lazy“: Folge 2: CCC: Corona, Cloud und Chaos
   
   
   
   • srcset and sizes Attribute (Responsive Images)
   
   
   
   • Content-Security Policy (CSP): Folge 48: Policy, htaccess & HTTP – XSS, CSP, Olé Olé
   
   
   
   • fetchpriority-Attribut: caniuse / -Property: MDN
   
   
   
   • blocking=“render“: whatwg/html Issue
   
   
   
   • <model> für AR/VR/3D Content: W3C Draft
   
   
   
   • controlslist: WICG Explainer / Property (MDN) / caniuse
   
   
   
   • Internationalization Features: Folge 4: A11Y I18N FTW! WTF? / Folge 52: 4 eher unbekannte Properties
   
   
   
   



4. Accessibility – [01:29:28]
   
   
   
   • focusgroup: Open UI Explainer / Was ist „roving tabindex“?
   
   
   
   • <search role=“search“>: caniuse
   
   
   
   



5. Native-like Web Apps – [01:34:41]
   
   
   
   • File System Access API
   
   
   
   • Badging API
   
   
   
   • Web Share API
   
   
   
   • File Handling API
   
   
   
   • Window Controls Overlays API
   
   
   
   

GeilTeil: StarLink Satellite Tracker – [01:44:50]

Das Ende – [01:49:12]

• Unterstützen