it-swarm.it

Progettare per l'iPad

Vorrei che il mio sito Web fosse accessibile (ad esempio, completamente utilizzabile) tramite l'iPad.

Cosa devo fare?

2
George Stocker

Parlando in generale (err ... scrivendo) tutto ciò che devi fare è mirare alle regole HTML 5 e CSS3 specifiche di Safari, per creare sfumature, ombre, ecc ...

Aggiungi alcuni tag specifici dei dispositivi Apple like

<meta name="Apple-mobile-web-app-capable" content="yes">
<meta name="Apple-mobile-web-app-status-bar-style" content="black">
<meta name = "viewport" content = "width = device-width">

ricorda che puoi usare un css in modalità orizzontale e altri in modalità verticale

<link rel="stylesheet" media="all and (orientation:portrait)" href="css/portrait.css"> 
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/landscape.css"> 

se, comunque, vuoi creare un visual allo stesso modo nativo, ti consiglio di vedere JQtouch e Sencha

tieni presente che alcuni eventi non esistono in un dispositivo touch, come "clic" (sebbene la maggior parte delle volte funzioni semplicemente bene), "mousehover ", ecc ... JQTouch e Sencha sono già configurati per offrirti un evento" tap "e mouch più eventi Apple Dispositivi specifici.

5
balexandre

Esiste un ottimo strumento online per realizzare web design mirato per iPad:

ipadpeek.com

Ti offre un emulatore iPad/Safari full size online.

4
Gary.Ray

Consiglio vivamente di avere un dispositivo reale su cui testare il tuo sito mentre sviluppi.

3
Oren Hizkiya

Dai un'occhiata a questo articolo; Si tratta di una tecnica piacevole per i layout liquidi che renderà il tuo sito fantastico su un iPad, un monitor da 30 "e persino il tuo iPhone;) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

L'iPad utilizza principalmente il browser Safari - o almeno la sua versione, quindi assicurati che funzioni su un buon punto di partenza, se non hai un dispositivo su cui testarlo, controlla prima il normale safari. Da qui dovresti riuscire a trovare un simulatore.

Altri browser per dispositivi mobili possono essere scaricati come app, so che opera ha una propria app di successo per la navigazione, anche Firefox ha appena realizzato la prima versione, sebbene al momento sia solo su Nokia.

0
Lizard

Poiché il browser Safari sull'iPad è il browser più avanzato nella distribuzione generale, è possibile utilizzare tutte le più recenti tecniche CSS3 e HTML5 senza dover hackerare il supporto per i browser più vecchi non conformi.

0
Dan Gayle