Creative
Blog Du Webdesign
Emploi BDW
Le responsive webdesign continue son chemin sur la toile et commence à devenir de plus en plus présent au coeur des interfaces web.
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, ...)
source : http://fr.wikipedia.org/wiki/Responsive_Web_Design
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 30 webdesign responsive. Amusez-vous à redimensionner vos navigateurs :)
Site web créé par l'agence du BlogDuWebdesign Dezup :)
Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus
Auteur : Ginet Vincent
voir son blog
Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign J'interviens dans dif...
le 06/04/12| #2
Encore une belle liste de site. Mais un GROOOOOS coup de coeur pour http://webdagene.no/ :D un très bon boulot !!
le 06/04/12| #3
Je pense que Smashing Mag est également un très bon exemple de Responsive.
le 06/04/12| #5
@Etienne très beau portfolio, la navigation est original et bien fluide.
@AntoinePlu Oui j'ai aussi pensé à Smashing Mag, mais je me suis dit que tout le monde le connaissait déjà donc trop attendu. J'ai préférer en mettre un moins connu à la place, mais tu as raison de le préciser ;)
le 13/04/12| #6
En guise d'exemple de responsive design made in France, je vous conseille ce blog très bien pensé : http://blog.bastienpenalba.fr/
le 16/04/12| #7
Merci pour cette sélection !
A noter que Foundation est plus qu'un simple exemple de site responsive. C'est un framework de prototypage et développement front-end qui est justement responsive. C'est un équivalent / concurrent à Twitter Boostrap.
J'ai d'ailleurs créé un bookmarklet pour Foundation qui permet d'afficher la grille typographique http://www.novius-labs.com/bookmarklet-pour-afficher-grille-foundation,46.html.
le 15/06/12| #8
Merci pour cette belle sélection !
je vous propose de jeter un oeil au site du designer sacha lakic qui a été créé également en responsive design.
http://www.lakic.com/
Bonne journée !
le 24/10/12| #9
Salut a tous !
Tout d'abord je voulais vous remerciez pour ce partage très enrichissant !
Mais je tenait à vous informer également que votre article a été copier mot à mot sur un autre site :
http://www.ninjacreation.com/index.php/gp/mwebdesign/57-respectwebdesign
Voila a bientôt ;)
le 24/03/13| #10
Jolie liste,
merci pour l'inspiration!
C'est plus de boulot mais pourquoi ne pas présenter les différentes mises en page sur la même image comme ici? http://designmodo.com/responsive-design-examples/
Dagobert
le 28/03/13| #11
Thanks for mentioning my site here. I updated this years version a little bit. New navigation, different approach of the speaker grid display at mobile devices, new fonts etc. Hope you like it …
/marc
le 15/04/13| #12
Hello,
Un menu responsive (sans js), qui prend 3 positions différentes, très intéressant :
Grand écran > En haut en ligne
Moyen écran > Sur le côté en colonne
Petit écran > En bas avec un lien en haut qui pointe dessus.
Voir le résultat sur http://www.sitadapt.com
le 18/05/13| #13
These are truly beautifully created Responsively designed websites. A website I found for Carrera Racing is also crazy easy on the eyes. http://carreraworld.com/en/
Thank you for this nice portfolio.
Magazine Webdesign, Tendance Web, Webdesign et Actualité Graphique. Suivez nos Articles rédigés avec soin sur les thèmes du Motion Design et de l'actualité du Web ! Suivez le Blog du Webdesign, suivez le Magazine du Webdesign !
En Savoir Plus
le 06/04/12| #1
Plop,
Chouette showcase !
Si tu as le temps, jettes un coup d'oeil à mon nouveau portfolio, conçu de manière flexible également ;)