iPhone/iPod Touch Safari Zoom
Posted by Dirceu | Filed under development, dev, ipod-touch, javscript, iphone, safari, webkit, uncategorized
Eu precisava de uma maneira de exibir um conteúdo na tela do iPhone/Touch sempre do mesmo tamanho, independente do zoom usado no navegador (Safari/Webkit).
Então pesquisei algumas propriedades da tela e cheguei ao JavaScript que pode ser visto em ação aqui: iPhone Viewport/Zoom Test.
No aparelho ou no simulador tente dar zoom na imagem e você vai perceber que ela continuara do mesmo tamanho na tela.
Ninjas JS: fiquem a vontade para ganhar dinheiro a partir desse exemplo.
jQuery Touch - Desenvolvimento Web para iPhone
Posted by Dirceu | Filed under jquery, phonegap, motherapp, dev, iphone, safari, uncategorized
Na última semana reuni vários novos skills de desenvolvimento para iPhone. Não foi fácil. O pessoal que desenvolve para a plataforma parece que não curte muito compartilhar o que sabe... foda...
Seguindo a dica do @evertonfraga fui dar uma brincada com um plugin do jQuery que facilita a diversão com as funções de touch (touchstart, touchend, touchmove) e com a API de gestures (gesturestart, gesturechange, gestureend): jQuery Touch.
O problema é que versão original tem algumas cagadas jumentais.
O cara chamava N! vezes a função $() do jQuery e isso deixava o Safari puto (digo, muito lento).
Uma das utilizades da "função $()" do jQuery é buscar um elemento na página.
Na mais rápida das hipóteses, a busca pode ser feita pelo id, tipo $('#content'), o que vai encadear uma chamada ao método document.getElementById('content') do navegador.
No WebKit/Safari essa função é bem rápida e chamar ela em um computador normal não deve deixar nada lento, mas meu amigo, no iPhone é outra história.
Arrumei rapidinho e agora tudo roda mais suave. Com o tempo devem surgir mais melhoras, mas você já pode se divertir também ...
Safari haz CSS Superpower
Posted by Dirceu | Filed under sqlite, apple, html-5, w3c, iphone, safari, webkit, uncategorized, css, gps
O pessoal da Apple que trabalha no projeto do WebKit vem fazendo um ótimo trabalho nos últimos dois anos. Na véspera de lançamento do iPhone a equipe apresentou o mais avançado navegador da atualidade. A quantidade de padrões da W3C implementados e as possibilidades que temos para desenvolvimento no iPhone são enormes.
Atualmente algumas técnicas permitem a site desenvolvidos para iPhone o acesso ao acelerômetro.
É uma pena que o acesso não é o mesmo possivel com aplicações escritas em Objective-C.
Inspirado por esses avanços do CSS3, principalmente quanto o uso da função "transition", eu criei o "Safari haz CSS Superpower". A página tem a intenção de me ajudar a acompanhar o que acontece no desenvolvimento do WebKit (nome do engine do Safari), o navegador mais avançado do momento.
Para visualizar a página é necessário abrir no navegador Safari :)
Sombras e bordas também são cortesias do CSS3.
Como foi lembrado pelo @laka, o Chrome também usa WebKit :)