Converter site existente para uso móvel?

Question

Qual é a melhor maneira de adequar um site existente a dispositivos móveis (netbooks, telefones celulares baseados em Android, Iphone, Blackberry etc.)?

Answer 1

Torne-o flexível.

Você pode detectar larguras de dispositivos diferentes com consultas de mídia CSS: http://www.w3.org/TR/css3-mediaqueries/#device-width

Explicação menos normativa: http://mislav.uniqpath.com/2010/04/ targeting-css /

Excelente postagem no blog: http://webdesignerwall.com/general/the-wall-foi redesenhado

O modelo de caixa flexível CSS3 também pode ser seu melhor amigo.

Answer 2

Sem ir tão longe quanto a implementação de uma estrutura móvel, eu sugeriria aproveitar as CSS Media Queries que permitirá que você sirva css diferentes dependendo do wdith do dispositivo de navegação.

Um bom começo seria olhar para LessFramework , que tirou todo o trabalho duro dos cálculos da grade.

Answer 3

Twitter Bootstrap também fornecerá algumas funcionalidades responsivas prontas para usar, o que significaque a apresentação do site se ajustará com base no tipo de dispositivo e no tamanho de sua tela.

E eu recomendo verificar este livro .

Answer 4

Atualmente, muitas ferramentas disponíveis, mas como manter uma boa experiência do usuário é o mais importante.