Responsive Web Design (RWD)

Explication du sujet

La notion de Responsive Web Design regroupe différents principes et technologies afin qu'un site soit conçu pour s'adapter aux différentes tailles d'écran et aux différents terminaux permettant d'afficher le site (téléphone, tablettes, écrans, télévisions, etc.)

Solutions en général

À documenter

Solutions avec Drupal

Chose promise, chose due ! Voici donc les liens utilisés hier au Meetup concernant le Responsive Web Design et Drupal :

• L'exemple de BostonGlobe. Redimensionnez votre fureteur, et observez le comportement du menu, la taille des images, la position des blocs etc ...
• Pour tester en 1 click les différentes tailles, voir ce bookmarklet
• La page drupal.org sur le Responsive Web Design
• Le thème responsive de la démo: le thème de base AdaptiveTheme, et le sous-thème Sky
• Avis perso, la solution d'image adaptive la plus simple à mettre en place: Client-side adaptive image, de David Lesieur de la communauté Drupal de Montréal

D'autres liens pour aller plus loin:

• http://www.mediacurrent.com/blog/responsive-design-drupal
• http://www.mediacurrent.com/white-papers/mobile-web-drupal
• http://www.chromaticsites.com/blog/which-responsive-drupal-7-theme-shoul...

Enjoy ;-)