Quer que façamos a criação de sites responsivo nos dias de hoje é mais do que obrigação de qualquer empresa que trabalha com criação de sites, precisam ter.
Site responsivo é muito mais que media queries, breakpoints e redimensionamento de imagens. Nesta tradução de artigo da Smashing Magazine, Stéphanie Walter mostra o que é, o que será possível, e o que precisa ser melhorado no RWD.
Um site responsivo já chegou aí há alguns anos, e foi destaque em 2012. Muitas estrelas da web, como Brad Frost e Luke Wroblewski, possuem vasta experiência neste tema e têm nos ajudado a fazer grandes melhorias. Mesmo assim, ainda há muito a ser feito.
Neste artigo, vamos ver o que já é possível fazer hoje, o que será possível no futuro – usando propriedades ainda não padronizadas (como CSS nível 4 e API’s do HTML5) – e o que ainda precisa ser melhorado. Este não é um artigo tão completo, por isso não entraremos a fundo em cada técnica, entretanto, você terá links e referências para explorar por conta própria.
O Cenário das Imagens no Web Design Responsivo
Há um aspecto melhor para começar a falar no web design responsivo que não seja imagens? Este até agora tem sido o tópico principal. E fica cada vez mais importante com a chegada das telas de alta densidade. E quando digo alta densidade, quero dizer telas com uma proporção de pixel maior que 2; esses dispositivos são chamados pela Apple de tela retina, e pelo Google de XHDPI. No web design responsivo, as imagens vem relacionadas a dois grandes desafios: tamanho e desempenho.
A maioria dos designers buscam a perfeição no pixel, porém imagens de tamanho “normal” em dispositivos de alta densidade aparecem pixeladas e borradas. Servir imagens com o dobro do tamanho a esses dispositivos parece ser tentador não é mesmo? No entanto, isso pode criar um problema de performance, pois imagens com o dobro do tamanho levam mais tempo para carregar, e usuários de dispositivos com alta densidade de pixels nem sempre tem a largura de banda necessária para fazer o download dessas imagens. Além disso, dependendo do país em que o usuário vive, esta largura de banda pode ser bem cara.
O que é uma criação de sites responsivos ?
Um site que se adpta em qualquer dispositivo, smartphone, iphone, tablet, notebook, computador, etc…
Um site que não precisa ficar dando zoom para visualizar determinadas partes de um site.
