Qual è la migliore pratica per la progettazione e la marcatura di siti Web ora che i browser mobili sono comuni?

Naviga le tue risposte
4

Nel 2008, gli smartphone erano un piccolo mercato ed era normale che i siti fossero progettati per una larghezza fissa, ad esempio 900px o 960px, con la pagina centrata se la finestra del browser era più grande. Molti progettisti hanno detto che la larghezza del fluido era migliore, ma poiché gli schermi utente variavano tipicamente tra 1024x768 e 1920x1080, l'ampiezza del fluido consentiva una lunghezza della linea più lunga di quella ottimale per la facilità di lettura e così molti siti (incluso lo Stack Exchange) usano una larghezza fissa.

Ora che i dispositivi mobili sono comuni, qual è l'approccio migliore per supportare sia i browser desktop sia quelli per dispositivi mobili?

  • Stabilisci un sito per dispositivi mobili separato (ad esempio: mobile.example.com)
  • Serve un diverso CSS per i dispositivi mobili; se é cosi, come? Snifing del browser lato server o regola @media?
  • Usa Javascript o qualcosa per adattare il sito web in modo dinamico al client? Ci si dovrebbe aspettare che tutti i siti web rispondano?
  • Un tipo di layout fluido
  • Qualcos'altro?
posta Joe Dovahkiin 06.12.2012 - 01:21
fonte

2 risposte

2

Penso che la risposta dipenda dalla natura del progetto che hai. Ho avuto la stessa domanda ieri e per il mio progetto la migliore risposta è stata quella di creare un sito web mobile diverso. Era comunque molto vicino ad aggiungere css reattivo ad esso.

Le mie ragioni per fare un altro sito web: 1) Il mio design non è stato progettato per essere reattivo. Per trasformarlo in reattivo ci vorrebbe un po '. 2) Il design del sito Web era notevolmente diverso dal design mobile. Sarebbe stata una sfida apportare il cambiamento, avrei dovuto caricare le cose solo per la versione mobile (e nasconderle sul sito web della pagina intera) e viceversa. 3) il mio sito web mobile è molto più semplice del sito web completo, se utilizzo responsive design sul sito web mobile verrà caricato molto più codice che sarebbe appena nascosto. Ciò renderà le pagine più lente su un sito Web dedicato.

In breve, ero preoccupato di trasformare il design in uno reattivo e della velocità dell'applicazione sui dispositivi mobili.

Per creare il sito web mobile non sarà così difficile, posso riutilizzare gli stessi modelli / controller e solo cambiare le visualizzazioni.

Tuttavia, se il mio progetto è stato progettato per essere reattivo sin dall'inizio, probabilmente avrei scelto di renderlo reattivo.

    
risposta data 06.12.2012 - 01:51
fonte
1

Sono d'accordo con Mihai che dovresti provare a creare un sito web mobile separato invece di usare il responsive design. Sarà veloce da caricare e più user friendly. Ho creato tutti i miei siti web mobili utilizzando un creatore di siti web mobili al link e tutti funzionano correttamente. Ho semplicemente aggiunto un reindirizzamento del codice alla pagina principale dell'indice del sito Web e un file jquery alla directory principale. Spero che ti aiuti!

    
risposta data 06.12.2012 - 17:33
fonte

Leggi altre domande sui tag

Come fai a sapere se dovresti usare entità di auto-monitoraggio o DTO / POCO? Qual è il ciclo di vita per il caricamento di un ambiente desktop Linux?