Dans le défi de l'IUG d'aujourd'hui, nous créons un composant d'onglets avec des fonctionnalités vraiment intéressantes auxquelles vous n'avez peut-être pas pensé. Notre composant "Onglets" est responsif, prend en charge plusieurs entrées d'appareil et fonctionne sur plusieurs navigateurs, et vous permet de simuler certaines des fonctionnalités les plus appréciées des applications.
@AdamArgyleInk répondra à vos commentaires pendant les 30 premières minutes suivant la sortie de l'épisode. Contactez-nous ici, posez des questions ou envoyez votre propre code.
Chapitres:
- 0:00 – Introduction
- 0:42 – Présentation des fonctionnalités
- 3:03 – HTML
- 4:14 – Défilement
- 5:04 – Inspecter les mises en page
- 7:35 – Styles de mise en page
- 12:10 – préfère-réduire-motion
- 13:10 – JavaScript et animation
- 14:37 – Conclusion
Resources:
- À lire → https://goo.gle/37jHOen
- Essayez une version de démonstration → http://goo.gle/3prCpb2
- Télécharger la source → http://goo.gle/2NsK7EK
- @ScrollTimeline Polyfill → http://goo.gle/2NfUhZs
Regardez d'autres défis IUG → https://goo.gle/GUIchallenges
Abonnez-vous à la newsletter Google Chrome Developers → http://goo.gl/LLLNvf