Jump to content

responsive design


Djoss
 Share

Recommended Posts

  • Moderators

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

 

 

mediaqueries-top-zdnet1.jpg

Link to comment
Share on other sites

  • 3 weeks later...

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 :)

Edited by java
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

  • 3 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



×
×
  • Create New...