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.
Tabela de referência (cheatsheet) de jQuery para iPhone
Posted by Dirceu | Filed under jquery, docs, cheatsheet, iphone, jtouch, uncategorized
Ter uma tabela de referências em mãos, com as funções disponíveis na linguagem de programação ou framework que você está utilizando ajuda muito.
Manter essa tabela sempre aberta, e não em outra aba do navegador também é um bom truque, que evita o desvio de atenção.
A Colorcharge preparou uma versão especial para iPhone da documentação do jQuery. Com o nome de jTouch o projeto deixa as funções e formas de uso do jQuery na ponta do dedo (aha).
Quem não possui o aparelho da Apple, pode também imprimir uma versão pronta para o formato A4. Check this out.
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 :)