10 outils pour avoir un site web responsive

Publié le 20 mars 2013 par Aolivier @web_oliviera

« Le web responsive », on entend de plus en plus ce terme en matière de webdesign mais pourquoi ?

Quand on crée un site web, autant il y a quelques années il fallait penser à le rendre compatible sur tous les navigateurs (Grrr ie…), mais maintenant il est important d’avoir un site Internet qui soit consultable sur un smartphone ou une tablette, qui peut-être une source de trafic à ne pas négliger.

Si vous travaillez souvent avec un CMS, vous avez à votre disposition des thèmes wordpress responsives à télécharger par exemple, mais d’autres solutions existent. Au final, votre site web doit pouvoir être vu sur plusieurs tailles d’écrans sans changer l’aspect de votre site et en gardant ses fonctionnalités.

Une des manières d’aborder le problème est d’utiliser des outils qui vont vous aider dans la conception d’un site responsive :

Responsive Web Design Sketch Sheets

Adobe Edge Inspect

Foundation

RWD Calculator

Responsively Wireframed

Adaptive Images

Bootstrap

Retina Images

SimpleGrid

Responsinator