Group items tagged

Il s'agit d'une extension pour le navigateur Google Chrome, disponible gratuitement sur le Google Webstore, qui vous permet d'inspecter les médias queries des sites que vous développez ou visitez. Il vous sera surtout utile lors du développement ou de l'intégration de la partie responsive (mobile, tablette ou autre support) de votre site, car il vous permet de visualiser en un clic quelles résolutions sont définis dans les feuilles de style CSS. Voici les quelques fonctionnalités proposées par cette extension : Redimensionnement parfait du navigateur, au pixel près ! Capture d'écran de la page entière, selon la résolution d'écran souhaitée Visualisation du code CSS (media queries) pour une sélection donnée

un bon résumé des principes du responsive design

Templates responsives en démo à télécharger gratuitement

article très complet sur des méthodes non conventionnelles de prototypage d'interface responsive

Outil en ligne pour générer les images de différentes tailles pour les sites responsive

article de fond très fouillé

Les différentes outils qui permettent de tester l'affichage et les fonctionnalités sur différents supports tablette ou mobile

outil en ligne de test des newsletter (responsive)

utilisation de l'élément pour définir des images avec des médias queries

Affiche les valeurs de device et width d'un écran utile pour tester un site en version mobile