Site internet réactif (responsive) : un seul site pour toutes les tailles d'écrans

Ça devient vraiment trop lourd et trop compliqué de maintenir des versions distinctes des sites que l'on crée pour une tablette ou un téléphone. La diversité de taille d'écrans est telle que c'est pratiquement impossible d'avoir une version optimale pour chaque appareil. Et qu'est-ce qu'on affiche sur les tablettes ? La version mobile ou la version complète ?

Bonjour le design réactif (responsive en anglais); un seul site pour toutes les tailles d'écrans !

Voilà une façon bien moderne de faire le design de sites internet. C'est léger, propre, facile à maintenir et beaucoup plus flexible pour la consultation sur téléphone, tablette, ordinateurs, télévision, sèche-cheveux, etc.

Vous pouvez utiliser ce superbe petit outil pour avoir un aperçu rapide sur différentes tailles d'écrans :
http://responsive.is/orangium.com

Et pour des infos supplémentaires, consultez ces deux articles:
1. Mise en page « adaptative » ou « réactive » : avantages et inconvénients
2. Responsive Web Design sur Wikipedia