Je viens de découvrir un mode Responsive Design dans Firefox qui peut s’avérer pratique afin de tester le rendu d’un site responsive qui permet l’adaptation d’un site à différentes résolution (notamment). L’activation se fait dans le menu Outils > Développeur Web > Mode Responsive Design (il semblerait que le menu s’appelle maintenant Vue adaptative, mouais, je ne suis pas très fan. Ca me semble mois clair …) ou via le raccourci Maj+Ctrl+M.

Une fois activée, la page en cours de consultation est affichée à l’intérieure d’un cadre dont il est possible de modifier la taille et l’orientation. Une liste de résolutions standards pour le responsive design est proposée et il est également possible d’adapter la résolution à des valeurs personnalisées via un redimensionnement manuel. Le changement d’orientation se fait en cliquant sur le bouton rotation.

Voici un exemple de rendu du site Smashing Magazine en 320×480.

Super pratique !!!