Paulo de Tarso F. M. 24 Denunciar post Postado Setembro 24, 2008 Fala people! Olha só, já li tudo quanto foi tipo de material sobre desenvolvimento para dispositivos portáteis, mas até agora não consegui fazer funcionar direitinho. Então, criei este tópico com o intuito de reunir o maior número de informações possíveis sobre isso, para me ajudar e com certeza ajudar muita gente por aí que também tem as mesmas perguntas. 1) Criar uma folha de estilos especialmente para handhelds basta? 2) Não devemos utilizar unidades de medida fixas, como px, por exemplo (isso eu vi no Validador do W3C para mobiles [link mais abaixo]). Como vocês que já estão trabalhando com isso estão fazendo? Poderiam dar algumas dicas? 3) Em termos de servidor, há alguma coisa que deve ser feita para o meu site funcionar nesses dispositivos? 4) O .htaccess de alguma forma prejudica ou auxilia nessa questão? 5) Hoje mesmo eu vi um Doctype específico de mobile: <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">Eu tenho que utilizar esse DTD para fazer tudo isso funcionar? (Ou isso só é necessário caso o site possua sua versão própria para mobiles?O site onde encontrei esse Doctype é do Yahoo! próprio para mobiles - http://br.m.yahoo.com/). 6) Para criar páginas específicas, é necessário utilizar o encoding UTF-8? 7) Esse é o link do Validador do W3C para mobiles (versão beta) - http://validator.w3.org/mobile/. Alguém já o utiliza? Quem já o utiliza, recomenda seu uso, mesmo sendo uma versão beta? Bom, é isso pessoal. Espero que essa discussão sirva de apoio para muita gente (e acredito que se realmente houver a cooperação que eu gostaria, pode ser um material único!). Abraço! Compartilhar este post Link para o post Compartilhar em outros sites
nknk 3 Denunciar post Postado Setembro 25, 2008 Eu não conheço mto sobre que linguagem utilizar para celular, mas eu consegui criar uma página simples sem folha de estilo e acessa-la no meu celular motorola. Então basicamente utilizei uma imagem logotipo pequena, as tags <h1><h2><h3><hr><ul><li><br><strong><em> e todas elas funcionaram e carregaram no meu celular, inclusive ancoras. Acho que ele não carregaria se tivesse divs no formato 3 coluna, 4, 2 ... divs alinhadas lado a lado. Na verdade eu utilizei a tag body e coloquei a fonte verdana tamanho, cor. Compartilhar este post Link para o post Compartilhar em outros sites
Ariel Branco 0 Denunciar post Postado Setembro 25, 2008 Fala Paulo, tem alguns problemas em implantar o sistema mobile em site. Primeiro, não existe um padrão para resolução, imagens ou codigos pois Exitem tipos diferentes de aparelhos, com diferentes tecnologias e interfaces. Segundo, é necessário várias linhas de codigo para identificar o navegador e tornar seu site inteligente para saber se eh um computador, palm, celular, smartphone.... mas nunca está 100% completo. Terceiro, Quando você terminar de construir seu site em wap 1.0 ou wap 2.0 já modificaram os navegadores e lançaram pelo menos 100 aparelhos no mercado. Conclusão, desenvolva sites em html comum para sistema mobile wap 2.0, evite colocar flash (por enquanto) e nas imagens coloque uma resoluçao de até 400 px. Caso queira aparelhos antigos utilize wap 1.0 nas tags simples (<br> <herf>), e nas imagens coloque até 300px e tente utilizar o formato wbmp <html xmlns="http://www.w3.org/1999/xhtml"> </html> PortalCMD Absolutamente TUDO sobre Conceição do Mato Dentro Compartilhar este post Link para o post Compartilhar em outros sites
Paulo de Tarso F. M. 24 Denunciar post Postado Setembro 29, 2008 E alguém sabe me dizer como proceder para se criar um subdomínio do tipo wap.nomedosite.com.br? O que eu tenho que fazer para, quando alguém acessar o site de um dispositivo móvel, ele redirecionar automaticamente para este subdomínio? (Sites como UOL, Yahoo!, Cinemark, fazem isso... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif) Compartilhar este post Link para o post Compartilhar em outros sites
Aprendiz CSS 3 Denunciar post Postado Setembro 29, 2008 eu acho que ele verifica o tipo de navegador que está chegando via javascript e faz o redirect! abraço Compartilhar este post Link para o post Compartilhar em outros sites
Paulo de Tarso F. M. 24 Denunciar post Postado Setembro 29, 2008 Com javascript não acredito que seja, pois estou testando com o site da minha empresa, e JS não funciona ao navegar com um handheld... :unsure: Por exemplo, validação do formulário: se eu não fizesse a validação no server-side também, já era... Alguém sabe como se faz? Compartilhar este post Link para o post Compartilhar em outros sites
Guilherme Rambo 4 Denunciar post Postado Setembro 30, 2008 1) Criar uma folha de estilos especialmente para handhelds basta? Na maioria dos casos sim. No entanto, alguns navegadores mobiles pegam como padrão a folha de estilos screen do site, pois muitos desenvolvedores não fazem CSSs específicos para mobiles (eu sou um deles). 2) Não devemos utilizar unidades de medida fixas, como px, por exemplo (isso eu vi no Validador do W3C para mobiles [link mais abaixo]). Como vocês que já estão trabalhando com isso estão fazendo? Poderiam dar algumas dicas? Se o navegador do handheld for bom, ele vai redimensionar tudo certinho mesmo não estando em %. Mesmo assim é melhor procurar utilizar valores relativos para construção dos layouts, tanto pela mobilidade quanto pela acessibilidade. 3) Em termos de servidor, há alguma coisa que deve ser feita para o meu site funcionar nesses dispositivos? Existe um controle que pode ser feito no Apache para redirecionar o tráfego vindo de mobiles para uma versão do site (algo que eu não acho legal, visto que assim precisa-se manter dois sites). 4) O .htaccess de alguma forma prejudica ou auxilia nessa questão? Se for fazer um redirecionamento o .htaccess é a melhor forma de fazê-lo. 5) Hoje mesmo eu vi um Doctype específico de mobile: CODE <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> Eu tenho que utilizar esse DTD para fazer tudo isso funcionar? (Ou isso só é necessário caso o site possua sua versão própria para mobiles? O site onde encontrei esse Doctype é do Yahoo! próprio para mobiles - http://br.m.yahoo.com/). Creio que não seja necessário. Sempre utilizei o doctype strict para mobiles e costuma dar certo. Só não uso xhtml, uso html 4. 6) Para criar páginas específicas, é necessário utilizar o encoding UTF-8? Não necessariamente, mas o UTF-8 é um encoding unicode, que reúne diversos charsets ocidentais, sendo assim, para evitar conflitos de caracteres tanto em mobiles quanto em desktops, é o ideal. 7) Esse é o link do Validador do W3C para mobiles (versão beta) - http://validator.w3.org/mobile/. Alguém já o utiliza? Quem já o utiliza, recomenda seu uso, mesmo sendo uma versão beta? Não utilizo e não recomendo até que esteja em uma versão estável. []'s Compartilhar este post Link para o post Compartilhar em outros sites
nknk 3 Denunciar post Postado Março 2, 2009 Eu acesso um página simples no w375 motorola, sem muitas figuras apenas como a linguagem que citei no post acima sem precisar de cabeçalho redirecionamento. Compartilhar este post Link para o post Compartilhar em outros sites
Scaico 0 Denunciar post Postado Março 3, 2009 E alguém sabe me dizer como proceder para se criar um subdomínio do tipo wap.nomedosite.com.br? O que eu tenho que fazer para, quando alguém acessar o site de um dispositivo móvel, ele redirecionar automaticamente para este subdomínio? (Sites como UOL, Yahoo!, Cinemark, fazem isso... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif) Pelo que eu me lembre, na Locaweb você pode definir "m.dominio.com.br" como subdominio para mobile. Ou mesmo o "wap.dominio.com.br". Basta ir no gerenciador de DNS. Eu havia feito um teste, semanas atras, desenvolvendo para iPhone/iPod Touch usando jQuery: http://www.scaico.net/testeipod/ Ele fica perfeitinho num iPod Touch ou iPhone... Sem rolagem horizontal... E se o site for feito inteiramente com o jQuery, nao requer "navegação", auxiliando em 2 coisas: O site fica "salvo" na memoria e pode ser consultado mesmo sem conexão e permite a criação de um icone caso o usuario queira salvar um atalho pro site no "dock" do iPhone. Podem perceber que existem 2 Metas tags especificas: <meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> Para limitar a largura e o zoom que o usuario pode dar no site. <meta name="apple-mobile-web-app-capable" content="yes" /> Para permitir que a pessoa salve um atalho no dock. Contudo, eu acho que o iPhone não é uma boa referencia quando o papo é mobile... O Safari dele é quase um navegador completo. Se funciona no Safari comum, funciona no iPhone. Claro que criar uma versão especifica para iPhone é válido... Mas eu acho muito menos "urgente" do que criar uma versão "light" para outros handhelds. E nisso entra a questão número 1 feita: Criar uma folha de estilos especialmente para handhelds basta? Na MINHA opinião, eu acho que sim. Desde que seja uma folha de estilos estupidamente simplificada. Um "meio-termo" entre a folha de estilos screen e o HTML puro. Algo que deixe o site bem apresentável, estruturado e tudo o mais, mas que não se apegue tanto a um layout quanto uma folha de estilos screen. Pois como foi citado, são tanto modelos de handhelds, resoluções, posições (vertical/horizontal) que não dá para prever tudo. De resto, o Inside respondeu tudo que precisava responder. \o Compartilhar este post Link para o post Compartilhar em outros sites
Paulo de Tarso F. M. 24 Denunciar post Postado Março 3, 2009 Eu tinha me esquecido desse tópico... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Bom, para contribuir, vou colocar o que eu consegui descobrir nesse meio tempo e também o que li por aí envolvendo o assunto (e ao mesmo tempo irei responder algumas das perguntas que fiz). Lá na primeira pergunta, eu tinha colocado: 1) Criar uma folha de estilos especialmente para handhelds basta?Pois bem, pessoal, pelo que li a respeito, não adianta muito não... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif A maior dificuldade está com a propriedade display: dispositivos móveis não reconhecem esta propriedade (pode ser que hoje já suportem, mas há uns 3, 4 meses atrás, não era, segundo o W3C). Infelizmente não tenho a fonte de onde tirei isso... Então, se você tem uma estrutura e quer "esconder" as partes não-importantes para os dispositivos móveis, como fotos grandes, menus completos, etc., bastaria definir um display:none e pronto... Mas, como falei, como os mobiles não interpretam essa propriedade, elas serão exibidas do mesmo jeito. Pessoal, vale lembrar que não mexo com isso há uns 3, 4 meses, então pode ser que já tenha mudado isso (tomara!), já que nossa área avança a cada semana praticamente... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif 2) Não devemos utilizar unidades de medida fixas, como px, por exemplo (isso eu vi no Validador do W3C para mobiles [link mais abaixo]). Como vocês que já estão trabalhando com isso estão fazendo? Poderiam dar algumas dicas?Como existem milhares de dispositivos que acessam a internet, cada um tem uma dimensão de visor diferente, então seria mesmo complicado utilizar unidades fixas, pois em um pode "estourar", enquanto que em outros pode ficar menor... Ou seja, acredito que trabalhar com unidades relativas seja realmente uma melhor opção. 3) Em termos de servidor, há alguma coisa que deve ser feita para o meu site funcionar nesses dispositivos?No servidor eu não alterei nada, o que fiz foi utilizar um script PHP que redireciona o usuário caso o dispositivo seja móvel: http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Detect Mobile Browsers Ah! Uma outra questão do porque se criar uma página específica para mobiles é que já existe o Doctype, como eu mesmo citei no primeiro post. Ou seja, se o W3C realmente pretende recomendar o uso deste DTD, então não tem jeito, teremos que criar dois sites... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif Mas até onde isso seria vantajoso, visto que, como o #INSIDE# falou, teremos que manter dois sites? :mellow: Bom, as outras perguntas já estão meio que inclusas acima... Mas isso foi tudo que consegui descobrir na época em que tive a oportunidade de desenvolver o site da minha empresa. Se alguém tiver a oportunidade de navegar por um dispositivo móvel, aqui está o link do site, que será redirecionado para um domínio wap: http://www.incon-info.com.br. Se esse cenário já mudou, vamos colaborar então, coloque aqui suas dificuldades e sucessos neste campo, para que possamos montar um material de apoio para quem precisa... Ah! Eu não tive condições de testar em iPhone, mas o script que mostrei tem o redirecionamento para o iPhone também. Mas como o Scaico falou, o iPhone é um dispositivo móvel à parte, afinal, ele tem um browser quase que completo, igual a um desktop... Por isso ele recebe uma "atenção especial"... Se alguém tiver condições de testar e nos passar os resultados obtidos, agradeceremos... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Compartilhar este post Link para o post Compartilhar em outros sites
Scaico 0 Denunciar post Postado Março 3, 2009 Paulo, acabei de testar o site de vocês no iPod Touch (vale como iPhone tambem) e ficou perfeito. Se você simplesmente redimensionar o seu navegador para 320x480, verá como ele aparece no iPod/iPhone. As duas únicas considerações que eu tenho a fazer não são "falhas"... Apenas possíveis melhorias se vocês acharem pertinente: 1 - Colocar os links do menu no <li>, para que toda a área vermelha seja clicavel, não apenas o texto. 2 - Se possível, aumentar um pouquinho a altura dos <li>. Atualmente está com 20px e pode ser difícil de clicar se o usuário tiver o dedo um pouco mais "gordinho". Sei que os 50px que usei no meu teste foram um pouco exagerados, mas talvez uns 30, 35... Isso vale praticamente só para iPod/iPhone por uma razão: quase nenhum usuário desses dispositivos tem "canetas" para clicar. Essas canetas especificas de iPod são difíceis de se encontrar por um preço decente, então todo mundo usa o dedão mesmo. E outras canetas (de Palm, por ex) não funcionam. :( Gostaria de continuar discutindo o assunto com a galera aqui... Pena que nem todo mundo está dando atenção pra esse tópico. Mas uma discussão mais teórica, voltada para o mercado, essas coisas. Por ex: Paulo, pq você não instala um script do Google Analytics no site WAP para checar quantas pessoas acessam, quais os dispositivos mais usados, resoluções, essas coisas? Acho que seriam dados bem legais pra gente estudar. :D Compartilhar este post Link para o post Compartilhar em outros sites
Guilherme Rambo 4 Denunciar post Postado Março 3, 2009 Paulo, aqui está o site no iPhone: Imagem Seria bom seguir as dicas do Scaico. Compartilhar este post Link para o post Compartilhar em outros sites
Paulo de Tarso F. M. 24 Denunciar post Postado Março 3, 2009 Obrigado Scaico e #INSIDE# pela avaliação... O único problema é: o menu não pode ser aplicado o estilo "block", justamente pelo motivo que a maior parte dos mobiles não a interpretam... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif Esse site eu não fiz uma versão para o iPhone, justamente porque não tinha como testar... Essa versão visualizada eu testei em um Palm apenas, com uma largura de tela um pouco menor do que a do iPhone... Então, para seguir as dicas do Scaico, eu teria que criar a versão do iPhone... Mas agora não dá... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Mas tá anotado aqui a inclusão do Analytics... Nem tinha lembrado dele... http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif Compartilhar este post Link para o post Compartilhar em outros sites
Scaico 0 Denunciar post Postado Março 3, 2009 E se você somente der um padding-top e padding-bottom de, digamos, 5px cada no <li>? Isso aumentaria o espaço :) Compartilhar este post Link para o post Compartilhar em outros sites
Jair Humberto 2 Denunciar post Postado Fevereiro 5, 2010 Gente, desculpe por estar ressuscitando esse tópico. Por indicação do Paulo de Tarso vi esse tópico e achei melhor postar aqui, já que o objetivo é que ele se torne uma fonte valiosa de informações para esse tipo de desenvolvimento. Tenho uma dúvida: Todos vocês utilizaram WML(WAP)? Eu estou usando CSS e HTML normalmente, pois estou criando uma versão de um e-commerce para acesso de Smartphones. A empresa onde trabalho é que pediu isso; mas pediu que fosse exclusivo para vendedores externos de empresas que são nossas clientes. E esse serviço pra eles é de muita utilidade. Num futuro próximo será liberado também para o publico geral. Como a maioria das funções é feita pelo PHP e eu estou evitando depender de Javascript e cookies, não creio que a parte das funcionalidades será problemática. O problema que estou enfrentando é o HTML e as CSSs. Como a empresa onde trabalho é parceira da Microsoft, optou por incentivar a compra de aparelhos com Windows Mobile, e vai optar por poucos modelos para indicar para seus clientes. Mas ainda existe um problemão: O Windows Mobile tem como navegador padrão o Internet Explorer. Infelizmente a Microsoft conseguiu lançar a pior versão de navegadores mobile que existe. Não renderiza nada direito. Ou então é eu que estou fazendo tudo errado; porém, já desenvolvo sites com CSS e HTML há algum tempo (cerca de 5 anos), e não creio que o problema esteja comigo, ou pelo menos todo ele, pois nessa área estou começando agora, embora já tenha lido um pouco a respeito anteriormente. Não tenho a intenção de utilizar WML, pelo menos enquanto eu ver que existe outra opção. Então já começei com HTML e CSS mesmo. Como todos os clientes terão que utilizar SmartPhones como pré-requisito para usar o e-commerce, e todos eles têm navegadores (e principalmente porque a empresa vai indicar os que vem com Windows Mobile), estou bem mais tranqüilo com a questão de diversidade de aparelhos, OSs e navegadores. No link abaixo, encontrei um site que mostra as limitações do CSS de cada "mini" navegador e em diversos aparelhos diferentes: http://www.quirksmode.org/m/css.html Meu problema inicial (se possível alguém me ajude! :mellow:) é que o IE6 mobile não renderiza de forma correta o elemento TABLE, pois cada célula da tabela (TD ou TH) é apresentada em uma linha separada como se fosse um TR, não sei se em dispositivos portáteis, esse é o padrão correto. Como quero usar o elemento TABLE para apresentar os itens do pedido no carrinho, eu preciso que os títulos(THs) sejam mostrados realmente como títulos e não como lista Alguém sabe algo sobre isso? Parece que a Microsoft disponibilizou, no link abaixo, os elementos HTML e WML que o Internet Explorer Mobile renderiza corretamente (não sei se entendi certo). Entre eles, está o TABLE, porém eu acho que não está funcionando corretamente: http://msdn.microsoft.com/en-us/library/bb415489.aspx Estou utilizando um emulador do windows mobile 6 que roda sobre o Windows do PC para fazer os testes . Já que as baterias dos smartphones têm uma autonomia muito baixa (cerca de 2h) quando acessamos a rede de dados 3G, não dá pra ficar testando no próprio aparelho, (fora que a usabilidade é ruim, como o teclado onscreen, manuseado pela caneta :(). Quem tiver interesse nesse emulador aí está o link: http://www.pdaexpert.net/downloads/windows-mobile/windows-mobile-6-emulator-localized-images/, Eu baixei a versão profissional e configurei a rede pelo menu file(do emulador). Não é nada tão complicado e há artigos na Internet que ajudam, é só dar uma pesquisada no google. Se o moderador achar que esse tópico estava morto a muito tempo e que não merece ser ressuscitado então pode apagar esse post que eu escrevo no post que abri. :) Espero que possam me ajudar no meu problema lá do elemento TABLE. :mellow: Compartilhar este post Link para o post Compartilhar em outros sites
Paulo de Tarso F. M. 24 Denunciar post Postado Fevereiro 5, 2010 Olá meu caro Jair Humberto, não considero ressuscitar o tópico porque, como eu disse no começo, minha idéia era juntar tudo o que eu (e nós todos) conseguíssemos sobre mobile em um único post, isso facilita bastante justamente porque ainda não é muito bem abordado (eu acho)... Bom, testar realmente é um problemão. Quando eu trabalhei com mobile, na época eu testei apenas em um Palm... Mas uma coisa que você citou e que eu vejo como um ponto positivo e não como negativo: a questão da usabilidade ruim dos teclados... Eu acredito que seria muito mais interessante que os testes fossem feitos nesses dispositivos justamente porque os usuários finais terão que utilizá-los! Tem coisa melhor? http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Liga direto na tomada e deixa lá, plugado... rsrsrs... Bom, vamos lá, deixa eu tentar ajudar. Quais são os problemas de renderização que você encontrou? Se possível, nos mostre imagens de como você gostaria que ficasse e outra mostrando como está... Abraço! Compartilhar este post Link para o post Compartilhar em outros sites
Jair Humberto 2 Denunciar post Postado Fevereiro 6, 2010 Olá Paulo, não tenho como acessar nenhum local para hospedar imagens pois estou no serviço :/, mas o problema é simples. estou com o seguinte código: <table border="1"> <tr> <td>Desc</td> <td>Qnt</td> <td>un</td> <td>Tot</td> </tr> </table> Aparece na tela do Smartphone como uma lista, assim: Desc Qnt un Tot quando o correto seria em uma só linha: Desc Qnt un Tot Esse é o primeiro problema que encontrei. Compartilhar este post Link para o post Compartilhar em outros sites
Paulo de Tarso F. M. 24 Denunciar post Postado Fevereiro 6, 2010 Olá Paulo, não tenho como acessar nenhum local para hospedar imagens pois estou no serviço Olá Jair. Nesses casos, pode utilizar esses serviços de upload gratuito de imagens http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Mas vamos lá, vamos tentar descobrir o que pode ser. Pesquisei agora pela manhã uma série de sites que abordam a questão de desenvolvimento para mobile, e encontrei alguns interessantes para listar. http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Testando tabelas e imagens: http://cameronmoll.com/articles/mobile/mkp/pg3.html Esse link contém algumas imagens e tabelas para serem testadas. Acesse em um desktop e acesse por meio de um dispositivo móvel e compare. Se possível, acesse pelo dispositivo que está apresentando esse problema com a tabela e veja se o problema persiste. http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Testando o media type: http://htmldog.com/test/handheld.html Esse link mostra se o dispositivo está utilizando o media type correto (screen, handheld) de acordo com o dispositivo de acesso à página. http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Mobile Meta Tags: http://learnthemobileweb.com/2009/07/mobile-meta-tags/ Nesse link são mostradas algumas meta tags específicas para mobile. Entretanto, hoje existem as media queries também, mas convém um estudo mais aprofundado para perceber as diferenças entre eles. http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Media Queries: http://www.tableless.com.br/introducao-sobre-media-queries http://www.tableless.com.br/versionamento-inteligente-para-mobiles É só ler... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Simuladores de browsers mobiles: http://www.tableless.com.br/simuladores-de-browsers-mobiles http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Lista de tags XHTML suportadas por dispositivos móveis: http://htmllint.itc.keio.ac.jp/htmllint/tagslist.cgi?HTMLVersion=XHTML-MP Essa lista deve ser testada para verificarmos se realmente está atualizada ou não, quem puder auxiliar nessa questão... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Algumas dicas: http://carsonified.com/blog/mobile/coding-for-the-mobile-web/ Nesse site são mostradas algumas dicas sobre a questão de como desenvolver para dispositivos móveis. Vale a pena dar uma olhada mais profunda nesse conteúdo também... Bom, é isso. Vamos caminhando nessa questão... E boa sorte! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Compartilhar este post Link para o post Compartilhar em outros sites
Jair Humberto 2 Denunciar post Postado Fevereiro 8, 2010 Poxa Tarso, fiquei até envergonhado agora. Estou mostrando que tenho muito aprender ainda. Estou tendo problemas de usuário rsrsrs; obrigado pelos links, aprendi muito sobre as medias queries. O problema apresentado foi o mesmo nos links de teste que você passou, até que eu achei o link abaixo: http://xman892.blogspot.com/2007/07/internet-explorer-mobileone-column.html então eu percebi que basta fazer a seguinte "programação HTML e CSS": clicar em Menu > Exibir > Ajustar a tela (ou área de trabalho). Estava marcado "uma coluna", o que obrigava o IE a renderizar tudo como uma coluna :huh: De acordo com as experiências que eu for tendo e que eu achar que pode ser de ajuda vou postando aqui para enriquecer o tópico. Sem mais, agradeço muito pela sua disposição de ajudar. Compartilhar este post Link para o post Compartilhar em outros sites
BDore 0 Denunciar post Postado Fevereiro 8, 2010 Jair, se eu entendi sua questão, o site só funciona da forma que você pretende configurando o browser do usuário. Vai ficar complicado quando isso for para produção. Eu tentaria resolver a questão de outra forma. Sinto a sua dor, o IE Mobile é bizarro de ruim. O que o Paulo postou como "lista de tags XHTML suportadas por dispositivos móveis" é na verdade o XHTML MP (mobile profile), modalidade do XHTML específica para dispositivos móveis. Vale dar uma pesquisada no site da W3C sobre isso. A lista de suporte ao CSS no quirksmode é excelente, valeu. Um doce para quem achar uma tabela parecida para o XHTML MP. :) Eu já desenvolvi sites para celular usando xhtml strict e css normalmente, sem usar nenhuma linguagem específica para dispositivos móveis. Só tive problemas com o IE Mobile mas como isso não era um requisito do projeto e a base de usuários desse browser era praticamente nula, deixei estar. O celular está cada vez mais poderoso e está se aproximando cada vez mais do desktop no que diz respeito à web e browsers. Eu não acho que vale a pena passar toda a provação de aprender/desenvolver/debugar/adquirir experiência em uma linguagem específica para celulares. A questão do design de interação porém merece atenção especial. abcs Compartilhar este post Link para o post Compartilhar em outros sites
