Webentwicklung
HTML, CSS und Responsive Design
Moderne CSS Features 2026
Entdecke die neuesten CSS-Features: Container Queries, Subgrid, Scroll-Animationen, color-mix(), :has() und mehr.
Das CSS Box-Modell verstehen
Verstehe das CSS Box-Modell mit Margin, Padding, Border und Content und lerne, wie Elemente ihren Platz einnehmen.
Animationen & Transitions in CSS
Lerne, wie du sanfte Ăbergänge mit Transitions und komplexe Animationen mit @keyframes erstellst.
Display & Position in CSS
Verstehe die CSS-Eigenschaften display und position und lerne, wie du Elemente präzise auf der Seite platzierst.
Farben & Schriften in CSS
Lerne die verschiedenen Farbformate in CSS kennen, binde Web Fonts ein und gestalte ansprechende Typografie.
Layouts in der Praxis
Setze Flexbox und Grid in der Praxis ein: Baue reale Webseiten-Layouts, kombiniere Techniken und lerne bewährte Patterns.
Mobile First Ansatz
Lerne den Mobile First Ansatz kennen: Warum du zuerst fßr Mobilgeräte designen solltest und wie du es in der Praxis umsetzt.
Media Queries in CSS
Lerne, wie du mit Media Queries dein Layout an verschiedene BildschirmgrÜssen, Gerätetypen und Nutzerpräferenzen anpasst.
CSS Grid Layout
Lerne CSS Grid von Grund auf: Zeilen und Spalten definieren, Elemente platzieren und komplexe Layouts erstellen.
Flexbox meistern
Lerne CSS Flexbox von Grund auf: Flex-Container, Flex-Items, Ausrichtung und praktische Layouts fĂźr den Alltag.
Responsive Design Grundlagen
Verstehe die Grundlagen von Responsive Design: Viewport, relative Einheiten, fluid Layouts und warum es wichtig ist.
CSS Selektoren verstehen
Lerne alle wichtigen CSS-Selektoren kennen: Element-, Klassen-, ID-Selektoren, Kombinatoren und die Spezifität.
Responsive Bilder & Medien
Lerne, wie du Bilder und Medien fĂźr alle BildschirmgrĂśssen optimierst mit srcset, picture, und modernen CSS-Techniken.
Pseudo-Klassen & Pseudo-Elemente
Lerne CSS Pseudo-Klassen wie :hover, :focus, :has() und Pseudo-Elemente wie ::before und ::after kennen.
CSS Custom Properties (Variablen)
Lerne CSS Custom Properties kennen: Variablen definieren, Themes erstellen und dynamische Styles mit modernem CSS.
Was ist CSS? Webseiten gestalten lernen
Erfahre, was CSS ist, wie es funktioniert und wie du damit deine HTML-Seiten in ansprechende Designs verwandelst.
Barrierefreiheit (Accessibility)
Lerne, wie du Webseiten fßr alle Menschen zugänglich machst: ARIA-Attribute, Tastaturnavigation und Screenreader-Support.
Bilder & Medien in HTML
Lerne, wie du Bilder, Videos und Audio in deine Webseite einbindest und fßr verschiedene Geräte optimierst.
Projekt: Portfolio-Webseite erstellen
Baue dein persĂśnliches Portfolio mit HTML und CSS: Hero-Bereich, Projekte, Skills, Ăber-mich-Sektion und Kontaktformular.
Deine erste Webseite erstellen
Erstelle Schritt fßr Schritt deine erste vollständige HTML-Seite und lerne die grundlegende Struktur kennen.
Formulare erstellen in HTML
Lerne, wie du HTML-Formulare mit Eingabefeldern, Validierung und barrierefreien Labels erstellst.
Projekt: Landing Page erstellen
Baue eine professionelle Landing Page mit HTML und CSS - komplett von Grund auf mit Hero-Sektion, Features und Footer.
Projekt: Blog-Layout erstellen
Baue ein vollständiges Blog-Layout mit HTML und CSS: Artikelseite, Sidebar, Kommentare und responsives Design.
Links & Navigation in HTML
Lerne, wie du Links erstellst, verschiedene Linktypen verwendest und eine Navigation fĂźr deine Webseite baust.
Listen & Tabellen in HTML
Lerne, wie du geordnete und ungeordnete Listen erstellst, Tabellen baust und Daten Ăźbersichtlich darstellst.
Semantisches HTML
Lerne, wie du semantische HTML-Elemente richtig einsetzt, um Bedeutung, Barrierefreiheit und SEO zu verbessern.
Texte & Ăberschriften in HTML
Lerne alle wichtigen HTML-Tags fĂźr Texte, Ăberschriften, Zitate und Textformatierung kennen.
Was ist HTML? Die Sprache des Webs verstehen
Erfahre, was HTML ist, warum es das Fundament jeder Webseite bildet und wie du damit deine ersten Inhalte strukturierst.
HTML-Struktur verstehen
Lerne, wie HTML-Dokumente aufgebaut sind, was Block- und Inline-Elemente sind und wie der Browser HTML verarbeitet.
SEO Grundlagen fĂźr HTML
Lerne die wichtigsten HTML-Techniken fĂźr Suchmaschinenoptimierung: Meta-Tags, strukturierte Daten und Open Graph.
HTML & CSS: Deine erste Webseite
Baue deine erste Webseite von Grund auf - HTML fĂźr die Struktur, CSS fĂźr das Design.