Desenvolvendo sites para mobile

Fernando Rossetto — Thu, 28 Jan 2010 12:00:14 +0000

Tratando do tema acessibilidade ainda, falarei um pouco sobre o desenvolvimento de sites para mobile browsers.

Do mesmo modo que devemos nos preocupar em desenvolver um site que funcione bem em diferentes navegadores, incluindo os especiais para deficientes visuais, hoje é um fato que existe alguém que acesse seu site por meio de um dispositivo móvel. Nos dias atuais é importante que um site de adapte em diferentes mobile browsers (navegadores móveis – como os de celulares).

O maior problema é fazer essa adaptação do modo eficiente, o que deve-se levar em consideração durante o planejamento é que um site para mobile será visto em diferentes aparelhos e na grande maioria nem todos tem o mesmo suporte.

Um site bem feito, dentro dos padrões da W3c normalmente em principio já funciona em navegadores mobile, o que realmente devemos tomar cuidado é na hora de usar o CSS, nem todos renderizam bem as folhas de estilo.

Para solucionarmos esse problema podemos criar um filtro. Fazemos isso utilizando Media Queries. Elas nos permitem fazer isto. Um filtro onde definimos as características do dispositivo que acessará a página. Com isso, podemos criar um CSS específico para cada grupo de dispositivos que se encaixaram no seu filtro. Por exemplo:

Para desktops e notebooks:

Mobile:

Durante o desenvolvimento do site devemos trabalhar sempre com tamanhos relativos, por exemplo, o conteúdo com 80% do tamanho total alinhado ao centro e a partir disto posicionar os outros elementos. Desta forma o site adapta-se de acordo com o tamanho da tela, em outras palavras, temos um layout liquido.

Como disse em outras oportunidades; pequenas mudanças geram grandes resultados!

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Design Blog » mobile

Desenvolvendo sites para mobile

Artigos relacionados