Un cours explorant tous les aspects de la conception réactive. Découvrez comment créer des sites attrayants et adaptés à tous.
Ce cours vous emmène à un voyage à travers les nombreuses facettes de la conception de sites Web réactifs moderne. Les premiers modules vous permettront de comprendre l'origine du responsive design et d'en découvrir les principes de base. À partir de là, vous en apprendrez davantage sur les images réactives, la typographie, l’accessibilité et plus encore.
Au cours du processus, vous apprendrez à adapter les sites Web aux préférences des utilisateurs et aux fonctionnalités des appareils. À la fin, vous aurez également une compréhension de ce que l'avenir pourrait nous offrir pour la conception réactive.
Chaque module propose des démonstrations et des auto-évaluations pour vous permettre de tester vos connaissances.
Ce cours s'adresse aux concepteurs et développeurs débutants et intermédiaires. Des connaissances de base en HTML et CSS devraient suffire. Vous n'avez pas besoin de connaître JavaScript. Si vous débutez dans la création de sites Web, consultez une introduction au HTML et un autre cours pour apprendre le CSS.
Vous y découvrirez:
Introduction
Découvrez d’où vient le responsive design.
Requêtes média
Adaptez vos conceptions à différentes tailles d'écran à l'aide de requêtes média CSS.
Internationalisation
Préparez vos conceptions pour différents langages et modes d'écriture.
Mises en page avec macro
Concevoir des mises en page en utilisant un choix de techniques CSS.
Micro-mises en page
Créez des composants flexibles qui peuvent être placés n'importe où.
Typographie
Rendez votre texte lisible et esthétique, quel que soit l'endroit où il apparaît.
Images responsives
Donnez à vos visiteurs les images les plus adaptées à leur appareil et à leur écran.
L'élément Picture
Contrôlez vos images de façon créative.
Icônes
Utilisez le format SVG pour une iconographie réactive et évolutive.
Thématisation
Adaptez vos conceptions aux préférences des utilisateurs, telles qu'un mode sombre.
Accessibilité
Assurez-vous que votre site Web est accessible à tous.
Interaction
Préparez vos pages aux différents mécanismes de saisie (souris, clavier et commandes tactiles).
Modèles d'interface utilisateur
Prenez en compte quelques éléments d'interface utilisateur courants qui s'adaptent à différentes tailles d'écran.
Fonctionnalités multimédias
Il s'agit d'un résumé de toutes les façons dont les fonctionnalités multimédias vous permettent de répondre aux appareils et aux préférences.
Configurations d'écran
Préparez votre contenu pour les appareils dotés de plusieurs écrans.
Conclusion et prochaines étapes
Autres ressources pour vous aider à passer aux étapes suivantes.
Alors, êtes-vous prêt à apprendre la conception réactive ?