Tableless - Desenvolvimento inteligente com Padrões Web

30/06/2005
Convertidos

Bradesco Convertido

Recebi ontem um trabalho de conversão muito bom. Acho que o Walter (autor do trabalho), aproveitou a discussão sobre sites de bancos, e converteu o site do Bradesco. Quero parabenizar o Walter Michel por ter feito esse ótimo trabalho. Foi …

Por


Recebi ontem um trabalho de conversão muito bom.
Acho que o Walter (autor do trabalho), aproveitou a discussão sobre sites de bancos, e converteu o site do Bradesco.

Quero parabenizar o Walter Michel por ter feito esse ótimo trabalho.
Foi um dos melhores trabalhos que já recebi…
O site do Bradesco é um tanto complexo. Eu mesmo queria ter convertido, mas sempre batia uma preguiça ao ver todos detalhes…. Ainda bem que existem pessoas mais bem dispostas do que eu! :-D

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • Márcia O. Carmo

    Ótimo trabalho!
    Muito bom mesmo..

    Tava dando uma olhada no código, ainda não entendo o que o "clear: both" faz =//

    E o "expression" eh apenas mais um hack pro IE que não eh validado pela W3C?
    Eh o mesmo que usar o _ no início?
    E o !important? Não eh melhor usar ele?

  • Márcia O. Carmo

    Ah Diego… lah no "Convertidos" o tempo de carregamento do site estah invertido… vc diz que tableless demorou mais que o original =/ hehe

  • http://www.a2c.com.br Acidio

    Tamanho do HTML 16.1 Kb 47 Kb
    Tamanho total
    HTML+CSS+IMAGENS 104 Kb 184 Kb
    Em 56K 10,5 Segundos 7,1 Segundos

    é verdade deve está invertido ou…

  • http://ww.renato.locaweb.com.br/ Renato Carvalho

    Realmente ficou muito boa a conversão. Também reparei nesse detalhe do tempo de carregamento. Parece estar invertido, hehe

  • http://www.dwmx.com.br Leandro Vieira Pinho

    Márcia O. Carmo disse:
    "ainda não entendo o que o "clear: both""
    Ele tipo limpa os objetos que estão flutuando (float: left ….)

  • Márcia O. Carmo

    no meu código nunca muda nada.. por isso nao consigo entender…

  • http://MarcoGomes.com MarcoGomes.com

    A conversão ficou realmente *muito boa*, ótimo uso de listas desorndenadas, listas de definição, títulos etc. Parabéns!

    Só achei quatro ‘defeitos’.
    * O Flash lateral não aparece no IE.
    * A lista "Bradesco Dia e Noite" está com hifens textuais antes dos itens, esses deveriam ser background images do <li>.
    * As listas principais ("Contas e Serviços" "Investimentos" etc) estão com suas sublistas dentros de outros <li>, deveriam ser no mesmo <li> de seus pais.
    * O rodapé está com imagem, seria mais elegante um image-replacement.

    Mesmo com estes ‘defeitos’ eu gostaria muito se eles colocassem uma versão assim no ar.

  • http://MarcoGomes.com MarcoGomes.com

    A conversão ficou realmente *muito boa*, ótimo uso de listas desorndenadas, listas de definição, títulos etc. Parabéns!

    Só achei quatro ‘defeitos’.
    * O Flash lateral não aparece no IE.
    * A lista "Bradesco Dia e Noite" está com hifens textuais antes dos itens, esses deveriam ser background images do <li>.
    * As listas principais ("Contas e Serviços" "Investimentos" etc) estão com suas sublistas dentros de outros <li>, deveriam ser no mesmo <li> de seus pais.
    * O rodapé está com imagem, seria mais elegante um image-replacement.

    Mesmo com estes ‘defeitos’ eu gostaria muito se eles colocassem uma versão assim no ar.

  • jackson

    opa…o cara é bom…e é da minha cidade…

    isso que disseram pra mim estes dias atras que aqui ainda nao havia nada sobre padroes…ja vi muita gente daqui, assim como eu, trabalhando duro nas web standards…

    parabéns

  • LaSSarD

    No Firefox, ficou perfeito – no Opera, perto disso. Foram errinhos realmente mínimos que passam quase despercebidos (no menu do topo vermelho, os links estão muito para baixo).

    Sem dúvida, o "loko" manja! =D

  • http://www.estatis.com.br W.M.D.

    MarcoGomes, o flash aparece sim. O que não aparece eh o swf que fica dentro da "TV" e os textos, pois sao carregados dinamicamente usando caminhos (paths) relativos.

    Sobre a posição da UL interior foi falta de atenção mesmo, eu sabia q tinha algo errado… :)

    Valeu jackson e Lassar :D

  • http://underface.sites.uol.com.br Marcelo de Miranda

    Teve a manha total.

  • Thiago

    Ra fora do ar os convertidos?