ti-enxame.com

Projetando para o IPad

Gostaria que meu site fosse acessível (por exemplo, totalmente utilizável) por meio do IPad.

O que eu preciso fazer?

2
George Stocker

Falando em geral (err ... escrevendo), tudo o que você precisa fazer é apontar para as regras HTML 5 e CSS3 específicas do Safari, para criar gradientes, sombras, etc.

Adicione algumas Tags específicas para dispositivos 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">

lembre-se de que você pode usar um css no modo horizontal e outro no modo 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"> 

a propósito, se você deseja criar um visual semelhante, recomendo que você veja JQtouch e Sencha

lembre-se de que alguns eventos não existem em um dispositivo de toque, como "clique" (embora essa maioria das vezes funcione bem), "passe o mouse ", etc ... O JQTouch e o Sencha já estão configurados para fornecer um evento" tap "e selecionar mais eventos Apple Dispositivos específicos.

5
balexandre

Existe uma ótima ferramenta on-line para a criação de web design direcionado para iPad:

ipadpeek.com

Oferece um emulador de iPad/Safari em tamanho real on-line.

4
Gary.Ray

Eu recomendo ter um dispositivo real para testar seu site enquanto você desenvolve.

3
Oren Hizkiya

Confira este artigo; Trata-se de uma técnica agradável para layouts líquidos que fará com que seu site fique ótimo em um iPad, monitor de 30 "e até mesmo em seu iPhone;) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

O iPad usa principalmente o navegador Safari - ou, pelo menos, sua própria versão, portanto, certifique-se de que haja um bom ponto de partida; se você não tiver um dispositivo para testá-lo, verifique primeiro o safari normal. A partir daqui, você deve encontrar um simulador.

Outros navegadores móveis podem ser baixados como aplicativos, eu sei que o opera acessa o próprio aplicativo para navegação, e o Firefox apenas percebeu a primeira versão, embora apenas na Nokia no momento.

0
Lizard

Como o navegador Safari no iPad é o navegador mais avançado na distribuição geral, você pode utilizar todas as técnicas mais recentes de CSS3 e HTML5 sem ter que invadir o suporte a navegadores antigos que não são compatíveis com os padrões.

0
Dan Gayle