[tutoriel] responsive design

10 sites français qui ont déjà adopté le responsive design

À l’heure où les appareils qui se connectent à Internet sont de plus en plus nombreux et les résolutions d’écran quasiment toutes différentes, les éditeurs doivent aujourd’hui adapter leurs sites web à tous les supports…

Le responsive web design (RWD) est une notion relativement récente qui consiste à adapter un site à toutes les résolutions (ou presque) en utilisant les media queries. Oubliez les versions spécifiques pour les smartphones et les tablettes, cette fonction en CSS 3 permet de cibler la largeur, la hauteur ou encore l’orientation d’une page dans une seule et unique feuille de style et donc de satisfaire tout le monde.

Maintenant que les spécifications du HTML 5 sont finalisées, les développeurs n’ont plus de prétexte pour utiliser l’HTML 5 et le CSS 3 dans leurs sites et applications. J’ai choisi de présenter dans cet article quelques sites français qui utilisent au mieux le responsive design — à apprécier en réduisant progressivement la fenêtre de votre navigateur.

suite : http://www.presse-citron.net/10-sites-francais-qui-ont-deja-adopte-le-responsive-design

C'est a la mode, et en plus c'est une raison pour ne pas nous pondre une appli android ou iphone pour chaque site.

Salut !

ce que je note coté architecture d'applications web conçues avec l'approche "Responsive Design" est que mise à part le faite de l'adaptation de la UI au Device c'est tout le SI qui est impacté, exemple, quand on se permet l'envoi de 150Kb pour une UI sur Desktop il est impératif de réduire ce flux quand il sagit d'un Device (Phone, Tablet, Voiture) ce qui signifie que pour la même donnée demandée un format (doit) exister pour chaque target (protobuf, gzip ... etc).

My zouje doro

Salut !

 

ce que je note coté architecture d'applications web conçues avec l'approche "Responsive Design" est que mise à part le faite de l'adaptation de la UI au Device c'est tout le SI qui est impacté, exemple, quand on se permet l'envoi de 150Kb pour une UI sur Desktop il est impératif de réduire ce flux quand il sagit d'un Device (Phone, Tablet, Voiture) ce qui signifie que pour la même donnée demandée un format (doit) exister pour chaque target (protobuf, gzip ... etc).

 

My zouje doro

Les images doivent être en thumbs aussi, ya surement moyen de bricoler TimThumbs pour ca.

Le Responsive design c'est devenu incontournable ! et c'est vraiment pratique !