browser mobile - safari
TRANSCRIPT
Ambiente Mobile
Atividades e conceitos da aula:
- Características gerais dos browsers
- Características gerais dos mobile browsers
- Gerar relatório das experiências de navegação nos
dispositivos móveis
Ambiente Mobilebrowsers
Desenvolver para web significa, principalmente, desenvolver para navegadores web.
Ambiente MobileThe Web Kit
Ao desenvolver sites para mobile em dispositivos Apple tenha em mente um único browser – Safari.
Ambiente MobileThe Web Kit
Desenvolvido com base no Webkit Engine
* Webkit Engine - motor de renderização de páginas
* Leve e renderiza páginas de acordo com as recomendações mais recentes do W3C
* Implementa seus próprios projetos através do prefixo –webkit-
Ambiente MobileThe Web Kit
Desenvolvido com base no Webkit Engine
http://www.webkit.org/
Ambiente MobileThe Web Kit
Webkit Engine - Poster Circle
https://www.webkit.org/blog-files/3d-transforms/poster-circle.html
Ambiente MobileThe Web Kit
Morphing Power Cubes
https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html
Ambiente MobileThe Web Kit
Campo de Busca Inteligente e UnificadoCampo único para termos de pesquisa e endereços web
Top Hit - assim que você começa a digitar, o Safari sugere resultados o mais próximo do que você deseja através de seus favoritos e histórico e
nos termos mais buscados no Google, Yahoo!, Bing ou Baidu
Ambiente MobileThe Web Kit
Organização por Abas. Dividir para conquistar.Mostra em um único lugar todas a páginas que estão abertas.
É só juntar e separar os dedos para ver todas as abas abertas.
Deslize para esquerda ou para direita para passar de uma para outra e dê um toque na aba para ir direto para o site.
Ambiente MobileThe Web Kit
Abas do iCloud. Fique preso ao assunto. Não ao dispositivo.As Abas do iCloud deixam os últimos sites que estavam abertos no Mac, disponíveis no Safari do
seu iPad, iPhone e iPod touch e passa de um dispositivo para outro sem ter que procurar de novo as páginas que estava usando.
Sem precisar sincronizar nada. Por questão de privacidade as URLs ficam codificadas
Ambiente MobileThe Web Kit
Compartilhamento Integrado. Conte com ele para contar tudo.
Compartilhe tudo o que estiver na web de onde estiver, sem sair do Safari.
No botão Compartilhar é possível escolher como enviar o conteúdo:
E- Mail - formato Leitura / PDF ou só o link | Facebook | Twitter.
Ambiente MobileThe Web Kit
Desempenho ainda melhor. Navegar agora é voar.
Mecanismo Nitro JavaScript - aproveita as vantagens dos vários núcleos de processamento do Mac, o que diminui as pausas e a lentidão na
navegação no Safari.
Novo enfoque à CSS que agiliza a apresentação das páginas.
Aceleração aprimorada de hardware e apresentação em 2D dos textos e elementos gráficos - mais rápida e com rolagem mais facilitada.
Ambiente MobileThe Web KitMais recursos novos do Safari
Maior privacidade -Navegação Provada - Do Not Track - envia uma solicitação para que os sites não controlem o seu comportamento online.
Lista de Leitura, mesmo offline - O Safari armazena conteúdo das suas páginas na sua Lista de Leitura para que você possa ler mesmo quando não tem uma conexão com a Internet
Aprimoramentos para usuários chineses- Baidu, o popular mecanismo de busca chinês, já está disponível como opção integrada ao campo de busca. No Mountain Lion, o Sina Weibo, o também popular serviço de microblog chinês, está presente no menu Compartilhar.
Ambiente MobileThe Web Kit
Recursos para desenvolvedores
O Safari aceita a edição mais recente do padrão JavaScript, ECMA 262 versão 5.1
A API Web Audio permite que desenvolvedores criem e personalizem efeitos de áudio em aplicativos web interativos com conteúdo rico de
mídia.
Aceita sincronização de mídia HTML5 para as páginas que precisam de integração de tempo entre vários elementos de mídia e texto, como as
legendas, descrições e capítulos.
Ambiente MobileThe Web Kit
Recursos para desenvolvedores - Burocracia
Para trabalhar na área de desenvolvimento de aplicativos para produtos Apple - Safari / iOS - É necessário realizar um cadastro exaustivo, ter
conta no iTunes, informar o propósito de desenvolvimento por ser uma arquitetura privada.
No entanto, pela qualidade dos materiais e exemplo, vale a pena
realizar o cadastro!
Ambiente MobileThe Web Kit
Safari - Center Developer - Vídeos
Ou tem MAC ou iTunes
https://developer.apple.com/videos/wwdc/2012/
Ambiente MobileThe Web Kit
Safari - Center Developer
https://developer.apple.com/devcenter/safari/index.action
Ambiente MobileThe Web Kit
Safari - Center Developer - Material Técnico
https://developer.apple.com/library/safari/navigation/index.html
Ambiente MobileThe Web Kit
Safari - Center Developer - Downloads de Exemplos
https://developer.apple.com/library/safari/navigation/index.html
Ambiente MobileThe Web Kit
Safari - Center Developer - How Tos - FAQ + Forum
https://developer.apple.com/library/safari/navigation/index.html#section=Resource+Types&topic=Coding+How-Tos
Ambiente MobileThe Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/
Ambiente MobileThe Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/typography.php
Ambiente MobileThe Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/showcase/gallery/
Ambiente MobileThe Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/showcase/threesixty/
Ambiente MobileThe Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/Checkers/
Ambiente MobileThe Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/LightTable/
Ambiente MobileThe Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/OfflineCalendar/