BloggerSync, layout compatibile con iPhone



bloggersyncVisto l'interesse nato attorno a BloggerSync (le statistiche degli accessi mi hanno stupito), ho deciso di rilasciare un piccolo aggiornamento, correggendo un paio di bugs e adattando il (semplicissimo) layout dell'applicazione alla visualizzazione con iPhone.



Essendo già sviluppato in maniera 'verticale', l'unica modifica necessaria per renderlo fruibile comodamente col melafonino consiste nel 'forzare' il livello di zoom di default, in modo da centrare la webapp nello schermo senza successivi ridimensionamenti a colpi di dita, utilizzando il metatag 'viewport':

<meta name="viewport" content="width=480" />

inoltre è una buona pratica il realizzare un foglio di stile dedicato a Safari Mobile (adattando ad esempio i fonts allo schermo di dimensioni ridotte) includendolo in questo modo:

<link href="css_iphone.css" media="only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css"></link><br />

photoCosì facendo tutti i device con uno schermo di dimensione superiore ai 480 pixel (iPhone in modalità 'landscape') ignoreranno il caricamento del CSS dedicato all’iPhone.

Published: November 14 2008

  • category: