Responsive design – Intégrer un menu responsive

Dans notre exercice de mise en page en Responsive Design, une précision sur l’utilisation d’un menu « burger » et de son menu déroulant, avec deux méthodes possibles, en sachant que la seconde version est adaptée aux mobiles. VERSION 1 : au passage de la souris sur le burger Le code HTML (avec raccourci Emmet) : <!– raccourci…Continue reading Responsive design – Intégrer un menu responsive

Responsive design – Utiliser les media queries

Les requêtes média (media queries) permettent de modifier l’apparence d’un site en fonction du type d’appareil et de ses caractéristiques, que ce soit sa résolution d’écran ou la largeur de la zone d’affichage (viewport). Cet exercice a permis de travailler sur trois types d’affichage : le mobile, la tablette et le PC. Ci-dessous, le code HTML…Continue reading Responsive design – Utiliser les media queries