iPadIphone

Ottimizzare blog per iPhone e iPad : come nascondere l’address bar

address_bar_iPhone

(Img credit by shaunmackey)

Ottimizzare WordPress per iPad é stata solo un’introduzione di quanto é possibile lavorare sul proprio blog al fine di renderlo appetibile e usabile anche da coloro che navigano da smartphone o tablet.

L’immagine introduttiva vuole solo mostrarvi quanto spazio, in un iPhone ad esempio, occupa l’address bar.

Ottimizzare un blog per iPhone e iPad significa anche provare a gestire nel miglior modo possibile l’esiguo spazio a disposizione.  Per questo vi consiglio il seguente trucchetto che permette di guadagnare ben 60 pixel nascondendo, dopo il caricamento della pagina la barra degli indirizzi di Safari Mobile.

E’ logico che allo scrolling della pagina, l’utente rivedrà comparire l’address bar. Se utilizzate jQuery, il codice si ridurrà davvero a poche righe e verificherà, per essere preciso, che la versione del browser sia Safari Mobile :

if (‘standalone’ in navigator && !navigator.standalone && (/iphone|ipod|ipad/gi).test(navigator.platform) && (/Safari/i).test(navigator.appVersion)) {

$(window).load(function(){
setTimeout(function(){
window.scrollTo(0, 1);
}, 0);
});

}

Dove ScrollTo è un utile metodo Java su cui trovate informazioni e modo di utilizzo qui. Tutto molto semplice!

Articoli simili

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Back to top button