Aborder le responsive - le responsive


Il s’agit d’une bibliothèque css et en parti de javascript !


Le Responsive Web Design (RWD) consiste à créer un site web dont l’affichage s’adapte à la résolution de l’écran sur lequel il est consulté. Ainsi le site n’a pas besoin d’être développé dans plusieurs versions, comme c’est le cas avec les sites mobiles. Une seule version du site existe, visible sur tous les supports.

 

image expliquant le responsive

 




Ordinateurs de bureau (≥1200px)


Ordinateurs portable (≥992px)


Tablette tactile ( (≥768px))


Petit écran gsm (<768px)

Les avantages d’une telle solution sont donc énormes. Tout d’abord économiquement : les temps de développement sont largement réduits, du fait qu’une seule version du site est créée. Et le fait que celui-ci puisse s’afficher correctement sur les différentes tailles d’écran augmente de fait ses chances d’être consulté, depuis n’importe quel support, n'importe où.

 

Soyons clairs : le web design responsive reste relativement nouveau et il y a encore peu d'experts sur le sujet. Il faut avouer qu'il n'est pas évident à maîtriser, surtout quand on a eu l'habitude de construire un seul et unique design fixe pendant de longues années. Heureusement, les choses évoluent vite, mais il faudra être prudent : si les personnes avec qui vous travaillez n'ont jamais fait de design responsive, vos premiers essais ne seront probablement pas les meilleurs. Prenez le temps de vous former, sur plusieurs projets si possible.