Webdesign : 16 exemples de sites web responsive

Le 06/04/2012

Dans Webdesign

Le responsive webdesign continue son chemin sur la toile et commence à devenir de plus en plus présent au coeur des interfaces web.

Le responsive webdesign

Petit rappel sur la notion du web responsive :

La notion de Responsive Web Design regroupe différents principes et technologies mais il indique globalement qu’un site est conçu pour s’adapter aux différentes tailles d’écran et aux différents terminaux permettant d’afficher le site (navigateur, tablette, mobile, télé connectée, …)

Aujourd’hui le responsive et les Medias Queries sont une réponse aux enjeux que le web connaît actuellement avec la progression des mobiles et des tablettes qui ont fait évoluer notre manière de concevoir un site web. Nos interfaces ne sont plus figées et doivent dorénavant s’adapter à n’importe quel support qui permet de consulter un site web. 

Si vous êtes intéressé par le web design responsive, je vous conseille la lecture du très bon livre Responsive Webdesign par Ethan Marcotte qui permet une approche efficace et une mise en pratique du responsive.

Nous reviendrons prochainement sur les outils pour créer un web design responsive avec un tour d’horizon des outils tels que Foundation et Twitter Bootstrap que nous utilisons régulièrement avec Dezup, notre agence interactive.

Découvrez notre sélection non exhaustive de 16 webdesign responsive. Amusez-vous à redimensionner vos navigateurs !

Simon Collison | Colly | The Celebrated Miscellany

Shawn Johnston

Seesparkbox.com

Andersson Wise

CSS-Tricks

Adaptive Images in HTML

Robot…or Not?

Team tree house

Sweethatclub.org

Forefathers Group | The New Design Frontier

Launch Kit | Rocket Powered Custom Websites

Foundation: Rapid Prototyping

Jon White

Kulturbanause blog

Kisko Labs

Panchopistolas.com