Unités et couleurs

Quelles unités utiliser lorsque l'on fait du html et gestion de la couleur

Unités

• Toujours utiliser des unités relatives em et rem dans vos design.
• Toujours donner les unités des images en px sans redimensionnement

em et rem

En utilisant le fichier html exemple de modèle de boites

<style>
  p {
    font-size: 2em;
  }
  strong {
    font-size: 2em;
  }
</style>

vs :

<style>
  p {
    font-size: 2em;
  }
  strong {
    font-size: 2rem;
  }
</style>

Images

Les images doivent toujours contenir les attributs width et height, cela permet au navigateur de continuer la mise en place de la page tout en chargeant l'image. Si vous ne renseignez pas la taille, il faudra d'abord charger toute l'image avant de mettre en page le reste de la page, ce qui peut prendre du temps.

Ne changez pas la taille de l'image car on perd soit en qualité soit en temps de chargement

Si vous devez le faire, respectez les proportions de l'image.

Couleurs

Plusieurs façons de décrire les couleurs :

• nommées
• rgb et rgba
• formats

Utilisez une color wheel pour connaître le code RGB à utiliser et trouver des couleurs qui vont ensemble.