CSS : réaliser des pages adaptatives (Responsive)

Objectifs

Être en mesure de construire une feuille de style appliquée à un contenu (et balisage) unique et qui permettra un rendu qui s’adapte aux différents types de plateformes (mobile, tablette, ordinateur de bureau).

Clientèle cible

Intégrateurs, concepteurs et développeurs Web.

Contenu

• Techniques pour créer une grille flexible qui garde les proportions
• Insertion d’images et médias flexibles
• Nouvelles unités de mesure CSS (vw, vh, vmin, vmax et rem)
• Requêtes médias pour ajuster les règles en fonction des caractéristiques de l’appareil
• Identification des points de rupture de résolution (resolution breakpoints)
• Insertion de scripts pour pallier les vieux navigateurs qui ne supportent pas les requêtes médias
• Application du principe de l’amélioration progressive
• Application des principes du Responsive Web Design pour les infolettres
• Exercice synthèse