Por que o web design “responsivo” não deve ser considerado?


9

Isso pode parecer mais uma questão de design gráfico do que uma questão de programação, mas acho que tem muito mais mérito técnico / de programação do que o design gráfico real.

O conceito de web design "responsivo" gira em torno do uso de consultas de mídia no CSS3 para detectar o tamanho do dispositivo de visualização e ajustar as regras de CSS de acordo - essencialmente, CSS dinâmico. Isso preenche o vazio em muitos casos de implantação - móveis, em particular.

Acho que o uso de consultas de mídia está surgindo lentamente (descobri que muitas pessoas realmente não sabem disso), mas estou me perguntando se existe um motivo para a adoção lenta. É impraticável para aplicativos da web? Falta alguma coisa que possa ser uma armadilha fundamental?


2
Muitas pessoas são apenas ignorantes e não aprendem novos métodos.
Raynos

@ Raynos, mas aprender é tão divertido!
Nic

11
s porque as velocidades da Internet estão aumentando à medida que o tempo passa e o responsivo não é mais um problema real, e o esforço não é mais justificado? Pode ser que eu esteja errado, porque essa ideia parece legal!
Winw

11
Migrar para o webmasters.SE?
Peter Taylor

Respostas:


9

Você tem que pular aros para fazê-lo realmente funcionar. Para um site que estou desenvolvendo, eu costumava @media (max-width:800px)definir uma folha de estilo para telefones e outras telas menores. Mas não estava sendo usado, por exemplo, no iPhone.

Acontece que os desenvolvedores de navegadores de telefone assumem que as pessoas não levam em conta as telas pequenas, portanto mentem para o mecanismo de renderização (o iPhone afirma ter mais de 900px de largura, por exemplo), a menos que você coloque uma metatag extra para não mentir. Quando chega ao ponto de combater os implementadores de navegador, você começa a se perguntar se vale a pena o esforço.


Portanto, a Zurb Foundation e o Twitter Bootstrap lidam com isso muito bem. Requer um pouco de JavaScript para lidar com a troca sob demanda. Também há configurações de DPI, etc. O uso dessas estruturas CSS facilita bastante. Ou pelo menos partes deles.
Berin Loritsch

Vale ressaltar que esta pergunta e resposta são de 6 anos atrás e podem não refletir as taxas atuais de adoção.
Peter Taylor

Ah desculpa. Ele estava no feed principal ontem por algum motivo. Não pensou em verificar a data.
Berin Loritsch

4

Não posso falar por todos, mas, por experiência própria, tempo e dinheiro têm sido o fator decisivo. Meus colegas e eu estamos sempre olhando para as novidades, mas projetar e implementar layouts diferentes para dispositivos de tamanhos diferentes é um grande problema. Especialmente considerando que no meu nokia 5800 de 3 anos todos os nossos sites têm uma boa aparência que eu tenho que rolar para obter o conteúdo da barra lateral. Nós projetamos e implementamos sites para pequenas empresas e pessoas que trabalham por conta própria.

Outro motivo que pode ser válido é a veiculação de um site completamente separado para versões móveis, com seu próprio mapa do site ( http://www.google.com/support/webmasters/bin/answer.py?hl=pt_BR&answer=34648 ), é uma maneira fácil e básica de manter o site.


Bem, acho que é definitivamente difícil introduzir um design responsivo em um site implantado ou no meio do ciclo, mas acho que seria muito mais fácil implementar algo assim em vez de ter um outro subdomínio móvel. Felizmente, o Rails está abstraindo um pouco essa tarefa com modelos herdados.
Nic

Bem, devo acrescentar que, no nosso caso o cliente realmente terceirizado a versão móvel para um concorrente :( Eu pessoalmente ir com modelos em vez de um site diferente também.
Pelshoff

2

Se você pode garantir a recuperação confiável dos dados, tudo bem.

Mas imagine, alguém carrega uma página da web no navegador de janelas de um computador desktop. Você os força a abrir a tela cheia para ler tudo, ou acomoda o tamanho da janela reduzida e apresenta muito espaço em branco à medida que a maximiza? Você serve o CSS uma vez, no carregamento da página!

Que tal um navegador de telefone que alterne os modos paisagem / retrato à medida que você gira o telefone? E um navegador que simplesmente possui resolução muito pequena e as pessoas normalmente usam mais zoom, mas você já se adaptou à resolução relatada, muito pequena e a página fica ilegível?

Basta seguir as diretrizes padrão de criação de um CSS escalável e universal decente e deixar o navegador gerenciar a escala da página na resolução correta.


9
Há um novo recurso no CSS3 que permite regras dinâmicas para diferentes tamanhos de tela, que mudam automaticamente.
Steffan Donal

@Ruirize Exatamente - use CSS estático que possui regras que adaptam o conteúdo dinamicamente - tudo bem. Solicite CSS gerado dinamicamente que possua regras que definam estaticamente o conteúdo para o tamanho da tela - não.
SF.

2
O OP está falando sobre o uso de consultas de mídia, que ajustam dinamicamente as coisas com base no tamanho da tela (entre outras coisas). Nenhum arquivo extra carregado.
Travis Northcutt 29/07

11
@SF .: tente redimensionar uma janela do Google Agenda (o novo tema vermelho, e não o azul mais antigo), é assustador como eles lidam com isso.
Lie Ryan

2
@SF: O post original estava falando sobre consultas de mídia, não servindo CSS diferente com base em cabeçalhos ou w / e.
Pewpewarrows
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.