Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m291:learningunits:lu17:aufgaben:a_webawards [2026/07/05 22:12] – gkoch
+++ de:modul:m291:learningunits:lu17:aufgaben:a_webawards [2026/07/05 22:15] (aktuell) – gkoch
@@ Zeile 120: / Zeile 120: @@
 | **Technische Qualität** | 1–5 |
-===== Zusatzaufgabe / Alternativve: Video für Fortgeschrittene =====
+===== Zusatzaufgabe / Alternative: Video für Fortgeschrittene =====
+Wenn Sie schnell fertig sind oder sich für moderne CSS-Techniken interessieren:
 {{youtube>8FSLsVAJj2w?}}\\
 //YouTube-Video «Modern UI Patterns – Una Kravets – CSS Day 2026»//
-Wenn Sie schnell fertig sind oder sich für moderne CSS-Techniken interessieren:
+Dauer: 53:40 (nur Teile davon schauen – s. unten)
-**[[https://www.youtube.com/watch?v=8FSLsVAJj2w|Modern UI Patterns – Una Kravets – CSS Day 2026]]** | Dauer: 53:40
+Link: [[https://www.youtube.com/watch?v=8FSLsVAJj2w|Modern UI Patterns – Una Kravets – CSS Day 2026]]
 <WRAP center round info 80%>
@@ Zeile 135: / Zeile 136: @@
 Wählen Sie **zwei Themenblöcke** aus der Tabelle. Schauen Sie sich die entsprechenden Abschnitte an (in 1.5× Geschwindigkeit) und suchen Sie im Web je ein Beispiel, das diese CSS-Technik einsetzt. Tragen Sie die Beispiele ebenfalls in Moodle ein.
+<WRAP center round box 80%>
 ^ Block ^ Thema ^ Inhalt & Relevanz ^ Minute ^
 | **2** | User Preferences & Modernes Theming | Fortgeschrittene Techniken für Dark Mode, Kontraste und Schriftstärken. Wie sich Corporate Design automatisch an Nutzerbedürfnisse anpasst. | 04:27–11:17 |
@@ Zeile 141: / Zeile 143: @@
 | **5** | View Transitions & Mikro-Animationen | Psychologie der Bewegung: Wie kleine Interaktionen die User Experience hochwertiger wirken lassen. Das «Morphing» von Elementen erzeugt ein flüssiges App-Gefühl im Browser. | 30:31–43:39 |
 | **6** | Mobile Form-Faktoren & Gesten | Swipe-Gesten mit reinem CSS umsetzen, um native App-Interaktionen im Web nachzuahmen. | 43:40–49:03 |
+</WRAP>