Convertire il sito web esistente per l'uso mobile?
-
29-10-2019 - |
Domanda
Qual è il modo migliore per adattare un sito web esistente ai dispositivi mobili (netbook, telefoni cellulari basati su Android, Iphone, Blackberry ecc.)?
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.