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.

 

 

 

This entry was posted in HTML5, Interactive Development, Mobile and tagged , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>