Domanda

Sono curioso come fare un dispositivo mobile sito web amichevole .. quindi quali sono le migliori dimensioni e come faccio a rendere il sito capire se sono o meno su un dispositivo mobile. anche cosa ho bisogno per limitare il mio progetto e codifica per rendere le pagine più glitch-libera e caricamento più veloce ...

È stato utile?

Soluzione

Ci sono davvero due grandi scuole qui e dipende il vostro pubblico:

Se stai parlando attuali browser mobili, la maggior parte del mercato sta usando browser full-optional come su iPhone, varianti Android, Palm Pre, ecc, che possono gestire le cose come complesso css javascript e moderna. Per questa folla, si vuole soprattutto mettere a fuoco le cose come razionalizzazione layout per molto limitati pagina larghezze (> 800 px), riducendo al minimo la quantità di dati di cui ha bisogno per caricare (dal momento che le connessioni mobili possono essere molto lento), e l'ottimizzazione dei font-dimensioni e line-altezze per facilitarne la lettura.

Tuttavia, nel mondo in via di sviluppo (Africa, Sud America, parte dell'Asia) la navigazione mobile è quindi A) estremamente importante, e B) circa 5-10 anni di ritardo nella capacità hardware. Internet mobile è uno dei principali mezzi di ottenere informazioni in quelle zone, ma si ha realmente bisogno di scrivere codice HTML come se fosse il 1999 (meno le tabelle naturalmente). Tenere il markup molto pulito e molto semplice, limitare qualsiasi stile di fantasia, e non fare affidamento su JavaScript, Flash o qualsiasi altra cosa.

Per questo tipo di pubblico, si dovrebbe essere molto interessato a ciò che la pagina sembra senza qualsiasi foglio di stile applicato. markup semantico è re. Naturalmente si sarà in grado per lo stile, ma tenerlo come minimo possibile.

La speranza che offre alcune idee di base.

Altri suggerimenti

Si potrebbe dare un'occhiata alla W3 Mobile Web Initiative . Hanno molte buone pratiche, nonché alcuni buoni strumenti come il Mobile Web Validator .

Per rendere interfaccia facile da usare, ti suggerisco di utilizzare jQuery Mobile .

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top