Site Web adaptatif
La conception Web réactive (ou "RWD") est un type de conception de sites Web qui fournit une expérience d'affichage personnalisée pour différents navigateurs plates-formes. A site web créé avec RWD affichera une interface différente selon le périphérique utilisé pour accéder au site. Par exemple, un site Web réactif peut apparaître dans un sens sur un portatif, autrement compriméet encore une autre voie smartphone.
Aujourd'hui, de nombreuses personnes accèdent à des sites Web à partir d'appareils mobiles plutôt que ordinateurs de bureau ou des ordinateurs portables. Alors que la plupart des smartphones peuvent afficher des sites Web classiques, le contenu est difficile à lire et encore plus difficile à naviguer. Par conséquent, de nombreux développeurs Web utilisent maintenant la conception Web réactive pour offrir une meilleure expérience de navigation Web sur de petits écrans.
Sites Web conçus pour les appareils mobiles (tels que iOS et Android téléphones), ont généralement un plus grand défaut taille de la police et navigation simplifiée. Certains sites profitent également de la écrans tactiles interface, fournissant un soutien pour glisser, rotation, pincement et zoom. Un site Web optimisé pour les mobiles peut également supprimer le contenu inutile afin de réduire le besoin de défilement. Les renversements d'images et autres fonctionnalités de survol de la souris sont souvent supprimés, car les écrans tactiles ne prennent pas en charge les pointeurs de souris.
Il existe plusieurs façons d'implémenter une conception Web réactive. Une méthode consiste à détecter de manière dynamique la plate-forme de l'utilisateur (comme un iPad ou un iPhone) et à charger des tâches spécifiques. HTML et CSS pour l'appareil correspondant. Une autre option consiste à utiliser des requêtes multimédia, qui chargent automatiquement différents styles CSS en fonction de la taille de la fenêtre du navigateur. Le paquet Bootstrap, qui contient plusieurs pré-écrits JavaScript et CSS, est basé sur des requêtes de média et est couramment utilisé dans la conception Web réactive.