Come iPads influenzano il modo i siti web sono progettati

June 17

La maggior parte delle persone che usano iPad li usano per lo più per la navigazione Web. Secondo un sondaggio utilizzo iPad condotta da Business Insider, il 41 per cento delle persone con iPads considera il dispositivo di loro "computer principale" e gli utenti iPad spendere 38 per cento del loro tempo navigando il Web. Nonostante queste statistiche, però, web designer non sono esattamente facendo salti mortali per progettare per l'iPad.

Orientamento contenuto

Le persone usano i loro iPads stesso modo in cui usano un computer desktop o portatile: per Internet. Certo, ci sono due modi per tenere l'iPad, e il contenuto ruota di conseguenza, ma in vista orizzontale dimensioni dello schermo di un iPad sono le stesse di molti computer: 1024 per 768 pixel. Le pagine Web di solito non sono progettati per più larga 1000 pixel, in modo che quando orizzontale l'iPad visualizzare ogni pagina web esattamente il modo in cui è stato progettato. Quando in posizione verticale, tuttavia, l'iPad pone un po 'un enigma per i progettisti.

Vista verticale

visualizzazione verticale del iPad fa il suo ampio schermo 768 pixel, una larghezza imbarazzante per il Web. In genere, l'iPad sarà solo spremere il contenuto di una pagina verso il basso per adattarsi allo schermo, ma questo può rendere il testo più difficile da leggere e può rendere alcune voci di menu inaccessibile. I progettisti hanno due risposte a vista verticale: utilizzando i temi sensibili o che hanno una larghezza alternativo definito nel foglio di stile CSS per lavorare con lo schermo del iPad.

Temi responsive

sistemi di gestione dei contenuti come Drupal, WordPress e Joomla utilizzano temi per controllare tutti gli elementi visivi di un sito web. Gli sviluppatori hanno cominciato a tema di programmazione temi di essere "sensibile", che significa semplicemente il progetto risponde al dispositivo che sta vedendo. Questi temi sono utili quando si progetta per il mobile, dal momento che il sito rileva che un telefono sia accesso al sito e mostra un design diverso. temi Responsive in grado di rilevare un iPad e regolare la visualizzazione in base alla larghezza e l'altezza dello schermo.

CSS

Anche se un sito viene eseguito un tema sensibile, non può essere configurato per trattare con visualizzazione portrait-mode dell'iPad. Alcuni temi sensibili visualizzerà la versione mobile di un sito sul grande schermo dell'iPad, mentre altri saranno a nudo elementi come le barre laterali del display principale e scendere sotto l'area di contenuto principale. CSS è completamente personalizzabile, in modo da progettisti Web possono modificare la larghezza di importanti elementi, come l'involucro contenuto o di divisione, per avere un contenuto Web visualizzato correttamente su un iPad. tweaking CSS è realmente necessario solo quando il codice del tema non formatta il sito piacevolmente sul iPad.