Für die heutige GUI-Herausforderung erstellen wir eine Tab-Komponente mit einigen wirklich coolen Funktionen, an die Sie vielleicht noch nicht gedacht haben. Unsere Tabs-Komponente ist responsiv, unterstützt mehrere Geräteeingaben, funktioniert browserübergreifend und ermöglicht dir, einige beliebte Funktionen von Apps nachzuahmen.
@AdamArgyleInk wird in den ersten 30 Minuten nach Veröffentlichung der Folge auf deine Kommentare reagieren. Hier können Sie Kontakt mit uns aufnehmen, Fragen stellen oder Ihren eigenen Code einreichen.
Kapitel:
- 0:00 – Einführung
- 0:42 – Übersicht über die Funktionen
- 3:03 – HTML
- 4:14 – Scrollen
- 5:04 – Layouts überprüfen
- 7:35 – Layout-Stile
- 12:10 – bevorzugt-reduzierte-Bewegung
- 13:10 – JavaScript und Animation
- 14:37 – Fazit
Ressourcen:
- Mitlesen → https://goo.gle/37jHOen
- Demo ansehen → http://goo.gle/3prCpb2
- Rufen Sie die Quelle ab → http://goo.gle/2NsK7EK.
- @ScrollTimeline Polyfill → http://goo.gle/2NfUhZs
Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges
Abonnieren Sie die Google Chrome-Entwickler → http://goo.gl/LLLNvf