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