Responsive Design

Tester un site web Responsive Design

Voici un outil en ligne très pratique pour tester un site web Responsive Design. Il vous suffit de saisir l'url de votre site à tester pour que le rendu soit fait sur différentes tailles d'écran de smartphones et de tablettes et vous pouvez naviguer sur votre site pour voir directement le rendu de toutes vos pages. Pour chaque rendu, la Media Query associée est disponible pour l'utilisée directement dans votre code CSS.

Ressources – Templates Responsive Design en HTML5 et CSS3

De nos jours un site web peut être vu sur plusieurs supports comme un écran de PC, une tablette un smartphone et autant de résolutions différentes pour lesquelles un site web doit être lisible et accessible. Il existe une méthode qui consiste à adapter un site en fonction de la résolution de l'appareil à partir duquel le site est consulté. Cette méthode est ce que l'on appelle le Responsive Design.