Zugänglichkeit und Reichhaltigkeit der Inhalte stehen immer im Vordergrund und beeinflussen nicht nur unsere Inhalte, sondern auch die Plattform, auf der wir sie präsentieren wollen.
Entscheidungen zum Design
system-uiist die von uns gewählte Schriftfamilie. Um die Schriftauswahl unserer Nutzer:innen zu respektieren und den Datentransfer der Seite selbst zu reduzieren, haben wir uns gegen eine eigenständige Schriftfamilie entschieden.- Tailwind CSS stellt uns ein Token-basiertes Design-System für CSS zur Verfügung, das es uns ermöglicht, unsere Seiten mit einer breiten Auswahl von Farbpaletten flexibel zu gestalten.
- IBM Design Language UI-Icons passen perfekt zu der von uns gewählten Schriftart, da die Icons parallel zur IBM Hausschrift erstellt wurden.
- Unsplash ist unsere Hauptquelle für abstraktes Bildmaterial, das wir in Artikelvorschauen verwenden, vorzugsweise 3D-Renderings.
Technische Entscheidungen
- MDX ermöglicht es uns, unsere Inhalte unabhängig von einem proprietären Format in einer Vielzahl von Frameworks zu verwenden. In Kombination mit Frontmatter können wir wichtige Metadaten über den Inhalt in einem lesbaren Format bereitstellen.
- Astro hat sich als zuverlässiges und unglaublich flexibles Framework für die Erstellung sowohl serverseitiger als auch statischer Websites erwiesen. Da wir bereits frühere Projekte mit Astro umgesetzt haben, war es naheliegend, es in unseren Blog aufzunehmen.
- Alpine.js sorgt für Interaktivität und Reaktivität im Client. Wir haben unsere positiven Erfahrungen mit Alpine.js bereits in unserem ersten Artikel zu diesem Thema geteilt.
- Cloudflare hostet unsere statischen Seiten in einem globalen Edge-Netzwerk. Dies verbessert die Reaktionszeit, verringert unseren CO2-Fußabdruck und hält ungebetene Besucher:innen fern.