Responsive Design : un Web adapté aux mobiles et aux ordinateurs de bureau

Multiple devices

La prolifération des nouveaux appareils nécessite de réviser l'approche de conception des sites Web afin d'offrir aux utilisateurs une expérience conviviale peu importe l'appareil qu'il utilise : téléphone intelligent, tablette, ordinateur de bureau.

Voici quelques outils pour aider lors de la conception et du développement.

Mediaqueri.es

Trouvez de l'inspiration en admirant une galerie de sites 

Mediaqueries

 

 

Wirefly

Une ressource pour faire la conception de la navigation, l'organisation des contenus et la création de "mockups"

Wirefly

 

Quirktools' Wires

Un service en ligne pour la conception de wireframes

Quricktools

 

Matt Kersleys' responsive testing tool

Un outil permettant de présenter plusieurs affichages

Kersley's responsive testing tool

 

Am I Responsive ?

Bel outil pour faire une présentation d'un site responsive

Am I responsive

 

Quirktools' Screenfly

Un autre outil pour tester l'affichage théorique de votre site de votre site selon diverses tailles d'écran

Screenfly

Firefox

 

Firefox

 

Viewport resizer

Viewport