HTML / HTML5
Die Entwicklung von HTML Frontends ist heute mein tägliches Brot.
Die Seiten, die von mir entwickelt werden, sind streng nach dem MVC Standard konzipiert, wobei der DOM Baum das Datenmodell, CSS der View und Javascript der Controller ist.
In Zweiten von responsiven Websites muss daher auch der Aufbau der Seiten vollkommen neu konzipiert werden. Zu den großen herausforderungen zählen unter anderem:
Responsive Images
- Verschiedene Bildformate wie JPG, JP2, Progressive JPG, WebP und AVIF
- Sourcesets für die verschiedenen Geräteauflösungen
- Inline- oder Embedded-SVGs
Responsive Videos
- Sourcesets für die verschiedenen Devices
- Verschiedene Streamingformate wie HLS, mp4, ogg
- Captions (WebVTT oder Closed Captions)
- Playlist formate (m3u8 oder mpeg Dash)
Barrierefreiheit
- Integration von Aria Rollen und Attributen
- Tab Steuerung
- Access Keys und Tastatursteuerung
- Testing mit Voice Over oder NVDA
- Testing mit Chrome Vox
Preloading und Asynchronität
- Einbindung von CSS und Fonts via Preloading (Meta Tag oder HTP Header)
- Server Push von Resourcen via HTTP/2, Early Hints oder Preloading
PWAs
- Erstellung von Progressive Web Apps
- Implementierung von Service Workern
- Implementierung von Push Services
- Erstellung von Website Manifests
- Touch Icons für Mobile Devices
Meta Informationen
- Einbindung von Geo Codes
- Facebook Opengraph
- Twitter Opengraph / Twitter Cards
- Metadaten nach der Schema.org Spezifikation
SEO und SEM
- Hierarchische Seitenstruktur
- Meta Tags wie
<link rel="prev|next|index"> - robots.txt Integration
- sitemap.xml Integration
AMP HTML
- Erstellung von separaten Google AMP HTML
- Einbettung von AMP HTML Code in die vorhandene Seite
Sicherheit
- Erstellung von CORP, COEP COOP Strategien und Cross Site Konzepten
- Integration einer Content Security Policy
Optimierung, Testing und QS
- Automatisiertes Testing mit Lighthouse und dem W3C Validator
- Validierung der kompletten Site (z.B. Ryte, GTMetrix)