Screenfly : tester son site en responsive design

De plus en plus de sites adoptent le principe du responsive design, ou l’art d’adapter la mise en page et la navigation aux diffĂ©rents terminaux utilisĂ©s pour la navigation – ordinateur, tablettes, smartphones… L’idĂ©e est de disposer d’un site joli et fonctionnel quel que soit le moyen d’accès de l’internaute.

Nul doute que cette tendance devrait s’accentuer au cours des mois Ă  venir ! Mais lorsque l’on veut dĂ©velopper son site ou son blog en responsive design, Ă  moins d’avoir Ă  disposition tous les terminaux disponibles ou connaĂ®tre par coeur les diffĂ©rentes rĂ©solutions propres Ă  chacun, difficile de se rendre compte de toutes les versions possibles !

Pour vous aider dans cette tâche, on peut donc se tourner vers le site Screenfly, qui permet de tester son site sur de nombreux terminaux, parmi les plus populaires. C’est tout simple : entrez l’URL voulue, puis des vignettes vous permettront de redimensionner automatiquement votre site selon l’appareil souhaitĂ©. La partie « Desktop » couvre de multiples rĂ©solutions, du petit notebook au grand Ă©cran de 24 pouces. Plusieurs types de tablettes et de smartphones sont proposĂ©s, et il y a Ă©galement la possibilitĂ© de tester comme sur une tĂ©lĂ©vision. Un exemple avec le très beau site du WWF 3200 Tigres, vu dans cette sĂ©lection inspirante de sites en responsive design.

Screenfly est un bon outil très fonctionnel, qui permet Ă©galement de tester diffĂ©rentes rĂ©ussites du point du responsive design, et d’en comprendre les bonnes pratiques. A garder dans sa liste de services favoris ! Dans le mĂŞme style, nous avions repĂ©rĂ© il y a quelques temps l’outil Resize My Browser.

Le site : Screenfly

Source : Digital Inspiration

Commentaires

  1. Évaluer son Responsive Web Design avec Screenfly | Weby24 – der Blog rund ums worldwide Web
    15 juin 2012 - 10h13

    […] Screenfly prĂ©sentĂ© sur le Blog du ModĂ©rateur : http://www.blogdumoderateur.com/screenfly-tester-son-site-en-responsive-design/ […]

Laisser un commentaire

Il est possible d’utiliser ces balises HTML :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Ce blog supporte le système Gravatar, pour obtenir le vôtre, inscrivez-vous sur Gravatar