1.1 Ziele des Guides
Hier erfährst du, warum klare Standards, Dokumentation und Prozesse wichtig sind, um Effizienz und Qualität in allen Projekten sicherzustellen.
Inhaltsverzeichnis
A. Warum dieser Guide?
Wir sichern Konsistenz, Wartbarkeit und Performance über alle Projekte. Einheitliche Regeln: globale Styles, relative Einheiten (em/%/vh), flache Container-Struktur, lokale Assets.
B. Leitprinzipien
- Global First: Farben, Typo, Buttons als Global definieren.
- Relativ statt Pixel: Abstände & Typo in em/%/vh.
- Low DOM: so wenig Container-Nesting wie möglich.
- Local Assets: Fonts & Bilder lokal, optimiert, korrekt benannt.
C. Erfolgsmessung
- Projekt-Setup-Checkliste erfüllt
- Lighthouse: LCP < 2.5s, CLS < 0.1, INP < 200ms
-> Schnell sichtbar, kein Springen, schnelle Reaktion. Zeichen für einen Sauberen Code
- Keine externen Fonts/unnötigen Plugins
- Saubere Navigation & konsistente Abstände
Tipp
Änderungen immer in Global Styles vornehmen – nie direkt in einzelnen Widgets.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container