HTML & CSS

HTML & CSS

CSS Transitions und Animationen: Bewegung im Web gezielt einsetzen

Sanfte Übergänge und lebendige Animationen machen Interfaces angenehmer. Du lernst den Unterschied zwischen transition und animation, welche Eigenschaften du animieren solltest und wie du Performance und Barrierefreiheit im Blick behältst.

HTML & CSS

CSS Custom Properties: Variablen in CSS richtig nutzen

CSS-Variablen machen deine Stylesheets wartbarer, ermöglichen Theming und lassen sich sogar per JavaScript ändern. So setzt du Custom Properties richtig ein.

HTML & CSS

Media Queries und Responsive Design: Websites für jeden Bildschirm

Vom Handy bis zum großen Monitor: Du lernst, wie Media Queries funktionieren, warum Mobile First die bessere Strategie ist und wie moderne Techniken wie clamp() und Container Queries dir Breakpoints ersparen.

HTML & CSS

CSS Grid: Zweidimensionale Layouts sicher aufbauen

Flexbox denkt in einer Richtung, CSS Grid in zwei. Lerne, wie du mit grid-template, der fr-Einheit und minmax() komplette Seitenlayouts sauber und responsiv aufbaust – oft ganz ohne Media Queries.

HTML & CSS

Flexbox in CSS: Eindimensionale Layouts sicher beherrschen

Flexbox macht Ausrichten und Verteilen im Web endlich intuitiv. Du lernst Container, Items, die wichtigsten Eigenschaften und baust am Ende eine responsive Navigationsleiste.

HTML & CSS

CSS Custom Properties: Variablen im Stylesheet

Mit CSS Custom Properties definierst du Werte einmal und nutzt sie überall. Du lernst, wie eigene Variablen funktionieren und wie sie Themes und Wartung vereinfachen.

HTML & CSS

Responsive Webdesign mit Media Queries

Media Queries passen dein Layout an jede Bildschirmgröße an. Du lernst den Mobile-First-Ansatz und baust Seiten, die auf Handy, Tablet und Desktop gut aussehen.

HTML & CSS

CSS Grid: Zweidimensionale Layouts meistern

CSS Grid bringt Zeilen und Spalten gleichzeitig unter Kontrolle. Du lernst, wie du komplexe Raster definierst und Elemente präzise platzierst.

HTML & CSS

Flexbox: Moderne Layouts mit CSS

Flexbox macht das Anordnen von Elementen entlang einer Achse zum Kinderspiel. Du lernst die wichtigsten Eigenschaften und baust flexible, responsive Layouts.

HTML & CSS

CSS-Grundlagen: Selektoren und das Box-Modell

Selektoren bestimmen, welche Elemente du gestaltest, das Box-Modell legt fest, wie viel Platz sie einnehmen. Beide Konzepte sind das Fundament jeder CSS-Arbeit.

HTML & CSS

Semantisches HTML5: Das richtige Grundgerüst

Semantisches HTML gibt deinen Seiten Struktur und Bedeutung. Du lernst die wichtigsten HTML5-Elemente kennen und baust ein sauberes Grundgerüst.