Responsive web design (RWD) pour Site web adaptatif.
10% du trafic internet mondial se fait via les smartphones ou les tablettes.
Il devient ainsi incontournable d’adapter son site ou son blog aux mobiles.
Pour ce faire, une nouvelle méthode de développement Web est née, le responsive design.
Une petite illustration simpliste pour comprendre le process du responsive web design
Définir les résolutions 'englobantes'
L’objectif ici est de définir quelles sont les résolutions d’écran que vous souhaitez cibler. Par exemple, sur mon site, j’ai 2 versions, celle pour les grandes résolutions et celles pour les petites. Je ne me suis pas inquiéter de faire une version pour résolution intermédiaire.
De ce fait mon design apparaît de deux manières différentes sur les tablettes en fonction de l’orientation de l’écran (portrait ou paysage).
Selon l’image, il faut travailler en priorité sur :
- Les résolutions inférieures à 480px (SmartPhone)
- Les résolutions entre 480 et 768px (Tablettes)
- Les résolutions supérieures à 768px (Les écrans de PC)
