Aujourd'hui, lors du défi de l'IUG, @AdamArgyleInk applique un style à tous les types de boutons du Web à l'aide de propriétés personnalisées et de :where(), pour des boutons adaptatifs clair/sombre qu'il est facile de créer des variantes.
Chapitres:
- 0:00 – Introduction
- 0:19 – Présentation
- 2:08 – Expérience utilisateur du clavier
- 2:46 – Nouveau sélecteur de thème
- 3:09 – Expérience utilisateur avec la souris
- 3:34 – Les boutons dans les formulaires
- 4:30 – Bouton désactivé
- 5:22 – HTML
- 5:43 – Sélecteur de base CSS
- 6:24 – Propriétés personnalisées adaptatives
- 7:20 – Variantes de boutons
- 10:10 – Création de variantes du bouton "En direct"
- 11:18 – Récapitulatif
- 11:50 – Mouvements réduits
- 12:57 – Conclusion
Resources:
- À lire → https://goo.gle/3wEsaWR
- Essayez une version de démonstration → https://goo.gle/3a2guoV
- Télécharger la source → https://goo.gle/39uY8Na
Regardez d'autres défis IUG → https://goo.gle/GUIchallenges
Abonnez-vous à la newsletter Google Chrome Developers → https://goo.gle/ChromeDevs