Dans partie un, Nous avons abordé la manière d'exploiter la puissance de l'affichage: la flexibilité de la mise en page de votre site Web et la polyvalence de ce nouveau concept de mise en page. Gardant à l'esprit ces réflexions de la vidéo précédente, nous pouvons maintenant adapter le processus et l'utiliser dans le cadre d'un design réactif.
La conception adaptative permet à l'utilisateur de visualiser une mise en page considérée et ciblée spécifiquement pour la plate-forme sur laquelle elle visualise la page, et dans le didacticiel d'aujourd'hui, j'utiliserai le balisage Flexbox pour vous montrer comment créer , utilisant des requêtes de média traditionnelles fréquemment utilisées dans les balises de conception réactives.
Nous discuterons également des avantages de la réorganisation et du redimensionnement des éléments réactifs en un clin d'œil, et de ce que cela signifie pour le flux de travail de votre prochain projet. À ce rythme, nous espérons voir le dos de ces clearfixes embêtants dans un avenir proche!
Avez-vous utilisé l'approche de la boîte flexible pour la mise en page? Préférez-vous une méthode différente? Faites le nous savoir dans les commentaires.
Image / vignette en vedette, image flexible via Shutterstock.