Vous avez dit

responsive design ?

 

De quoi parle-t-on réellement ?

Il y a souvent beaucoup de confusion autour de la notion de design réactif – ou responsive design, en anglais.

Pour bien la comprendre, il faut avant tout redéfinir ce que sont les différentes options d'affichages disponibles pour un site web.

Et comme une démonstration par l’exemple vaut mieux que de longues explications, ce site est conçu comme une sorte de glossaire fonctionnel et visuel des 4 types de présentations : statique, fluide, adaptative et, bien sûr, réactive.

Pour visualiser le comportement des éléments de page dans les 4 cas, modifiez progressivement la largeur de la fenêtre de votre navigateur ou tester ce site sur Resizer.

« Les appareils mobiles sont en train de changer le monde. Aujourd'hui, tout le monde a un smartphone, et passe son temps à communiquer et à rechercher des informations. Dans de nombreux pays, le nombre de smartphones a dépassé le nombre d'ordinateurs personnels. Disposer d'un site Web adapté aux mobiles est désormais essentiel si l'on souhaite être présent en ligne.

Si vous n'avez pas encore adapté votre site Web aux mobiles, nous vous conseillons de le faire. La plupart des visiteurs de votre site utilisent probablement un appareil mobile. »

Extrait de la page Google consacrée aux sites compatibles mobile.

Réalisation CPorlier-Design sur une idée de Joseph Angelo Todaro

Made with Adobe Muse