Tableless - Desenvolvimento inteligente com Padrões Web

21/03/2005
Geral

Real.com convertido

Converti o site da Real na sexta passada. Visualizar a conversão Talvez a home que apareça para você no site original seja diferente, depende do sistema operacional ou browser que você entrar. A home que apareceu para mim foi essa.

Por

Converti o site da Real na sexta passada.
Visualizar a conversão

Talvez a home que apareça para você no site original seja diferente, depende do sistema operacional ou browser que você entrar. A home que apareceu para mim foi essa.

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

  • http://www.virtualdreams.com.br Roberto Sonnino

    Aqui o site da real esta diferente, pq eh Moz/Windows/PT-br.

    A conversão ficou muito boa, parabens!

  • http://www.mundodev.lwh.com.br Cosme Faé Mendonça

    Excelente conversão, agora está 3kb, diminuição bem significativa. Meus parabéns pelo ótimo trabalho.

  • http://tableless.tiagomadeira.net Tiago Madeira

    Vocês fazem milagres nessas conversões! Muito boa…

  • http://jaymeayres.chemicalhost.net jayme ayres

    Pô… ducar*&% essas conversões, espero um dia ficar bom assim. Legal.

    PS.: notei hj que o site da MTv é em tableless’…

  • http://www.echoes4ever.com Jonathas Scott

    de fato está muito bom, mas acredito que converter a primeira página em especial da real.com, não apresente muitas dificuldades com o posicionamento e o css em sí, mas com certeza se fosse o site inteiro.. seria merecedor de infinitos elogios..

    (mas é claro que o site inteiro tbm renderia infinitos $$$) :-)

    ….
    Essa ideia do convertidos é muito boa sem sombra de dúvidas, porém acho que poderia ter um pouco mais de pimenta nisso… tipo uma reformulacao mesmo da pagina central de um site, ou seja o designer faria uma conversao de estrutura e também de layout, baseado na página escolhida. Assim teríamos uma questão inclusive de desmistificar o "quadrado" que tantos falam por ai…

    O que acham ???

    Abraços
    jonathas Scott

  • http://www.auriance.com Charles

    Muito bom trabalho. Algumas dicas:

    – é melhor codificar em utf-8
    – é melhor usar o @import pois se usar o <link> pode dar problemas nas versões antigas do netscape.

  • Charles

    Esqueci, a fonte é super pequena no Opera 8 Beta com tela 1600×1200.

    Realmente nõ da para ler o que esta escrito. Eu sempre uso 0.85em no minimo.

  • http://MarcoGomes.com/blog MarcoGomes.com

    Não use @import para importar o style, é anti-semantico.

    A W3C manda usar o <link> mesmo, veja em: http://www.w3.org/QA/Tips/use-links

  • Diego Eis

    No link, não vi nada falando para não usarmos o @import.

  • Rodrigo

    Cara realmente o estilo tabless é tudo de bom, estou tendo algumas dificudades para aplicar mas nada que o tempo não ajude, não é verdade…
    Gostaria que vocês colocasem aqui uma relação de sites nacionais feito no estilo tableless(tipo um CSSVAULT.COM), será que tem algo assim.

    Um abraço , ótimo trabalho esse que vocês da tableless estão fazendo.

  • http://www.andremoreira.com.br/ André Moreira

    A minha pergunta é: porque não usar fluid tableless layouts? É questão de gosto pessoal ou tem algum motivo que eu não sei? Eu estou começando a fazer o meu usando um layout comum de 3 colunas, com cabeçalho e roda-pé, bem simples, mas não precisei fixar a largura do layout.