Ultimamente a programação de interface tem uma preocupação a mais, fazer com que os websites também sejam vistos em dispositivos móveis, ou seja, celulares e tablets. Neste sentido, vale a pena testarmos algumas ferramentas, técnicas e frameworks que o mercado oferece.
Media Queries
Caso você opte em trabalhar somente com css, existem as mediaqueries que se resumem em assimilar a folha de estilo a uma determinada ação, por exemplo:
<link rel="stylesheet" type="text/css" media="screen" href="sans-serif.css"> <link rel="stylesheet" type="text/css" media="print" href="serif.css">
Nesse exemplo temos duas folhas de estilos, uma para tela e outra para impressão, ou seja, caso queira imprimir um determinado documento, ele irá assumir o serif.css. Caso contrário assumirá sans-serif.css.
O exemplo acima é apenas uma amostra do poder das mediaqueries. Outras fontes que recomendo para os interessados no assunto são:
http://www.adobe.com/devnet/dreamweaver/articles/dw_html5_pt3.html
jQuery Mobile
jQuery Mobile pode ser resumido num sistema de interface unificada do usuário que funciona perfeitamente em todas as plataformas de dispositivos móveis populares.
A estrutura inclui uma navegação em Ajax, páginas animadas, transições e um conjunto central de widgets de interface do usuário: páginas, diálogos, barras de ferramentas, ListViews, botões com ícones, elementos de formulário, accordions, collapsibles e muito mais.
A diferença fundamental do jQuery Mobile é a grande variedade de plataformas móveis que ele abrange de forma que nenhum navegador ou dispositivo é deixado para trás. Seu sistema de marcação é simples e intuitivo, além de ter uma documentação completa e fóruns de discução. Para desenvolvedores mais avançados, há uma API rica em opções de configuração de eventos globais, métodos para aplicar o script, gerar páginas dinâmicas e, até mesmo, construir aplicativos nativos com ferramentas como PhoneGap.
Todas as páginas em jQuery Mobile são construídos sobre uma base limpa, o HTML semântico que garante a compatibilidade com praticamente qualquer dispositivo habilitado para web. Nos dispositivos que interpretam CSS e JavaScript, jQuery Mobile aplica técnicas de aprimoramento progressivo para, discretamente, transformar a página em uma experiência rica e interativa que aproveita o poder da jQuery e do CSS.
Conclusão
Espero que tenham gostado do post e vale lembrar que esta é apenas uma amostra das possibilidades que a ferramenta oferece.
Recentemente fiz uma aplicação mobile para Bertholdo com o objetivo de facilitar a apresentação da empresa em dispositivos móveis. Confiram em: http://bertholdo.com.br/mobile/ do seu dispositivo móvel.
Cláudio Barbosa dos Reis – Desenvolvedor web