Möglichkeiten zur Lösung von SWITCHES
    
    
      
    
    
      
      Mit Sammlungen den Überblick behalten
    
    
      
      Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
    
  
    
  
      
    
  
  
  
  
  
    
  
  
    
    
    
In der heutigen GUI-Challenge teile ich meine Gedanken zur Lösung eines Switches. Eine winzige, UX-intensive Komponente, die eine der bisher größten Herausforderungen darstellte. Es gibt viele tolle Layouts, Bedienungshilfen, Animationen und Interaktionen, die du teilen kannst – so hast du jede Menge Möglichkeiten, einen Stil festzulegen. 😉 
Kapitel:
- 0:00 – Einführung
- 1:15 – Bundesstaaten
- 2:05 – Interaktionen
- 2:45 – Screenreader
- 3:14 – Berührung
- 4:10 – Mausbewegung
- 5:07 – RTL
- 5:56 – CSS/JS nicht erforderlich
- 7:00 – Vertikale Variante
- 9:14 – Flexbox
- 10:39 – Raster
- 12:10 – Überschreibungen
- 15:38 – JavaScript
- 18:15 – Outro
Ressourcen:
Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges
Abonnieren Sie die Google Chrome-Entwickler → http://goo.gl/LLLNvf
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: 2021-08-11 (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: 2021-08-11 (UTC)."],[],[]]