Überlegen, wie du SCHALTFLÄCHEN lösen kannst
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
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:
Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges
Abonniere Google Chrome-Entwickler → https://goo.gle/ChromeDevs
arrow_back Zurück zu allen Folgen
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2022-05-18 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2022-05-18 (UTC)."],[],[]]