Développement web mobile - comment?

Question

Je voudrais commencer à développer des versions mobiles de sites Web pour mes clients, cependant, je suis déconcertée par les options et google search n'était pas très utile - il y a tellement d'options et d'opinions, je lis depuis quelques jours maintenant et n'ont toujours aucune idée de comment commencer.

Quel est votre avis/expérience à propos de/avec elle?

Mes principaux points:

• appareils mobiles pris en charge (par ordre de pertinence): iPhone 3G, iPhone 2G, Blackberry, Droid mobiles alimentés, d'autres numéros sympathiques téléphone
• , téléphone emails amical
• Contact/formulaire d'inscription de travail de chaque appareil (ou les plus possibles) figurant

jQTouch semble superbe (simple, rapide, travail), je ne suis pas sûr à ce sujet sur blackberry/droïde et je ne Je ne veux pas créer 6 versions web pour chaque appareil mobile - Cela prend encore moins de sens si vous considérez que je commence avec un petit site web (6-10 pages, 1 formulaire de contact, 3 formulaires de registre) avec lesquels jouer.

Merci

Answer 1

mon 2c; la meilleure approche est celle que nous utilisons sur le web tel que nous le connaissons; développement cross-browser.

utilisation (de base) html & css pour commencer (en vous assurant atteindrez le plus grand nombre possible combinés) & améliorer progressivement en ajoutant plus de choses complexes (javascript & css plus spécifique) pour les appareils plus avancés. Jqtouch (qui doit être combiné avec jquery si je ne me trompe pas) est un houle, mais très centré sur l'iphone (certains des trucs css astucieux ne fonctionnent pas ailleurs). une structure js (légèrement) plus multiplateforme est the jquery-like xui.

Une fois que vous avez quelque chose en cours d'exécution, testing it on mobi.ready pourrait être une bonne idée.

Answer 2

Avez-vous entendu parler de NetBiscuits?

http://www.netbiscuits.com/

Answer 3

Découvrez le site mobiforge, qui est géré par dotMobi. Ils ont un outil très puissant appelé ready.mobi que vous pouvez utiliser pour obtenir un bilan de santé sur votre site mobile. Les résultats donnent des conseils sur ce que vous devez faire pour améliorer votre site, alors obtenir un site vraiment bien optimisé est simplement un cas de test et de prendre note des recommandations. Mine maintenant obtenir 5/5 scores à la suite de l'utiliser et travailler très bien sur n'importe quel appareil, y compris de nombreux que je n'ai jamais vraiment testé sous. Je ne peux pas le recommander assez.

Answer 4

• Appareils mobiles: Voir QuirksMode.org pour les graphiques, les didacticiels et plus pour obtenir vos pages de travail sur plusieurs navigateurs mobiles. (Blackberry pourrait être le plus dur sur votre liste)
• Les liens de téléphone: Je ne sais pas pourquoi ce serait difficile, autant que je sache, tous les navigateurs mobiles/OS supportent le même protocole mailto: que les ordinateurs de bureau utilisent.La plupart des téléphones prennent en charge également tel: vous pouvez donc avoir des liens comme:

<a href="tel:555-555-1212">Call Me</a> 

Le seul problème il y a des ordinateurs de bureau ne disposent généralement pas une façon de gérer cette norme en dépit d'être en mesure de créer un lien avec Téléphones Bluetooth. (Demande de fonctionnalité pour ceux dans le développement OS)

• Contact/Inscription Formulaires: Encore une fois, la plupart des supports de navigateur mobile éléments de formulaire de base de la boîte, la clé est plus expérience utilisateur ici. Tout ce que vous pouvez faire pour réduire la quantité de données entraine un plus grand nombre d'utilisateurs à remplir le formulaire. (Rappelez-vous les informations de session de l'utilisateur depuis longtemps, ils vont revenir à la page après la fin de l'appel de 2 heures de leur mère)

Answer 5

Je vous suggère d'aller avec un cadre réactif comme zurb ou bootstrap. Si vous vous en tenez à ce que les cadres ont, vous pouvez avoir une base de code du site qui fonctionne aussi dans les navigateurs mobiles.