Conception mobile et réactive

Question

Je lis ces nouvelles techniques de création de sites Web. Cependant, tout ce qu'ils font (du moins ceux que je trouve) essaient d'intégrer beaucoup de mots à la mode dans leurs articles assez courts et personne n'en montre vraiment de bons exemples.

Comment soutenez-vous une page Web qui adapte de manière réactive le périphérique des utilisateurs? Avec responsive design, vous utilisez des requêtes média pour ajouter différentes feuilles de style. Cependant, la quantité de contenu et de balisage est dans de nombreux cas très différente entre une page Web mobile et une page Web complète. Alors, comment faites-vous pour soutenir les deux? Je suppose que vous n'utilisez pas les feuilles de style pour masquer le contenu avec le display:none car il nécessite toujours le contenu de la page complète pour être chargé et il fait des contraintes sur le balisage. Alors utilisez-vous la technologie côté serveur pour donner aux gens des pages différentes ou quoi?

Answer 1

Cela dépend de vous l'architecture, vous avez quelques approches:

• S'il n'y a pas beaucoup de contenu supplémentaire, vous pouvez en effet utiliser display: none
• Vous pouvez utiliser ajax pour demander un contenu différent de serveur
• vous pouvez utiliser quelque chose comme la détection d'en-tête sur le serveur - http://www.zytrax.com/tech/web/mobile_ids.html pour comprendre

en général, pour les sites simples que vous utiliseriez première technique, alors qu'il peut-être pas le meilleur (en poussant du contenu supplémentaire à l'utilisateur mobile), c'est le plus facile.