Bei der heutigen GUI-Herausforderung stuft @AdamArgyleInk alle Schaltflächentypen im Web mit benutzerdefinierten Eigenschaften und :where() für die hellen/dunklen adaptiven Schaltflächen ein, mit denen sich ganz einfach neue Varianten erstellen lassen.
Kapitel:
- 0:00 – Einführung
- 0:19 – Übersicht
- 2:08 – Benutzeroberflächen über die Tastatur
- 2:46 – Neuer Designwechsel
- 3:09 – Maus-UX
- 3:34 – Schaltflächen in Formularen
- 4:30 – Deaktivierte Schaltfläche
- 5:22 – HTML
- 5:43 – CSS-Basisauswahl
- 6:24 – Adaptive benutzerdefinierte Eigenschaften
- 7:20 – Schaltflächenvarianten
- 10:10 – Erstellung einer Live-Schaltflächenvariante
- 11:18 – Zusammenfassung
- 11:50 – Weniger Bewegung
- 12:57 – Outro
Ressourcen:
- Mitlesen → https://goo.gle/3wEsaWR
- Demo ansehen → https://goo.gle/3a2guoV
- Quelle abrufen: https://goo.gle/39uY8Na
Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges
Abonniere Google Chrome-Entwickler → https://goo.gle/ChromeDevs