Aller au contenu
Règlement du forum ×
IPTV et arnaques ×

responsive design


Djoss

Messages recommandés

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

Lien vers le commentaire
Partager sur d’autres 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 :)

Modifié par java
Lien vers le commentaire
Partager sur d’autres 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.

Lien vers le commentaire
Partager sur d’autres sites

  • 3 years later...

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
×
  • Créer...