February 19
Indietro nel giorno, quando tutti guardò il Web su un computer, tutto ciò che importava in Web design è stato belle immagini e link di lavoro. Ma il design Web è cambiato molto fin dai primi giorni di Internet, e oggi, qualcuno potrebbe visitare i siti Web da una qualsiasi delle centinaia di combinazioni di sistema operativo, browser e dispositivi. Un tale dispositivo - l'iPad - offre ai visitatori un bel modo per navigare sul Web, ma può essere difficile da ottimizzare un sito per la visualizzazione su un iPad.
A 1024 pixel di larghezza, l'iPad ha una risoluzione nativa dello schermo molto simile a un computer portatile o desktop. Anche se questo dovrebbe rendere la progettazione di un sito web per iPad semplice, l'iPad offre una torsione. È possibile attivare, e lo schermo si trasforma con esso. Poi, si dispone di uno schermo che è alto 1024 pixel, ma larga solo 768 pixel. Il vostro sito sarà improvvisamente traboccare lato, lasciando l'utente strisciando il loro iPad per vedere tutto il vostro sito.
A causa della natura di dispositivi come l'iPad, che utilizzano la tecnologia screen-rotazione e forza siti web per visualizzare in qualsiasi orientamento l'utente sta tenendo il dispositivo, web designer hanno dovuto creare nuovi standard per il design. "Responsive design" si riferisce a un sito web che utilizza i CSS e Java per ridurre o espandere il design del sito in base al dispositivo che è la visione di esso. Se si utilizza un sistema di gestione dei contenuti come WordPress, Drupal, Joomla o, cercare i temi sensibili o installare plugin sito mobile e addons per rendere la vostra scala di sito per il suo schermo.
La seconda differenza fondamentale tra la visualizzazione del sito web sul computer e su un iPad è che gli utenti iPad non hanno la precisione di un puntatore del mouse per interagire con il sito. Considerare questo quando si sviluppa il sito: piccoli menu con decine di sottomenu sarà impossibile navigare su un iPad. Il carattere utilizzato deve essere abbastanza grande e fornire abbastanza spazio tra i link per facilitare i collegamenti in-text e barre laterali e bottoni dovrebbe essere tangibile. È possibile verificare l'usabilità del tuo sito con iPadPeek, che prevede il tuo sito su un browser per iPad, per vedere come la visualizzazione dei font (vedi Risorse).
L'iPad utilizza una versione mobile del browser Safari, che ha una problema noto che spinge gli sviluppatori Web selvaggio: non c'è nessun Flash. Flash era una volta il Web standard per i video online, ma la popolarità dei dispositivi mobili di Apple, che non lo supportano e non offrono la possibilità di scaricare un plugin, è costretto Standard web da Flash verso HTML5 video supportati con giocatori come YouTube e Vimeo. Anche in questo caso, è possibile verificare come i video del tuo sito display utilizzando iPadPeek, o può semplicemente utilizzare YouTube o Vimeo codice embed per garantire la compatibilità.