Testez vos webdesigns avec le mode responsive de Firefox

Nous avons déjà abordé plusieurs fois le thème du responsive design mais après avoir vu comment utiliser les Media Queries, comment fonctionnait le viewport ou encore comment rendre vos images ou vos vidéos responsive, nous n’avons toujours pas vu comment tester le résultat. Bien sûr, vous pouvez toujours vous balader en ville et venir frapper […]

Responsive design : Redimensionner des vidéos en conservant le ratio

Dans le cadre d’un design responsive, un problème se pose quand on utilise des éléments à largeur fixe. Ce problème, c’est que si le design est vraiment trop réduit, ces éléments risquent de dépasser, ce qui est très moche… En ce qui concerne les images, nous avons vu comment résoudre ce léger soucis mais au […]

Responsive design : Redimensionner une image avec CSS en conservant le ratio

Nous avons déjà plusieurs fois parlé de responsive design en abordant les Media Queries et le viewport. Seulement, que se passe-t-il si vous faites en sorte que votre design s’adapte en fonction de la résolution du visiteur mais que ce dernier arrive avec un terminal d’une largeur de 500 pixels alors qu’une image de votre […]

Responsive design : le viewport

Comme nous l’avions évoqué précédemment lors de l’introduction des Media Queries, ces dernières ne font pas tout dans le responsive design et ainsi, on peut constater que sur pas mal de smartphones (par exemple), les Media Queries ne semblent avoir aucun effet… Ce qui peut paraître étrange et surtout extrêmement gênant : si on fait […]

Reponsive design : les Media Queries

Avant, créer un webdesign, c’était simplement créer l’interface pour les écrans d’ordinateurs. Il y avait plusieurs contraintes, notamment la gestion des différents navigateurs, mais on devait aussi faire avec les différentes résolutions existantes. Aujourd’hui, c’est toujours le cas, mais le problème des résolutions est devenu encore plus important avec l’avènement de la navigation mobile. C’est […]