web-dev-qa-db-fra.com

Quels sont les moyens les plus efficaces de construire un site Web pour mobile et ordinateur?

Je veux faire un site Web pour une chose, je ne veux pas faire deux sites Web pour une chose, je veux en faire un. Vous êtes probablement d'accord avec ça.

Le problème, c’est que nous nous éloignons de cet écran et de cette chaise de 22 "alors que nous commençons à regarder dans les mains de ces écrans qui peuvent être 80% plus petits. Ils essaient de nouveau d'accéder au site Web et - bam, la chose est nulle, les polices sont omniprésentes, les divs s'en foutent en l'air, les scripts ne fonctionnent pas, les choses sont trop larges, je ne peux pas lire le texte, bla bla bla blabla c'est des ordures.

Solution standard? Faire un autre site. Génial, mais cela signifie que je dois créer un autre site Web. Je ne veux pas faire ça, je veux faire un site web une fois. Comment je fais ça?

4
Incognito

Idéalement, vous concevrez le site Web de telle sorte que vous n'ayez besoin que d'écrire une feuille de style pour rendre votre site compatible avec les appareils mobiles. En fait, je suis assez certain que c'est ce que fait ce site. Cela ne devrait nécessiter aucune programmation supplémentaire, seulement une nouvelle feuille de style remplaçant (cascades) la feuille de style principale par tout changement de règle, ou une nouvelle feuille de style pour réduire la taille du fichier téléchargé.

3
John Conde

Un mot pour la technique dont vous avez probablement besoin est "responsive design". Smashing Magazine a publié un bon article à ce sujet: http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

Ce billet de blog est également utile et contient des liens vers des sites sur lesquels il fonctionne bien http://adactio.com/journal/1700/

1
paulmorriss