Termine:

• 25. April 2024, 10:00 Uhr – Raum 0.505

Worum geht es?

Heute beschäftigen wir uns noch mal intensiver mit dem Thema CSS. Konkret geht es um das Box Model, Positionierung und Anordnung von Elementen, die Flexbox und CSS Grids, sprich: wie können wir mit CSS Layouts erzeugen. Dabei gehen wir auf folgende Fragestellungen und Probleme ein:

• Wie bleibt mein CSS sauber und übersichtlich?
• Wie kann ich mein CSS automatisiert sauber halten?
• Wie gehe ich an das Thema «Responsive Design» aus Implementierungssicht ran?
• Was war noch mal das Box Model?
• Welche Display Varianten gibt es?
• Wie kann ich Positionierung verstehen und sinnvoll nutzen?
• Was sind Custom Properties und wie verwende ich sie?

Style & Layout

• Flexbox Playground
• Grid Playground

Struktur & Organisation von CSS

• High-level advice and guidelines for writing sane, manageable, scalable CSS
• How to name css classes

Stylelint

• stylelint
• stylelint-order Plugin
• stylelint-config-idiomatic-order Plugin