Responsive design : adapter son site aux supports mobiles (mai)

• Adapter un site web aux différentes résolutions ou orientations de l’écran
• Offrir une expérience utilisateur de qualité

Principes du Responsive Web Design Une grille de mise en page flexible
• composition flexible,
• créer une grille flexible,
• marge et espacement flexibles Des éléments multimédia flexible
• images et éléments multimédia flexibles,
• arrière plan flexible,
• propriété overflow d’un élément en CSS,
• typographie et gestion de la taille des textes Identification des points de rupture • connaître les points de rupture entre les différents supports d’affichage,
• éléments de transitions entre les différents supports Mobile first et media queries
• approche créative « le mobile first », principe de l’amélioration
• progressive media queries, ou règles CSS spécifiques Ressources et liens supports