Conception Web adaptative (rwd)

Définition - Que signifie le Responsive Web Design (RWD)?

La conception Web réactive (RWD) est une approche de développement et de conception Web qui vise à créer des sites offrant une expérience visuelle efficace et attrayante avec du texte facile à naviguer sans modifier la résolution d'un écran d'affichage.

Cette capacité s'étend à tout appareil ou navigateur utilisé pour afficher un site Web, ce qui signifie que l'apparence et la mise en page du site Web changent en fonction de la taille de l'écran d'affichage.

Definir Tech explique le Responsive Web Design (RWD)

RWD est utilisé pour adapter la mise en page d'un site Web à l'environnement de visualisation d'un utilisateur via des grilles fluides et proportionnelles, des images flexibles et une utilisation intelligente de CSS et de scripts.

RWD utilise les méthodes suivantes:

  • Grilles fluides, où les éléments sont redimensionnés grâce à l'utilisation d'unités relatives, telles que des pourcentages, par rapport aux unités absolues, telles que les mesures standard et les pixels
  • Images flexibles, qui sont également dimensionnées en unités relatives
  • Requêtes multimédias de feuille de style en cascade (CSS), qui permettent à un site Web de déterminer le type d'appareil, la taille de l'écran et les capacités du navigateur, permettant la livraison de différentes règles de style basées sur ces caractéristiques
  • Composants côté serveur avec requêtes multimédias, qui permettent un chargement plus rapide des sites Web, même avec des vitesses de données cellulaires plus lentes