Semantik statt Divitis: So wird dein HTML plötzlich verständlich
User, Browser, Screenreader und SOE lieben semantisches HTML. Deine Website wird barriereärmer und sorgt dafür, dass deine Inhalte verständlich werden.
WeiterlesenTutorials: Lernpfade
Lernpfade sind kuratierte Tutorials in logischer Reihenfolge zum schrittweisen Erlernen eines Themas.
Im Lernpfad Kernkonzepte lernst du die Kernkonzepte des Web-Frontends: semantisches HTML, Layouts, Einheiten, responsive Techniken und Custom Properties für wartbares CSS.
-
-
CSS-Layouts: Display Grid, Flexbox und Co. erklärt
Du bist mit den Grundlagen von CSS vertraut und möchtest jetzt deine Website layouten? Dieses Tutorial verschafft dir einen Überblick über die Techniken.
Weiterlesen -
Längenmaße: Absolute und relative Einheiten in CSS
Die Größe von Elementen kann in absoluten oder relativen Einheiten angegeben werden. Hier erfährst du, welche Einheiten es gibt und wann du welche verwenden solltest.
Weiterlesen -
Responsiv: So nutzt du Media & Container Queries
Ziehe deiner Website die Hammelbeine lang und passe das Design an verschiedene Bildschirm- oder Containergrößen an
Weiterlesen -
Von Chaos zu Kontrolle: Variablen und Custom Properties in CSS
Schluss mit Copy-paste: Wer CSS Custom Properties kennt, ändert Farben, Abstände und Größen an genau einer Stelle – und spart sich damit Stunden
Weiterlesen -
CSS Logical Properties: Die Leserichtung bestimmt, was oben ist
Physische Abmessungen in CSS waren gestern. Damit wir auch andere Sprachen und Kulturen unterstützen können, gibt es die logischen Eigenschaften und Werte.
Weiterlesen
Weiterführende Tutorials findest du hier.