Layout líquido (ou fluid) com YUI


English Version (Google Translate)

Algo que pode ser muito díficil de manter estável entre vários browsers são layout líquidos, ou fluid layout se prefererir, algumas vezes 100% pode significar um tamanho no IE e outro no Firefox caso você esteja usando margin e padding, graças as implementações de box model… o problema de usar layout líquido é que ele restringe o uso de imagens até um certo ponto, então layouts com muitas imagens, modelos 3d e etc é melhor optar por layout fixo o que é bem mais simples de desenvolver. Em nossos projetos, normalmente optamos por layout líquido em portais, sites com muito texto ou sistemas.

Se você for utilizar layout líquido, então vale a pena dar uma olhada no atual YUI do Yahoo. Nate Koechley, na minha opnião um dos grandes nomes do Yahoo, tem feito um trabalho bem bacana no YUI (apesar de pessoalmente eu não gostar de frameworks css) e postou em seu blog como utilizar as novas funcionalidades de layout líquido do framework do Yahoo.

Vale a pena conferir.


3 Comentários to “Layout líquido (ou fluid) com YUI”

jordano santros cerqueira diz:

Muito bom o texto e a dica apesar que adotei como ferramentas de meus projetos o JQuery. Mas continuamos de olhos em todos (MooTools também)


daniel lopes diz:

@Jordano, também só uso Jquery agora mas você pode separa o framework de css do YUI do js e usar apenas as folhas de estilo.


Junio Vitorino diz:

Eu particurlamente também não gosto de usar frameworks, sou egoísta nesse ponto, no meu css só eu meto a mão, hehehhe. Mas sem dúvida, o YUI está ficando cada vez mais completo.


Comentário