Visto 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 media="only screen and (max-device-width: 480px)" href="css_iphone.css" type="text/css" rel="stylesheet" />
Così 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.
Ciao,
ma in questo modo sia iphone che nokia “n” series…
potranno navigare il sito ?
o potranno leggere gli rss ?
Il layout è compatibile anche con il browser presente nella serie N della nokia, anche se non viene renderizzato bene come con Safari Mobile.
Per la lettura degli RSS, ti consiglio Google Reader: ne esiste una ottima versione ‘mobile’.
perdonami andy, ma realizzare una pagine navigabile con iphone…,
è solo un probelma di dimensioni e css.. ??
Puoi indicarmi qualche risorsa in merito per imparare qualcosa ?
Sopratutto esiste un browser che funga da tester su windows ?
Grazie.
[...] interfacce web compatibili con iPhone 8 01 2009 Leggo questa richiesta nei commenti di un post dedicato a BloggerSync: [...] realizzare una pagine navigabile con iphone, è solo un probelma di dimensioni e css.. ?? [...]
[...] Leggo questa richiesta nei commenti di un post dedicato a BloggerSync: [...]