Ajustement des boutons et leur comportement en responsive
Objectifs
Les objectifs de cette vidéo sont de comprendre comment ajuster les boutons pour un design responsive, et d'explorer les effets de différentes configurations de taille et position sur l'utilisabilité.
Résumé
Cette leçon montre comment ajuster les boutons et d'autres éléments dans un design responsive.
Description
Dans cette leçon, nous allons explorer comment les boutons se comportent dans un design responsive. Nous commencerons par ajouter un bouton flèche gauche et modifier son apparence pour le rendre plus visible, en lui attribuant un arrière-plan noir par défaut et un arrière-plan bleu au survol. Ensuite, nous appliquerons des modifications similaires au bouton flèche droite.
Ensuite, nous examinerons comment les tailles et positions par défaut affectent les boutons en responsive. Nous verrons que les points de référence pour ces boutons sont le centre de la fenêtre, et nous observerons les effets de marges fixes et de tailles proportionnelles. Nous terminerons avec une démonstration de la navigation par clavier, la modélisation de la disposition d'un bouton flottant et la prévisualisation dans un navigateur web.
Par ailleurs, nous couvrirons comment changer la vignette d'un média vidéo, et terminerons en explorant comment différents paramètres de taille et de position des boutons influencent leur utilisabilité sur différents types d'écrans.
Questions - réponses
Programme détaillé
Module 1 - Avant de commencer / Bien commencer
Module 2 - Fondamentaux
Module 3 - Spécificités du média vidéo dans Klynt
Module 4 - Design, Footer/Widgets
Module 5 - Publier le projet / Mise en ligne
Module 6 - Fonctionnalités avancées
Module 7 - Le Responsive Design
