Aujourd'hui, le défi IUG nous permet de créer une expérience utilisateur réactive et accessible qui se glisse hors de la barre de navigation à l'aide de CSS et de JavaScript. Elle fonctionne avec différents navigateurs, tailles d'écran et périphériques d'entrée. Parfait, n'est-ce pas ? Suivez-nous à mesure que nous utilisons une grille, des transformations, des pseudo-classes et une poignée de JavaScript pour gérer cette expérience utilisateur.
@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:30 – Présentation de la fonctionnalité Angle de débogage
- 2:25 – Grille += Mise en page de la pile de requêtes média
- 3:42 – Transition de transformation accessible
- 4:22 - :target Pseudo-classe
- 5:57 – Expérience utilisateur des touches d'échappement
- 6:16 – Orchestrer le focus
- 6:49 – Expérience utilisateur du lecteur d'écran
- 7:56 – Conclusion et incitation à l'action
Resources:
- Codez rapidement → https://goo.gle/3sQ8Xif
- À lire → https://goo.gle/2Np83J9
- Essayez une démonstration → http://goo.gle/3bVBFYT
- Découvrez comment d'autres utilisateurs créent des navigations secondaires (envois d'IUG) → https://goo.gle/36CAeuO
Regardez d'autres défis IUG → https://goo.gle/GUIchallenges
Abonnez-vous à la newsletter Google Chrome Developers → http://goo.gl/LLLNvf