Sites de programmation pour les appareils mobiles

Question

Je suis curieux de savoir comment faire un site web convivial appareil mobile .. donc quelles sont les meilleures dimensions et comment puis-je faire la figure d'un site Web si oui ou non ils sont sur un appareil mobile. aussi ce que dois-je limiter ma conception et de codage pour rendre les pages plus sans pépin et un chargement plus rapide ...

Answer 1

Il y a vraiment deux grandes écoles ici et cela dépend de votre public:

Si vous parlez des navigateurs mobiles actuels, la majorité du marché utilise les navigateurs plein de fonctionnalités comme sur l'iPhone, Android variantes, Palm Pre, etc. Ceux-ci peuvent gérer les choses comme javascript et css moderne complexe. Pour cette foule, vous voulez surtout de se concentrer sur des choses comme la mise en page la rationalisation des largeurs de pages, très limitées (> 800px), ce qui réduit la quantité de données dont il a besoin de charger (car les connexions mobiles peuvent être très lent), et l'optimisation des tailles de police et ligne-hauteur pour une meilleure lisibilité.

Cependant, dans les pays en développement (Afrique, Amérique du Sud, certaines régions d'Asie), puis la navigation mobile est A) extrêmement important, et B) environ 5-10 ans de retard dans la capacité matérielle. L'Internet mobile est un moyen important d'obtenir de l'information dans ces domaines, mais vous avez vraiment besoin d'écrire HTML comme il est 1999 (moins les tables bien sûr). Gardez votre balisage très propre et très simple, limiter tout style de fantaisie, et ne comptez pas sur javascript, flash ou quoi que ce soit d'autre.

Pour ce type d'audience, vous devriez être très préoccupés par ce que votre page ressemble sans any stylesheet appliqué. Le balisage sémantique est roi. Bien sûr, vous pourrez le style, mais garder aussi minimes que possible.

L'espoir qui offre quelques idées de base.

Answer 2

Vous pouvez jeter un oeil à la W3 Initiative Web mobile . Ils ont beaucoup de bonnes pratiques ainsi que quelques bons outils tels que le Mobile Web Validator .

Answer 3

Pour l'utilisateur une interface conviviale, je vous suggère l'utilisation jQuery Mobile .