CSS para Dispositivos Móveis

Postado em October 24th, 2007 | Algo sobre Acessibilidade, CSS, Mobile

Nokia E62

Depois de um tempo ausente estou de volta, e mais inspirado do que nunca, brevemente falarei sobre o motivo da inspiração, mas vamos ao que interessa.

Recentemente adquiri um Smarthphone Nokia E62 , que aliás, recomendo para a maioria dos profissionais de informática.

MSN, acesso aos meus emails, Gmail, Google Maps, editor de textos, planilhas e apresentações, browser que renderiza similar aos browsers desktop , entre outras ferramentas que ainda estou tentando descobrir como funciona, detalhes que podem ser bastante úteis… Ah,  ele também liga.

Voltando ao foco do post, assim que  adquiri o aparelho, veio com ele a curiosidade sobre navegadores para dispositivos móveis, e como eles interpretam folhas de estilo, scripts, entre outros elementos que usamos. Procurando na net material sobre o assunto, encontrei o Mowser, que nada mais é do que um simulador online, que renderiza as páginas como um navegador de dispositivo móvel o faria.

Vejam aqui como ficou o meu site no Mowser. (Propositalmente eu omiti algumas informações para diminuir a rolagem).

Outra ferramenta similar é o Openwave Simulator, que possui a mesma função, mas com as dimensões de um celular, e esse é necesário intalar. Você pode baixa-lo aqui

Isso não seria a solução dos nossos problemas, até porque, isso é só o começo e nem todo mundo tem um palm ou celular com suporte a essas tecnologias.

Para quem se interessou pelo assunto, e deseja começar a fazer algumas experiências, basta utilizar ua folha de estilo específica para os dispositivos móveis (handheld), para tal, basta informar para qual o tipo de media o css será usado:

<link href=”css/mobile.css” rel=”stylesheet” media=”handheld” type=”text/css” />

Simples não? Agora é começar a experimentar, e facilitar a vida de quem acessa seus sites de outros dispositivos. Caso tenha alguma dúvida, escreve ai que a gente tenta resolver :D.

Bom estudo.

Posts Relacionados

1 Comentário para “CSS para Dispositivos Móveis”

  1. Rodrigo Medeiros disse:
    October 27th, 2007 at 00:08

    Testando acesso ao blog pelo E62.

Solte o Verbo