it-swarm-fr.com

Concevoir pour l'IPad

J'aimerais que mon site Web soit accessible (par exemple, pleinement utilisable) via l'IPad.

Qu'est-ce que je dois faire?

2
George Stocker

Parler de façon générale (euh ... écrit), il vous suffit de viser les règles CSS3 spécifiques à HTML 5 et Safari, pour créer des dégradés, des ombres, etc.

Ajouter des balises Apple Devices Specific comme

<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">

rappelez-vous que vous pouvez utiliser un CSS en mode horizontal et d'autres en mode vertical

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

si vous voulez créer un visuel natif, je vous recommande de voir JQtouch et Sencha

gardez à l'esprit que certains événements n'existent pas dans un périphérique tactile, comme le "clic" (même si cette majorité de fois ne fonctionne pas correctement), "mousehover ", etc ... JQTouch et Sencha sont déjà configurés pour vous donner un événement" taper "et mouchiller plusieurs événements Apple Périphériques spécifiques.

5
balexandre

Il existe un excellent outil en ligne pour la conception de sites Web ciblés sur iPad:

ipadpeek.com

Vous donne un émulateur iPad/Safari en taille réelle en ligne.

4
Gary.Ray

Je recommande fortement de disposer d'un appareil réel pour tester votre site au fur et à mesure de votre développement.

3
Oren Hizkiya

Consultez cet article. Il s’agit d’une technique intéressante pour les mises en page liquides qui donnera à votre site une superbe apparence sur un iPad, un moniteur 30 "et même votre iPhone;) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

L'iPad utilise principalement le navigateur Safari, ou sa propre version. Assurez-vous qu'il fonctionne correctement. Si vous ne disposez pas d'un appareil pour le tester, vérifiez d'abord le safari normal. De là, vous devriez pouvoir trouver un simulateur.

D'autres navigateurs mobiles peuvent être téléchargés en tant qu'applications, je sais que opera possède sa propre application pour la navigation, et firefox vient de réaliser sa première version, bien qu'elle ne soit disponible que sur Nokia pour le moment.

0
Lizard

Le navigateur Safari de l'iPad étant le navigateur le plus avancé de la distribution générale, vous pouvez utiliser toutes les dernières techniques CSS3 et HTML5 sans avoir à modifier le support des navigateurs plus anciens non conformes aux normes.

0
Dan Gayle