Pular para conteúdo 
Зеленый кофе

O autor

Carlos Eduardo de Souza, Front-End Developer & Interface Designer na Coopers Digital Production, dedica seu tempo para o desenvolvimento de uma Web mais acessível. Possui certificado W3C em Mobile (sites e web apps) e HTML5.

Portfolio e blog sobre Web Standards – project.47, de Carlos Eduardo de Souza

Blog

Topo 31/05/06

A resolução do futuro

No grupo de discussőes ArqHP foi levantada a questão sobre qual seria a resolução do futuro.

primeira vista, podemos imaginar monitores maiores ou, pelo menos, uma padronização de resoluçőes maiores (que hoje ainda é 800×600), como 1024×768 ou até 1280×1024.

Porém, com o passar do tempo, mais e mais dispositivos “alternativos” para acesso a internet vęm surgindo, o que coloca em dúvida se a resolução padrão tenderá mesmo a crescer ou até mesmo, diminuir.

E se isso acontecer, qual seria a saída? A resposta para isso é simples: layout líquido.

Para quem não sabe, os layouts líquidos são aqueles que não possuem um tamanho absoluto, ou seja, não possuem tamanhos utilizando medidas como pixels, por exemplo, mas porcentagem em relação ŕ resolução a qual o usuário está utilizando. Ou seja, uma página que ocupa 100% da tela com 1280×1024, ocupará os mesmos 100% de uma tela de 640×480, por exemplo. Claro, isso exige uma certa prática, mas com certeza vale a pena.

Ah, para não parecer contraditório, estou estudando a possibilidade de reformular o design deste site, com um layout líquido =)

Assuntos: Web Design
Trackback Feed deste artigo

4 comentários para "A resolução do futuro"

  1. Pedro Rogério | 8/06/06 - 9:30 am

    Layouts líquidos são legais, mas em relação a blocos de texto, devemos tomar muito cuidado por que a leitura pode se tornar cansativa e confusa devido as linhas de texto ocuparem uma maior espaço. Abraços!!!

    Topo
  2. Carlos Eduardo de Souza | 8/06/06 - 12:28 pm

    Com certeza!

    Por isso devemos especificar um max-width… Aí a legibilidade não fica prejudicada =DD

    Topo
  3. Rogério Brum | 1/09/06 - 10:57 am

    mas max-width nao funciona no ie, funciona?

    Topo
  4. Carlos Eduardo de Souza | 1/09/06 - 11:04 am

    Uma solução pro CSS no IE, com max-width é:

    width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");

    Neste caso, a largura máxima será de 1000px. O CSS não validará mas é uma alternativa =)

    Topo
Comente este artigo
  1. (obrigatório)
  2. (obrigatório)

Links Randômicos
Meta
Apoio
Créditos
Creative Commons