In fase di sviluppo e test la versione mobile di comonight.com, navigabile con qualsiasi browser segue i criteri di visibilità ottiimale per il webkit e la risoluzione dell’iPhone/iPodTouch; utilizzando il meta tag viewport il minisito viene impaginato perfettamente nel dispositivo Apple, a perte le varie correzioni di contrasti grafici solamente la sezione news è visibile, tutti i vari dettagli di secondo livello e le sezioni gallerie ed eventi verranno integrate di seguito dopo i vari test.
Test che si concentreranno soprattutto sulle visibilità su windows mobile o smartphone.
Per questo motivo devo recuperare un dispositivo winMobile o qualcuno che testi il sito per me.

Analizziamo il discorso web su mobile, l’esperienza di navigazione su iphone è notevole, questi zoom in e out sui vari content della pagina, su qualsiasi tipo di sito web in attesa dell’implementazione di flash.
Perciò abbiamo visibilità per tutti i contenuti che siano HTML based; ma per essere ancora più conformi a una navigazione Mobile possiamo saltare questi passaggi di zooming ottenendo una  visione ottimale per la risoluzione 320×480, in questo modo otteniamo compatibilità con dispositivi BleckBerry (non ho possibilità di fare test purtroppo).
Beh il sistema per ottenere famigliarità dei contenuti con la visione mobile nasce alla base di tutto nei META TAG, documentato nelle varie sezioni dell’Apple Developer Center - WebApps nel capitolo “configure viewport” troviamo come inserire dei meta tag inerenti al “viewport”.
Vediamo cosa dobbiamo inserire:

<meta name = “viewport” content = “width = device-width”>
settando per device-width la larghezza desiderata per il conteunto

<meta name = “viewport” content = “initial-scale = 1.0″>
rapprto di visione in scala 1 a 1

<meta name = “viewport” content = “initial-scale = 2.3, user-scalable = no”>
scala settata a piacimento con possibilità di zoommare o no

La configurazione della viewport è essenziale, dopo basta costruire una struttura html css che rispetti la risoluzione del dipositivo, navigando gizstyle.com con iphone è possibile vederne la versione mobile.

Mobiletto a muro prodotto da ENNEZERO disegnato da Sotirios Papadopoulos in edizione limitata di soli 24 pezzi; la Luna sulla superfice del mobile è realizzata con una speciale vernice luminosa ecologica (ELI ecolightinside) che crea effetti luminosi al buio. Il material ELI è inventato dallo stesso designer Sotirios, ELI proviene da una speciale polvere ecologica, modificata in un gelcoat-PVC che ricopre il mobile.
Full Moon sarà in mostra alla galleria temporanea SOHO di Milano durante la mostra “dEMOsign”.

18 - 20 April, 2008
SoHo temporary gallery
Via ventura 15 (Lambrate /EX FAEMA) | MILANO

Articolo - Yatzer