5. Sitzung

Einleitung


Responsive Queries

Kapitel

00:00 - Warum brauchen wir Responsive Queries

01:34 - Entwicklerwerkzeuge mit Handyvorschau

03:04 - Eine @media Regel schreiben

05:37 - Den Breakpoint herausfinden

06:48 - Anwendungsbeispiel

11:56 - Breakpoint der Tabelle bestimmen

13:40 - Tabelle zum scrollen bringen

16:36 - Zeilenumbrüche bei zu breiten Überschriften

17:43 - Zusammenfassung


CSS Variablen

Kapitel

00:00 - Wie sehen CSS Variablen aus

03:27 - Wie verwenden wir CSS Variablen

08:14 - Welche Kategorien an Variablen sind sinnvoll

10:49 - Beispiel Schriftarten

12:54 - Beispiel Abstände

16:01 - Variablen in anderen CSS Dateien wiederverwenden


Search Engine Optimization

Kapitel

00:00 - Was ist SEO und title-Tag

03:39 - meta-Tag mit Seitenbeschreibung

05:07 - Beispiele für Beschreibungen

06:18 - Überschriften zur Strukturierung

07:47 - Weitere Ressourcen

Ressourcen

Meta Tags - Genrator für weitere Meta-Tags für z.B. Bildvorschau
SEO Starter Guide von Google


Sitzungsaufgabe

Aufgaben

  • Versuchen Seite responsiver zu machen für schmalere Bildschirme (Handys)
  • Variablen verwenden um viel genutzte Einheiten (z.B. Farben und Größen) zentral zu verwalten
  • SEO Grundlagen (Titel, Beschreibung und strukturierte Überschriften) einbauen