Como nós bem sabemos, a tecnologia vem evoluindo a todo o vapor. Uma tv LCD que custava 10 mil reais, em poucos anos baixou para menos de 2 mil reais e, com a baixa dos preços, monitores de todos os formatos e tamanhos invadiram finalmente a casa dos brasileiros. No entanto, os sites desenvolvidos não estão preparados para estes novos monitores. Quando abro um site que ocupa 50% do meu monitor, fico pensando que tenho uma Ferrari estacionada na garagem e não posso dirigir! Portanto, meu caro web designer, venho aqui dar umas dicas de como mudar esta história.
Tipos de layout: Líquido e Híbrido.
Layout Líquido: é baseado em porcentagem e adapta as colunas e imagens contidas no layout para o tamanho do monitor, seja a resolução que for. No entanto, a fonte do texto continuará do mesmo tamanho.
Layout Híbrido: além de fazer o que o Layout Líquido faz, redimensiona também a fonte misturando as medidas “%” e “em”.
Apesar de o Layout Híbrido inicialmente parecer a melhor solução, baseado em minha experiência pessoal, digo que aumentar o tamanho da fonte é bom por um lado, pois diminui a largura das linhas que é o grande problema do Layout Líquido, já que linhas longas dificultam a leitura. Por outro lado, é muito impactante para o leitor e se fosse eu a leitora, pressionaria o “Ctrl-” na hora.
Como na vida o que é de mais e o que é de menos não faz bem a saúde, o caminho é encontrar um meio termo. Neste caso, é desenvolver um Layout Líquido com um querido botão “Aumentar/Diminuir Fonte”, fazendo um misto entre CSS e JQuery, que permitirá ao usuário ser feliz enquanto lê o seu site da maneira como achar melhor, utilizando cada centímetro do monitor que ele comprou.
Não importa se a resolução do monitor é o antigo 800×600 ou o atual 1920×1080, o seu site estará preparado para adaptar-se ao meio em que vive, como Darwin já o dizia.