Skip to content

Instantly share code, notes, and snippets.

@MoOx
Last active December 18, 2015 02:39
Show Gist options
  • Save MoOx/5712344 to your computer and use it in GitHub Desktop.
Save MoOx/5712344 to your computer and use it in GitHub Desktop.
@stephanie-walter
Copy link

En fait j'aime bien cette explication : http://viljamis.com/blog/2012/adaptive-vs-responsive-whats-the-difference.php :)
Il y a deux choses "adaptive" : l'adaptive layout, et l'adaptive design, et à côté de ça, le responsive design. Pour moi (mais là c'est une définition personnelle que je partage avec l'auteur sur viljamis), le responsive webdesign (au sens anglais) ne désigne que l'adaptation du layout avec les media-queries, l'adaptation de la taille des images). L'optimisation mobile va au delà, ce que j'aurai tendance à appeler "adaptive design" qui est au final un autre mot pour amélioration progressive, et qui consiste à proposer la meilleure expérience possible à tous les utilisateurs, incluant donc tablette, pc, etc. La slide 14 résume visuellement assez bien le truc http://bradfrostweb.com/blog/mobile/beyond-media-queries-anatomy-of-an-adaptive-web-design/ (et sa conf est géniale si tu as un moment).
Mais en français on a eut tendance à mixer les deux termes. Donc pour moi, le responsive est une petite partie de l'adaptive design, la partie qui gère les media-queries et le layout. Même si pour d'autres en français, le terme responsive webdesign design l'ensemble (donc adaptive en anglais). C'est assez compliqué puisque c'est une traduction de mots anglais, donc toujours délicat.
Enfin l'adaptive layout, c'est également un terme designant une mise en page dont les largeurs ne sont pas en % mais en pixel fixe qui changent en fonction des breakpoints : adaptive http://codepen.io/stephanie_cours/full/scCBo vs responsive http://codepen.io/stephanie_cours/full/KDter

Mais comme dit, je n'ai pas encore lu le livre, du coup je ne sais pas quelle définition donnent Rudy et Jérémi(ma collègue l'a en ce moment j'attends qu'elle finisse ^^ )

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment