Campus Online alpha
Desenvolvimento web para iPhone
Entendendo as caracteristicas para o desenvolvimento de sites e aplicações web para MobileSafari do iPhone e iPod Touch.
O iPhone é um novo dispositivo que merece atenção. Fazer versões mobile genéricas , para quebrar o galho do cliente ou visitante não funcionam com o iPhone. Toda a forma de desenvolvimento é diferente. O foco na experiência do usuário é algo raro em desenvolvimento para dispositivos móvel. Por isso, desenvolver para iPhone é algo novo e divertido.
Essa parte do Campus Online é dedicada apenas ao desenvolvimento de sites e aplicações para iPhone. Você encontrará videos e textos técnicos, escritos especialmente para que você desenvolvedor possa ter know-how suficiente para portar um site para iPhone.
Introdução
Desenvolvimento de sites é algo muito complicado. O engraçado é que você, que trabalha na área não sabe disso. Já fez as contas dos problemas que temos que prever e arranjar soluções para fazer um site funcionar e o cliente ficar feliz da vida? Saiba mais
O que é Viewport
O Viewport é a área útil do navegador. Quando você abre um browser, o viewport seria aquela parte branca, onde o site é exibido para o visitante.Saiba mais
Media Querie e UserAgent
Quando trabalhamos com Padrões Web, nós desenvolvemos os sites por camadas. Dividimos o desenvolvimento em 3 camadas básicas. Saiba mais
Textos sobre desenvolvimento e código
2. O Safari
- Um pouco de História
- Motor de Renderização WebKit
- MobileSafari e Safari para Desktop
- Limites dos recursos
- Renderização
- Interação com o usuário
3. Conteúdo compatível com o iPhone
- Seguir os padrões é essencial
- Coloque doctype
- Separe html e css
- Use xhtml bem estruturado
- Independencia de browsers
- Frames
- Evite frames
- Frames no iphone
- Utilize colunas e blocos
- Utilize Canvas para Vetor e animação
- Javascript Windows e Dialogs
- Suporta Rich Media MIME Types
- Links especiais
4. Configurando o Viewport
- O que é Viewport?
- Metatag Viewport
- Diferenças entre o Viewport do Safari do Desktop e do iPhone
- Entendendo a largura e a altura do viewport - width/height
- initial-scale e sua relação com o width
- Controlando o Double Tap - user-scalable
5. Estilos e Customização
- Ajustes de texto
- Elementos destacados
- Links de Telefone e Email
- Componentes de interface e Status Bar
- Especificando um ícone pra WebClip
6. Manipulando Formulários
- Modificando o visual dos campos
- Correção automática e Capitalização
7. Media Queries e User Agent
- MediaQueries comuns
- Especificando um CSS para o iPhone
- O UserAgent do Safari para iPhone
8. Eventos manuais
- Um dedo
- Dois dedos
9. CSS Transforms e Transitions breve
10. Criando uma versão para iPhone breve
- Revendo os Padrões de Interface
- Estruturando o XHTML
- Implementando o CSS
iPhone GUI PSD por Teehan + Iax
Arquivo PSD com elementos da interface de usuário do iPhone.
DownloadInterface do iPhone em PSD
Arquivo PSD contendo a interface full do iPhone, montada e pronta para usar.
DownloadExemplo de Puzzler
Exemplo de implementação Javascript simples em forma de jogo de Puzzler!
VisualizarReferência CSS do Safari
PDF com informações sobre referências do suporte ao CSS pelo Safari.
DownloadNão é cadastrado? Poxa, cadastre-se logo!
Temos três planos de acesso full ao Campus Online: 3, 30 ou 90 dias. Eles te dão acesso a todos os Vídeos e Apostilas. Se preferir, cadastre-se grátis para experimentar e ver os vídeos grátis disponíveis.
| Acesso Completo | 3 dias R$ 9,90 | 30 dias R$ 39,90 | 90 dias R$ 99,90 |
|---|---|---|---|
| Acesso Grátis | O cadastro grátis dá direito aos vídeos e textos liberados ao público. |
||
