Tableless - Desenvolvimento inteligente com Padrões Web

18/08/2004

Chevrolet.com

Vi em uma dúzia de blogs gringos ao mesmo tempo: chevrolet.com, redesign tableless, XHTML com CSS, javascript crossbrowser, muito bom.

Por

Vi em uma dúzia de blogs gringos ao mesmo tempo: chevrolet.com, redesign tableless, XHTML com CSS, javascript crossbrowser, muito bom.

Por Elcio Ferreira

http://elcio.com.br/

Veja os outros posts de

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

    nossa senhora… obra prima…
    muito bom… valeu o meu click.e muito :-)

  • http://www.fimdeprova.com Daniel San

    Um dos códigos fonte mais bonitos que já vi. Extremamente claro identação ótima.
    Pensei que só eu usava a macação <fieldset>.
    Os caras realmente criam um código semanticamente correto, e assim como eu, (www.csa.osa.og.br) eles usam <dl> para criar menus em vez de <ul> ou <ol>.

    Ótimo link Élcio.

  • Marcus Beckenkamp

    Muito bom mesmo! Mas esqueceram da cor de fundo… se mudar a cor de fundo do browser já era…

  • http://www.wesleyhenrique.net/ Wesley Henrique

    As páginas de conteúdo ficaram excelentes, mas a página inicial ficou estranha, parece que está faltando algo. Mesmo assim está muito bom!

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

    Simplesmente demais! Organização da informação muito boa+Design.
    Show de bola!

  • http://www.plasmadesign.com.br Sérgio Jardim

    Concordo com o Wesley. Parece mesmo que na home tá faltando algo. A razão disso é o desequilibrio visual que a tarja grandona e o menu geram juntos. Ai a área branca não foi suficiente pra equilibrar.

    Senti também uma falta de espaço de respiração lá no topo. O logo tá muito colado/apertado.

    Fora isso é um bom trabalho. :) Ganha pontos por ser tableless.

  • Thiago

    È.. a página inicial ficou meio tosca.
    Enfim, mas tá legal.

    Pontos é para o novo layout do mezzoblue.. ficou massa..

    Mas, na verdade eu quero mais é relatar minha revolta contra o IE! :) Qdo comecei a mexer com tableless, eu ainda não entendia o que as pessoas (desginers livres de DW) viam de tão ruim no IE… não só no IE, mas por que merda os pixels têm tamanhos diferentes em cada browser???? ahuehuah que mierda

  • http://www.fimdeprova.com Daniel San

    Foi realmente muito expressivo seu comentário senhor THIAGO, acho que o pessoal que frequênta o tableless.com.br vai enriquecer muito lendo seu comentário.
    PARABÉNS :~)

  • http://linksfavoritos.com.br Thiago Raphael R. Marinho

    Eu também adorei o layout… a estrutura do menu está muito legal…
    Eu queria que vcs vissem o meu site e dessem uma opinião. O layout está tosco pq eu nunca fui muito bom nisso, mas é um ótimo utilitário para quem precisa guardar seus favoritos e não sabe onde…
    Ah, eu tentei fazê-lo o mais tableless possível, mas ainda não estou totalmente familiarizado… se alguém tiver alguma sugestão/dica/crítica eu ficarei honrado em recebê-la

    http://linksfavoritos.com.br

  • Thiago

    Bom, só pra esclarecer eu não quis menosprezar o site da chevrolet. Achei interessante o menu. É, legal q eles usaram <dl>. E o código tá muito bom. Dei uma olhada depois e pude perceber. Gostaria que o pessoa desse é uma olhada no código dessa página: http://www.consultec.com.br ; É simplesmente o código mais NOJENTO que já vi. E acho muito importante um código identado direitinho e claro já não sou só "metido a designer", mas também programador.

  • Thiago

    Bom, só pra esclarecer eu não quis menosprezar o site da chevrolet. Achei interessante o menu. É, legal q eles usaram <dl>. E o código tá muito bom. Dei uma olhada depois e pude perceber. Gostaria que o pessoa desse é uma olhada no código dessa página: http://www.consultec.com.br ; É simplesmente o código mais NOJENTO que já vi. E acho muito importante um código identado direitinho e claro já não sou só "metido a designer", mas também programador.

  • Thiago

    Vou reformular última frase:
    E acho muito importante um código identado direitinho, não sou só "metido a designer", mas também programador.

  • Marcus

    O IE é o pior browser existente, mas como já vem com o SO mais usado pela maioria (infelizmente), o pessoal faz sites pensando apenas nele… vocês devem saber como é difícil ver um site que você acabou de fazer tableless/WebStandarts validado pelo W3c que ficou perfeito nos browsers decentes (como Mozilla) sair todo errado no IE… Daí então você tem que mudar um monte de coisa pra "adaptar" o site ao maldito MS Internet Explorer… q raiva!

  • Thew

    Hi everyone,
    My name is Matt Dertinger, I am one of the programmers who worked on the 2005 Chevrolet.com redesign. I have been really happy with how much discussion has been going on in the web standards community about the site, and all the feedback we’ve been getting. Thanks a lot for all your comments. I’m really glad that people seem to like the definition list for the navigation. I don’t know everyone here can read english or not, but since I’m a stupid American who’s education system doesn’t value multilingualism I had to right my response in English, sorry. I’ll try to learn this Portuguese stuff soon, but for now I’m translating your comments in Sherlock, its not great, but I’m getting the general idea of your comments. So please keep them coming. Thanks a lot.

  • fel

    We’re welcome! =)

  • http://elcio.locaweb.com.br Elcio

    Matt, excuse my bad english, but since I’m a stupid Brazilian who’s education system doesn’t value multilingualism I had to right my response in bad English, sorry. The Tableless.com.br Team is very happy with your visit and comment. Congratulations, chevrolet.com is really a great job, nicely done.
    Matt, do you have a website, blog, Orkut profile or anything else where we can know you better?

  • Thew

    No, but with all the interest that the Chevrolet site is getting I’m going to try to start contributing more to the developer community. Sorry, I’ve been a taker and not much of a giver, but hey, that’s the american way! Anyway, as I submit articles to developer sites or launch new projects I will be sure to let you know. As for a site of my own, maybe when I retire I’ll have enough time, but as of right now I’m far too busy with work and family. However, one of the other programmers I worked with on Chevrolet does have a nice site you might want to vist. It’s a weird mix of odd comedy and developer speak. Here it is, check it out, there’s a discussion forum on squeeky shopping carts, great stuff! <a href="http://www.davezilla.com/ title="View the rantings of a mad man">Davezilla.com</a>.

  • Thew

    sorry. I thought I could post a message with markup. Anyway here’s the link.
    http://www.davezilla.com.

  • Thiago

    POis é! O IE é realmene revoltante. Mas, tem uma coisa q eu acho bizarra no mozilla: no ie, qdo dá padding num div, ele encolhe o texto, e as dimensoes do div permanecem iguais; já no mozilla, o div aumenta!! :( como resolver isso? eu acho essa uma das principais dificuldades… dentre outras como os tamanhos diferentes de um pixel para acada navegadr. Isso é absolutamente ridículo! É como se em cada lugar o centímetro tivesse um tamanho diferente :(
    Novamente em relação ao IE, geralmente o site fica bom no Opera, mozilla firefox, netscape e só no IE dá pau… mas como todo mundo usa IE, que além de ser ruim é altamente vunerável – já li 3 ou 4 reportagens na Folha aconselhando aos leitores trocar o IE pelo Firefox ou Opera; também já li q o Mozilla tem uma falha de segurança qdo instalado no windows, mas acho q já foi consertado, mas não se compara a quantidades de bugs e brechas do IE.
    Vamos lançar uma campanha mundial contra o ie? ehauehuah… nada de anti-capitalismo, mas pela merda q ele é mesmo. Bom, fica a dúvida então, alguém aí sabe como resolver o problema do padding? euhauh criando subdivs com margin? eca! hauheuahueh

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

    Olá Thiago, sobre essa coisa que voc~e falou que acha bizarra no Firefox, na verdade é bizarro no IE, pois ele foge das padronizações de Box Model determinados pela W3C. Segue um link muito bom que esclarece esse problema.

    Por falar em falhas no IEca, segue um link bem interessante falando sobre pessoas que tiveram experiências frustantes com o IEca. O projeto foi criado pelo pessoal do webstandards.org e o link do projeto é http://browsehappy.com/

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

    O link sobre o problema do Box Model não apareceu, estranho :) Vamos ver se agora vai: http://www.positioniseverything.net/articles/box-model.html

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

    O link sobre o problema do Box Model não apareceu, estranho :) Vamos ver se agora vai: http://www.positioniseverything.net/articles/box-model.html

  • http://lutandoporwasp.blogspot.com Aldemir Vieira

    Achei ótimo, código com semântica na mente. Precisa apenas passar 100% pelo validador CSS e WAI. Pronto feito isso o trabalho fica exemplar. Nada como alguém de peso para puxar o barco.

    Congratulations Chevrolet Web Team!

  • solano krabbe

    Pena que a filial no Brasil não conheça essa filosofia de desenvolvimento e acredite existir apenas IE :(

  • DOUGLAS FERREIRA

    Sou proprietario de um veiculo corsamaxx,e quase fui batido por outro veiculo dvido ao pessimo freio,fui a cossecionaria reivindicar o ocorrido os mesmos me ofereceram um outro carro do mesmo modelo e vi que a gm nao se preocupou com o freio desses veiculos pesso que a gm tome o mais rapido possivel que ajeitem esses kros pois v6 estam praticamente jogando veiculos sem segurança para seus clientes agradecido;DOUGLAS SÃO LUIS-MA

  • http://titan-tankless-waterheater.blogspot.com titan tankless waterheater

    Thank you for your site. I have found here much useful information!Very cool design!Added to favorites!! My site: http://titan-tankless-waterheater.blogspot.com