conception adaptative (responsive design)

index des contenus

• Historique et mises en page
  • Mise en page fixe
  • Mise en page fluide
  • Mise en page adaptative
• Problématique
  • Et si le problème n’est pas traité ?
• Notions pour le design adaptatif
  • Zone d’affichage visible
  • pixel density, pixel ratio, css pixels
  • media-queries, breakpoints
• Patrons de conception
  • Principalement fluide (mostly fluid)
  • abandon de colonne (column drop)
  • changement de mise en page (layout shifter)
  • petits ajustements (tiny tweaks)
  • hors cadre (off canvas)