HTML5 e Sviluppo Mobile su iPad – appunti sconnessi
- Per cominciare a sviluppare una app nativa o una web app su Ipad, c’è da conoscere le dimensioni: 1024×768 per l’Ipad 2, a 132 pixel per pollice.
- Altezza della barra di stato (quella nera) dell’ipad + barra di navigazione di safari = 78px (20+58) Version iOS precedente alla 5
- Versione iOS 5.1, Safari aggiornato: 20px barra di stato + 76px della barra di navigazione + tab di Safari; totale 96px.
- Altezza della barra della console di debug: 50px;
- Svuotare la cache nell’ipad: Impostazioni > Safari > svuota cache.
- Come far scomparire la barra di navigazione di Safari:-safaris-toolbar-address-bar-ipad
- Usando il tag video su IPad e Iphone c’è da sapere che l’autoplay non funzionerà per scelta esplicità degli sviluppatori Apple – qui per saperne di piu http://roblaplaca.com/blog/2010/03/30/html5-video-on-the-ipad/ -
Per avere una migliore resa della grafica creare le immagini con il doppio dei pixel.
Es.: per un’immagine di dimensioni 50px x 50px creare un’immagine di 100px x 100px.
- Le dimensioni reali in un ipad trasportando della grafica creata da pc a ipad sono per la versione landscape: dimensioni reali da pc * 1.04, per la versione portrait dimensioni reali pc * 1.28
- Gli eventi touch sembrano non propagarsi più correttamente quando gli oggetti da cliccare o tappare occupano o si sovrappongono all’area del video, perché vengono assorbiti dai controlli (play, pausa…) di default del videoplayer. La soluzione sembra sia quella di disattivare i controlli di default e crearne dei nuovi custom.
- A quanto pare la Apple non permette che l’audio di un video in html5 possa essere modificato via Javascript; sembra che vogliano che l’audio possa essere modificato solo dall’utente dai controlli del volume fisici sul device.