Introduction au design web réactif

Qu'est-ce que le design web réactif ?

Le design web réactif fait que votre page web ait l'air bien sur tous les appareils.

La conception web réactive utilise uniquement HTML et CSS.

La conception web réactive n'est pas un programme ou JavaScript.

Conception pour l'expérience utilisateur optimale de tous

Vous pouvez utiliser de nombreux appareils différents pour consulter des pages web : ordinateur de bureau, tablette et téléphone. Quelle que soit l'appareil utilisé, votre page web devrait être belle et facile à utiliser.

Les pages web ne devraient pas abandonner des informations pour s'adapter aux appareils plus petits, mais plutôt rendre le contenu adaptatif à n'importe quel appareil :


Ordinateur de bureau

Tablette

Téléphone

Si vous utilisez CSS et HTML pour ajuster la taille, masquer, réduire, agrandir ou déplacer le contenu afin qu'il soit bien visible sur n'importe quel écran, cela s'appelle la conception web réactive.

Si vous ne comprenez pas les exemples ci-dessous, ne vous inquiétez pas, nous décomposerons le code étape par étape dans le prochain chapitre :

Essayer vous-même