Qu’est-ce que le Responsive Web Design ?

Le “Responsive Web Design” est une technique de plus en plus utilisée afin que votre site internet s’adapte à plusieurs affichages et sans devoir, pour autant, le programmer pour différents types d’écrans (ordinateurs, tablettes, smartphones, etc…).

Pour mes amis noob (je ne citerai pas de noms ici) visitez ce site foodsense.is puis réduisez votre navigateur et regardez ce qu’il se passe sur votre écran ;-), oOo magique ça s’adapte !!!

*Image source

J’ai sélectionné quelques liens qui traitent du sujet en Français, Alsacreations et La Ferme Du Web.

L’explication du Responsive Web Design expliqué par Smashing Magazine (Anglais)

Les Frameworks

http://lessframework.com

- http://stuffandnonsense.co.uk/projects/320andup/

http://cssgrid.net

- http://csswizardry.com/inuitcss

Vidéo explicative (Anglais): ici

Quelques exemples


Source des exemples repris ci-dessus http://mediaqueri.es

Flexslider le slideshow de photos en responsive

*Reminder: afficher une alerte si le site n’est pas dispo pour cette résolution ici

Et pour vous aider à réaliser votre site plus facilement voici une liste de 7 sites qui risque de vous faciliter la tâche.

Le Responsvie Web Design sera t’il un bon choix à prendre dès le départ de la construction d’un site ?

Responsive Web Design Responsive Design Responsive screen ecrans resolution screen

  1. bontem a reblogué ce billet depuis juliencoppola
  2. juliencoppola a publié ce billet