Domanda

Qual è il modo migliore per adattare un sito web esistente ai dispositivi mobili (netbook, telefoni cellulari basati su Android, Iphone, Blackberry ecc.)?

È stato utile?

Soluzione

Rendilo flessibile.

Puoi rilevare diverse larghezze del dispositivo con le query multimediali CSS: http://www.w3.org/TR/css3-mediaqueries/#device-width

Spiegazione meno normativa: http://mislav.uniqpath.com/2010/04/ targeting-css /

Ottimo post sul blog: http://webdesignerwall.com/general/the-wall-è stato riprogettato

Il box model CSS3 flessibile può anche essere il tuo migliore amico.

Altri suggerimenti

Senza spingersi fino all'implementazione di un framework mobile, suggerirei di sfruttare le CSS Media Queries che ti consentirà di offrire css diversi a seconda del wdith del dispositivo di navigazione.

Un buon inizio sarebbe guardare al LessFramework che ha assorbito tutto il duro lavoro dai calcoli della griglia.

/ p>

Twitter Bootstrap ti offrirà anche alcune funzionalità reattive pronte all'uso, ovveroche la presentazione del sito si adatterà in base al tipo di dispositivo e alle dimensioni del suo schermo.

E ti consiglio di dare un'occhiata a questo libro .

Attualmente sono disponibili molti strumenti, ma come mantenere una buona esperienza utente è la cosa più importante.

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